@import url("bootstrap.css");
@import url("backend.css");
@import url("menu.css");

.clearfix:after {content:" ";display:table;clear:both;}
.clear{clear:both}
html,body{height:100%;background:#ebebeb}
strong{font-weight:600}
q::before,cite:before{content:"\201E"}/* 99-unten */
q::after,cite:after{content:"\201D"}/* 66-oben */
cite{font-style:normal}
.bildlinks{float:left;margin-right:20px;margin-bottom:10px;max-width:33%!important;height:auto}
.bildrechts{float:right;margin-left:20px;margin-bottom:10px;max-width:33%!important;height:auto}
.bildlinks-50er-Breite{float:left;margin-right:20px;margin-bottom:10px;max-width:50% !important;height:auto}
.bildrechts-50er-Breite{float:right;margin-left:20px;margin-bottom:10px;max-width:50% !important;height:auto}
em{font-style:italic}
.initiale{font-size:2.2rem;float:left;display:block;margin:5px 10px 0px 0;color:#fff;line-height:100%;background:#1E7CBC;padding:0px 10px}
img.img-responsiv{width:100%;height:auto;display:block}
.container{-webkit-box-shadow:0px 5px 0px 5px #FEEF4A !important;-moz-box-shadow:0px 5px 0px 5px #FEEF4A !important;box-shadow:0px 0px 30px 0px #999 !important;margin-bottom:40px;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;position:relative;border-left:20px solid #fff;border-right:20px solid #fff;position:relative}
@media (max-width:768px){.container {margin-bottom:0px}}
@media (max-width:992px){.no-mobile{display:none}}


/* ----- HEADER ----- */
header{height:24px;margin-left:-30px;margin-right:-30px;margin-bottom:5px}
header #servicenavi ul{float:right}
header #servicenavi li{list-style:none;float:left}
header #international div{float:right;margin-right:10px;text-align:right}
header #international #eng img,header #international #esp img{filter:alpha(opacity=65);-moz-opacity:0.65;opacity:0.65;height:16px;width:auto}
header #international #eng img:hover,header #international #esp img:hover{filter:alpha(opacity=99);-moz-opacity:0.99;opacity:0.99}
header #search_term{outline:none;background:#f9f9f9;border:1px solid #ccc;width:130px;padding:0 2px;height:18px;margin:3px 0px 3px 5px}
header #search_term:hover,header #search_term:focus{background:#fff;border:1px solid #aaa}
header button#submit{background:none;border:none;background-image:url("/cms/images/search-icon.png");width:16px;height:16px;vertical-align:5px}
header #searchform:hover button#submit,header #searchform:active button#submit{background-image:url("/cms/images/search-icon-hover.png")}
header img.logo-mobil {display:none; height:40px; margin:0; position:absolute; top:0; right:0}
@media (max-width:992px){header img.logo-mobil {display:block;} #searchform {display:none}}


/* Stoerer */
#stoerer{position:absolute;left:-20px;top:20px;z-index:99;width:auto;background:rgba(30,124,188,0.95);border:5px solid #fff;color:#fff;font-size:1.1rem;box-shadow:10px 10px 10px 0px #333;font-weight:600;-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg);z-index:5}
#stoerer strong{font-size:1.6rem}
#stoerer .stoerer-box{position:relative;padding:8px 15px}
#stoerer-close{position:absolute;right:3px;top:-12px;font-size:2rem;cursor:pointer}
#stoerer p a{color:#fff; border-bottom-color:#fff}
#stoerer p a:hover{color:#FFF325; border-bottom-color:#FFF325}
@media (max-width:1200px){#stoerer{top:40px}}
@media (max-width:992px){#sprachen {background: #ccc; height:40px; padding:8px 0; text-align:right} header #search_term {width:200px;border:1px solid #999;height:20px;} header button#submit {margin: 0 30px 0 5px; background:none;border:none;background-image:url("/cms/images/search-icon-hover.png");} #servicenavi ul {padding-left:5px}}
@media (max-width:768px){#stoerer{display:none} header #search_term {width:150px;} header button#submit {margin: 0 20px 0 5px;}}
@media (max-width:480px){ header img.logo-mobil {top:5px} header #search_term  {width:200px; margin-top:30px; margin-right:0px} header button#submit  {margin-top:30px; margin-right:-65px} #headerpic {margin-top: 25px;} #sprachen {40px; background:#fff; margin:bottom:-20px}}
@media (max-width:400px){ header #search_term  {width:150px;}}

/* Headerpic */
#headerpic{position:relative}
#headerpic img{max-width:100%;height:auto;display:block;margin:0 ;padding:0}
#headerpic #logo{position:absolute;top:0;right:0;text-align:right}
@media (max-width:992px){#headerpic #logo{display:none}}

#headerpic #bild{position:relative;top:0;left:0}
#logo{width:24.1%;height:auto}
#europaschule-icon{position:absolute;bottom:-54px;left:0;z-index:999;width:48px;height:49px}
@media (max-width:1200px){#europaschule-icon{bottom:-47px;width:41px;height:43px}}
@media (max-width:992px){#europaschule-icon img{display:none}}

/* ----- CONTENT ----- */
#content{margin-bottom:20px}
@media (max-width:992px){#content{margin-top:-40px}}
#maincontent{padding:30px 70px 40px 70px}
@media (max-width:992px){#maincontent{padding:30px 15px 40px 15px}}

/* ----- Typografie ---------- */
html,body{font-size:14px;font-family:'Titillium Web',Helvetica,Arial,sans-serif;color:#333;line-height:1.42857143;font-weight:400}
@media (max-width:1200px){html,body{font-size:13px}}
@media (max-width:992px){html,body{font-size:15px}}
@media (max-width:768px){html,body{font-family:Helvetica,Arial,sans-serif}}

h1,h2.h1{text-align:center}
h1 .preheader{display:block;font-size:1.2rem;font-weight:600;color:#888;text-transform:initial;margin-bottom:18px}
h1 .subheader,h2 .subheader{display:block;font-size:1.2rem;font-weight:600;color:#444;text-transform:initial;margin-top:4px}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:400;line-height:1.1;color:inherit}
h1,.h1{font-size:2.3rem; text-transform:uppercase;color:#1E7CBC;word-break:initial;-webkit-hyphens:initial;-moz-hyphens:initial;-ms-hyphens:auto;hyphens:initial}
h2,.h2{font-size:1.2rem;}
h3,.h3{font-size:1.1rem}
h4,.h4{font-size:1.1rem}
h5,.h5{font-size:1rem}
h6,.h6{font-size:0.8rem;margin-top:20px !important;border-top:1px solid #666;padding-top:5px}
h2,.h2,h3,.h3,h4,.h4{color:#111; font-weight:600}
h1,.h1{margin-top:20px;margin-bottom:20px}
h2,.h2,h3,.h3{margin:0 0 10px}
h4,.h4,h5,.h5,h6,.h6{margin:0}

p+h2,p+h3,p+h4{margin-top:30px}
ul+h4,ul+h3{margin-top:30px}
table+p{margin-top:10px}
h4+ul,h3+ul,h4+table,h4+p{margin-top:15px}
p+table{margin-top:10px !important}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,
h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}

p{margin:0px}

ul,ol{margin-top:0px;margin-bottom:10px;padding-left:20px}
ul ul,ol ul,ul ol,ol ol{margin-bottom:0}
#maincontent li+li{margin-top:5px}
.list-unstyled{padding-left:0;list-style:none}
.list-inline{padding-left:0;list-style:none;margin-left:-5px}
.list-inline >li{display:inline-block;padding-left:5px;padding-right:5px}
p+ul,p+ol{margin-top:5px}
p+p{margin-top:7px}

#maincontent a{padding-bottom:0;color:#0083cb;font-weight:600;text-decoration:underline;text-decoration-style:dotted}
#maincontent a:hover{color:#18679B;text-decoration-style:solid}
#maincontent a.button{display:inline-block;border-radius:6px;box-shadow:3px 3px 3px 0px #666;border:1px solid rgba(0,0,0,0.1);padding:3px 20px;color:#000;font-weight:600;margin:10px 0;font-size:1.3rem;text-decoration:none!important;background:#f9f9f9}
#maincontent a.button:hover{background:#EBEBEB;box-shadow:3px 3px 3px 0px #111;margin:9px 0px 11px 0px}
#maincontent a.button:active{margin:12px 0px 8px 0px;background:#EBEBEB}
#content sup,#maincontent sup{vertical-align:super}
#content sub,#maincontent sub{vertical-align:sub}
.text-item p img,.mehrspalter p img{max-width:100%;height:auto}

@media (max-width:1200px){h1,.h1{font-size:2rem}}
@media (max-width:992px){h1,.h1{font-size:1.7rem}}
@media (max-width:768px){h1,.h1{font-size:1.4rem;font-weight:600}}
.text-item{margin:0 -15px 0}


/* mehrspalter */
div.mehrspalter+div.mehrspalter{margin-top:60px}
.mehrspalter h2{margin-bottom:15px}
.mehrspalter .row1{padding-right:10px}
.mehrspalter .text-ganze-breite{margin:0 -15px 20px}
.mehrspalter .row:nth-child(3){margin-top:40px}
.text6 .row{margin-top:40px}
.mehrspalter .text-ganze-breite-solo, .text-ganze-breite{margin:0 -15px}
@media (max-width:768px){.mehrspalter .row1,.mehrspalter .row3 {margin-bottom:30px}}

/* backlink */
.backlink{width:35%;display:block;margin:50px auto 20px;text-align:center;background:#f9f9f9;padding:1px 10px 2px;border-radius:10px;box-shadow:3px 3px 3px 0px #999;border:1px solid #ccc}
.backlink:hover{margin:49px auto 21px;background:#EBEBEB}
.backlink:active{margin:51px auto 19px;background:#EBEBEB}
.backlink a{width:100%;display:block;text-decoration:none !important;color:#999 !important;font-size:1.3rem}
.backlink:hover a,.backlink:active a{color:#888 !important}
@media (max-width:1200px){.backlink{width:45%}}
@media (max-width:992px){.backlink{width:40%;margin:2px auto 20px;padding:5px 10px 5px}.backlink:hover,.backlink:active{margin:2px auto 20px}}
@media (max-width:768px){.backlink{width:55%}}
@media (max-width:600px){.backlink{width:70%}}
@media (max-width:480px){.backlink{width:99%}}

/* tabellen */
td{padding:5px}

/* bootstrap typo +img */
.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}
@media (min-width:768px){.lead{font-size:21px}}
small,.small{font-size:85%}
mark,.mark{background-color:#fcf8e3;padding:.2em}
address{margin-bottom:20px;font-style:normal;line-height:1.42857143}
img{vertical-align:middle}
.img-responsive{display:block;max-width:100%;height:auto}
.img-rounded{border-radius:6px}
.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;display:inline-block;max-width:100%;height:auto}
.img-circle{border-radius:50%}


/* ----- Sidebar ----- */
aside#sidebar.col-xs-12.col-md-3{padding-left:11px;padding-right:0;margin-bottom:-50px}
aside#sidebar{margin-top:60px}
.sidebar-box{margin:0 0 40px 0;padding:15px;font-size:1.2rem;font-weight:400;line-height:120%;text-align:center;border:1px solid #eee}
.sidebar-box ul{margin-top:10px;margin-bottom:5px}
.sidebar-box li{text-align:left;margin-bottom:5px}
.sidebar-box li a{color:#0083cb}
.sidebar-box img {max-width:100% !important; height:auto}

@media (max-width:992px){aside#sidebar.col-xs-12.col-md-3{padding-left:0px; margin-right:-30px; margin-bottom:0px}
.sidebar-box{width:48%;float:left;margin:0 0px 40px 0px}
.sidebar-box:nth-child(2n-1){margin-right:4%;clear:both}
.sidebar-box.beratungstermine{width:100%}
}
@media (max-width:600px){.sidebar-box{width:100%}}
aside#sidebar .sidebar-box.textbox{background:#f9f9f9}

.sidebar-box.termine{background:#edf5fa}
.sidebar-box.termine .boxheader{height:10px;border-bottom:2px solid #1E7CBC;margin:0 -15px 20px}
.sidebar-box.termine h3{font-size:1.3rem;margin-bottom:0px}
.sidebar-box.termine h3+.termin,.sidebar-box.termine p+.termin{margin-top:20px}
.sidebar-box.termine .date{font-size:1rem;font-weight:600;color:#1E7CBC}
.sidebar-box.termine .zusatz{font-size:0.9rem;font-weight:300;margin-top:-5px;color:#1E7CBC}
.sidebar-box.termine .title{font-size:1rem;font-weight:600}
.sidebar-box.termine .termin{margin-bottom:20px}
.sidebar-box.termine .boxfooter{height:10px;border-top:2px solid #1E7CBC;margin:10px -15px 0px}

@media (max-width:1200px){.sidebar-box.termine h3{font-size:1.2rem}}

.sidebar-box.szut-aktuell{background:#1E7CBC;color:#fff;border-color:#13517A}
.sidebar-box.szut-aktuell .boxheader{height:10px;border-bottom:2px solid #fff;margin:0 -15px 20px}
.sidebar-box.szut-aktuell .boxfooter{height:10px;border-top:2px solid #fff;margin:10px -15px 0px}
.sidebar-box.szut-aktuell h3{color:#fff; font-size:1.4rem}
.sidebar-box.szut-aktuell h4{text-transform:none;margin-top:20px; color:#fff}
.sidebar-box.szut-aktuell a{color:#fff}
@media (max-width:1200px){a.kalender-link nobr{display:none}}
@media (max-width:992px){a.kalender-link nobr{display:inline}}

.sidebar-box p+p{margin-top:0px}
.sidebar-box h1,.sidebar-box h2,.sidebar-box h3,.sidebar-box h4,.sidebar-box h5{margin:5px 0;text-transform:uppercase;font-weight:600; font-size:1.3rem}
.sidebar-box.steckbrief h3 {font-size:1.7rem; opacity:0.8; margin-bottom:10px}

/* sidebar-box a als button */
.sidebar-box p a{display:inline-block;border-radius:6px;box-shadow:3px 3px 3px 0px #666;border:1px solid rgba(0,0,0,0.1);padding:3px 20px;color:#000;font-weight:600;margin:10px 0;font-size:1.3rem;text-decoration:none!important}
.sidebar-box p a:hover{background:rgba(256,256,256,0.2);box-shadow:3px 3px 3px 0px #111;margin:9px 0px 11px 0px}
.sidebar-box p a:active{margin:12px 0px 8px 0px}
@media (max-width:992px){.sidebar-box p a{padding:10px 20px}}

.sidebar-box p a.no-button, .sidebar-box p a#no-button{display:inline-block;border-radius:0px;box-shadow:none;border:none;padding:0px;color:#000;font-weight:600;margin:0;font-size:1.2rem;text-decoration:underline !important;text-decoration-style:dotted !important;color:#0083cb}
.sidebar-box p a.no-button:hover, .sidebar-box p a#no-button:hover{background:none;box-shadow:none;margin:0px;text-decoration-style:solid;color:#0083cb;color:#18679B}
.sidebar-box p a.no-button:active, .sidebar-box p a#no-button:active{margin:0px}

/* -----  Infoleiste rechter Rand ----- */
#infos-rechts{position:fixed;top:300px;right:0;z-index:1000}
#leichte-sprache {position:absolute; top: -290px}
#fb-icon,#tw-icon,#yt-icon{display:block}
#schulchr,#imagebr{margin-right:-50px;margin-left:-10px;margin-bottom:20px;box-shadow:3px 3px 3px 0px #999;border:1px solid rgba(0,0,0,0.1);position:relative}
#schulchr:hover,#imagebr:hover{margin-right:10px;margin-left:-70px}
#schulchr:hover .layer,#imagebr:hover .layer{display:none}

.layer{position:absolute;top:68px;left:-100px;width:168px;padding:5px;overflow:hidden;-ms-transform:rotate(270deg);-webkit-transform:rotate(270deg);transform:rotate(270deg);background:rgba(256,256,256,0.7);font-weight:600;white-space:nowrap;text-align:center;font-size:1.4rem;line-height:100%}

@media (max-width:1280px){#infos-rechts{top:100px} #leichte-sprache { top: -80px}
}
@media (max-width:768px){#infos-rechts{display:none}}

/* ----- FOOTER ----- */
footer{padding:20px 30px;min-height:100px;clear:both;background:#ebebeb;color:#333}
footer .row1,footer .row2{border-right:1px solid #fff;height:420px;padding-right:20px}
footer table+h4{margin-top:30px}
footer td{padding:0px}
#googlemap{width:100%;height:300px;border:2px solid #1E7CBC}
footer a{padding-bottom:0;color:#0083cb;font-weight:600;text-decoration:underline;text-decoration-style:dotted}
footer a:hover{color:#18679B;text-decoration-style:solid}

/* Überschreibung special/tabellen.css */
footer tr:first-child{color:#333;text-transform:none;font-size:1rem;background:none !important}
footer table,footer tr:nth-child(2n-1),footer td,footer tbody tr:hover{background:none;border:none !important}

@media (max-width:1200px){footer .row1,footer .row2{height:380px}#googlemap{height:340px}}
@media (max-width:992px){footer.row{margin:0px 15px}footer .row1,footer .row2{border-right:none;height:auto;padding-bottom:30px;border-bottom:2px solid #fff;margin-bottom:40px}#googlemap{width:100%;height:380px;border:2px solid #1E7CBC}}
@media (max-width: 992px) {footer.row {margin: 0px -30px;}}

/* copyright */
#copyright{background:#fff;margin:10px -30px 20px;height:20px}
#copyright #copy{float:left;width:40%;font-size:13px}
#copyright li{list-style:none;float:left}
#copyright li+li{border-left:1px solid #1E7CBC}
#copyright li a{font-size:13px;text-decoration:none;color:#1E7CBC;padding:08px}
#copyright li a:hover{text-decoration:underline}
#copyright p{line-height:15px}
#copyright #bottomnavi{display:inline-block;float:right}
@media (max-width:768px){#copyright #copy, #copyright #bottomnavi{clear:both;width:100%;} #copyright{height:30px} #copyright #bottomnavi ul {padding-left:0; margin-left:-8px}}

/* ----- SITEMAP ----- */
#content ul.sitemap{margin:0;padding:0;width:100%}
#content ul.sitemap ul{margin:0}
.sitemap .sitemap{margin:0}
.sitemap li{list-style:none}
.sitemap li:hover,.sitemap a:hover{background:none!important}
.sitemap li a{display:block;padding:1px 0 1px 0;color:#797979;text-decoration:none;font-size:1.2rem;text-transform:uppercase;background:none!important}
.sitemap li a:hover{color:#0083cb}
.sitemap>li{border-bottom:2px dotted #aaa;margin-bottom:30px;padding-bottom:20px}
.sitemap>li>a{font-weight:600}
.sitemap>li ul li{padding-left:35px}
.sitemap>li>ul>li>ul>li a:hover{color:#9ba21b}
.sitemap li li a{font-size:1rem;;text-transform:none}

/* "Überschriften"der Profilseiten eingrauen,Links deaktivieren */
.sitemap li.nav157>a,.sitemap li.nav158>a,.sitemap li.nav162>a,.sitemap li.nav163>a,.sitemap li.nav164>a,.sitemap li.nav166>a,.sitemap li.nav167>a,.sitemap li.nav168>a,.sitemap li.nav170>a,.sitemap li.nav171>a,.sitemap li.nav185>a,.sitemap li.nav188>a,.sitemap li.nav191>a,.sitemap li.nav196>a{text-decoration:none!important;cursor:default;color:#aaa!important;letter-spacing:1px}

.sitemap li.nav157>ul>li,.sitemap li.nav158>ul>li,.sitemap li.nav162>ul>li,.sitemap li.nav163>ul>li,.sitemap li.nav164>ul>li,.sitemap li.nav166>ul>li,.sitemap li.nav167>ul>li,.sitemap li.nav168>ul>li,.sitemap li.nav170>ul>li,.sitemap li.nav171>ul>li,.sitemap li.nav185>ul>li,.sitemap li.nav188>ul>li,.sitemap li.nav191>ul>li,.sitemap li.nav196>ul>li{padding-left:0px;margin-left:-10px}

/* Unterseiten von Koop-Partner,SZUTaktuell,MINT und Presseberichte ausblenden */
.sitemap li.nav86 ul,.sitemap li.nav87 ul,.sitemap li.nav88 ul,.sitemap li.nav79 ul{display:none}
#content ul.sitemap.unten{margin:0 18px;padding:0;width:96%}
#content ul.sitemap.unten{color:#aaa!important;letter-spacing:1px;font-size:1.2rem;text-transform:uppercase;font-weight:600}

@media (max-width:768px){.sitemap>li ul li{padding-left:5px}#content ul.sitemap {margin: 0 -15px;}}
@media (max-width:480px){.sitemap>li ul li{padding-left:0px; margin-left:-5px}#content ul.sitemap {margin: 0 -15px;}}

/* ----- Videocontainer ----- */
.embed-container{position:relative;padding-bottom:56.25%;/* ratio 16x9 */height:0;overflow:hidden;width:100%;height:auto;border:10px solid #1E7CBC}
.embed-container iframe{position:absolute;top:0px;left:0;width:100%;height:100%}
.embed-container.ratio4x3{padding-bottom:74.8%}/* ratio 4x3 */

.embedtext{width:100%px;height:26px;background:#1E7CBC;font-weight:600;padding:4px 10px 0px;color:#fff;font-size:140%}
img#videoicon {width:22px!important; height:14px!important; margin: 0px 0px 2px 10px;}


/* article_include editcontainer zurücksetzen !!! */
.cms_abstract{left:50% !important;top:50% !important;position:fixed !important}
#redaktionsinfos.backend-hinweis {display:none}


/* ----- Cookie-Banner ----- */

.cc_container .cc_btn {background-color: #1E7CBC!important; color: #fff !important; font-size:80%;padding:5px!important }
.cc_container {background: #666 !important;color: #fff !important;padding:10px!important}
.cc_container a {color: #fff!important;border-color:#1E7CBC!important; font-weight:bold}