html{height:100%;}body{position:relative;min-height:100vh;color:#333333;font-size:0.875rem;font-family:'Roboto',Sans-serif;line-height:1.25rem;margin:0;overflow-x:hidden;z-index:1;}a{text-decoration:none;outline:0;color:#333333;}h1,h2{position:absolute;top:-10000px;left:-10000px;}h3,h4{}img{border:0;}div#container{padding-bottom:10.75rem;min-height:100vh;overflow:hidden;}div#banner{position:fixed;top:0;left:calc(50% - 60rem);max-width:none !important;width:120rem;height:67.5rem;overflow:hidden;z-index:0;}div#banner > img{border:0px;float:none;list-style:none;position:absolute;width:1920px;z-index:50;display:block;}div#head{background:url(https://www.oyten.de/seiten/schulen_neu/bilder/layout/head.png) center -5.125rem no-repeat;background-size:120rem auto;box-sizing:border-box;position:fixed;top:0;left:calc(50% - 50vw);border-top:0.25rem solid #5bb134;width:100vw;height:7.75rem;z-index:30;-ms-transition:border-top 0.5s;-webkit-transition:border-top 0.5s;transition:border-top 0.5s;}div#head_in{position:relative;margin:0 auto;padding:0 4.375rem;width:74.325rem;height:100%;z-index:1;}div#head_in a#logolink{background:url(https://www.oyten.de/seiten/schulen_neu/bilder/layout/sprite.png) -48.375rem 0rem no-repeat;background-size:75rem 62.5rem;display:block;position:relative;float:left;margin-top:0.75rem;width:14.375rem;height:5.625rem;transition:all 0.15s;z-index:1;}div#middle{position:relative;margin:15.875rem auto 0 auto;padding:0 4.0625rem 4.375rem 4.6875rem;width:55.75rem;height:auto;overflow:hidden;z-index:20;}div#middle_in{background:url(https://www.oyten.de/seiten/schulen_neu/bilder/layout/content.png) center 0 repeat;background-size:0.625rem;background-clip:content-box;position:relative;padding:0.625rem 0 0 0;height:auto;overflow:hidden;}div#middle_in::before{content:'';background:url(https://www.oyten.de/seiten/schulen_neu/bilder/layout/sprite.png) center -61.8125rem repeat;background-size:75rem 62.5rem;display:block;position:absolute;top:0;width:100%;height:0.625rem;}div.startBox{background:#ffffff;display:inline-block;position:relative;margin:0.75rem;padding:0;width:16.6875rem;height:15.9375rem;font-size:0;line-height:0;vertical-align:top;}div.startBox::before{content:'';background:#5bb134;display:block;position:absolute;top:0;right:-0.75rem;margin:0;width:0.75rem;height:2.5rem;font-size:0;line-height:0;}div.startBox::after{content:'';display:block;width:7.5rem;height:7.5rem;background:url(https://www.oyten.de/seiten/schulen_neu/bilder/layout/sprite.png);background-size:62.5rem;position:absolute;left:0;right:0;top:3.3125rem;margin:auto;}div.startBox.info::after{background-position:-4.7rem -3.2rem;}div.startBox.gsbassen::after{background-position:-17.2rem -3.2rem;}div.startBox.gsoyten::after{background-position:-27.2rem -2.4rem;}div.startBox.gssagehorn::after{background-position:-6.3rem -18.9rem;}div.startBox.igsoyten::after{background-position:-29.2rem -11.2rem;}div.startBox.wfschulen::after{background-position:-16.9rem -18.4rem;}div.startBox h3{background:#5bb134;box-sizing:border-box;position:relative;margin:0 0 0.625rem 0;padding:0 0.625rem 0 2.625rem;width:100%;height:2.5rem;color:#ffffff;font-size:0.9375rem;font-weight:500;line-height:2.5rem;text-transform:uppercase;}div.startBox h3::before{content:'';background:#ffffff;display:block;position:absolute;top:0.875rem;left:1.25rem;margin:0;width:0.6875rem;height:0.6875rem;font-size:0;line-height:0;}div.startBox h3::after{content:'';display:block;box-sizing:border-box;position:absolute;bottom:-0.75rem;right:-0.75rem;margin:0;border:0;border-top:0.375rem solid #727071;border-right:0.375rem solid transparent;border-bottom:0.375rem solid transparent;border-left:0.375rem solid #727071;width:0;height:0;font-size:0;line-height:0;}div.startBox p{color:#1d1d1b;font-size:0.875rem;text-align:center;line-height:1.25rem;margin:0;margin-top:9.4375rem;}div.startBox p strong{font-weight:500;}div.startBox p a{color:#5bb530;}div#foot{background:#b2b2b2;position:absolute;bottom:0;margin:0 auto;border-top:5px solid #ffffff;width:100%;overflow:hidden;z-index:1;}div#foot_in{position:relative;margin:0 auto;padding:1.6875rem 0 0 0;width:72.5rem;height:8.8375rem;z-index:1;}div#foot_in::before,div#foot_in::after{content:'';background:url(https://www.oyten.de/seiten/schulen_neu/bilder/layout/sprite.png) -26.25rem -37.75rem no-repeat;background-size:75rem 62.5rem;display:block;position:absolute;top:0.9375rem;left:-22.375rem;width:14.375rem;height:14.375rem;z-index:10;}div#foot_in::after{left:auto;top:-4.5rem;right:-22.875rem;}div#foot_in > div{display:table-cell;vertical-align:top;text-align:left;}div#foot_in p{margin:0 0 0.3125rem 0;color:#1d1d1b;}div#f_logo{background:url(https://www.oyten.de/seiten/schulen_neu/bilder/layout/sprite.png) -59rem -10.9375rem no-repeat;background-size:75rem 62.5rem;width:22.875rem;}div#f_zeiten{width:22rem;padding-right:2rem;}div#f_links{width:8rem;}div#f_links ul{list-style:none;display:block;float:right;margin:0;}div#f_links ul li{display:block;position:relative;height:auto;}div#f_links ul li a{color:#1d1d1b;}div#f_stammdaten{width:15.875rem;}div#kontakt fieldset{margin:0;padding:0;border:0;}div#kontakt legend{display:none;}div#kontakt input.checkbox{width:15px;margin:5px 3px 3px 0;border:none;background:none;}div#kontakt input.checkbox:hover{background:none;border:none;}div#kontakt input.datenschutzcheck{position:absolute;z-index:10;}div#kontakt label[for=datenschutzcheck].error{position:relative;}div#kontakt label[for=datenschutzcheck].error::after{content:'';display:inline-block;margin:3px 0 0 -2px;width:11px;height:11px;border:#ff0000 2px solid;position:absolute;top:0;left:-20px;z-index:1;}div#kontakt input.send{width:100px;background-color:#fffde1;border:1px solid #999;cursor:pointer;}table.formular td{border:0;}table.formular label{width:0;}table.formular p{padding:0 !important;}table.formular input,textarea{width:290px;font:12px arial;border:1px solid #999;background-color:#fffde1;}table.formulartextarea{height:80px;}table.formular label,table.formular input,table.formular textarea,table.formular select{margin-top:5px;}table.formular input.checkbox{width:auto;margin-right:5px;border:none;background:none;}table.formular input:hover,table.formular textarea:hover,div#kontakt input:hover{background-color:#4e8e20;color:#fff;}@media all and (max-width:1330px){div#head{background-position:-18.5rem -5.125rem;}div#middle{width:55.55rem;margin-bottom:8.75rem;}div#foot_in{text-align:justify;width:56rem;height:17.3375rem;}div#foot_in::after{content:'';display:inline-block;width:100%;background:transparent;}div#foot_in > div{display:inline-block;}div#foot_in > div + div + div{margin-top:2rem;}div#f_logo{height:6.625rem;background-position:-60.9rem -10.9375rem;}div#f_zeiten{width:24rem;padding-right:12.9rem;}}@media all and (max-width:1024px){div#middle{width:37rem;padding:0;margin-bottom:14rem;}div#foot_in{width:37rem;height:17.5rem;}div#foot_in::after{position:relative;height:auto;}div#f_stammdaten{width:10rem;}div#f_zeiten{width:23rem;padding-right:0;}div#f_links{width:12.5rem;}div#f_links ul{float:none;}}@media all and (max-width:660px){div#middle{width:18.6rem;margin-bottom:26rem;}div#foot_in{width:18rem;height:auto;}div#foot_in::before,div#foot_in::after{background:transparent;}div#foot_in > div + div{margin-top:2rem;}div#f_logo{width:14.5rem;}div#f_links ul{padding:0;}}@media all and (max-width:375px){div#head{background-size:520% 190%;background-position:19% 100%;height:0;padding-bottom:35%;}div#head_in{padding:0 19%;}div#head_in a#logolink{width:62vw;height:0;padding-bottom:23vw;background-size:516%;background-position:80% 0%;}div#foot_in{width:90%;}div#f_stammdaten{max-width:10rem;width:100%;}div#f_links{max-width:12.5rem;width:100%;}div#f_zeiten{width:100%;}}@media print{body{font:12px arial;}div#{display:none;}div#container{position:static;width:auto;padding:0;margin:0;float:none;}a{color:#000;}div#kontakt fieldset{margin:0;padding:0;border:0;}div#kontakt legend{display:none;}div#kontakt input.checkbox{width:15px;margin:5px 3px 3px 0;border:none;background:none;}div#kontakt input.checkbox:hover{background:none;border:none;}div#kontakt input.send{width:100px;border:1px solid #000;background-color:#fff;}table.formular input,textarea{width:290px;font:12px arial;border:1px solid #000;}table.formulartextarea{height:80px;}}