html {
    height: 100%;
}
html {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
body {
    height: 100%;
}

.gesamt {
    min-height: 100%;
    position: relative;
}

p {
    margin: 10px 0;
}

h1 {
    font-size: 1.4em;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 0px;
    margin-top: 0;
    font-family: 'Roboto', Arial, Helvetica, serif;

}

h2 {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 0px;
    font-family: 'Handlee', Arial, Helvetica, serif;
}

h3 {
    font-size: 1.1em;
    margin-bottom: 0px;
    font-family: 'Roboto', Arial, Helvetica, serif;
}


a:link,a:visited {
    color: #151515;
}
a:active, a:focus {
    outline: grey dotted 1px !important;
}



ul.responsiveMenuTheme3d.isDesktop {
    font-family: 'Roboto', Arial, Helvetica, serif !important;
}



a:hover,a:active,a:focus {

}

#all {
	color: #151515;
}

#shadow #all {
}


/*Fontsize*/

#fontsize {
    float: right;
}

#fontsize a {
    text-decoration: none;
    padding: 0 .5em;
}

#fontsize a.bigger {
    font-size: 2em;
}

#fontsize a.reset {
    font-size: 1.5em;
}

#fontsize a.smaller {
    font-size: 1.2em;
}

/*Suche*/

#header .suche {

}

.suche .search.suche {
    text-align: center;
}

.suche .search .inputbox {
    width: 80%;
    padding: .5em;
    font-family: 'Roboto', Arial, Helvetica, serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#wrapper2 .search .inputbox {
    padding: .5em;
    font-family: 'Roboto', Arial, Helvetica, serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#wrapper2 .search .btn-toolbar button {
    margin: 10px;
    border: 0px solid #fff;
}


form#searchForm {
    padding-top: 20px;
    text-align: center;
}

.search .result-category {
    display: none;
}
.search .result-title {
    margin: 10px 0 0 0;
    padding: 5px 0;
}

.suche .search.suche button.button {
    border: 0px solid #fff;
}

    /*Pagination */

.pagination {
    margin: 1em 0;
}
.pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.pagination ul li {
    display: inline-block;
    padding: 5px;
}

.pagination li span {
    padding: 0 5px;
}
.pagination li a {
    background: none;
}


/*Pfad*/

#breadcrumbs {
    padding: 10px 0;
    clear: both;
}

.breadcrumbs {
    padding: 0 10px;
    max-width: 1170px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.breadcrumbs span {
}


.breadcrumbs span.showHere {

}

.mobile {
    display: block;
}

.mobile .topmenu {
    text-align: center;
}

.mobile .topmenu ul.menu {

}

.mobile .topmenu ul.menu li {
    display: inline-block;
    padding: 20px 10px;
}

/*Fußzeile*/

#footer-outer {
    font-size: 1em;
    max-width: 1170px;
    margin: 0 auto;
}

#footer-outer #footer {

}
#footer-outer #footer .logos p {
    margin: 0;
}

#footer-outer #footer .logos {
    text-align: center;
}

#footer-outer .footer-inner-inner {
    max-width: 1100px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

#footer-outer #footer-inner .copyright {
    text-align: center;
    background: none;
    padding: 10px;
}


    /*Sprache*/

.sprache {
    padding: 5px 0 0 0;
    float: left;
}

.sprache div.mod-languages li {
    margin-right: 10px !important;
}

/*Unterschiedliche Reihung von Modulen -> Desktop / mobile*/


/*Ausgabe Logo, Name*/

.kunde {
    clear: both;
    text-align: center;
    padding: 5px 0 15px 0;
}
.kunde .titel {
    font-size: 1.5em;
    padding: 2px 0;
    line-height: 1.1;
}

.kunde .titel a {
    text-decoration: none;
}

.kunde .unterkunftstyp {
    padding: 0 0 0px 0;
}

.kunde .unterkunftstyp,
.kunde .untertitel {
    text-transform: uppercase;
}
.kunde .untertitel {
    font-size: .9em;
    font-weight: 400;
    letter-spacing: 1px;
}

