/*
=================================================
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;
}


/*
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,
.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,
.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,
.ext-links.mobile .moduletable h3 {
    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;
}

/*
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,
    .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: #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,
    .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;
    }
}


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

    /*Header-Top*/

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

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

}