@charset"utf-8";
@media only screen and (max-width :1100px)
and (min-width :768px){body{font-size:10px}
.center_outer .center_inner div.container div.header{padding-left:2.5%;padding-right:2.5%}
.center_outer .center_inner div.container div.content{padding-left:2.5%;padding-right:2.5%}
div.section.kategorien div.content div.top,div.section.kategorien div.content div.bottom{
}
div.section.kategorien div.content div.top{height:172px;margin-bottom:15px}
div.section.kategorien div.content div.bottom{height:92px}
div.section.kategorien div.content div.top div.image{}
div.section.kategorien div.content div.bottom div.name{bottom:6%}
#menu_content li a div.name{padding:0px 9px}
div.bigImage{height:auto}
div.bigImage div.image img{min-height:300px}
div.bigImage div.image{height:300px}
div.bigImage div.bigImage_center{height:300px}
div.bigImage div.claim{width:80%;margin:0 10%}
div.bigImage div.hand{position:absolute;bottom:-3px;margin-left:15%;padding-top:0;width:70%;z-index:90}
div.bigImage div.hand img{width:100%;height:auto}
div.bigImage div.servus{position:absolute;bottom:-10px;padding-left:5%;z-index:101}
div. bigImage div.schooltalk img{
position:absolute;width:60%;height:auto;padding-left:77%;width:25%}
div.bigImage div.servus img{width:90%;height:auto;padding-top:40%;padding-left:20%}
div.bigImage div.button_cz{position:absolute;bottom:50px;padding-left:5%;z-index:95}
div.bigImage div.button_gt_o{position:absolute;bottom:-28%;padding-left:77%;width:25%;z-index:98}
div.bigImage div.button_gt_o img{width:45%;padding-top:10%;padding-left:13%;z-index:99;height:auto}
div.bigImage div.anmeldung{position:absolute;width:33%;top:17%;
z-index:99}
div.bigImage div.schooltalk{position:absolute;top:19%;width:55%;height:auto;padding-right:10%}
div.bigImage div.schooltalk img{width:45%}
div.bigImage div.anmeldung img{width:50%;height:auto;padding-top:9%}
div.bigImage div.button_cz img{width:90%;height:auto}
div.to_top{display:none}
#header div#header_content div#logo{position:absolute;left:3px;top:14px}
div.section.news div.container div.content div.box div.image{overflow:hidden}
div.section.news div.container div.content div.box div.image img{width:auto;height:100%}
div.section.news-categories div.container div.content ul{width:auto}
div.section.galerie .center_outer .center_inner div.container{padding-top:0}
div.section.galerie .center_outer .center_inner div.container div.content{padding-left:0;padding-right:0}
div.section.galerie div.container div.galerie_index div.tx-yag-items{margin:60px auto 40px;height:auto}
div.section.galerie div.container div.galerie_index{background-position:center;background-size:cover;
}
div.section.galerie div.container div.galerie_index div.tx-yag-album-thumb-outerframe{margin-top:20px;margin-bottom:20px}
}
@media only screen
and (max-width :768px){body{font-size:10px;padding-top:0}
img{width:100%;height:auto}
div.section div.container div.content div.contentDisplay div.contents div.csc-textpic div.csc-textpic-imagewrap img{width:100%}
div.section div.container{padding:30px 0}
div.section div.container div.header{width:auto}
.center_outer .center_inner div.container div.header{padding-left:5%;padding-right:5%}
.center_outer .center_inner div.container div.content{padding-left:5%;padding-right:5%}
div.bigImage{height:30px}
div.bigImage div.image{display:none}
div.bigImage div.claim{display:none}
div.bigImage div.hand{display:none}
div.bigImage div.servus{display:none;bottom:320px;padding-left:13%;z-index:115}
div.bigImage div.servus img{width:70%;height:70%}
div.bigImage div.button_cz{width:40%;padding-left:30%;top:20px;
}
div.bigImage div.tdot{padding-left:13%;width:70%;top:-10px;
}
div.schooltalk{display:none}
div.bigImage div.button_gt_o{display:none;padding-left:35%;bottom:295px;z-index:110}
div.bigImage div.anmeldung img{display:none;position:absolute;width:45%;padding-top:10%;padding-left:13%;z-index:99;height:auto}
div.to_top{display:none}
div#header{position:relative;top:0;width:100%;height:auto;background-color:transparent;z-index:100;margin:0}
div#header div#header_content div#logo{position:relative;left:auto;top:auto;width:202px;margin:20px auto}
div#hovermenu{display:none !important}
div.shadow{display:none}
#menu{position:relative;right:auto;z-index:auto}
#menu_content{position:relative;margin:20px 0}
#menu_content ul{list-style:none;margin:0;padding:0;height:auto}
#menu_content li{position:relative;list-style:none}
#menu_content li a{position:relative;width:60%;margin:0 auto;height:30px;color:#23201C;display:block;line-height:30px;border-bottom:1px solid #898989;max-width:none}
#menu_content li div.image{display:none}
#menu_content li.active a{height:30px;color:#FFFFFF;background-color:#898989}
#menu_content li a:hover{height:30px;color:#FFFFFF;background-color:#898989}
#menu_content li a.kontakt{min-width:none;max-width:none;height:30px;color:#23201C;background-image:none}
div.section.jalousie div.container div.content div.jalousie_header{position:relative;padding:40px 0;overflow:hidden}
div.section.jalousie div.container div.content div.jalousie_header div.background{position:absolute;opacity:0.3;max-height:100%;top:0}
div.section.jalousie div.container div.content div.jalousie_header div.headline{position:relative;width:90%;margin:0 auto;top:auto;left:auto}
div.section.jalousie div.container div.content div.jalousie_header div.description{position:relative;width:90%;margin:0 auto;top:auto;left:auto}
div.section.kategorien div.container div.content div.box{float:none;width:80%;margin:0 auto 30px auto;font-size:1.2em}
div.section.kategorien div.container div.content div.box div.headline div.secondline{margin-bottom:0}
div.section.kategorien div.container div.content div.box div.image{display:none}
div.contentSingle div.csc-textpic-imagewrap{max-width:40%}
div.contentSingle div.csc-textpic .csc-textpic-imagewrap img{width:100%;height:auto}
div.section.news{padding:0}
div.section.news div.container div.content div.box{float:none;margin-bottom:40px;width:auto}
div.section.news div.container div.content div.box div.image{overflow:hidden}
div.section.news div.container div.content div.box div.image img{width:auto;height:100%}
div.section.news-categories div.container div.content ul{width:auto}
div.section.news-categories div.container div.content ul li{width:45%;font-size:1.2em;letter-spacing:-1px}
div.section.news-categories div.container div.content ul li.cat5,div.section.news-categories div.container div.content ul li.cat2{margin-left:0;margin-right:0}
div.section.news-categories div.container div.content ul li.cat1,div.section.news-categories div.container div.content ul li.cat3,div.section.news-categories div.container div.content ul li.cat5{margin-left:0;margin-right:5%}
.section.news-overview .box div.caption div.teaser,.section.news-overview .box div.caption div.date{display:none}
.section.news-overview .box div.caption div.more{padding-top:5px}
div.section.galerie .center_outer .center_inner div.container{padding-top:0}
div.section.galerie .center_outer .center_inner div.container div.content{padding-left:0;padding-right:0}
div.section.galerie div.container div.galerie_index div.tx-yag-items{margin:60px auto 40px;height:auto;width:auto}
div.section.galerie div.container div.galerie_index{background-position:center;background-size:cover;background:transparent}
div.section.galerie div.container div.galerie_index div.tx-yag-album-thumb-outerframe{margin-top:20px;margin-bottom:20px}
.section.kontakt{padding:0 0 40px 0}
.section.kontakt .kontakt_impressum{float:none;width:60%;margin:30px auto}
.section.kontakt .kontakt_daten{float:none;width:60%;margin:30px auto}
.section.kontakt .kontakt_form{float:none;width:60%;margin:30px auto}
.section.kontakt .kontakt_impressum,.section.kontakt .kontakt_daten{height:auto}
.section.kontakt .kontakt_daten .top{text-align:center}
.section.kontakt .kontakt_impressum .top,.section.kontakt .kontakt_daten .top{position:relative}
.section.kontakt .kontakt_impressum .bottom,.section.kontakt .kontakt_daten .bottom{position:relative;bottom:auto}
.section.kontakt h2{margin-bottom:20px}
}