body {
    font-family: 'Roboto', sans-serif;
    color: #525456;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Dosis regular', sans-serif;
    color: #525456;
}

h2, h3, h4, h5, h6 {
    color: #4695bc;
}

p {
    font-family: 'Roboto', sans-serif;
    color: #525456;
}


a, a:hover, a:visited {
    color: #525456;
    text-decoration: none;
}

    a:hover {
        color: #525456;
        text-decoration: underline;
    }

#headermenuinner #hpLogin,
#headermenuinner #hpLogout,
#headermenuinner #hpSearch,
#headermenuinner ul > li > a,
#headermenuinner ul > li > a:hover,
#headermenuinner ul > li > a:visited {
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    color: #ffffff !important;
    text-transform: uppercase;
}

#divSubLogo {
    background-image: url(images/leuchtfeuer-firmenlogo.png);
    margin: 0 auto;
    height: 144px;
    transition: height 0.3s;
}

#logocontainer {
    border-radius: unset;
    position: relative;
    width: 90px;
    background-color: #fff;
}


@media only screen and (min-width: 1200px) {
    #topLogo {
        display: inherit;
        height: 180px;
        transition: height 0.3s;
    }

    #logocontainer {
        display: none;
    }

    #stage, .wrapperfollowing, .wrapperfollowingfull, .wrappercatalog {
        margin-top: 260px !important;
    }

    body.scrolled #stage,
    body.scrolled .wrapperfollowing,
    body.scrolled .wrapperfollowingfull,
    body.scrolled .wrappercatalog {
        margin-top: 120px !important;
    }

    body.scrolled #topLogo {
        height: 100px;
    }

    body.scrolled #divSubLogo {
        height: 64px;
        background-position: center;
    }

    body.scrolled #headermenuinner {
        padding: 10px 0px;
    }
}

#headermenu .logobild {
    width: 80px;
    background-image: url(images/leuchtfeuer-firmenlogo.png);
    background-position: left center;
}

#headermenuinner #mobilmenubutton {
    right: 10px;
}

#headermenuinner #mobilmenubuttonshow {
    float: right;
    margin-right: 15px;
}

#headermenu .wortmarke {
    display: none;
}

@media (min-width: 980px) {
    #stagesearch {
        position: absolute;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        top: auto;
        bottom: 0;
        background-color: rgb(255, 255, 255, 0.5);
        /*border-radius: 20px 20px 20px 20px;
        -moz-border-radius: 20px 20px 20px 20px;
        -webkit-border-radius: 20px 20px 20px 20px;
        -webkit-box-shadow: 4px 4px 21px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 4px 4px 21px 0px rgba(0,0,0,0.75);
        box-shadow: 4px 4px 21px 0px rgba(0,0,0,0.75);*/
    }
}

@media only screen and (min-width: 1600px) {
    #stagesearch {
        /*background-color: rgba(85, 122, 166, 0.4);*/
        /*top: 450px;*/
    }

        #stagesearch .stagesearch-inner {
            /*background-color: transparent;*/
        }
}

a.stagesearchstart,
a.stagesearchstart:visited,
a.stagesearchstart:active,
a.stagesearchstart:hover {
    background: #163671 !important;
    color: #fff;
}

#substage {
    background-image: url(images/fullside_background.jpg);
}

#headermenuinner {
    box-shadow: none;
}

#headermenulist {
    background-color: #c5bdb5 !important;
}

@media only screen and (min-width: 1200px) {
    #headermenuinner {
        background-color: #c5bdb5;
        padding: 40px;
    }


        #headermenuinner ul > li {
            height: 100%;
            display: flex;
            align-items: center;
            padding: 40px 20px;
            box-sizing: border-box;
            transition: background-color 0.5s;
        }

        body.scrolled #headermenuinner ul > li {
            padding: 30px 20px;
        }

            #headermenuinner ul > li:hover {
                background-color: #9d8f82;
            }
}

