body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* BaWueSansWeb einbinden */
@font-face {
    font-family: 'BaWueSansWeb';
    src: url('../../files/nio/fonts-bw/BaWueSansWeb-Regular.woff2') format('woff2'),
         url('../../files/nio/fonts-bw/BaWueSansWeb-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BaWueSansWeb';
    src: url('../../files/nio/fonts-bw/BaWueSansWeb-SemiBold.woff2') format('woff2'),
         url('../../files/nio/fonts-bw/BaWueSansWeb-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BaWueSansWeb';
    src: url('../../files/nio/fonts-bw/BaWueSansWeb-Bold.woff2') format('woff2'),
         url('../../files/nio/fonts-bw/BaWueSansWeb-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* BaWueSerifWeb einbinden */
@font-face {
    font-family: 'BaWueSerifWeb';
    src: url('../../files/nio/fonts-bw/BaWueSerifWeb-Regular.woff2') format('woff2'),
         url('../../files/nio/fonts-bw/BaWueSerifWeb-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BaWueSerifWeb';
    src: url('../../files/nio/fonts-bw/BaWueSerifWeb-Bold.woff2') format('woff2'),
         url('../../files/nio/fonts-bw/BaWueSerifWeb-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
#container,
#wrapper,#main,
#main .inside,
.kachel {overflow: visible;}

.kachel ul,
.aufgabenlinks ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-weight: 400;
    font-family: 'BaWueSansWeb', sans-serif;
    position: relative;
overflow: visible;
}


.kachel ul li,
.aufgabenlinks li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    transition: all 0.15s ease;
    margin-bottom: 15px;
    border: 2px #000 solid;
    border-radius: 3px;
    position: relative;
    min-height: 50px;
    cursor: pointer;
overflow: visible;
}

.home .kachel ul.main-kachel > li {
    min-height: 300px;
}
.kachel ul li:hover {transform: scale(1.015) !important; -webkit-transition: all 0.15s; transition: all 0.15s;}

.home .kachel ul.submenu li:nth-child(4) {
    	min-height: 150px;
}
.home .kachel ul.submenu li:nth-child(1),
.home .kachel ul.submenu li:nth-child(2),
.home .kachel ul.submenu li:nth-child(3) {
    min-height: 300px;
}

.kachel ul > li::after {
    content: "\2192";
    position: absolute;
    bottom: 20px;
    right: 30px;
    font-size: 40px;
opacity: 1;
-webkit-transition: all 0.3s; transition: all 0.3s;
}
.home.kachel ul > li::after {
    bottom: 30px;
}
.kachel ul > li:hover::after {
opacity: 1;
}


.home .kachel ul.submenu li:nth-child(1) a::after,
.home .kachel ul.submenu li:nth-child(2) a::after,
.home .kachel ul.submenu li:nth-child(3) a::after {
content: "\2192  zu den Aufgaben";
position: absolute;
bottom: 30px;
right: 30px;
font-size: 16px;
opacity: 1;
background: #000;
color: #fff;
display: inline-block;
padding: 5px 10px;
border-radius: 3px;
-webkit-transition: all 0.15s; transition: all 0.15s;
z-index: -1;
}
.home .kachel ul.submenu li:hover:nth-child(1)::after,
.home .kachel ul.submenu li:hover:nth-child(2)::after,
.home .kachel ul.submenu li:hover:nth-child(3)::after {
opacity: 1.0;
}
.home .kachel ul.submenu li::after {display: none !important;}



ul.main-kachel li {
    width: 49.25% !important;
}

.kachel ul li span,
.kachel ul li a {
    display: block;
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
}
.kachel ul li span {
    padding: 30px 50px 30px 30px;
}

.kachel ul.submenu  {
padding-left: 50px;
}

.kachel ul .submenu li {
    width: 32.33% !important;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
    transition: all 0.15s ease;
}
.home .kachel ul .submenu li  {
    min-height: 100px;
}

.home .kachel a {height: 100%; bottom: 0; top: 0;}

.kachel ul .submenu li:first-child {
    width: 90%;
    margin-bottom: 10px;
    height: 50px;
}

.kachel li.fragen { background: #DCF7A3; min-height: 50px !important; }
.kachel li.fragen.full {  width: 100% !important;  }
.kachel li.has_sub.fragen { min-height: 160px !important; background: #80c9c4;}
.kachel li.ueber { background: #D3F6FD; }
.XXkachel li.faq { background: #E5E1DC; 	width: 38.33% !important; }
.XXkachel li.workshop { background: #FFE7DB; 	width: 26.33% !important; }
.kachel li.toolboxlink { background: #FFD9C4; }

.kachel span div {
    font-size: 18px;
    margin-top: 25px;
    font-weight: 400;
display: none;
}

.kachel ul .submenu.active li,
.aufgabenlinks li {
background: #DCF7A3;
}

.aufgabenlinks ul {display: block; width: 100%; max-width: 500px; padding: 0 !important; margin: 0 !important;}
.aufgabenlinks ul li {font-size: 20px; font-weight: 600;  padding: 10px 10px; width: 100% !important; display: block; }




.aufgabenlinks ul li a { text-decoration: none !important; -webkit-transition: all 0.3s; transition: all 0.3s; }
.XXaufgabenlinks ul li:hover { transform: scale(1.025) !important;transform-origin: left center !important;  }
.mod_article,
.aufgabenlinks ul,
.aufgabenlinks ul li {overflow: visible;}


.aufgabenlinks ul > li::after {
    bottom: 0px;
    right: 40px;
}


.kachel ul .close-submenu {
width: 35px;
position: absolute;
    top: 20px;
    right: 10px;
    cursor: pointer;
    font-weight: bold;
}

.kachel ul, .submenu {
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.kachel ul.submenu {
display: none;
    opacity: 0;
    transform: translateY(-20px);
}
.kachel .submenu li {
background: #DCF7A3;
}
.kachel .submenu li {
width: 32.33% !important;
}

.home .kachel .submenu li:nth-child(1) {
min-height: 80px;
}


.kachel .close-submenu {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 34px;
    cursor: pointer;
}


.kachel {margin-top: -80px;}
.home .kachel {margin-top: 0px;}


 #menuicon {
        cursor: pointer;
        font-size: 45px;
        text-align: center;
        padding: 10px;
        user-select: none;
    }
 #menuicon span {
border-radius: 3px 3px 0 0;
display: inline-block;
background: #fff;
padding: 0px 8px 8px 8px;
    }
 #menuicon span.close {
padding: 0px 16px 8px 16px;
    }


    #hauptnav {
        display: none;
    }

 .home #menuicon {
        display: none;
    }

 .home   #hauptnav {
        display: block;
    }




@media (max-width: 700px) {
.kachel li.faq,
.kachel li.workshop  {width: 100% !important; }
.home .kachel .submenu li:nth-child(4) {
width: 100% !important;

}

.kachel {margin-top: -50px;}
 #menuicon {
        font-size: 30px;
        padding: 10px;
    }
.kachel ul li {
    min-height: 50px;
}
.home .kachel ul.main-kachel > li {
    min-height: 100px;
}

.home .kachel ul.submenu li:nth-child(4) {
    	min-height: 50px;
}
.home .kachel ul.submenu li:nth-child(1),
.home .kachel ul.submenu li:nth-child(2),
.home .kachel ul.submenu li:nth-child(3) {
    min-height: 50px;
}
.home .kachel ul.submenu li:nth-child(1),
.home .kachel ul.submenu li:nth-child(2),
.home .kachel ul.submenu li:nth-child(3) {
padding-bottom: 50px;
}

.home .kachel span div {margin-top: 10px;}

    .kachel ul > li,
.kachel ul.submenu li {
width: 100% !important;
margin-bottom: 5px;
    }

.kachel ul li span {
    padding: 15px 25px 15px 15px;
}

.kachel ul li span,
.kachel ul li a {
    font-size: 19px;
}
span div {
    font-size: 14px;

}
.kachel ul > li::after {
font-size: 26px;
right: 15px;
opacity: 1;
bottom: 15px;
}
.home .kachel ul.submenu li:nth-child(n+2) {
padding-bottom: 50px;
}
.kachel ul.submenu li:nth-child(n+2)::after {
right: 15px;
bottom: 15px;
opacity: 1;
display: block;
}



.home .kachel ul.submenu li:nth-child(1) a::after,
.home .kachel ul.submenu li:nth-child(2) a::after,
.home .kachel ul.submenu li:nth-child(3) a::after,
.home .kachel ul.submenu li:nth-child(4) a::after {
bottom: 15px;
right: 15px;
font-size: 16px;
opacity: 1;
}


}


.farblinks.zentriert {margin: 0 auto !important;}

.farblinks li {padding: 0 !important;}
 .farblinks li a {position: relative; padding: 10px 10px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; z-index: 99999; }
 .farblinks li a:hover {padding: 10px 6px 10px 13px; display: block; }


 .farblinks li a::after {
    content: "\2192";
    position: absolute;
    right:20px !important;
    font-size: 40px;
top: -7px;
opacity: 0.25;
-webkit-transition: all 0.15s; transition: all 0.15s;
}
 .farblinks li a:hover::after {
opacity: 1;
}


/*
.main-kachel li.fragen,
.submenu li.fragen  {background: #00A770;}
.main-kachel li.ueber {background: #64C7F2;}
.main-kachel li.faq {background:#FFED00;}
.main-kachel li.workshop {background: #A199CA;}
.main-kachel li.toolboxlink {background: #F5B4D2;}

.submenu  li.suf,
.farblinks  li.suf {background: #FBBB00;}
.submenu  li.sug,
.farblinks  li.sug {background: #00B0EB;}
.submenu  li.ka,
.farblinks  li.ka {background: #F07F00;}

.main-kachel.kaz  li.landeskunde {background: #FBBB00;}
.main-kachel.kaz li.kreativ {background: #F07F00;}
.main-kachel.kaz li.ueber {width: 100%; background: #64C7F2;}
*/



.main-kachel li.fragen,
.submenu li.fragen  {background: #8cc04b;}
.main-kachel li.ueber {background: #fff03e;}
.main-kachel li.faq {background:#d70142;}
.main-kachel li.workshop {background: #f9d0db;}
.main-kachel li.toolboxlink {background: #F5B4D2;}

.submenu  li.suf,
.farblinks  li.suf {background: #a49ece;}
.submenu  li.sug,
.farblinks  li.sug {background: #a8d2f2;}
.submenu  li.ka,
.farblinks  li.ka {background: #b4d6a3;}
.farblinks  li.workshop {margin-top: 20px; background: #f9d0db;}

.main-kachel.kaz  li.landeskunde {background: #FBBB00;}
.main-kachel.kaz li.kreativ {background: #F07F00;}
.main-kachel.kaz li.ueber {width: 100%; background: #fff03e;}







 @media (min-width: 701px) {
.kachel.unterseite .submenu .fragen {width: 32.33% !important;  }
.kachel.unterseite .submenu .suf {width: 32.33% !important;  }
.kachel.unterseite .submenu .sug {width: 32.33% !important;  }
.kachel.unterseite .submenu li.ka,
.kachel.unterseite .submenu .ka { width: 32.33% !important; }
 }


@charset "UTF-8";
div,li,ul{border:0px #000 solid}.kachel .fragen,.kachel .ueber,.kachel .has_sub{display:none !important}*{box-sizing:border-box}a{text-decoration:none;color:inherit}.hidden{display:none}body{font-family:"BaWueSansWeb", Arial, sans-serif;font-size:1.1rem;line-height:1.4}h1,h2,h3,h4,h5,h6{font-family:"BaWueSerifWeb", Georgia, serif;font-family:"BaWueSansWeb", Arial, sans-serif;font-weight:600;line-height:1.3}img{vertical-align:bottom}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth;max-width:100% !important;overflow-x:hidden}#main .ce_text a{text-decoration:underline}h1{font-size:2.8rem;margin:70px 0 45px 0}.home h1{margin:70px 0 100px 0}h2{font-size:1.8rem;margin:50px 0 15px 0}h3{font-size:1.65rem;margin:20px 0 30px 0}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem;text-transform:uppercase;letter-spacing:0.05em}@media (max-width:48rem){body{font-size:0.875rem}h1{font-size:2rem}h2{font-size:1.5rem;margin:30px 0 10px 0}h3{font-size:1.4rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}h1,h2,h3,h4,p,span{hyphens:auto}}#container .inside{width:90%;max-width:1160px;margin:0 auto}#header{position:relative;max-width:2560px;margin:0 auto;text-align:center}#header .inside{position:relative;margin:0 auto;text-align:center}.headnio{position:relative}#header .logo.nio{right:30px;position:absolute;top:70px;display:flex;justify-content:flex-end}#header .logo.nio .ce_image{width:350px}.einsendeschluss{position:absolute;bottom:50px;left:8%;background:none !important;width:5%;height:auto;display:flex;max-width:400px;align-items:center;justify-content:center;text-align:center;font-weight:bold;font-size:1.9rem;line-height:1.3em;color:#000;transform:rotate(0deg);hyphens:auto;padding:50px}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;clip-path:inset(50%) !important;white-space:nowrap !important;border:0 !important}@media (max-width:1800px){#header .logo.nio{right:0px;top:40px}#header .logo.nio .ce_image{width:325px}.einsendeschluss{left:0%;width:380px;height:380px;bottom:-50px}}@media (max-width:1400px){#header .logo.nio{top:0px}#header .logo.nio .ce_image{transform:translateX(30px)}.einsendeschluss{left:3%;width:320px;height:320px;bottom:-30px;font-size:1.6rem}}@media (max-width:1150px){#header .logo.nio .ce_image{transform:translateX(35px)}#header .logo.nio .ce_image{width:275px}.einsendeschluss{left:0%;width:300px;height:300px;bottom:-30px;font-size:1.3rem}}@media (max-width:900px){#header .logo.nio .ce_image{width:250px}.einsendeschluss{left:0%;width:250px;height:250px;bottom:-30px;font-size:1.1rem}}@media (max-width:640px){#header .logo.nio .ce_image{transform:translateX(25px) translateY(-25px)}#header .logo.nio .ce_image{width:43%}.einsendeflex{display:flex;border:2px #000 solid}.einsendeflex .einsendeschluss{position:relative;left:auto;width:50%;height:auto;bottom:auto;top:0px;background:#FFF6A7;transform:rotate(0deg);padding:15px;margin:0 auto !important;top:0}.XXeinsendeflex .muster{position:relative;width:50%;display:block;background-image:url("../../files/nio/img/basics/muster2.jpg");background-size:cover;background-repeat:no-repeat;background-position:center}}#ontop{display:inline-block;position:fixed;z-index:9999999;right:20px;bottom:-50px;-webkit-transition:all 0.3s;transition:all 0.3s}#ontop.show{bottom:120px}#ontop a{display:inline-block;padding:10px 15px 0px 15px;border-radius:3px;border:1px #000 solid;background:#fff;color:#000;font-size:32px;line-height:32px;text-decoration:none}#main{padding-bottom:160px}.home #main .inside{max-width:1000px}.home .grussworttext h1{font-size:40px;margin:80px 0 40px 0}@media (max-width:48rem){.home .grussworttext h1{font-size:1.8rem;margin:60px 0 30px 0}}#footer{color:#000;text-align:center;text-transform:uppercase;font-size:14px;border:0px #000 solid;border-top-width:1px}#footer .inside{display:flex;flex-wrap:wrap;justify-content:space-between;padding:25px 0 25px 0 !important;width:90%;max-width:1160px;margin:0 auto}#footer ul{display:flex;justify-content:left;padding:5px 0 0 0;list-style-type:none;text-align:center}#footer li{display:block}#footer ul li a,#footer ul li.active{display:block;padding:5px 8px;color:#000}#footer ul li:nth-child(1) a,#footer ul li:nth-child(1).active{padding-left:0px}#footer img{max-width:40px;margin-top:0px}#footer .footerlogos{width:100%;margin-bottom:0px}#footer .footerlogos span{display:flex;justify-content:flex-start;width:100%;align-items:center;margin-bottom:30px;max-width:500px}#footer .footerlogos img{max-width:100%}#footer .footerlogos .bw img{margin-right:60px;width:260px}#footer .footerlogos .kaz img{padding-left:0px;width:80px}@media (max-width:500px){#footer .footerlogos .bw{margin-right:0%;width:70%;margin-right:10%}#footer .footerlogos .kaz{width:20%}}#footer .teilnahmelinks{width:100%;display:block}#footer ul.teilnahmelinks{display:flex;width:100%;max-width:100%;justify-content:flex-start}#footer .teilnahmelinks a{max-width:100%;width:auto;margin-top:0px;padding-top:0px;display:block;margin-right:5px}@media (max-width:48rem){#footer ul.teilnahmelinks{display:block}#footer ul.teilnahmelinks li{width:100%}}#XXmain .ce_text{max-width:900px}#main .ce_text.full{max-width:100%}.zweispaltig{max-width:600px;display:flex;justify-content:space-between}.zweispaltig .ce_text{width:45%}.zweispaltig img{max-width:200px}.grussworttext{max-width:1000px}.grussworttext p strong{display:block;margin:20px 0}.grusswort.dreispaltig{max-width:600px;display:flex;justify-content:flex-start;margin-top:50px;flex-wrap:wrap}.grusswort.dreispaltig .ce_text{width:30%;margin-right:15%}.grusswort.dreispaltig .ce_text p{font-size:12px}.grusswort.dreispaltig .ce_text p strong{font-size:18px}@media (max-width:48rem){.grusswort.dreispaltig .ce_text{width:45%;margin-right:10%;margin-bottom:25px}.grusswort.dreispaltig .ce_text:nth-child(2){margin-right:0%}}h3.acc-title{font-size:20px;font-weight:bold;margin:40px 0px 5px 0px;position:absolute !important}.acc-body{padding-left:15px;margin-left:45px;border:0px #000 solid;border-left-width:2px}.acc-body p{margin:0 !important}.antwort li{position:relative}.checkmark.on{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#a49ece !important;border:2px solid #000;display:block}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#000;border:2px solid #000;border-radius:0px}.container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#fff;border:2px solid #000;border-radius:0px}.workshop{max-width:800px}.workshop h4{margin:0 0 0 0;padding-top:10px;width:30%;border:0px #000 solid}.workshop p{padding-top:16px;width:80%}.workshop .ce_text{display:flex;border:0px #000 dotted;border-bottom-width:1px;justify-content:flex-start;align-items:flex-start}@media (max-width:48rem){.workshop .ce_text{display:block;border-bottom-width:0px}.workshop p{padding-top:0px}.workshop h4{margin:15px 0 5px 0;padding-top:0px;width:100%}}.ce_gallery ul{max-width:900px;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:24px;margin:0;padding:0;list-style:none}.ce_gallery li{float:none !important;width:auto !important;margin:0;padding:0}.ce_gallery li:first-child{grid-column:1 / -1}.ce_gallery figure{margin:0}.ce_gallery a,.ce_gallery img{display:block;width:100%}.ce_gallery img{height:auto}@media (max-width:1024px){.ce_gallery ul{grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px}}.boxes{border:1px #000 solid;padding:35px;display:block;position:relative;background:#fff;margin-bottom:25px;border-radius:3px}.boxes h3{margin:0px 0 30px 30px !important;padding-left:15px;position:relative;border:0px #000 solid;border-left-width:2px}.boxes h3 em{font-size:30px;font-style:normal;display:inline-block;position:absolute;left:-30px;top:0px;font-family:"BaWueSansWeb", Arial, sans-serif}.aufgabe{margin:25px 0;display:block;background:rgba(255, 255, 255, 0.5);padding:0px;aborder-radius:0px}p.onlinelink{text-align:right !important}.onlinelink a{text-decoration:none !important;border-radius:0px;display:inline-block;padding:5px 10px;background:#000;color:#fff;border-radius:3px}.aufgaben h2{margin:35px 0 30px 0}.onlinelink a::before{display:inline-block;margin-right:0px;opacity:0;font-size:0;content:"→";-webkit-transition:all 0.3s;transition:all 0.3s}.onlinelink a:hover::before{display:inline-block;margin-right:10px;font-size:17px;opacity:1;margin-top:-2px}.hidden{display:none}ul.klassennav{font-weight:600;margin:60px 0 30px 0 !important;padding:0 !important;list-style-type:none;display:flex;justify-content:space-between}.klassennav li{width:32%;display:inline-block;padding:20px 25px;border:2px #000 solid;text-align:center;cursor:pointer;border-radius:0px;font-weight:500;cursor:pointer;font-weight:bold;-webkit-transition:all 0.3s;transition:all 0.3s}.klassennav li:hover{background:#a8d2f2}.klassennav li.kl1:hover,.klassennav li.kl1.active{background:#a8d2f2 !important}.klassennav li.kl2:hover,.klassennav li.kl2.active{background:#a8d2f2 !important}.klassennav li.kl3:hover,.klassennav li.kl3.active{background:#a8d2f2 !important}#page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity 0.4s ease-in-out}#page-loader.fade-out{opacity:0;pointer-events:none}#page-content{transform:scale(1.25);opacity:0;transform:scale(1.05) translateY(-20px);transition:all 0.4s ease-out}#page-content.loaded{opacity:1;transform:scale(1) translateY(0)}.toggler{position:relative;border:0px #000 solid;padding:0px;cursor:pointer;font-weight:500;margin:0px 0px 0px 0px !important;-webkit-transition:all 0.15s;transition:all 0.15s}.ce_accordion{background:#fff;-webkit-transition:all 0.3s !important;transition:all 0.3s !important}.ce_accordion:hover{-webkit-transition:all 0.25s;transition:all 0.25s;background:#eee}.toggler:before{content:"+";position:absolute;right:20px;top:8px;font-size:24px}.toggler.ui-state-active:before{content:"-";top:8px}.ce_accordionSingle{margin:0 0 0px 0px}.ce_accordionSingle ul,#main .ce_text ul{margin-left:18px}.ce_accordionSingle ul li,#main .ce_text ul li{margin:0 0 8px 0px;list-style-type:square}.ce_accordionSingle:last-child{margin:0 0 130px 0px}.accordion{padding:0px 0px;margin-top:-1px;display:block}.accordion p{margin:0 0 8px 0 !important}.toggler{padding:15px 15px 15px 15px}.accordion{padding:0px 15px 15px 15px}.accordion.ui-accordion-content-active,.toggler.ui-state-active{font-weight:600;background:#ddd !important}.accordion.ui-accordion-content-active{font-weight:500}.ce_accordion{border-radius:8x;padding:0px;margin:5px 0 5px 0;border:1px solid #000;border-radius:3px}.home .kachel li{opacity:0;transition:opacity 0.6s, transform 0.6s;transform:translateY(100px)}.home .kachel li.view{opacity:1;transform:translateY(0)}.ce_accordion{opacity:0;transition:opacity 0.3s, transform 0.3s;transform:translateY(40px)}.ce_accordion.view{opacity:1;transform:translateY(0)}.ce_text.switch{border:0px #000 solid;text-align:center}.ce_text.switch h1{margin:55px 0 0 0;font-size:42px;line-height:44px}.ce_text.switch h2{margin:10px 0 20px 0;font-size:36px;line-height:44px}.switchbuttons{margin-top:50px;text-align:center;display:flex;justify-content:space-between;align-items:stretch}.switchbuttons a{background:#64C6F3;display:block;padding:80px 50px;font-size:24px;line-height:30px;width:49%;border:2px #000 solid;-webkit-transition:all 0.3s;transition:all 0.3s}.switchbuttons a:hover{transform:scale(1.02) !important}.switchbuttons a strong{display:block;margin-top:15px}@media (max-width:730px){.switchbuttons a{display:block;padding:30px 10px;font-size:18px;line-height:22px;width:49%}.ce_text.switch h1{margin:55px 0 0 0;font-size:36px;line-height:34px}.ce_text.switch h2{margin:10px 0 20px 0;font-size:30px;line-height:40px}}.ce_hyperlink a,.download .spaltig{margin-top:0px}.ce_hyperlink a,.download .spaltig .ce_image p a{text-decoration:none !important;display:inline-block;padding:10px 20px;border:0px #333 solid;background:#DCF7A3;font-size:16px;text-align:center;-webkit-transition:all 0.3s;transition:all 0.3s}.ce_hyperlink a:hover,.download .spaltig .ce_image p a:hover{background:#DCF7A3}.download #main .ce_image{margin-bottom:0px}.download #main .ce_hyperlink{margin-top:20px;margin-bottom:70px}.download .spaltig{display:flex;flex-wrap:wrap;justify-content:flex-start;max-width:900px}.download .spaltig .ce_image{padding:0px;width:31%;margin-bottom:15px !important;margin-right:2%}.download .spaltig .ce_image figure{margin-bottom:15px}@media (max-width:730px){.download .spaltig .ce_image{width:48%;margin-bottom:25px}.download .spaltig .ce_image figure{margin-bottom:10px}}#daten{margin:0 20px}#daten label,#daten span{font-size:18px;margin-top:10px;margin-bottom:3px}#daten .form-section-title{font-size:28px;font-weight:bold;text-transform:uppercase;margin-bottom:20px;margin-top:20px}#daten #searchForm{position:relative;margin-bottom:75px}#daten .btn-search{font-size:17px;font-weight:bold;padding:4px 15px 4px 15px;text-transform:uppercase;line-height:1;position:absolute;left:0px;bottom:-45px;cursor:pointer;background:#000;color:#fff}#daten .btn-addschool{width:auto;display:inline-block;color:#fff;background-color:#000;font-weight:bold;padding:6px 20px 0;text-transform:uppercase;line-height:1;cursor:pointer;margin:0 0 0 auto;font-size:24px}#daten a.btn-addschool{color:#fff !important;text-decoration:none;font-size:19px}#daten select{position:relative;z-index:2;background:#fff}#daten input,#daten select{width:100%;border:none;padding:8px 20px;font-size:18px;line-height:24px;min-height:30px;border:1px #000 solid !important;background:#fff}#daten .form-section-title,#daten .form-row span,#daten .form-row label{display:block;margin-left:0px;margin-right:0px}#daten .form-row{margin-bottom:40px}#daten #btn_manuell,#daten #btn_manuell_search,#daten #addtolist,#daten #btn_clearForm{background:#fff;text-transform:uppercase;font-weight:bold;padding-left:30px;position:relative;font-size:17px}#daten #btn_manuell:before,#daten #btn_manuell_search:before,#daten #addtolist:before,#daten #btn_clearForm:before{position:absolute;left:0;top:5px;width:6px;height:13px;content:"";display:block;background-color:#000}#daten #btn_manuell:after,#daten #btn_manuell_search:after,#daten #addtolist:after,#daten #btn_clearForm:after{position:absolute;left:6px;top:0;width:0;height:0;border-top:11px solid transparent;border-left:12px solid #000;border-bottom:11px solid transparent;content:"";display:block}#daten #btn_clearForm{float:right}#daten #addDialog:after{content:"";display:block;clear:both}a#btn_manuell_search{padding:2px 5px !important;text-decoration:none}a#btn_manuell{padding:2px 5px 2px 25px !important;text-decoration:none}#daten input.invalid,#daten select.invalid{border:3px red solid !important;background:rgba(0, 0, 0, 0.1)}#daten #schule_form .form-row:first-child{margin-bottom:0}#daten .select-wrap{position:relative;cursor:pointer;background:#FFF}#daten .select-wrap:before{position:absolute;right:23px;top:5px;width:6px;height:13px;content:"";display:block;background-color:#000;transform:rotate(90deg)}#daten .select-wrap:after{position:absolute;right:20px;top:9px;width:0;height:0;border-top:11px solid transparent;border-left:12px solid #000;border-bottom:11px solid transparent;content:"";display:block;transform:rotate(90deg)}#daten select{text-transform:uppercase;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}#daten #results{margin-bottom:30px;margin-top:-10px;max-height:495px;overflow-y:scroll;width:calc(100% + 40px);margin-left:0px;margin-right:0px;padding:0 5px;font-size:14px;display:none}#daten .select-wrap select{cursor:pointer}#daten #results a{text-decoration:underline}#daten #results table{border-collapse:separate;border-spacing:0 5px}#daten input#kopie_mail{margin-top:10px}.gruppe.inside{display:block;padding-left:20px;margin-left:0 !important;margin-bottom:30px;border:0px #000 solid;border-left-width:3px}.t_teilnehmer .gruppe.inside{margin-bottom:40px !important}.t_teilnehmer .gruppe.inside:last-child{margin-bottom:0px}#daten a.selectschool{background:#fff;text-decoration:none !important;display:inline-block !important;padding:2px 6px !important;border:1px #000 solid}#xxsubmitForm{background:transparent;border:0;cursor:pointer}#xxsubmitForm span{display:block;font-weight:bold;text-transform:uppercase;position:relative;padding-right:40px;margin-left:25%;width:50%}#xxsubmitForm span:before{position:absolute;right:12px;top:50%;transform:translate(0, -50%);width:6px;height:13px;content:"";display:block;background-color:#ff6766}#xxsubmitForm span:after{position:absolute;right:0;top:50%;transform:translate(0, -50%);width:0;height:0;border-top:11px solid transparent;border-left:12px solid #ff6766;border-bottom:11px solid transparent;content:"";display:block}#submitForm .errorMessage{display:inline-block;text-align:center;font-weight:bold;padding:10px 20px;position:absolute;top:-240%;left:50%;transform:translate(-50%, 0);margin-bottom:20px}#submitForm .errorMessage:after{content:"";position:absolute;bottom:-12px;border-top:12px solid #a1dde2;border-left:11px solid transparent;border-right:11px solid transparent;left:50%;transform:translate(-50%, 0)}.fehlermeldung{position:relative;padding:6px;font-size:16px;line-height:26px;text-align:center;display:block;clear:both;max-width:450px;margin:0 auto 35px 0;background:red;color:#fff}.fehlermeldung:nth-child(n+2){display:none}.errorMessage{display:inline-block;background:red;color:#fff;padding:3px 10px}a.XXbtn.btn-red,button.XXsubmit{margin-top:40px !important;margin-left:0 !important;font-size:18px !important;background:#fff !important;width:100%;max-width:350px;text-align:center;padding:6px 10px !important;border-radius:0px;border:2px #000 solid !important;text-align:center !important;font-weight:bold}a.btn.btn-red,button.submit,button.btn.btn-red{margin-top:40px !important;margin-left:0 !important;font-size:18px !important;background:#000 !important;width:100%;max-width:350px;text-align:center;padding:10px 15px !important;border-radius:0px;border:0px #000 solid !important;text-align:center !important;font-weight:bold;color:#fff;line-height:22px !important;cursor:pointer}button.submit{padding:7px 15px !important}a.btn.btn-red{margin-top:60px !important}#teilnahme_btn{display:block}button.submit span,a.btn.btn-red span{position:relative;margin:0 !important;padding:0 !important}button.submit span::before,a.btn.btn-red span::before{display:inline-block;position:absolute;margin-right:10px;opacity:0;font-size:0;content:"→";margin-top:-2px;line-height:22px !important;-webkit-transition:all 0.3s;transition:all 0.3s;left:-25px;top:1px}button.submit:hover span::before,a.btn.btn-red span:hover::before{display:inline-block;margin-right:10px;font-size:17px;line-height:22px !important;opacity:1;left:-20px}.schulen-container{display:flex;flex-direction:column;gap:10px;width:100%}.schule-item{display:flex;align-items:center;padding:10px;border:1px solid #333;border-radius:0px;background:#fff;cursor:pointer;transition:background-color 0.2s}.schule-item:hover{background-color:#f5f5f5}.schule-name{flex:1;font-weight:500;margin-right:15px}.schule-info{display:flex;gap:10px;margin-right:15px}.schule-plz{font-size:0.9em;color:#666;min-width:60px}.schule-ort{font-size:0.9em;color:#666;min-width:100px}.schule-action{flex-shrink:0}.no-results{text-align:center;padding:20px;color:#666}@media (max-width:768px){.schule-item{flex-direction:column;align-items:flex-start;gap:10px}.schule-name{margin-right:0;font-size:1.1em}.schule-info{margin-right:0;gap:5px}.schule-action{width:100%}.selectschool{display:block;text-align:center;width:100%}.nophone{display:none}}.ce_form label{display:block;border:0px #000 solid;margin:15px 0 5px 0 !important}.ce_form label .mandatory{display:none}.ce_form .small{max-width:100px}.ce_form fieldset{border:0px #000 solid;border-left-width:5px;padding-left:20px}.ce_form fieldset legend{display:block !important;font-size:18px;font-weight:bold;padding:25px 0 5px 0 !important;text-transform:uppercase}.ce_form fieldset label{padding:0 0 0 0% !important}.ce_form fieldset p{display:block;font-weight:bold;padding:25px 0 0px 0 !important}.ce_form fieldset input{margin-left:0%}.ce_form .grossklein{text-transform:none !important}.ce_form textarea.hide{width:0 !important;height:0 !important;display:none !important}.upload input{width:100%;border:none;padding:8px 20px;font-size:18px;line-height:24px;min-height:30px;border:1px #000 solid !important;margin:0 0 10px 0}.upload{width:100%;max-width:600px;margin:20px auto 30px auto;background:#eee;padding:20px;border:1px #000 solid;box-shadow:0px 0px 8px rgba(0, 0, 0, 0.25);border-radius:0px;text-align:center}.upload label{font-size:18px;margin-top:10px;margin-bottom:3px}.ce_form .submit,.upload .submit{text-align:center;width:100%;padding:8px 20px;font-size:22px;line-height:28px;min-height:30px;border:3px #000 solid !important;border-radius:0px;margin:0 0 10px 0;cursor:pointer}.ce_form .submit{margin:50px 0 70px 0;padding:15px 20px}.upload .submit{font-size:0;border-radius:25px}.upload .submit:before{font-size:20px;content:"2. Datei verbindlich senden";cursor:pointer !important}.qq-upload-button{text-align:left;width:100%;padding:10px 10px !important;font-size:16px;line-height:16px;border:1px #000 solid !important;border-radius:0px;margin:0 0 20px 0;cursor:pointer !important}.qq-upload-button input{cursor:pointer !important;border:5px #000 solid}.formupload_1,.formupload_2{border:1px #000 solid;margin:10px 0;padding:10px;background:#fff}.fineuploader-container a.delete{display:none !important;margin:10px 0;text-transform:uppercase;font-size:13px}.ce_form button.btn{right:0;left:0;margin:60px auto 80px auto !important;text-align:center;cursor:pointer}.ce_form .widget.widget-submit{text-align:left}.teilnehmerdaten{font-size:22px;line-height:24px}@media (max-width:48rem){h1{margin:30px 0 25px 0}.home h1{margin:40px 0 50px 0}.einsendeschluss{font-size:14px;border-radius:0px;margin:10px 0px 0 0;padding:3px 5px}#footer ul{display:block;text-align:left}#footer ul li a,#footer ul li.active{padding:3px 0px 3px 0px}.acc-body{padding-left:0px;margin-left:0px;border-left-width:0px}h3.acc-title{margin:0px 0px 5px 15px !important;position:relative !important;border:0px #000 solid;border-right-width:0px !important}h3.acc-title em{position:relative !important;border:0px #000 solid;border-right-width:2px;padding-right:10px;margin-bottom:15px}.boxes{padding:15px;margin-bottom:15px}}.mobil{display:none}@media (max-width:640px){.desktop{display:none}.mobil{display:block}}
