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

FARBVARIANTE 1:

Farbe 1 (dunkel): #C06014
Farbe 2 (hell): #EDDBCD
Farbe 3 (dunkel): #151515
Farbe 4 (hell): #CDCDCD

*/

.farben {
    color: #C06014;
    color: #EDDBCD;
    color: #151515;
    color: #CDCDCD;
}

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

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

.color1 {
    background:#C06014;
}
.color2 {
    background: #EDDBCD;
}
.color3 {
    background: #151515;
}
.color4 {
    background: #CDCDCD;
}

/*Qickbucher*/
form#booking_form .submitButton {
    background: #151515;
}

form#booking_form label,
form#booking_form .room-container {
    color: #151515;
}


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

body {
    background: #EDDBCD;
}

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

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

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

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

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

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

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

    /*Suche*/

.suche .search.suche {
    background: #151515;
    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: #CDCDCD;
    color: #151515;
    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: #C06014 !important;
}

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

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

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

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

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


/*Ausgabe Content*/

.standard-main h2.standard-subtitle,
.standard-main h2 {
    color: #C06014 !important;
    padding: 2px 0;
}

.standard-main .standard-titleimage .titleimage-subtitle {
    color: #CDCDCD;
}
/*Ausgabe Teaser als Accordion*/

.moduletable .full-teaser-container.custom-template.box-with-ac-effect .standard-box-ac-item .standard-box-ac-readmore {
    background: #C06014;
    color: #fff;
}

.moduletable .full-teaser-container.custom-template.box-with-ac-effect .standard-box-ac-item h3.standard-box-ac-title {
    color: #C06014;
}

/*
Teaser
*/

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

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


/*Pfad*/

#breadcrumbs {
    background: #C06014;
    color: #fff;
}

/*Footer*/

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

/*Individuelles Layout für das Wetter*/

.w_date {
    background: #151515 !important;
}

#weather .w_weather {
    background: #C06014 !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: #CDCDCD !important;
    border-top: 2px solid #C06014 !important;
}

/*Ausgabe der Tabellen*/


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

/*Formular*/

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

.bfQuickMode fieldset legend {
    color: #C06014;
}


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

    /*Menü-Desktop*/

    ul.responsiveMenuTheme3d.isDesktop a,
    ul.responsiveMenuTheme3d.isDesktop span.separator,
    ul.responsiveMenuTheme3d.isDesktop span.navHeader {
        color: #C06014 !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 #EDDBCD !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: #C06014 !important;
        color: #fff !important;
    }
    ul.responsiveMenuTheme3d.isDesktop li li.active > a,
    ul.responsiveMenuTheme3d.isDesktop li li:hover > a {
        background: #151515 !important;
        color: #fff !important;
    }
    ul.responsiveMenuTheme3d.isDesktop li li li.active > a,
    ul.responsiveMenuTheme3d.isDesktop li li li:hover > a {
        background: #fff !important;
        color: #C06014 !important;
    }

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

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

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

    /*Module linke Spalte*/

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

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

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

    .suche .search.suche button.button {
        background: #C06014;
        color: #fff;
        margin: 10px 0 0 0;
    }
    .suche .search.suche .inputbox {
        border: 1px solid #C06014;
        background: #fff;
    }
    .stammdaten .moduletable.kontakt,
    .suche .moduletable.suche,
    .wetter .moduletable,
    .webcam .moduletable,
    .feratel .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: #C06014;
        color: #fff;
    }

    .stammdaten .information .row-left i.fa {
        background: #CDCDCD;
        color: #C06014;
    }

    .stammdaten .kontakt .row-one {
        color: #151515;
    }
    .infobox-container a:link,
    .infobox-container a:visited {
        color: #fff;
    }
    .stammdaten-container a:link,
    .stammdaten-container a:visited {
        color: #C06014;
    }

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

    /*Content*/

    .item-page .standard-main {
        border-top: 1px solid #CDCDCD;
    }

    /*
===========================================
Layout Variante 2 - horizontal
===========================================
*/

    .responsiveMenuTheme1d.isDesktop {
        background: #C06014 !important;
    }

    .responsiveMenuTheme1d.isDesktop li li li a {
        background: #C06014 !important;
        color: #EDDBCD !important;
    }
    .responsiveMenuTheme1d.isDesktop a:hover,
    .responsiveMenuTheme1d.isDesktop li.active > a,
    .responsiveMenuTheme1d.isDesktop li > span.separator:hover {
        color: #FFF3E7 !important;
        background-color: #151515 !important;
    }

    .responsiveMenuTheme1d.isDesktop li li > a {
        background: #EDDBCD !important;
        color: #151515 !important;
    }

    .breadcrumbs a {
        color: #EDDBCD !important;
    }


}


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

    /*Header-Top*/

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

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

}