.kunde .untertitel:before,
.kunde .untertitel:after {
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 10%;
}
.kunde .untertitel:before {
    right: 0.5em;
    margin-left: -50%;
}
.kunde .untertitel:after {
    left: 0.5em;
    margin-right: -50%;
}

/*Menü mobile*/

.mainmenu {
    background: #fff;
}

/*Module linke Spalte, mobile-Ansicht*/

.mobilebox {
    display: none;
}

.headline h3 {
    display: none;
}

.stammdaten {
    margin:0px 0 0 0;
}

.stammdaten .row-left {
    display: none;
}

.stammdaten h3,
.suche h3,
.wetter .moduletable h3,
.webcam .moduletable h3,
.buchen .moduletable h3,
.feratel .moduletable h3 {
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 0;
}
.mobilebox-left h3 a,
#header h3 a,
.container-left h3 a {
    text-decoration: none;
}


.webcam p {
    margin: 0;
}

.stammdaten .moduletable.kontakt .full-teaser-container,
.stammdaten .moduletable.information .full-teaser-container,
.suche .moduletable.suche .search.suche,
.wetter .moduletable #weather_mini,
.buchen .moduletable .custom,
.webcam .moduletable .custom,
.feratel .moduletable .custom {
    display: none;
}
.feratel .moduletable .custom {
    text-align: center;
}

.feratel .moduletable .custom form.dw-quickfind {
    margin: 10px auto;
}

.stammdaten .row-one {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.stammdaten .moduletable.kontakt h3:before,
.stammdaten .moduletable.information h3:before,
.suche .moduletable.suche h3:before,
.wetter .moduletable h3:before,
.buchen .moduletable h3:before,
.webcam .moduletable h3:before,
.feratel .moduletable h3:before {
    display: inline-block;
    font-size: 1.5em;
    font-family: FontAwesome;
    line-height: 1;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f098";
    padding: 0px 10px 0 10px;
    text-align: center;
    vertical-align: middle;
}
.suche .moduletable.suche h3:before {
    content: "\f002";
}
.wetter .moduletable h3:before {
    content: "\f185";
}
.webcam .moduletable h3:before {
    content: "\f030";
}
.feratel .moduletable h3:before {
    content: "\f236";
}
.buchen .moduletable h3:before {
    content: "\f236";
}
.stammdaten .moduletable.information h3:before {
    content: "\f05a";
}

.stammdaten .moduletable.kontakt h3:after,
.stammdaten .moduletable.information h3:after,
.suche .moduletable.suche h3:after,
.wetter .moduletable h3:after,
.buchen .moduletable h3:after,
.webcam .moduletable h3:after,
.feratel .moduletable h3:after {
    display: inline-block;
    font-size: 1.2em;
    font-family: FontAwesome;
    line-height: 1;
    font-style: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f196";
    position: absolute;
    right: 15px;
    padding: 4px 0 0 0;
}

.stammdaten .moduletable.kontakt h3.open-acc-title-footer:after,
.stammdaten .moduletable.information h3.open-acc-title-footer:after,
.suche .moduletable.suche h3.open-acc-title-footer:after,
.wetter .moduletable h3.open-acc-title-footer:after,
.buchen .moduletable h3.open-acc-title-footer:after,
.webcam .moduletable h3.open-acc-title-footer:after,
.feratel .moduletable h3.open-acc-title-footer:after {
    content: "\f147";
}

.stammdaten .stammdaten-container .telefon,
.stammdaten .stammdaten-container .adresse,
.stammdaten .stammdaten-container .email,
.stammdaten .stammdaten-container .obuchen,
.stammdaten .stammdaten-container .editor {
    padding: 10px 0 10px 10px;
}

.infobox-container {
    padding: 10px;
}

.infobox-container .obuchen,
.infobox-container .oeffnungszeiten,
.infobox-container .termin {
    padding: 10px 0;
}

.stammdaten-container a,
.infobox-container a {
    text-decoration: none;
}
.infobox-container a {
    text-decoration: underline;
}

/*Wetter linke Spalte*/

.wetter .moduletable #weather_mini {
    background: #fff;
    text-align: center;
    padding: 10px 0;
}

#weather_mini_weather {
    padding: 10px 0 20px 0;
    font-size: 1.4em;
    font-weight: 300;
}

