/*------------------
    KREISSCHULE
-------------------*/

/* ////// J4 ////// */

li ul.fields-container {
    list-style: none;
}

/* ////// HEADER ////// */

.logo {
    max-width: 450px;
    min-width: 160px;
    width: 24vw;
}

.logo img {
    width: 100%;
    max-height: clamp(4rem, 6vw, 6rem);
    object-fit: contain;
    object-position: left;
}

.logo.responsive img {
    max-height: 60px;
}

.logo.responsive {
    display: none !important;
}

#header-fadein .logo {
    max-width: 100%;
    width: 250px;
}
#header-fadein {
    background: #576166;
    padding: 28px 0 28px 0;
}


/* ////// SLIDER / HEADS ////// */

.slider-overlay {
    background: -moz-linear-gradient(top, rgba(50,61,71,1) 0%, rgba(50,61,71,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(50,61,71,1) 0%,rgba(50,61,71,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(50,61,71,1) 0%,rgba(50,61,71,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323d47', endColorstr='#00323d47',GradientType=0 ); /* IE6-9 */
}


/* ///// VIDEOS ///// */

.videos {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 2em;
}

.videos iframe {
    margin-right: 1em;
    margin-bottom: 1em;
    width: 560px!important;
}



/* ////// NAVIGATION ////// */

.menu-wrapper, #navigation, #right-col-cont .moduletable, #right-col.mobile .moduletable {
    background: #576166;
}

ul.menu > li.divider.deeper.parent.open > span.separator {
    box-shadow: 0px -3px 0px #c4d65b inset;
    border-bottom: solid 1px #c4d65b;
}

ul.menu a, span.separator {
    border-bottom: solid 1px #c4d65b;
}

ul.menu li ul.nav-child.unstyled.small li a:hover, ul.menu li span.separator:hover, li.active.divider.deeper.parent span.separator:hover, ul.menu li ul.nav-child.unstyled.small li.active.divider.deeper.parent.open > span:hover, ul.menu li ul.nav-child.unstyled.small li.current.active.open a:hover {
    background: #c4d65b;
}

#navigation span.nav-header, #right-col h3, #right-col ul.nav-child.unstyled.small ul.menu a, #right-col ul.nav-child.unstyled.small span.separator {
    color: #c4d65b;
}

ul.menu li ul.nav-child.unstyled.small li.current.active.open a, ul.menu li ul.nav-child.unstyled.small li.active.divider.deeper.parent.open > span, #right-col li.current a {
    color: #c4d65b;
}

ul.menu li.divider.deeper.parent.focus,  {
    background: rgba(97,214,161,0.4);
}

#navigation ul.menu li ul.nav-child.unstyled.small li ul {
    background: rgba(100,112,118,0.6);
}

#right-col ul.menu a:hover, #right-col span.separator:hover {
    background: rgba(128,145,150,0.6);
}

ul.menu li.divider.deeper.parent.focus {
    background: rgb(196,213,91,0.4);
}

ul.menu li ul li a, ul.menu li ul li span.separator, #right-col ul.menu a, #right-col span.separator {
    border-bottom: solid 1px #4b5052;
}

ul.menu li ul.nav-child.unstyled.small li ul li a, ul.menu li ul.nav-child.unstyled.small li ul li span.separator, #right-col ul.menu li ul a, #right-col li ul span.separator {
    box-shadow: 0px 0px 0px #282f35 inset;
    border-bottom: solid 1px #4e5658;
}

#right-col ul.nav-child.unstyled.small {
    position: relative;
    padding: 20px 40px 20px 20px;
    background: #697377;
}


/* ////// TYPOGRAPHY COLOR ////// */

/* GREY */
h2, .schnellerzumziel, .page-header-seedorf h1, .page-header-seedorf h2, .items-leading .page-header h2, .fox-container h1, .breadcrumb li span, button.button.btn.btn-primary {
    color: #576166;
}

/* MINT */
a, #mandanten a span.aktiv, li.current.active.deeper.parent, li.current a, li.active.divider.deeper.parent span.separator {
    color: #c4d65b;
}

/* CANDY */
.multiple-category-area h4 {
    color: #61d6a1;
}



/* ////// BACKGROUND COLOR ////// */

#schnellzugriff, #footer, #copyright, #mandanten a:before, button.button.btn.btn-primary {
    background: #c4d65b;
}

