/*
=================================================
Festlegen der 4 Farben für das Projekt
=================================================

FARBVARIANTE 08: 10

Farbe 1 (dunkel): #6A5750 #6A5750
Farbe 2 (hell): #F6F1ED #F6F1ED
Farbe 3 (dunkel): #30231D #30231D
Farbe 4 (hell): #B5A397 #B5A397

*/

.farben {
    color: #6A5750;
    color: #F6F1ED;
    color: #30231D;
    color: #B5A397;
}

.color {
    text-align: center;
    padding: 20px;
}

.color div div {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.color1 {
    background:#6A5750;
}
.color2 {
    background: #F6F1ED;
}
.color3 {
    background: #30231D;
}
.color4 {
    background: #B5A397;
}

#all {
    color: #2A2829 !important;
}


/*
Ende
=================================================
*/

body {
    background: #F6F1ED;
}

/*Logo, Name, Unterkunftstyp und Module mobile linke Spalte*/

.kunde i.fa,
.kunde .unterkunftstyp,
.kunde .untertitel,
#weather_mini_weather {
    color: #6A5750;
}
.kunde .untertitel:before,
.kunde .untertitel:after,
.stammdaten h3,
.suche h3,
.wetter .moduletable h3,
.buchen .moduletable h3,
.webcam .moduletable h3,
.ext-links.mobile .moduletable h3 {
    background-color: #6A5750;
}
.stammdaten .moduletable.kontakt,
.stammdaten .moduletable.information,
.suche .moduletable.suche,
.wetter .moduletable,
.buchen .moduletable,
.ext-links.mobile .moduletable,
.webcam .moduletable,
.ext-links.mobile .moduletable .custom span {
    border-bottom: 1px solid #F6F1ED;
}
.stammdaten .stammdaten-container .telefon,
.stammdaten .stammdaten-container .adresse,
.stammdaten .stammdaten-container .email,
.stammdaten .stammdaten-container .obuchen {
    background: #30231D;
    color: #fff;
    border-bottom: 1px solid #F6F1ED;
}

.stammdaten-container a:link,
.stammdaten-container a:visited,
.infobox-container a:link,
.infobox-container a:visited {
    color: #fff;
}

.stammdaten .moduletable.information {
    background: #30231D;
    color: #fff;
}

.stammdaten .row-one {
    color: #F6F1ED;
}

.stammdaten h3,
.suche h3,
.wetter .moduletable h3,
.buchen .moduletable h3,
.webcam .moduletable h3,
.ext-links.mobile .moduletable h3 {
    color: #fff;
}

.ext-links.mobile .moduletable .custom {
    background: #30231D;
    color: #fff;
}

#weather_mini .detail-weather-link {
    border-top: 1px solid #B5A397;
    border-bottom: 1px solid #B5A397;
}

/*Suche*/

.suche .search.suche {
    background: #30231D;
    padding: 10px;
}

.suche .search.suche .inputbox {
    border: 1px solid #fff;
    background: #fff;
}

.suche .search.suche button.button,
#wrapper2 .search .btn-toolbar button,
#ff_formdiv1 .bfQuickMode .bfSubmitButton,
#ff_formdiv4 .bfQuickMode .bfSubmitButton {
    background: #B5A397;
    color: #30231D;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 15px;
}

/*Menü*/

.responsiveMenuTheme1m.isMobile a:hover,
.responsiveMenuTheme1m.isMobile li.active > a,
.responsiveMenuTheme1m.isMobile li > span.separator:hover {
    background-color: #6A5750 !important;
}

.responsiveMenuTheme1m.isMobile li.active > a {
    background-color: #30231D !important;
}

.responsiveMenuTheme1m.isMobile li li.active > a {
    background-color: #6A5750 !important;
}

.responsiveMenuTheme1m.isMobile li li li.active > a {
    background-color: #B5A397 !important;
}