#weather_mini_weather #weather_mini_temperature,
#weather_mini_weather #weather_mini_info {
    display: inline-block;
}

#weather_mini_weather #weather_mini_temperature:after {
    content: '|';
    padding: 0 5px;
}

#weather_mini .detail-weather-link {
    margin: 10px 0;
    padding: 10px 20px;
}

#weather_mini .detail-weather-link a {
    text-decoration: none;
    letter-spacing: 1px;
}


    /*Formular Ausgabe*/

#ff_formdiv1 input.ff_elem,
#ff_formdiv1 textarea.ff_elem,
#ff_formdiv4 input.ff_elem,
#ff_formdiv4 textarea.ff_elem {
    border: 1px solid grey;
    padding: 5px;
}

#ff_formdiv1 .bfQuickMode .bfNextButton,
#ff_formdiv1 .bfQuickMode .bfSubmitButton,
#ff_formdiv1 .bfQuickMode .bfCancelButton,
#ff_formdiv4 .bfQuickMode .bfNextButton,
#ff_formdiv4 .bfQuickMode .bfSubmitButton,
#ff_formdiv4 .bfQuickMode .bfCancelButton {
    float: none !important;
    border: 0px solid #fff;
    margin: 20px auto;
    display: block;
}

#ff_formdiv1 section#bfElemWrap50 {
    margin: 0 auto;
    text-align: center;
}

#ff_formdiv1 section#bfElemWrap50 label {
    float: none !important;
    display: block;
    width: 100% !important;
    padding: 10px 0;
}

.bfQuickMode .bfLabelLeft label {
    width: 45%;
    float: left;
    margin: 0px 10px 0px 0px;
}

.bfQuickMode fieldset legend {
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px;
}

.bfQuickMode fieldset {
    padding: 12px;
}


/*Formular-Ende*/


/*Tabellen im Content*/

table.preistabelle {
    max-width: 770px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tabelle-outer {
    overflow-x: auto;
    margin: 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table.preistabelle .preise {
    text-align: center;
    font-size: 1.2em;
    vertical-align: middle;
}

table.preistabelle th {
    padding: 5px;
}
table.preistabelle td {
    padding: 5px;
}

/*Neuer Quickbucher*/

form#booking_form {
    line-height: 2.9em;
    margin: 0 auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

form#booking_form label {
    width: 34%;
    display: inline-block;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    font-size: .85em;
    text-align: left;
    letter-spacing: 1px;
}

form#booking_form .room-container {
    float: left;
    font-size: .85em;
    text-transform: uppercase;
    letter-spacing: 1px;
}

form#booking_form .text-container {
    clear: both;
    font-size: .85em;
    color: #717171;
    text-align: center;
}

form#booking_form input[type="text"] {
    width: 66%;
    padding: 13px;
    background: #eaeaea;
    border: none;
    margin-bottom: 10px;
    color: #717171;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline !important;
    background: #eaeaea url("../images/micsta/cal-icon.png") no-repeat;
    background-position: 90% center;
}


form#booking_form select {
    padding: 13px;
    background: #eaeaea;
    border: none;
    margin-bottom: 10px;
    color: #717171;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline !important;
    margin: 0 0 0 12px;
    float: right;
}


form#booking_form .submitButton {
    text-transform: uppercase;
    width: 100%;
    padding: 14px;
    min-height: 46px;
    display: inline;
    color: #ffffff;
    line-height: 1.1;
    font-family: arial;
    font-size: 1em;
    text-decoration: none;
    cursor: pointer;
    -webkit-appearance: textfield;
    border: 0px solid #fff;
    letter-spacing: 1px;
}

.clearfix {
    clear: both;
}



    /* responsive */
#mobile_select h2 {border:0; margin:0 0 0 0; padding:0; background:#A07982;text-align:right}
#mobile_select h2 a {
    display:inline-block;
    border-radius:0;
    padding:6px;
    font-size:1em;
    margin-right:5px;
    color: #000;
    font-weight: 600;
}