#headermenuinner ul > li > a,
#headermenuinner ul > li > a:visited {
    color: #2878AD;
    text-decoration: none;
}

    #headermenuinner ul > li > a:hover {
        color: #3c8a92;
        text-decoration: none;
    }


#headermenuinner #hpLogin,
#headermenuinner #hpLogin:hover,
#headermenuinner #hpLogout,
#headermenuinner #hpLogout:hover {
    color: #2878AD;
}

    #headermenuinner #hpLogin:hover,
    #headermenuinner #hpLogout:hover {
        color: #3c8a92;
    }

.liFavoriten {
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    background-color: #2878ad;
    color: #fff;
}

    .liFavoriten a,
    .liFavoriten a:hover {
        color: #fff !important;
    }

#itemCount {
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: 10px;
    display: inherit;
}

.iconFavorit {
    display: inherit;
    margin-right: 10px;
}



#loginbox input[type=submit] {
    background-color: #ccc;
}


/* DropDown */

#headermenulist .dropbtn {
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
}

#headermenulist .dropdown-titel {
    color: #ffffff;
}

#headermenulist .dropdown-content a {
    color: #ffffff;
}

@media only screen and (min-width: 1200px) {
    #headermenulist .dropbtn {
        color: #fff;
        /*letter-spacing: 2px !important;*/
    }

    #headermenulist .dropdown-titel {
        color: #fff;
    }

    #headermenulist .dropdown-inner {
        color: #fff;
        background-color: #9d8f82;
        border: none;
    }


    #headermenulist .dropdown-content a {
        color: #fff;
    }

        #headermenulist .dropdown-content a:hover {
            background-color: #c5bdb5;
            color: #000;
        }
}



#divContentSubnavigation {
    background-color: #9d8f82;
    color: #fff;
    padding-left: 130px;
}

    #divContentSubnavigation > .divContentInnerSubnavigation > ul > li > a {
        text-decoration: none;
    }

        #divContentSubnavigation > .divContentInnerSubnavigation > ul > li > a.active {
            color: #fff;
            text-decoration: underline;
        }

        #divContentSubnavigation > .divContentInnerSubnavigation > ul > li > a:hover {
            color: #fff;
            text-decoration: underline;
        }

#newfooter {
    background-color: #4695bc;
    color: #FFFFFF;
}

#layoutfooter {
    background-color: #306985;
}

/* Startslider */

@media (min-width: 980px) {
    #stageslider,
    #stageslider div.slideImgDiv {
        height: 50vh;
    }
}

a.buchungssystem-aktion-startknopf, a.buchungssystem-aktion-startknopf:visited,
a.buchungssystem-aktion-startknopf:active, a.buchungssystem-aktion-startknopf:hover,
#gesamtlistecontainer div.gesamtliste-filter-container div.gesamtliste-filter-werte ul li,
#gesamtlistecontainer a.detailsearchgoto,
.buchungssystem-titel,
div.divRentalKalenderContainer > .objektdetails-kalender-monate > .objektdetails-kalender-monat > .objektdetails-kalender-monattitel {
    background: #4695bc;
}

#divSaisonpreiseResponsiveTable li {
    border: solid 1px #4695bc;
    color: #525456;
}

    #divSaisonpreiseResponsiveTable li.saisonA {
        background-color: #ffffff;
        color: #525456;
    }

    #divSaisonpreiseResponsiveTable li.saisonB {
        background-color: #ffffff;
        color: #525456;
    }

    #divSaisonpreiseResponsiveTable li.saisonC {
        background-color: #ffffff;
        color: #525456;
    }

    #divSaisonpreiseResponsiveTable li.saisonD {
        background-color: #ffffff;
        color: #525456;
    }

    #divSaisonpreiseResponsiveTable li.saisonE {
        background-color: #ffffff;
        color: #525456;
    }

    #divSaisonpreiseResponsiveTable li.saisonF {
        background-color: #ffffff;
        color: #525456;
    }