@font-face{font-family:'STIX Two Text';font-style:normal;font-weight:400;src:url(../fonts/stix-two-text-v10-latin-regular.eot);src:local('') , url(../fonts/stix-two-text-v10-latin-regular.eot?#iefix) format('embedded-opentype') , url(../fonts/stix-two-text-v10-latin-regular.woff2) format('woff2') , url(../fonts/stix-two-text-v10-latin-regular.woff) format('woff') , url(../fonts/stix-two-text-v10-latin-regular.ttf) format('truetype') , url(../fonts/stix-two-text-v10-latin-regular.svg#STIXTwoText) format('svg')}@font-face{font-family:'STIX Two Text';font-style:normal;font-weight:700;src:url(../fonts/stix-two-text-v10-latin-700.eot);src:local('') , url(../fonts/stix-two-text-v10-latin-700.eot?#iefix) format('embedded-opentype') , url(../fonts/stix-two-text-v10-latin-700.woff2) format('woff2') , url(../fonts/stix-two-text-v10-latin-700.woff) format('woff') , url(../fonts/stix-two-text-v10-latin-700.ttf) format('truetype') , url(../fonts/stix-two-text-v10-latin-700.svg#STIXTwoText) format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:url(../fonts/open-sans-v34-latin-regular.eot);src:local('') , url(../fonts/open-sans-v34-latin-regular.eot?#iefix) format('embedded-opentype') , url(../fonts/open-sans-v34-latin-regular.woff2) format('woff2') , url(../fonts/open-sans-v34-latin-regular.woff) format('woff') , url(../fonts/open-sans-v34-latin-regular.ttf) format('truetype') , url(../fonts/open-sans-v34-latin-regular.svg#OpenSans) format('svg')}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:url(../fonts/open-sans-v34-latin-700.eot);src:local('') , url(../fonts/open-sans-v34-latin-700.eot?#iefix) format('embedded-opentype') , url(../fonts/open-sans-v34-latin-700.woff2) format('woff2') , url(../fonts/open-sans-v34-latin-700.woff) format('woff') , url(../fonts/open-sans-v34-latin-700.ttf) format('truetype') , url(../fonts/open-sans-v34-latin-700.svg#OpenSans) format('svg')}*{margin:0;padding:0;box-sizing:border-box}:root{--main-color:#00b0f0}html,body{height:100%;width:100%;background:#065d7f}html{color:#333;font-family:Open\ Sans,sans-serif}h1,h2,h3,h4,h5{font-family:'STIX Two Text',serif;color:#444;margin:1em 0;word-break:break-word}p{margin:0 0 1em 0}a{color:#444;text-decoration:none;cursor:pointer}ul{list-style-position:inside}blockquote{font-style:italic;font-family:'STIX Two Text',serif;font-size:1.7em;margin:1em}.zitat{color:var(--main-color);border-left:5px double var(--main-color);padding-left:1em}.autor{text-align:right;color:#666}footer li{list-style-image:url(https://www.methodicus.de/templates/methodicus/img/xbullet.png.pagespeed.ic.Zxmo3mzrBf.png)}#bildung li{list-style-image:none}main li{list-style-position:outside;margin-left:1.5em;padding-left:.5em}main a{border-bottom:2px dotted var(--main-color)}#wrapper{width:100%}#header{width:100%;display:flex}header{background-color:#fff}#slogan{margin-left:165px;font-family:'STIX Two Text',serif;font-size:1.5em;line-height:.9em;background-color:#0080b6;color:transparent;text-shadow:-2px -2px 3px rgba(255,255,255,.5);-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}@keyframes headerAnimation {
  0% {height: 100%; background-size:0; }
  75% {height: 100%; background-size:0; }
  100% {height:130px; background-size: auto;}
}@keyframes logoAnimation {
  0% {opacity: 0; }
  50% {opacity: 100; }
  100% {opacity: 100;}
}header{width:1000px;margin:auto;padding:15px;box-sizing:border-box}.mobilenavi{display:none}nav{width:1000px;margin:auto;background:#0a87b5}nav .nav.menu{width:100%;display:flex;justify-content:space-between;padding:0 1em}li.deeper.parent{position:relative}nav li ul.nav-child{display:none;position:absolute;z-index:2;background:#fff;width:auto}li.deeper.parent:hover ul.nav-child{display:block}nav .menu a{color:#fff;text-decoration:none;padding:1em 15px;display:inline-block;font-family:'STIX Two Text',serif;text-transform:uppercase;white-space:nowrap;transition:.25s}nav .menu a:hover{box-shadow:inset 0 -3.25em 0 0 var(--main-color);transition:.25s}nav li{list-style:none}.banner{width:1000px;margin:auto}.banner li{list-style:none}.slider-container li img.dj-image{height:100%!important;width:auto!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dj-image-blur{width:100%;height:120%;filter:blur(5px);background-size:100%;background-position:center;opacity:.7;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#wrapper>main{padding:2em;width:1000px;margin:auto;background:#fff}.breadcrumb{color:#878787}.breadcrumb li{display:inline;font-size:.8em}.icons{text-align:right;padding-right:5px}#dropdownMenuButton-1{display:none}.print-icon{list-style:none}.print-icon:before{content:"\1F5A8"}.threeboxes,.flex{display:flex;justify-content:space-between;align-items:flex-start}.flex.kurse{flex-wrap:wrap}.box{border:1px solid var(--main-color);border-radius:50px;padding:1.5em;width:32%}.box img{width:100%}.box.grey{background:#d0cece}.box.lightblue{background:#90cbf6}.box.blue{background:var(--main-color)}.flex div{padding:1em}.flex div:first-child{padding-left:0}.flex div:last-child{padding-right:0}ul#bildung{display:flex;flex-wrap:wrap;justify-content:space-between}ul#bildung>li{width:30%;list-style:none;background:#d0ebf4;border:1px solid #a7d8e7;margin:.5em 0;padding:1em;box-shadow:3px 3px 3px #a7d8e8;cursor:pointer}ul#bildung li:hover ul.nav-child,ul#bildung li:active ul.nav-child{display:block;transition:display 2s 2s}ul#bildung li ul.nav-child{display:none;position:absolute;z-index:2;background:#0190c4;width:100%;box-sizing:border-box;left:0;border:0;top:215px}ul#bildung li ul.nav-child{list-style:none}ul#bildung li ul.nav-child li{margin:0;padding:0}ul#bildung li ul.nav-child li .nav-header{padding:.5em;display:block}ul#bildung a{border-bottom:0}#bildung li .image-title{text-align:center;display:block;background:rgba(0,176,240,.8);color:#fff;padding:.5em;bottom:1.5em;position:absolute;width:100%}#bildung .kurs img{height:180px;width:100%;box-shadow:2px 2px 5px #065d7f}ul#bildung .nav-child a{padding:.5em;display:block;width:100%;color:#fff;border-bottom:1px solid #aedbe9}ul#bildung .nav-child a:hover{background:#00729b}.sidebar{max-width:410px}.kurs{width:30%;position:relative}.kurs img{height:180px;width:100%}.kurs a{border:none}.kurs a:hover span.kurstitel{left:15px;background:rgba(0,176,240,1);transition:all ease 1s}.kurs a:hover span.kasten{left:15px;top:16px;box-shadow:0 0 10px inset var(--main-color);transition:all ease .7s}#bildung .item-182{background:#cfeaf3;padding:.5em;box-shadow:0 2px 3px #065d7f}.kurstitel{display:block;width:90%;background:rgba(0,176,240,.8);position:absolute;top:133px;left:-10px;padding:.2em 0 .2em 50px;color:#fff;transition:all ease .7s}.kasten{position:absolute;width:90%;height:180px;border:2px solid var(--main-color);top:30px;left:30px;z-index:1;transition:all ease .7s}.sidebar{float:right;background:#f0f0f0;padding:1em 3em 2em 2em;margin:-3.5em -2em 2em 2em;border-bottom:2px solid #0a87b5}.sidebar img{max-width:100%}.kursbeschreibung .sidebar h2{color:#0a87b5}#inhalt .kursbeschreibung ul{margin-bottom:2em}#inhalt .kursbeschreibung li{list-style-image:url(https://www.methodicus.de/templates/methodicus/img/xbullet_small.png.pagespeed.ic.gGVAHSpWNj.png);margin:.5em 1em .5em 1.5em;list-style-position:initial}.kursbutton{background:#0a87b5;padding:.5em 1em;color:#fff;border:none;font-size:1.1em;margin-top:1em;width:100%}footer{width:100%;background:#065d7f;color:#fff}footer a{color:#fff}.footer{width:1000px;margin:0 auto 3em;display:flex;justify-content:space-between;align-items:center;padding:1em 2em;background:#0a87b5}.mobilenavi{display:none}@media (max-width:1000px){nav,.banner,#wrapper main,#map,.footer{width:100%}ul#bildung>li{width:auto}#center{width:100%}#left,#right{display:none}nav .nav.menu{justify-content:left;flex-wrap:wrap}}@media (max-width:700px){#inhalt p img{width:100%}.threeboxes,.flex{display:block}.box{width:100%;margin-bottom:1em}}@media (max-width:480px){#center{background:none #fff}header img{width:100%;height:auto}.mobilenavi{display:block;width:100%;height:28px;background:#0a87b5;text-align:center;padding:2px 0}nav{display:block;width:100%;min-height:28px;background-color:#0a87b5;background-image:url(https://www.methodicus.de/templates/methodicus/img/xnavibutton.png.pagespeed.ic.HwL5S-ZWBp.png);background-repeat:no-repeat;background-position:center 3px;text-align:center;padding:2px 0;cursor:pointer}nav .nav.menu{display:none;height:100%;width:100%;box-shadow:none;padding:0;background:none #0a87b5;margin-top:28px}nav:hover .nav.menu,nav:active .nav.menu{display:block}nav .nav.menu li{display:block}nav .menu a{display:block}main{padding:1em 5px}.sidebar{float:none;margin:0 0 2em 0}.customlogo_meta{display:none}}