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

#header {
    height: 80px;
}

#logo.scrolled-nav {
    max-width: 140px;
}

#slider, #slider-rechts, #parallax {
    margin-top: 95px;
}

#navigation {
    top: 115px;
}

#logo img {
    max-width: 300px;
}

#logo .moduletable.scrolldown p strong {
    color: #c77c00;
}

#mandant-titel, .mandanten-auswahl-button {
    background: #f2b700;
}

#mandanten strong a {
    color: #c77c00;
}

#mandanten a:hover {
    color: #c77c00;
}


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

.hamburger-menu, .hamburger-menu:before, .hamburger-menu:after {
    background: #c77c00;
}

li.current.active.deeper.parent, li.current a, li.active.divider.deeper.parent span.separator {
    color: #c77c00;
}

ul.menu li ul.nav-child.unstyled.small li.current.active a {
    color: #c77c00;
}

li.divider.deeper.parent.aktiv span.separator {
    box-shadow: 0px -1px 0px #c77c00 inset;
    border-bottom: solid 2px #c77c00;
}

li.divider.deeper.parent.aktiv-submenu span.separator {
    box-shadow: 0px 0px 0px #f1b701 inset;
    border-bottom: solid 1px #646363;
}

ul.menu a:hover, span.separator:hover, li.active.divider.deeper.parent span.separator:hover {
    color: #c77c00;
}

ul.menu li.deeper.parent.active a {
    color: #c77c00;
}

ul.menu li ul.nav-child.unstyled.small li.deeper.parent.active ul li.current.active a,
ul.menu li.active,
#responsive-navigation li.current.active a {
    color: #c77c00;
}

/* ///// SCHULHAUS LINKS ///// */
.moduletableschule-links-sus {
    padding: 5% 0;
}



/* ///// RELIGION ///// */
.zahlen-fakten dd.field-entry.col4 li:nth-child(4n+1) {
    color: #c77c00;
}


/* ///// LOAD MORE BUTTON ///// */
#loadMore {
    background: #f1b701;
    border: solid 1px #f1b701;
}

#loadMore:hover {
    border: solid 1px #f1b701;
}

.newscontent:hover h4.newsflash-title {
    background: #c77c00;
}


/* ///// DP CALENDAR ///// */


h2.com-dpcalendar-event__title.dp-heading {
    font-family: "fluelen-bold";
    color: #c77c00;
    font-size: 1.5rem;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
}



h2, .contentheading, h2 a {
    color: #c77c00!important;
}

/* ///// KONTAKT SLIDER ///// */

#kontakt-slider {
    color: #c77c00;
}

#schnellzugriff-1 {
    background: #dba65d;
}

#schnellzugriff-2 {
    background: #e4b743;
}

#schnellzugriff-3 {
    background: #f2b700;
}

#schnellzugriff-4 {
    background: #e1b273;
}

#schnellzugriff-1:hover {
    background: #c59553;
}

#schnellzugriff-2:hover {
    background: #d6ae47;
}

#schnellzugriff-3:hover {
    background: #daa500;
}

#schnellzugriff-4:hover {
    background: #c79d65;
}


/* ///// TYPOGRAFIE ///// */

.titel {
    border-left: solid 5px #c77c00;
}

h1, .componentheading, h2, .contentheading, h2 a, h3, .moduletable h3, h4 {
    color: #c77c00;
}

a {
    color: #c77b00;
}

#left-col li.current a {
    color: #c77c00;
}

#left-col li.current.active a {
    color: #c77c00;
    background: #ededed;
}

.page-header h2, .page-header h1, #adverttop h1 {
    border-left: solid 5px #c77c00;
}

time {
    background: #f2b700;
}



/* ///// BUTTONS ///// */

a.button:before, p.button:before {
    background-image: url(../images/button-arrow.svg);
}

a.button:hover, .button:hover {
    background: #c77c00;
    color: #fff;
    border: solid 1px #c77c00;
}

#veranstaltungen a.button,
#aktuelles a.button {
    color: #c77c00;
}

a:hover {
    color: #c77c00;
}

.pagination li {
    background: #f2b700;
    color: #f1d98e;
}


/* ///// ONLINESCHALTER ///// */
.icon {
    background: #c77c00;
}

a.pdf:hover .icon, a.ipdf:hover .icon, a.link:hover .icon, a.word:hover .icon, a.excel:hover .icon, a.formular:hover .icon, a.download:hover .icon {
    background: #f2b701;
}


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

.videos {
    position: relative;
    float: left;
    width: 100%;
}

.videos iframe {
    margin-right: 1em;
    margin-bottom: 1em;
}


/* ///// UMGEBUNG SCHULHAUS GEHREN ///// */

.bild.ganzes-bild {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
}


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

#footer {
    background: #f1b701;
}

#copyright {
    background: #c77c00;
}

a.scrolltotop {
    background-image: url(../images/scrolltotop.svg);
}




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


@media screen and (max-width : 1500px)  {

#logo img {
    max-width: 250px;
}

#header {
    height: 60px;
}

#slider, #slider-rechts, #parallax {
    margin-top: 75px;
}

#navigation {
    top: 95px;
}

}



@media screen and (max-width : 1100px)  {

#logo img {
    max-width: 200px;
}

#header {
    height: 70px;
}

#slider, #slider-rechts {
    margin-top: 110px;
}

#parallax {
    margin-top: 67px;
}

#slider {
    height: calc(100% - 410px);
}

}


@media screen and (max-width : 600px)  {

#logo img {
    max-width: 150px;
}

#header {
    height: 60px;
}

#slider, #slider-rechts {
    margin-top: 100px;
}

#parallax {
    margin-top: 57px;
}

#slider {
    height: calc(100% - 342px);
}

}



@media screen and (max-width : 500px)  {

#slider {
    height: calc(100% - 282px);
}

#parallax {
    margin-top: 52px;
}

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

}