.responsiveMenuTheme1m.isMobile li li > a,
.item-page .standard-main .slider-imagegallery-subtitle {
    /*background: #B5A397 !important;*/
    background-color: rgba(0, 0, 0, .5);
    color:#fff;
}
.responsiveMenuTheme1m.isMobile li li li > a {
    background: #F6F1ED !important;
}

.responsiveMenuTheme1m.isMobile > li ul li > a {
    color: #30231D !important;
}


/*Ausgabe Content*/

.standard-main h2.standard-subtitle,
.standard-main h2 {
    /*color: #6A5750 !important;*/
    padding: 2px 0;
}

.standard-main .standard-titleimage .titleimage-subtitle {
    color: #6A5750;
}

/*
Teaser
*/

.item-page .moduletable .full-teaser-container .teaser-item.introtemplate {
    background: #B5A397;
}

.item-page .moduletable .full-teaser-container .standard-readmore a {
    color: #6A5750;
}


/*Pfad*/

#breadcrumbs {
    background: #6A5750;
    color: #fff;
}

/*Footer*/

#footer-outer #footer-inner .copyright {
    color: #6A5750;
}

/*Individuelles Layout für das Wetter*/

.w_date {
    background: #30231D !important;
}

#weather .w_weather {
    background: #6A5750 !important;
}

#weather #w_menus .w_menu a.w_menu_akt:link,
#weather #w_menus .w_menu a.w_menu_akt:visited,
#weather #w_menus .w_menu a.w_menu_akt:hover,
#weather #w_menus .w_menu a:hover,
#weather #w_menus .w_menu a:active {
    background: #B5A397 !important;
    border-top: 2px solid #6A5750 !important;
}

/*Ausgabe der Tabellen*/


table.preistabelle th {
    background: #F6F1ED;
    border: 1px solid #F6F1ED;
}
table.preistabelle td {
    border: 1px solid #F6F1ED;
}

/*Formular*/

.bfQuickMode fieldset {
    border: 1px solid #F6F1ED;
}