.hinweis-button {
    background: #c4d65b;
}

.download-icon, button.btn.hasTooltip, dd.result-category span {
    background: #576166;
}

.protectarea {
    background: #41484c;
}

.schuljahr {
    background: #c4d55b;
    color: #586165;
}


/* ////// BUTTONS COLOR ////// */

.button, a.button, p.button, a.readmore, button.goback, .video-button, .button-extern, a.button-extern {
    background: #c4d65b;
    border: solid 1px #c4d65b;
}

.button:hover, a.button:hover, a.readmore:hover, button.goback:hover, .video-button:hover, .button-white:hover, a.button-white:hover, .button-extern:hover, a.button-extern:hover {
    background: #576166;
    border: solid 1px #576166;
}


/* /////// CONTENT /////// */

img.bild-ohne-lightbox {
    margin-top: 2rem;
}

p img {
    object-fit: cover;
    height: auto;
    width: auto;
    max-width: 100%;
}

/* /////// FOOTER /////// */

a.footer-logo img {
    min-width: 200px;
}


/* //////////// RESPONSIVE //////////// */


@media screen and (max-width : 1500px)  {
    #header-fadein .logo {
        width: 250px;
    }
    #header-fadein {
        padding: 21px 0 21px 0;
    }
    #schnellkontakt {
        margin-left: 5em;
    }
}


@media screen and (max-width : 1100px)  {
.logo {
    min-width: 200px;
    width: 35vw;
}
.logo img {
    max-height: 70px;
}
#header {
    padding: 20px 0 20px 0;
}
#header-fadein .logo {
    width: 200px;
}
.menu-wrapper {
    background: transparent;
}
ul.menu a, span.separator {
    border-bottom: solid 1px #656f73;
}
#navigation ul.menu li ul.nav-child.unstyled.small li a, #navigation ul.menu li ul.nav-child.unstyled.small li span.separator {
    border-bottom: solid 1px #596165;
}
#navigation ul.menu li ul.nav-child.unstyled.small {
    background: #4c5458;
}
#navigation ul.menu li ul.nav-child.unstyled.small li ul.nav-child.unstyled.small {
    background: #495054;
}
#navigation ul.menu li ul.nav-child.unstyled.small li ul li a, #navigation ul.menu li ul.nav-child.unstyled.small li ul li span.separator {
    border-bottom: solid 1px #596267;
}
#navigation ul.menu li ul.nav-child.unstyled.small li ul.nav-child.unstyled.small li ul.nav-child.unstyled.small {
    background: #3e4548;
}
#navigation ul.menu li ul.nav-child.unstyled.small li ul li ul li a, #navigation ul.menu li ul.nav-child.unstyled.small li ul li ul li span.separator {
    border-bottom: solid 1px #555f63;
}
ul.menu li ul.nav-child.unstyled.small li a:hover, ul.menu li span.separator:hover, li.active.divider.deeper.parent span.separator:hover, ul.menu li ul.nav-child.unstyled.small li.active.divider.deeper.parent.open > span:hover, ul.menu li ul.nav-child.unstyled.small li.current.active.open a:hover {
    color: #fff;
    background: transparent;
    box-shadow: none;
}
ul.menu > li.divider.deeper.parent.open > span.separator {
    box-shadow: 0px -1px 0px #656f73 inset;
    border-bottom: solid 0px #656f73;
    color: #62d6a1;
}
#schnellkontakt {
    margin-left: 0;
}
a.footer-logo img {
    width: 25vw;
}
#mandanten {
    background: #576166;
}
}

@media screen and (max-width : 900px)  {
.logo {
    width: 300px;
}
a.footer-logo img {
    width: 30vw;
}
}

@media screen and (max-width : 650px)  {
.logo {
    min-width: auto;
    width: 32vw;
    display: none;
}
.logo.responsive {
    display: block !important;
}
#header-fadein .logo {
    width: 160px;
}
#header-fadein {
    padding: 18px 0 14px 0;
}
a.footer-logo img {
    width: 42vw;
}
}

@media screen and (max-width : 500px)  {
.logo {
    min-width: 120px;
    width: 30vw;
}

.videos iframe {
    width: 100%!important;
    height: 225px;
}
}

@media screen and (max-width : 400px)  {
#header-fadein .logo {
    width: 120px;
}
#header-fadein {
    padding: 21px 0 15px 0;
}
}