@media only screen and (max-width: 460px) {

    h1#logo img {
    }

    img {
        max-width: 100%;
        height: auto;
        border: 0;
        -ms-interpolation-mode: bicubic;
        text-align: center;
        margin:0 auto;
    }

    .cols-3 .column-1,.cols-3 .column-2,.cols-3 .column-3,.box,#header form
    {
        float: none;
        width: 100%;
    }
    #header {}
    #header form  {margin:0}
    .logoheader { float: none;}
    #logo {
        margin: 0 auto;
    }
    .box {
        border-left: 0 !important;
        border-bottom: solid 1px #ddd;
    }
    #line {
        text-align: center;
        top: 0;
        right: auto;
        max-width: 100% ;
        min-width:100%;

        margin: 0 0px;
    }
    #header form input,
    .mobilebox-left form input {
        float: none; margin-bottom:4px
    }
    #menuwrapper { margin-top:10px; }

    .skiplinks, .skiplinks li {
        display: block;
    }
    .fb-logo img {
        max-width: 100%;
    }



}
@media only screen and (min-width: 461px) {

    img {
        max-width: 100%;
        height: auto;
        border: 0;
        -ms-interpolation-mode: bicubic;
    }

}
@media only screen and (min-width: 568px) {

    /*Kunde, Name*/
    .kunde .unterkunftstyp {
        letter-spacing: 1px;
    }
    .kunde .titel {
        font-size: 1.8em;
        padding: 5px 0;
    }
    .kunde {
        padding: 5px 0 35px 0;
    }

    /*Eigener Quickbucher*/

    form#booking_form .submitButton {
        width: 50%;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 600px) {

}

@media only screen and (min-width: 700px) {


}

@media only screen and (min-width: 768px) {

        /*Generelles*/

    #wrapper2 {
        min-height: 1525px;
    }


        /*Kunde*/
    .kunde {
        padding-top: 12px;
    }

        /*Module linke Spalte*/



    .stammdaten .moduletable.kontakt .full-teaser-container,
    .stammdaten .moduletable.information .full-teaser-container,
    .suche .moduletable.suche .search.suche,
    .wetter .moduletable #weather_mini,
    .buchen .moduletable .custom,
    .webcam .moduletable .custom,
    .feratel .moduletable .custom {
        display: block;
    }

    .stammdaten .moduletable.kontakt h3:after,
    .stammdaten .moduletable.information h3:after,
    .suche .moduletable.suche h3:after,
    .wetter .moduletable h3:after,
    .stammdaten .moduletable.kontakt h3:before,
    .stammdaten .moduletable.information h3:before,
    .suche .moduletable.suche h3:before,
    .wetter .moduletable h3:before,
    .buchen .moduletable h3:before,
    .webcam .moduletable h3:before,
    .webcam .moduletable h3:after,
    .feratel .moduletable h3:before,
    .feratel .moduletable h3:after {
        display: none;
    }

    .stammdaten,
    .suche,
    .wetter,
    .buchen {
        margin: 25px 0;
    }
    .suche .suche {
        margin: 0;
    }

    .stammdaten h3,
    .suche h3,
    .wetter .moduletable h3,
    .buchen .moduletable h3,
    .webcam .moduletable h3,
    .feratel .moduletable h3 {
        padding-left: 10px;
    }

    .stammdaten h3 {

    }

    .stammdaten .row-left {
        display: block;
        width: 40px;
        float: left;
        padding: 2px 10px 0 0;
        text-align: center;
    }
    .stammdaten .row-left i.fa {
        vertical-align: middle;
        font-size: 1.5em;
        width: 40px;
        text-align: center;
        line-height: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }
    .row-left i.fa-phone-square {
        font-size: 1.3em;
    }
    .row-left i.fa.fa-mobile {
        font-size: 2em;
    }
    .row-left i.fa.fa-envelope {
        font-size: 1.3em;
    }
    .row-left i.fa.fa-bed {
        font-size: 1.3em;
    }
    .row-left i.fa.fa-calendar-minus-o {
        font-size: 1.4em;
    }

    .stammdaten .stammdaten-container .telefon,
    .stammdaten .stammdaten-container .adresse,
    .stammdaten .stammdaten-container .email,
    .stammdaten .stammdaten-container .obuchen {
        border-bottom: 0px solid #EDDBCD;
    }

    .stammdaten .moduletable.information {
        margin: 20px 0;
    }

    .stammdaten .row-right {
        display: inline-block;
        width: 80%;
    }

    .infobox-container p {
        margin: 0;
    }

    #weather_mini .detail-weather-link {
        padding: 10px;
    }
    .wetter .moduletable #weather_mini {
        padding: 10px 0 35px 0;
    }

    .webcam {
        padding: 0px 0 35px 0;
    }

    /*Header*/

    #header {
        width: 270px;
        float: left;
        background: #fff;
        padding: 0 12px 20px 12px;
        position: absolute;
        top: 0;
        bottom: 0;
     }

    .header-top {
        background: #fff;
        margin: 0 0 0 294px;
    }

        /*Content*/

    #wrapper2 .item-page,
    #wrapper2 .blog,
    #wrapper2 .search,
    #wrapper2 .cat_child_wrapper,
    #wrapper2 h2.igallery_title,
    #wrapper2 .main_images_wrapper,
    #wrapper2 .login,
    #wrapper2 .logout {
        padding: 0 12px 12px 12px;
    }
    #contentarea, #contentarea2 {
        margin: 0 0 0 294px;
    }

        /*Menü*/

    .mainmenu {
        margin-bottom: 33px;
    }

        /*Schriftvergrößerung*/

    #fontsize {
        padding: 0;
    }

        /*Suche*/

    form#searchForm .searchintro,
    form#searchForm .form-limit {
        text-align: left;
    }

        /*Standard-Anweisungen*/

    .clear {
        clear: both;
    }

        /*Feratel*/

    .container-left .feratel {
        padding: 0 0 5px 0;
        margin: 0 0 20px 0;
    }


       /*Eigener Quickbucher*/

    form#booking_form {
        width: 244px;
        padding: 10px 0 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    form#booking_form .submitButton {
        width: 100%;
        margin: 0;
    }


    .mobilebox-left {
        display: none;
    }
    .mobilebox {
        display: block;
    }

}