.bfQuickMode fieldset legend {
    color: #6A5750;
}


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

    /*Menü-Desktop*/

    ul.responsiveMenuTheme3d.isDesktop a,
    ul.responsiveMenuTheme3d.isDesktop span.separator,
    ul.responsiveMenuTheme3d.isDesktop span.navHeader {
        color: #6A5750 !important;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    ul.responsiveMenuTheme3d.isDesktop li a,
    ul.responsiveMenuTheme3d.isDesktop li span.separator,
    ul.responsiveMenuTheme3d.isDesktop li span.navHeader {
        border-bottom: 1px solid #F6F1ED !important;
        border-top: 0px solid #fff !important;
    }
    ul.responsiveMenuTheme3d.isDesktop li li a,
    ul.responsiveMenuTheme3d.isDesktop li li span.separator,
    ul.responsiveMenuTheme3d.isDesktop li li span.navHeader {
        border: 0px solid #fff !important;
    }

    ul.responsiveMenuTheme3d.isDesktop li.active > a,
    ul.responsiveMenuTheme3d.isDesktop li:hover > a {
        background: #6A5750 !important;
        color: #fff !important;
    }
    ul.responsiveMenuTheme3d.isDesktop li li.active > a,
    ul.responsiveMenuTheme3d.isDesktop li li:hover > a {
        background: #30231D !important;
        color: #fff !important;
    }
    ul.responsiveMenuTheme3d.isDesktop li li li.active > a,
    ul.responsiveMenuTheme3d.isDesktop li li li:hover > a {
        background: #fff !important;
        color: #6A5750 !important;
    }

    ul.responsiveMenuTheme3d.isDesktop ul {
        background: #B5A397 !important;
    }

    ul.responsiveMenuTheme3d.isDesktop ul ul {
        background: #F6F1ED !important;
    }

    ul.responsiveMenuTheme3d.isDesktop ul a,
    ul.responsiveMenuTheme3d.isDesktop ul span.separator,
    ul.responsiveMenuTheme3d.isDesktop ul span.navHeader {
        color: #30231D !important;
        text-transform: none;
        letter-spacing: 1px;
    }

    /*Module linke Spalte*/

    .stammdaten h3,
    .suche h3,
    .wetter .moduletable h3,
    .buchen .moduletable h3,
    .webcam .moduletable h3,
    .ext-links.mobile .moduletable h3 {
        background: none;
    }

    .stammdaten h3,
    .suche h3,
    .wetter .moduletable h3,
    .webcam .moduletable h3,
    .buchen .moduletable h3,
    .ext-links.mobile .moduletable h3 {
        color: #6A5750;
    }

    .stammdaten .information h3 {
        color: #B5A397;
    }
    .stammdaten .kontakt h3 {
        background: #B5A397;
    }
    .suche .search.suche {
        background: none;
    }

    .suche .search.suche button.button {
        background: #6A5750;
        color: #fff;
        margin: 10px 0 0 0;
    }
    .suche .search.suche .inputbox {
        border: 1px solid #6A5750;
        background: #fff;
    }
    .stammdaten .moduletable.kontakt,
    .suche .moduletable.suche,
    .wetter .moduletable,
    .webcam .moduletable,
    .buchen .moduletable,
    .ext-links.mobile .moduletable,
    .ext-links.mobile .moduletable .custom span {
        border-bottom: 0px solid #fff;
    }

    .stammdaten .kontakt .row-left i.fa {
        background: #6A5750;
        color: #fff;
    }

    .stammdaten .information .row-left i.fa {
        background: #B5A397;
        color: #6A5750;
    }

    .stammdaten .kontakt .row-one {
        color: #30231D;
    }
    .infobox-container a:link,
    .infobox-container a:visited {
        color: #fff;
    }
    .stammdaten-container a:link,
    .stammdaten-container a:visited {
        color: #6A5750;
    }

    .stammdaten .stammdaten-container .telefon,
    .stammdaten .stammdaten-container .adresse,
    .stammdaten .stammdaten-container .email,
    .stammdaten .stammdaten-container .obuchen {
        background: #B5A397;
        color: #6A5750;
        border-bottom: 0px solid #fff;
    }

    /*Content*/

    .item-page .standard-main {
        border-top: 1px solid #76323F!important;
    }
}


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

    /*Header-Top*/

    .desktop .ext-links span a {
        color: #6A5750;
    }

    .desktop .ext-links span a:hover {
        color: #30231D;
    }

}

/* Änderungen 24.03.2017 */
.shopmenu {
    background: #B5A397;
}
.hibrau {
    background: #B5A397;
}
 
@media only screen and (max-width: 768px) {
.headertitel {
	text-align: center;
	color: #000000;
	padding: 0 1px 0 0;
    }
}
@media only screen and (min-width: 768px) {
.headertitel {
	padding: 7px 0 0 0;
	color: #6A5750;
    }
}


/*
@media only screen and (min-width: 768px) {
body {
    background: #6A5750!important;
    }
}

#wrapper2 {
    background: #F6F1ED;
}
@media only screen and (min-width: 768px) {
.header-top {
    background: #F6F1ED;
    }
}

.standard-subtitle:first-child {
    color: #fff!important;
    padding: 10px 10px 8px 10px!important;
    background-color: #6A5750;
	text-align: center;
}

#all {
    min-height: 600px;
}

*/
 

#wrapper2 {
    background: #d3c9c2!important;
    }
@media only screen and (min-width: 768px) {
    .header-top {
    background: #d3c9c2;
    }
}

#fontsize {
    position: absolute;
    right: 0;
    z-index: 999;
}
.item-page h1 {
    color: #76323F;
    font-size: 1.4em;
    letter-spacing: 1px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 3px;
    margin-top: 10px;
}
.aktualisiert {
    text-align: center;
    padding-top: 10px;
}