#content{margin-left:35px; margin-right:35px}
@media (max-width:600px){#content{margin-left:-10px; margin-right:-10px}}

div.mehrspalter {margin-top:20px}
div.mehrspalter + div.mehrspalter {margin-top: 20px;}

#mehrspalter1 .text-ganze-breite {background: rgba(30,124,188,0.95);padding: 5px 15px; color:#fff; margin: 15px -15px 30px; font-size:1.2rem }
#mehrspalter1 .text-ganze-breite a {color:#fff!important }

#alert {margin:30px -15px -10px; padding: 10px 20px 10px 20px; background:#eee; border: 6px solid #ed1c24; font-weight:bold; font-size:110%; color:#000}
#alert h3, #alert h4 {font-size:120%; color:#000; line-height:120%; margin:5px 0}
#alert a {color:#ed1c24;}
#alert img {float:right; margin-left:20px; max-width:20%; height:auto}
@media (max-width:992px){#alert h3 {font-size:105%} #alert img {margin:-10px -15px 0 20px;} #alert {font-size:100%}}
@media (max-width:992px){#alert img {margin:0px -10px 0 20px;}}

#alert+#news {margin-top:30px}
#news {margin:30px -15px -10px; padding: 0px 20px 10px 20px; background:#EEF5FB; border: 6px solid #1E7CBC; font-weight:bold; font-size:110%; color:#000}
#news h3, #news h4 {font-size:120%; color:#000; line-height:120%; margin:5px 0}
#news a {color:#1E7CBC;}
#news img {width:100%; height:auto;}
@media (max-width:992px){#news h3 {font-size:105%} #news {font-size:100%}}
@media (max-width:600px){#news {padding-top:10px} #news img {display:none}}


h1{margin-bottom:10px; padding-top:30px}
h1 .preheader{color:#444; margin-bottom:8px}
#content #mehrspalter1 a{padding-bottom:0; color:#0083cb; font-weight:600; text-decoration:underline;  text-decoration-style:dotted}
#content #mehrspalter1 a:hover{ color:#18679B;  text-decoration-style:solid}

/* ---------- Profilboxen ------------ */
#profilboxen {margin-top:40px}
#profilboxen .box{margin-top:20px; width:492px; height:auto; position:relative; overflow:hidden; cursor:pointer}

#profilboxen .title{position:absolute; bottom:2.5%; left:0; width:100%; text-align:center; text-transform:uppercase; font-weight:700}
#profilboxen .title2{text-align:center; text-transform:uppercase; font-weight:700; margin:25px 0 0px}
#profilboxen .link{position:absolute; bottom:2%; left:0; width:100%; text-align:center; font-weight:400}
#box2, #box4{margin-left:8px}

#profilboxen .boxback{position:absolute; top:0; left:0; width:100%; min-height:100%; background-repeat:no-repeat}
#boxtext1, #boxtext2, #boxtext3, #boxtext4{display:none}
#box1 .boxback{background-image:url("/cms/upload/00_allgemein/startseite/profilboxen-naturwissenschaften-layer.jpg")}
#box2 .boxback{background-image:url("/cms/upload/00_allgemein/startseite/profilboxen-informatik-layer.jpg")}
#box3 .boxback{background-image:url("/cms/upload/00_allgemein/startseite/profilboxen-wirtschaft-layer.jpg")}
#box4 .boxback{background-image:url("/cms/upload/00_allgemein/startseite/profilboxen-fremdsprachen-layer.jpg")}

.boxback .left, .boxback .right{font-size:0.9rem; max-height:140px; overflow:hidden}
.boxback .left{width:37.5%; float:left; margin:5px 2.5% 0 5%}
.boxback .right{width:47.5%; float:right; margin:5px 5% 0 2.5%}

.box a, .box a:hover, .box a:focus, .box a:link, .box a:visited{color:#000; text-decoration:none}

#profilboxen ul{margin-top:10px; padding-left:12.5px; list-style-type:square}

@media (max-width:1200px){#profilboxen .box{width:400px}
.box img{width:100%; height:auto}
#profilboxen .boxback{background-size:contain}
.boxback .left, .boxback .right{font-size:1rem}
#profilboxen .title2{margin:20px 0 -5px}
.boxback .left{width:42.5%; float:left; margin:5px 0.5% 0 2%}
.boxback .right{width:52.5%; float:right; margin:5px 2% 0 0.5%}
#profilboxen ul{margin-top:5px; padding-left:0px}
}

@media (max-width:992px){#profilboxen.row{width:auto; margin:0px -30px 0 -30px}
#profilboxen .box{max-width:100%; margin:20px 0px 0 0px}
.boxback .left, .boxback .right{font-size:0.9rem; padding:5px; clear:both; width:100%; margin:0px; max-height:none}
#profilboxen .boxback{padding:1px 20px 20px; margin-top:-30px; border-bottom:2px solid #333; min-height:350px}
#profilboxen .box .title{display:none}
#profilboxen .boxback{display:block!important; background-image:none}
#profilboxen .box, #profilboxen .title, #profilboxen .link, #profilboxen .boxback{position:static}
#box1 .boxback{background:#FFF325}
#box2 .boxback{background:#72C72B}
#box3 .boxback{background:#F56E36}
#box4 .boxback{background:#72D1ED}
#profilboxen .link{text-decoration:underline}
.box3{clear:both}
}

@media (max-width:768px){#profilboxen .box{width:auto}
#profilboxen .boxback{min-height:1px; margin-top:-40px}
}

@media (max-width:500px){#profilboxen .boxback{margin-top:-30px}}

/* ---------- "Wir sind ..."Boxen ------------ */
#wir-sind-boxen.row{margin:80px -80px 0 -80px}
.boxhead{border-left:3px solid #fff; border-right:3px solid #fff}
.boxhead{background:#EBEBEB; height:70px}
.boxhead .title{text-transform:uppercase; font-weight:400; text-align:center; padding-top:15px; font-size:2rem; color:#1E7CBC}
#wsbox1 .boxhead .title{display:none}
.boxbody{position:relative; height:135px; background:#fff}
.boxbody-top{position:absolute; top:0; left:0; border:3px solid #000; border-bottom:none; height:40px; width:100%; background:transparent; z-index:99}
.boxbody-bottom{position:absolute; top:20px; left:0; z-index:1; width:100%}
.boxtext{background:#EBEBEB; height:220px; padding:10px 20px}
.boxtext h2{margin-top:5px; font-size:1.4rem; text-transform:uppercase; text-align:center}
.boxfooter{background:#EBEBEB; height:25px; background-image:url("/cms/images/wir_sind_boxen_pfeil.png");  background-position:center}

@media (max-width:1200px){.boxbody img{width:80%; height:auto}.boxtext{height:230px}}

@media (max-width:992px){#wir-sind-boxen.row{width:auto; margin:80px 25px 0 25px}/* Breite wie Profilboxen */
#wsbox1 .boxhead .title{display:block}
#wsbox2 .boxhead .title{display:none}
#wsbox2 .boxhead, #wsbox3 .boxhead{display:none}
#wsbox2, #wsbox3{margin-top:40px}
.boxbody img{width:auto; height:auto}
.boxtext{height:auto}
}

@media (max-width:768px){#wir-sind-boxen.row{width:auto; margin:80px -30px 0 -30px}/* zurück zu max. Breite */}

/* ---------- Aktuelles - Boxen ------------ */
#aktuelles{margin:60px -65px 0 -65px; background:#EEF5FB}
#aktuelles img{max-width:100%; height:auto}
#aktuelles .rahmen{margin:0 35px}

#aktuelles .topbild{border-bottom:2px solid #1e7cbc}
#aktuelles .topbild img{border-radius:50%; border:2px solid #000; margin-bottom:20px}

#aktuelles .box{text-align:center; margin:0px -5px 40px}
#aktuelles .termin+.termin{margin-top:20px}

#aktuelles .article+.article{margin-top:30px}

#aktuelles h3{font-size:1.4rem; text-transform:uppercase; font-weight:600; margin:30px 0}
#aktuelles .date, #aktuelles h4{color:#1e7cbc; font-weight:600; font-size:1rem; margin:0}
#aktuelles h4 a{color:#1e7cbc; text-decoration:none}
 
#aktuelles .zusatz{color:#1e7cbc; font-weight:600; margin-top:-2px; font-size:0.8rem}
#schulkalender  .zusatz{display:none}
#aktuelles .title{font-weight:600}

#aktuelles .linkMore a{display:block; width:100%; height:25px; background-image:url("/cms/images/start-aktuelles-pfeil.jpg"); background-position:center bottom}
#aktuelles .linkMore.title a{height:44px; background-repeat:no-repeat; color:#1e7cbc; text-decoration:none; margin-top:30px}

#aktuelles .nix {border: 2px solid #1e7cbc; padding: 10px; background:white; font-size:120%; color:#1e7cbc; font-weight:600}

@media (max-width:1200px){#aktuelles .box img{width:initial; height:auto}}
@media (max-width:992px){#aktuelles img{margin-bottom:60px}
#aktuelles .box{margin-bottom:60px}
#aktuelles .topbild{border-bottom:none; margin-bottom:-20px}
}

@media (max-width:768px){#aktuelles{padding-bottom:2px; margin:60px -20px 0 -20px; overflow:hidden}
#aktuelles img{max-width:initial; height:auto}
/*#aktuelles > img:nth-child(1) {display:none}*/
#aktuelles .box {margin-bottom: 0px; padding: 20px 0 20px;}
#aktuelles .col-xs-12.col-sm-6.col-md-3{background: #EEF5FB; margin-bottom:40px}
#aktuelles .rahmen {margin: 0 0px;}
#aktuelles {margin: 60px 0px 0 0px;}
}

/* ---------- Logo-Slider (auch in js/slick/slick.css ) ------------ */
#logoslider{margin:40px -65px}

.slick-slider{margin:0px; padding:0px; background:#fff; height:95px; border-top:2px solid #706F6F}
.slick-slider div{height:60px; margin:10px 10px}

.slick-prev, .slick-next{position:absolute; top:-2px; display:block; width:49px; height:90px; padding:0; cursor:pointer; border:none; outline:none; background:transparent}

.slick-prev{left:0px}
.slick-next{right:0px}

.slick-slide img{height:60px; width:auto; margin:5px 10px; opacity:0.7}
.slick-slide img:hover{opacity:2}

#servicenavi >ul:nth-child(1) >li:nth-child(1){background:#CECECE}
#servicenavi >ul:nth-child(1) >li:nth-child(1) a{color:#333; font-weight:600}