body, html {
    background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    color: #525050;
}

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

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

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


    #headermenuinner #hpLogin,
    #headermenuinner #hpLogout,
    #headermenuinner #hpSearch,
    a, a:hover, a:visited {
        letter-spacing: 2px !important;
    }

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

@media only screen and (min-width: 1200px) {
    #logocontainer {
        width: 275px;
    }
}

@media only screen and (min-width: 1600px) {
    #logocontainer {
        width: 325px;
    }
}

#divSubLogo {
    display: none;
}

#headermenu {
    height: 117px;
    background-color: #f2ede4;
}

    #headermenu .logobild {
        width: 100px;
        background-image: url(images/cropped-logo.png);
        background-position: left center;
        position: absolute;
        height: 100px;
        /*top: -10px;*/
    }

@media only screen and (min-width: 480px) {
    #headermenu .logobild {
        width: 120px;
        height: 120px;
        top: -40px;
    }
}

@media only screen and (min-width: 1024px) {
    #topLogo {
        display: inherit;
        height: 95px;
        background-color: #ffffff;
    }

    #headermenu {
        height: 212px;
    }

        #headermenu .logobild {
            width: 220px;
            height: 220px;
            top: -130px;
        }
}


#topmenulist {
    height: 55px;
    box-sizing: border-box;
    background-color: #e9e9e9;
}

    #topmenulist p {
        margin: 0;
        padding: 0;
        color: #0091cd;
        letter-spacing: normal !important;
    }

    #topmenulist ul {
        margin-left: auto;
        box-sizing: border-box;
        margin-right: 5px;
    }

@media only screen and (min-width: 1024px) {
    #topmenulist ul {
        margin-right: 75px;
    }
}

#topmenulist ul li {
    color: #0091cd;
    margin-right: 15px;
    letter-spacing: 2px !important;
}

    #topmenulist ul li a,
    #topmenulist ul li a:visited {
        color: #0091cd;
        text-decoration: none;
        letter-spacing: normal !important;
    }

        #topmenulist ul li a:hover {
            color: #525050;
            text-decoration: none;
            letter-spacing: normal !important;
        }

#divSubClaim {
    display: none;
}

#divClaim {
    display: none;
}

@media only screen and (min-width: 1200px) {
    #divSubClaim {
        display: none;
    }

    #divClaim {
        display: inherit;
        margin-left: 350px;
        display: flex;
        align-items: center;
        font-size: 32px;
        font-size: 3.2rem;
        font-family: 'Roboto', sans-serif;
    }
}

#headermenuinner #mobilmenubutton {
    right: 10px;
}

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

#headermenu .wortmarke {
    display: none;
}

#stage {
    margin-top: 117px;
}

@media only screen and (min-width: 1200px) {
    #stage,
    .wrapperfollowing,
    .wrapperfollowingfull,
    .wrappercatalog {
        margin-top: 212px !important;
    }
}

@media only screen and (min-width: 1600px) {
    #stage,
    .wrapperfollowing,
    .wrapperfollowingfull,
    .wrappercatalog {
        margin-top: 212px !important;
    }
}

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

#headermenuinner {
    background-color: #cdcccc;
    box-shadow: none;
}


    #headermenuinner ul > li > a,
    #headermenuinner ul > li > a:visited {
        color: #525050;
        text-decoration: none;
        font-weight: bold;
    }

        #headermenuinner ul > li > a:hover {
            color: #525050;
            text-decoration: underline;
        }

    #headermenuinner ul > #liMerkzettel a,
    #headermenuinner ul > #liMerkzettel a:visited {
        color: #525050;
        text-decoration: none;
        font-weight: bold;
    }

        #headermenuinner ul > #liMerkzettel a:hover {
            color: #525050;
            text-decoration: underline;
        }


    #headermenuinner ul > #hpSearch .hdc-search-wort,
    #headermenuinner ul > #liDomizile .hdc-domizile-wort,
    #headermenuinner ul > #liMerkzettel .hdc-merkliste-wort {
        color: #525050;
        text-decoration: none;
        font-weight: bold;
    }

        #headermenuinner ul > #hpSearch .hdc-search-wort:hover,
        #headermenuinner ul > #liDomizile .hdc-domizile-wort:hover,
        #headermenuinner ul > #liMerkzettel .hdc-merkliste-wort:hover {
            color: #525050;
            text-decoration: underline;
        }

    #headermenuinner #hpLogin,
    #headermenuinner #hpLogin:hover,
    #headermenuinner #hpLogout,
    #headermenuinner #hpLogout:hover,
    #headermenuinner #hpSearch,
    #headermenuinner #hpSearch:hover {
        font-weight: bold;
        color: #525050;
    }

        #headermenuinner #hpLogin:hover,
        #headermenuinner #hpLogout:hover,
        #headermenuinner #hpSearch:hover {
            color: #525050;
            text-decoration: underline;
        }

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

#divContentSubnavigation {
    background-color: #6398c2;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    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;
        }

/* DropDown */

#headermenulist .dropbtn {
    color: #83783A;
    letter-spacing: 2px !important;
    font-weight: bold;
}

#headermenulist .dropdown-titel {
    color: #83783A;
}

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

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

        #headermenulist .dropbtn:hover {
            color: #6398c2;
        }

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

    #headermenulist .dropdown-inner {
        color: #fff;
        background-color: #6398c2;
        border: none;
    }


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

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


#newfooter {
    border-top: 5px solid #0091cd;
    background-color: #0091cd;
    color: #ffffff;
}

    #newfooter a, #newfooter a:hover, #newfooter a:visited, #newfooter a:active {
        color: #ffffff;
    }

    #newfooter p {
        color: #ffffff;
    }

    #newfooter h2, #newfooter h3, #newfooter h4, #newfooter h5, #newfooter h6 {
        color: #ffffff;
    }

#layoutfooter {
    background-color: #525050;
}

/* Startslider */

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

#stagesearch .stagesearch-inner {
    background-color: rgb(0, 143, 205, 0.8);
}

@media (min-width: 980px) {
    #stagesearch {
        position: absolute;
        width: 80%;
        max-width: 100%;
        margin: 0 auto;
        top: auto;
        bottom: 50px;
    }
}

@media only screen and (min-width: 1600px) {
    #stagesearch {
    }

        #stagesearch .stagesearch-inner {
        }
}

a.stagesearchstart,
a.stagesearchstart:visited,
a.stagesearchstart:active,
a.stagesearchstart:hover {
    background: #6398c2 !important;
}

.svgHotline {
    background-image: url(SVG/hotline.svg);
}

.svgMerkzettel {
    background-image: url(SVG/Merkzettel.svg);
}