@media only screen and (min-width: 800px) {


}


@media only screen and (min-width: 1020px) {

        /*Module linke Spalte*/


    .webcam {
        padding: 0px 0 0px 0;
    }


        /*Fontsize*/

    #fontsize {
        padding: 0 10px 0 0;
    }

        /*Fußzeile*/

    #footer-outer #footer .logos {
        position: absolute;
        right: 0;
        bottom: 10px;
    }

    #footer-outer #footer {
        position: relative;
    }


        /*Header*/

    #header {
        padding: 0 20px 25px 20px;
    }
    .header-top {
        margin: 0 0 0 310px;
    }

    .sprache {
        padding: 5px 0 0 4px;
    }

        /*Content*/

    #wrapper2 .item-page,
    #wrapper2 .blog,
    #wrapper2 .search,
    #wrapper2 .cat_child_wrapper,
    #wrapper2 .main_images_wrapper,
    #wrapper2 .login,
    #wrapper2 .logout {
        padding: 0 20px 20px 20px;
    }
    #contentarea, #contentarea2 {
        margin: 0 0 0 310px;
    }

    .breadcrumbs {
        padding: 0 20px;
    }

    #wrapper2 .login input[type="text"],
    #wrapper2 .login input[type="password"] {
        padding: 5px;
        border: 1px solid lightgray;
    }

    #wrapper2 .login button[type="submit"] {
        margin: 10px 0;
        background: lightgray;
        border: 0px solid red;
        padding: 5px 20px;
    }


}

@media only screen and (min-width: 1120px) {

        /*Header-Top*/

    .header-top {
        padding: 0;
    }

    .sprache {
        padding: 5px 0 0 19px;
    }

    div.mod-languages li {
        margin-left: 0px !important;
    }
        /*Formular*/

    .bfQuickMode .bfLabelLeft label {
        width: 35% !important;
    }

    .bfQuickMode section input[type='text'],
    .bfQuickMode section textarea,
    .bfQuickMode section select {
        width: 55% !important;
    }


}

@media only screen and (min-width: 1200px) {



}




@media only screen and (min-width: 1900px) { /* Styles */


}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) , only screen and
		(min--moz-device-pixel-ratio: 1.5) , only screen and
	(min-device-pixel-ratio: 1.5) { /* Styles */
}