@charset "utf-8";
:root {
  --green: #94c11f;
  --darkGreen: #0b8e36;
  --lightGreen: #eaf3d2;
  --red: #e72f2a;
  --violet: #662483;
  --yellow: #f8ea19;
  --white: #fff;
  --black: #373737;
  --grey: #9d9d9c;
  --lightGrey: #F3F3F3;
}

body { font-family: gaultier-lights, sans-serif; font-size: 120%; font-weight: 400; color:var(--black); width: 100%; height: 100%; height: 100vh; background-color: var(--white); background-repeat: repeat; background-attachment: fixed; padding-top: 224px; padding-top: 250px; max-width: 2500px; margin: 0 auto; line-height: 1.2; }
body.overflow_hidden { overflow-y:hidden; }

::selection { background: var(--darkGreen); color: var(--white); }

#dev { position: fixed; top: 0; left: 0; padding: 20px; background: var(--white); z-index: 999; }

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.clearfix:before,.clearfix:after { content: " "; display: table; }  
.clearfix:after { clear: both; }  
.clearfix { *zoom: 1; }

h1, h2, h3, h4, a.title { display: block; color: var(--darkGreen); font-family: astounder-squared-lc-bb, sans-serif; font-weight: 400; line-height: 1; }
h1 { font-size:220%; margin:40px 0 15px 0; color: var(--darkGreen); }
h1:first-child { margin-top:0; }
h2, a.title { font-size:180%; margin:30px 0 10px 0;}
h3 { font-size:140%; margin:20px 0 10px 0;  }
h4 { font-size:110%; margin:20px 0 10px 0; color: var(--black); text-transform: none; font-family: gaultier, sans-serif;  }
p { margin:10px 0 0 0; }
a, .hash_click_link { color: var(--darkGreen); text-decoration: none; cursor: pointer; }
a:hover, a.pdf:hover, .download:hover { color: var(--darkGreen); }
a:hover:before, a.pdf:hover:before, .download:hover:before { color: var(--darkGreen); }
a.pdf, .download { text-decoration:none; display:inline-block; margin: 10px 0; font-size: 110%; outline: none; color: var(--black); font-weight: normal; }
a.pdf:before, .download:before { content: "\E806"; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 20px; margin-right: 7px; color: var(--black); }
.external-link { white-space: nowrap; }
.external-link:before { content: '\e80c'; font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.download:before { content: "\E806"; }
a img { border:none; display: block; width: 100%; }
.icon { font-family: 'fontello'; }
b, strong { font-weight: 400; color: var(--black); }
.highlight { color: var(--green); }
.container { width:100%; max-width:1400px; margin:0 auto; position:relative; z-index: 1; }

.datenschutz main ul li:before { display: none; }
.datenschutz main ul li ul li:before { display: inline; }
.datenschutz main ul { text-indent: 0; padding: 0; }
.datenschutz main ul li ul { padding-left: 2em; }

.icon_wrapper { margin: 10px 0; }
.icon_el { display: block; line-height: 25px; text-decoration: none; font-weight: normal; position: relative; color: var(--black); }
.icon_el:before, .icon_el span:before { font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 18px; margin-right: 5px; color: var(--black); text-align: center; width: 23px; display: inline-block; }
.icon_el span { position: absolute; left: 0; }
.icon_el.tel:before { content: "\E801"; }
.icon_el.mail:before { content: "\E800"; }
.icon_el.location:before { content: "\E803"; }
.icon_el.fax:before { content: "\F1AC"; }
.icon_el.web:before { content: "\E815"; }
.icon_el.person:before { content: "\E811"; }

.fullpic { display: block; width: 100%; }

header { position: absolute; width: 100%; left: 0; top: 0; padding: 0; z-index: 501; background: var(--green); }
.sprache { position: absolute; top: 0; right: 0; }
.sprache a, .sprache div { display:block; float:left; margin:0 0 0 10px; width:40px; height:60px; background-size:contain; background-repeat:no-repeat; background-position:center center; }
.sprache div { -webkit-filter: grayscale(100%); filter: grayscale(100%); }

.logo { display: block; width: 400px; margin: 10px auto -15px auto; margin: 12px auto 9px auto; }
header.small .logo { width: 175px; float: left; }
header.small .menu_wrapper { margin: 40px 0 0 50px; float: left; }

.tag_wrapper { display: block; width: 100%; margin-top: 10px; }
.tag_wrapper .tag_el { float: left; width: auto; display: block; background: var(--lightGrey); padding: 3px 8px; margin-right: 5px; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.button { color: var(--white); background: var(--green); padding: 3px 10px; display: inline-block; margin-top: 5px; }
.button:hover { background: var(--darkGreen); color: var(--white); }

main { margin: 3% 0 6% 0; }
.layout-fullwidth main { margin: 0; }

/* menu > */
nav { margin:0; font-family: astounder-squared-lc-bb, sans-serif;  }
.menu_container { background: var(--darkGreen); padding: 20px 0; }
.menu_container.fixed { position: fixed; top: 0; left: 0; width: 100%; }
.menu_wrapper { width: 100%; max-width: 1040px; margin: 0 auto; }
.menu { list-style:none; padding:0; margin:0; position:relative; display:block; width:auto!important; right:0px; text-indent: 0; }
.menu li { float:left; width: auto; padding: 0; margin-left: 15px; }
.menu li:first-child { margin-left: 0; }
.menu li:last-child a { padding-right: 0; }
.menu li.home a span { display: none;}
.menu li.home a:hover, .menu li.home a.aktiv, .menu li.home a:hover:before, .menu li.home a.aktiv:before { color: var(--white); }
.menu li.home a:before { content:"\E80D"; font-family: "fontello"; font-style: normal; font-weight: normal; color: var(--white); display: inline-block; line-height:20px; text-align: center; }
.footer_menu ul li:before, .menu li:before { content: ''; margin: 0; padding: 0; }
.menu li:nth-child(2) { border-left:none; }
.menu li a { color:var(--white); font-size:150%; text-transform: none; display:block; text-decoration:none; text-align: center; padding: 0 10px; line-height: 35px; border-bottom: 2px solid transparent; }
.menu li a:hover, .menu li a:focus, .menu li a.aktiv { outline:none; border-color: var(--white); }
.menu .sub { font-family: gaultier, sans-serif; font-weight: 500; background: var(--green); min-width:220px; list-style:none; margin:0; padding:0; position:absolute; top: 47px; z-index:50; display:none; text-indent: 0; width: auto; border: 5px solid var(--green); }
.menu .sub li { float: none; width:auto; margin: 0; padding: 0;}
.menu .sub li:last-child { border: none; }
.menu .sub li a { color:var(--white); font-size:110%; text-align:left; margin: 0; width: 100%; padding: 0; line-height: 40px; border: none; text-transform: none; border-left: 3px solid var(--green); }
.menu .sub li a:hover, .menu .sub li a:focus, .menu .sub li a.aktiv { border-color: var(--white); }
.menu .sub li a span { padding: 0px 10px; line-height: 40px; display: inline-block; }
.menu .sub li a.aktiv span, .menu .sub li a:focus span { color: var(--white); }
nav div.menu_mobile { display: none; font-size:250%; cursor:pointer; color:var(--white); }
body.overflow_hidden nav div.menu_mobile { color: var(--green); }
.menu .sub.zweite_ebene { padding: 10px; }
.menu .sub.dritte_ebene { display: block; position: static; margin-top: 0px; }
.menu .sub.dritte_ebene li { float: left; padding: 0; border: none; }
.menu .sub.dritte_ebene li a { font-size: 80%; line-height: 30px; }
.menu .sub.drei { left: 0; width: 100%; }
.menu .sub.zwei { padding: 0; }
.menu .sub.zwei li { border: none; }
.menu .sub.zwei li a span { display: block; width: 100%; white-space: nowrap; }
/* < menu */

/* sitemap_menu > */
ul.sitemap_menu, ul.sitemap_menu li ul { list-style:none; font-size:120%; text-transform:uppercase; }
ul.sitemap_menu a { text-decoration:none; }
ul.sitemap_menu li { margin:5px 0; }
ul.sitemap_menu li ul { font-size:80%; text-transform:none; }
ul.sitemap_menu .sub { display:block; }
div.sitemap_org a { display:block; }
/* < sitemap_menu */

/* swiper > */
.swiper-container { width: 100%; height: auto; display: block; }
.swiper-slide { overflow: hidden; }
.swiper-slide img { width:100%; height:auto; position: relative; background-repeat: no-repeat; background-position: top center; background-size: 100%; -webkit-animation-name: spinnerRotate; -webkit-animation-duration: 150s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;-moz-animation-name: spinnerRotate; -moz-animation-duration: 150s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spinnerRotate; -ms-animation-duration: 150s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; }
.swiper-slide .caption_wrapper { position: absolute; bottom: 60px; left: 50%; width: 100%; max-width: 1400px; margin-left: -700px; z-index: 25; }
.swiper-slide .caption { display: inline-block; width: auto; font-size: 110%; padding: 20px 30px; background: rgba(255,255,255,0.9); min-width: 500px; position: relative; overflow: hidden; max-width: 700px; color: var(--black); }
.swiper-slide .caption .text { margin: 10px 0 0px 0; }
.swiper-slide .caption h2, .swiper-slide .caption h3, .swiper-slide .caption .fakelink { color: var(--black); }
.swiper-slide .caption h2 { font-size: 170%; margin: 0; z-index: 3; position: relative; }
.swiper-slide .caption h3 { font-size: 150%; margin: 0 0 5px 0; z-index: 3; position: relative; }
.swiper-slide .caption .datum { color: var(--black); margin-top: 5px; }
.swiper-slide .caption .button { background: var(--green); color: var(--white); display: inline-block; padding: 4px 10px; position: absolute; bottom: 0; right: 0; }
.swiper-slide .caption:hover .button { background: var(--darkGreen); }
.swiper-slide .caption:hover .text, .swiper-slide:hover { border: none; color: var(--black); }
.swiper-pagination-bullet { display: none; border-radius: 100%; background: var(--white); opacity: 0.6; width: 20px; height: 20px; }
.swiper-pagination-bullet-active { background: var(--green); opacity: 1; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.schatten { display: block; width: 100%; }
.swiper-button-next, .swiper-button-prev { height: 30px; width: 30px; display: none; }
.swiper-button-next { background-position: right center; }
.swiper-button-prev { background-position: left center; }
.swiper-pagination { display: none; }
/* < slider */

.zweispaltig { width: 100%; -moz-column-count: 2; -moz-column-gap: 2%; -webkit-column-count: 2; -webkit-column-gap: 2%; }

/* accordion > */
.msg_head { cursor:pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; font-family: astounder-squared-lc-bb, sans-serif;  color: var(--black); }
div.msg_head { font-size:130%; margin:15px 0 0 0; color: var(--black); background: var(--lightGrey); padding: 10px 10px 12px 10px; line-height: 30px; }
div.msg_head.decent { font-family: gaultier, sans-serif; font-size: 110%; margin: 10px 0 5px 0; line-height: 1; }
div.msg_head.decent.opened, div.msg_head.decent:hover { background: var(--green); color: var(--white); }
div.msg_head.decent div:first-child { width: 20px; line-height: 1; }
div.msg_head.decent div:first-child:before { font-size: 22px; text-align: center; display: block; margin: 0; }
div.msg_head h2 { font-size: 100%; margin: 0; color: var(--white); }
div.msg_head div:first-child { float: left; margin-right: 2px; width: 25px; text-align: center; line-height: 30px; }
div.msg_head div:first-child:before { content: "\E80A"; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 25px; margin-right: 5px; }
div.msg_head.opened { background: var(--green); color: var(--white); }
div.msg_head.opened h2 { color: var(--black); }
div.msg_head.opened div:first-child:before { content: "\E80B"; }
div.msg_body { margin: 10px 0 20px 0; padding-left: 23px; }
div.msg_body p:first-child { margin-top: 0; }
.msg_body h4:first-child { margin-top: 0; margin-bottom: 10px; }

div.msg_head.withPic { line-height: 120px; padding: 10px; }
div.msg_head.withPic div:first-child { line-height: 120px; margin: 0 10px; width: 30px; }
div.msg_head.withPic div:before { font-size: 40px; }
div.msg_head.withPic .text { float: left; margin: 0; font-size: 140%; }
div.msg_head.withPic .bilder { display: block; float: right; margin: 0; opacity: 1; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
div.msg_head.withPic .bilder img { display: block; float: left; height: 120px; width: auto; margin-left: 5px; }
div.msg_head.withPic.opened .bilder { opacity: 0; }
/* < accordion */

ul { margin: 0; }

/* color pfeile, dreieck, etc. */
.callbacks_nav:before { color:var(--black); }
[class*='lightcase-icon-']:before { color:var(--black); }

label { display: block; margin-top: 10px; }
input, textarea, select { border: 1px solid #ccc; color: var(--black); display: block; font-size: 100%; padding: 10px; width: 100%; font-family: gaultier, sans-serif;  line-height: 25px; }
input:focus, textarea:focus { border: 1px solid var(--black); }
textarea { height: 213px; }
#reklamation textarea { height: 257px; }
input[type="submit"] { width: auto; display: block; border: none; background: var(--green); color: var(--white); padding: 5px 10px; cursor: pointer; margin-top: 10px; }
input[type="submit"]:hover { background: var(--darkGreen); }
.warning { background: rgba(255,0,0,0.5)!important; }
#ds_container { margin: 15px 0 20px 0; }
#ds_container.warning { border: 1px solid #E20020; }
#ds_container label { width: 95%; float: left; margin: 0 0 0 5px; font-size: 95%; }
#ds_container input[type="checkbox"] { margin-top: 3px; width: auto; float: left; }
#responseKontakt div { color: var(--white); line-height: 1; padding: 10px 20px; display: inline-block; width: auto; }
#responseKontakt div.success { background: var(--green); }
#responseKontakt div.error { background: #FF9E9F; }

.fifty_wrapper { margin: -1%; }
.fifty_wrapper .fifty { float: left; width: 48%; margin: 1%; }

.thirty_wrapper { margin: 0 -1%; }
.thirty_wrapper .thirty { display: block; float: left; width: 31.33%; margin: 1%; }
.thirty_wrapper .thirty ul { margin-bottom: 0; }

.vierbilder { margin: 0 -0.5%; }
.vierbilder .bild { float: left; width: 15.667%; margin: 0 0.5%; }
.vierbilder .bild img { display: block; width: 100%; }
.vierbilder .bild:first-child { width: 49%; }

a img { display: block; width: 100%; height: auto; }

.bild_rechts { float: right; margin: 0 0 20px 20px;  }
.bild_links { float: left; margin: 0 20px 20px 0; }
.bild_rechts img, .bild_links img { display: block; width: 100%; }
.bild_rechts, .bild_links { display: block; max-width: 250px; width: 100%; }
.bild_rechts.small, .bild_links.small { max-width: 150px; }
.bild_rechts.medium, .bild_links.medium { max-width: 350px; }
.bild_rechts.big, .bild_links.big { max-width: 400px; }

.right { float: right; }
.left { float: left; }

table { border-collapse: collapse; padding: 0; margin: 10px 0 0 0; width: 100%; border: none; }
table tr td, table tr th { vertical-align: top; margin: 0; text-align: left; padding: 5px; border-bottom: 1px solid var(--grey); }
table tr th { font-weight: bold; }
table thead tr th { font-weight: bold; background: var(--black); color: var(--white); font-family:   myriad-pro; font-size: 110%;  }
table thead tr th .icon { text-align: center; width: 100%; display: inline-block; }
table.smalltable { width: auto; }
table p:first-child { margin-top: 0; }
table p:last-child { margin-bottom: 0; }

table a.icon_el { white-space: nowrap; }

.fifty_wrapper .embed-container { padding-bottom: 27%; }
.embed-container { position: relative; padding-bottom: 57.5%; padding-bottom: 56%; height: 0; overflow: hidden; width: 100%; height: auto; }
.embed-container iframe, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-container-small { position: relative; padding-bottom: 72.75%; height: 0; overflow: hidden; width: 100%; height: auto; }
.embed-container-small iframe, .embed-container-small video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-container-flash { position: relative; padding-bottom: 57.5%; height: 0; overflow: hidden; width: 100%; height: auto; z-index: 0; }
.embed-container-flash embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }

footer { top:0px; left:0px; background: var(--green); color: var(--white); }
footer a { color: var(--white); }
.footer_wrapper { padding: 25px 0; }
.footer_el { float: left; }
.footer_el.footer_zertifikate { width: 300px; position: absolute; top: 25px; left: 50%; margin-left: -150px; }
.footer_el.footer_zertifikate picture, .footer_el.footer_zertifikate img { display: block; width: 100%; }
.footer_el.oeffnungszeiten { margin-left: 30px; }
.footer_el.footer_menu { float: right; }
.footer_el.footer_menu ul { margin: 0; padding: 0; list-style: none; float:right; }
.footer_el.footer_menu ul li { display: block; margin: 0px; text-align: right; }
.footer_el.footer_menu ul li a { text-decoration: none; color: var(--white); }
.footer_el.footer_menu ul li a:hover { color: var(--white); }
.footer_el h4 { text-transform: uppercase; margin: 0 0 5px 0; color: var(--white); }
footer .icon_el, footer .icon_el:before { color: var(--white); }

.galerie_wrapper { margin: 0 -1%; }
.galerie_wrapper a { display: block; float: left; margin: 1%; font-weight: normal;  }
.galerie_wrapper a img { display: block; width: 100%; background-size: cover; background-position: center center;  }
.galerie_wrapper.zwei a { width: 48%; }
.galerie_wrapper.drei a { width: 31.33%; }
.galerie_wrapper.vier { margin: 0.5% -0.5%; }
.galerie_wrapper.vier a { width: 24%; margin: 0.5%; }
.galerie_wrapper.vier a.big { width: 49%; }
.galerie_wrapper.fuenf { margin: 0 -0.5%; }
.galerie_wrapper.fuenf a { width: 19%; margin: 0.5%; }
.galerie_wrapper.fuenf a.big { width: 39%; }
.galerie_wrapper.sechs { margin: -0.5%; }
.galerie_wrapper.sechs a { width: 15.667%; margin: 0.5%; }

.zoom a { overflow: hidden; }
.zoom a img { transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }
.zoom a:hover img { transform: scale(1.05, 1.05); }
.bildunterschrift { margin-top: 10px; text-align: right; line-height: 20px; height: 20px; }

.scroll_wrapper { margin-top: -60px; padding-top: 60px; }
.scroll_panel { overflow: auto; }

.flex_container { display: -webkit-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.flex_el { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.flex_el .hilfscontainer { display: block; width: 100%; }

.job_wrapper { margin: 0 -1%; }
.job_wrapper .job_el { float: left; width: 48%; margin: 1%; padding: 30px; background: var(--lightGrey); }
.job_wrapper .job_el.black { background: var(--green); }
.job_wrapper .job_el .ab { font-size: 140%; }
.job_wrapper .job_el h3 { margin: 0 0 5px 0; }
.job_wrapper .job_el h4 { margin-bottom: 0;  }
.job_wrapper .job_el.orange { background: var(--green); line-height: 1.03em; }
.job_wrapper .job_el.orange h4 { margin: 10px 0 5px 0; }

.job_detail .text { display: block; float: left; width: 70%; }
.job_detail .text .ab { font-size: 160%; }
.job_detail .text h1 { margin-top: 0; }
.job_detail .box { display: block; float: left; width: 28%; margin-left: 2%; }

.orange { background: var(--green); color: var(--white); }
.orange h3, .orange h4, .orange a, .orange strong, .orange .icon_el:before { color: var(--white); }
.black { background: var(--black); color: var(--white); }
.black h3, .black h4, .black a, .black strong, .black .icon_el:before { color: var(--white); }
.black .icon_el:hover, .orange .icon_el:hover { text-decoration: underline; }

.box { padding: 30px; background: var(--lightGrey); width: auto; display: inline-block; }
.box h3:first-child { margin-top: 0; }

.referenzen_wrapper { margin: 0 -1%; }
.referenzen_wrapper .referenzen_el { float: left; width: 18%; margin: 1%; }

.videoplayer { position: relative; }
.videoplayer .playbereich { display: block; width: 99%; margin: 0.5%; background: #f2ca2f; padding: 20px; position: relative; }
.videoplayer .playbereich img { display: block; width: 100%; position: absolute; top: 0; left: 0; z-index: 5; background-size: cover; background-position: center; background-repeat: no-repeat; }
.youtube_hinweis { position: absolute; background: rgba(240,238,235,0.95); z-index: 6; width: 100%; max-width: 700px; left: 50%; margin-left: -350px; top: 15%; padding: 20px 0; text-align: center; }
.youtube_hinweis .youtube_check { width: auto; display: inline; margin-right: 5px; }
.youtube_hinweis .youtube_load { display: inline-block; background: var(--green); color: var(--white); padding: 5px 10px; cursor: pointer; margin-top: 10px; }
.youtube_hinweis .youtube_load:hover { background: var(--green); }
.youtube_hinweis .zusatz { font-size: 80%; margin-top: 10px; }
.fifty_wrapper .youtube_hinweis { max-width: 500px; margin-left: -250px; padding: 10px; }

.youtube_wrapper { position: relative; }
.youtube_wrapper .vorschaubild { display: block; width: 100%; position: absolute; top: 0; left: 0; z-index: 5; background-size: cover; background-position: center; background-repeat: no-repeat; }

.home_wrapper { margin: 0 -0.5%; }
.home_wrapper .home_el { float: left; width: 24%; margin: 0.5%; position: relative; }
.home_wrapper .home_el picture, .home_wrapper .home_el img { display: block; width: 100%; }
.home_wrapper .home_el h3 { margin: 0; background: rgba(0,154,71,0.9); color: var(--white); text-align: center; padding: 10px 0; position: absolute; bottom: 0; left: 0; width: 100%; }
.home_wrapper .home_el:hover h3 { text-decoration: underline; }

/* Moderne Ansicht
.termin_wrapper .line { padding: 10px 0; border-bottom: 1px solid var(--grey); }
.termin_wrapper .texte { padding-left: 20px; width: 78%; }
.termin_wrapper .datecell { width: 155px; }
.termin_wrapper .datecell .date { float: left; text-align: center; line-height: 1; width: 70px; }
.termin_wrapper .datecell.onlyone .date { float: none; width: auto; margin-bottom: 4px; }
.termin_wrapper .datecell .trenner { display: block; float: left; font-size: 250%; font-family: astounder-squared-lc-bb, sans-serif; color: var(--green); }
.termin_wrapper .datecell .date .day { font-size: 250%; margin-bottom: 1px; font-family: astounder-squared-lc-bb, sans-serif; color: var(--green); }
.termin_wrapper .datecell .date span { display: block; }
.termin_wrapper .datecell .date .time { margin-top: 10px; }
.termin_wrapper .datecell .date div { display: block; }
.termin_wrapper h3.info { display: block; font-size: 180%; line-height: 1; margin: 10px 0 2px 0; color: var(--green); }
.termin_wrapper .line .furtherInfo p:first-child { margin-top: 0; }
*/
/*
.termin_wrapper .termin_el { float: none; width: 100%; margin: 2% 0 0 0; padding-bottom: 2%; border-bottom: 1px solid var(--lightGrey); }
.termin_wrapper .termin_el:last-child { margin-bottom: 0; padding-bottom: 0; border: none; }
.termin_wrapper .termin_el h3 { margin-top: 0; }
.termin_wrapper .termin_el .furtherInfo p:first-of-type { margin-top: 0; }
.termin_wrapper .termin_el .furtherInfo div { float: left; }
*/

.termin_wrapper { margin: 0 -1.5%; width: 100%; }
.termin_wrapper .termin_el { float: left; width: 30.33%; margin: 0 1.5% 1.5% 1.5%;  padding: 2%; border-bottom: 1px solid var(--lightGrey); background: var(--lightGreen); }
.termin_wrapper .termin_el h3 { margin-top: 0; }
.termin_wrapper .termin_el .furtherInfo p:first-of-type { margin-top: 0; }
.termin_wrapper .termin_el .furtherInfo div { float: left; }
.termin_wrapper .termin_el .furtherInfo span { display: block; float: left; width: 90%; }
.termin_wrapper .termin_el .info_el { margin-bottom: 3px; }
.termin_wrapper .termin_el .info_el:last-child { margin-bottom: 0; }

.news_wrapper { margin: 0 -2%; width: 100%; }
.news_wrapper .news_el { color: var(--black); width: 46%; margin: 0 2% 2% 2%; float: left; border-bottom: 1px solid var(--lightGrey); padding-bottom: 2%; }
.news_wrapper .news_el h3 { margin-top: 0; }
.news_wrapper .news_el .datum { float: right; margin-top: 5px; }
.news_wrapper .news_el .fakeBtn { background: var(--green); color: var(--white); display: inline-block; margin-top: 10px; padding: 4px 10px; font-size: 110%; }
.news_wrapper .news_el:hover .fakeBtn { background: var(--darkGreen); }

body.home .news_wrapper .news_el { width: 29.33%; text-align: left; }
body.home .content, body.home .content h1, body.home .content h2 { text-align: center; }
body.home .content .termin_wrapper .termin_el { text-align: left; }

body.nachrichten_detail .content .titel { margin-top: 20px; }
body.nachrichten_detail .content .titel h1 { float: left; margin: 0; }
body.nachrichten_detail .content .titel .datum { float: right; margin-top: 10px; }

.zitat { background: var(--lightGreen); padding: 20px; width: 100%; max-width: 700px; font-size: 115%; font-style: italic; }
.zitat .autor { font-style: normal; text-align: right; font-size: 80%; }
.zitat.centered { margin: 0 auto; }

.backBtn { background: var(--green); color: var(--white); display: inline-block; margin-bottom: 10px; padding: 0 10px; line-height: 35px; font-size: 120%; }
.backBtn:before { width: auto; margin: 0 10px 0 0; line-height: 32px; height: 32px; margin-top: 3px; float: left; font-size: 25px; }
.backBtn:hover { color: var(--white); background: var(--darkGreen); }
.backBtn:hover:before { color: var(--white); }

.gruppe_wrapper .gruppe_el { margin: 0; padding: 3% 0; }
.gruppe_wrapper .gruppe_el:nth-child(1) { background-image: url('../img/pattern/1.png'); background-attachment: fixed; }
.gruppe_wrapper .gruppe_el:nth-child(2) { background-image: url('../img/pattern/2.png'); background-attachment: fixed; }
.gruppe_wrapper .gruppe_el:nth-child(3) { background-image: url('../img/pattern/3.png'); background-attachment: fixed; }
.gruppe_wrapper .gruppe_el:nth-child(4) { background-image: url('../img/pattern/2.png'); background-attachment: fixed; }
.gruppe_wrapper .gruppe_el .titel { margin: 0 0 20px 0; }
.gruppe_wrapper .gruppe_el .titel img { display: block; float: left; margin-right: 20px; }
.gruppe_wrapper .gruppe_el .titel h2 { margin: 0; line-height: 100px; }
.mitarbeiter_wrapper { margin: -1%; }
.mitarbeiter_wrapper .mitarbeiter_el { display: block; float: left; width: 23%; margin: 1%; text-align: center; }
.mitarbeiter_wrapper .mitarbeiter_el .bild { display: block; width: 100%; max-width: 200px; margin: 0 auto 15px auto; border-radius: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;
-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
}
.mitarbeiter_wrapper .mitarbeiter_el .text h3 { margin: 0 0 5px 0; }

#lightcase-case { text-shadow: none; }

.download_wrapper { margin: -1%; width: 100%; }
.download_wrapper .download_el { background: var(--lightGreen); display: block; float: left; width: 18%; margin: 1%; padding: 1%; position: relative; outline: none; }
.download_wrapper .download_el h3 { margin-top: 0; }
.download_wrapper .download_el div { margin: 0; color: var(--black); }
.download_wrapper .download_el:before { content: "\F1C1"; font-family: "fontello"; font-style: normal; font-weight: normal; font-size: 45px; position: absolute; bottom: 10px; right: 10px; color: var(--green); opacity: 0.2; line-height: 1; }
.download_wrapper .download_el:hover div { color: var(--darkGreen); }
.schulprogramm { display: block; float:left; margin-right:20px; }
.schulprogramm img { width:100px; height:auto; }

@media screen and (max-width:1430px) {
    .container { padding: 0 1.5%; }
    .footer_wrapper.container { padding: 25px 1.5% }
    .swiper-slide .caption_wrapper { margin-left: 0; left: 0; bottom: 30px; }
}

@media screen and (max-width:1200px) {
    div.msg_head.withPic { line-height: 100px; }
    div.msg_head.withPic div:first-child { line-height: 100px; height: 100px; width: 25px; }
    div.msg_head.withPic .bilder img { height: 100px; }
    div.msg_head.withPic .text { font-size: 120%; }
    div.msg_head.withPic div::before { font-size: 35px; }
    div.msg_body { padding-left: 25px; }
    .thirty_wrapper, .thirty_wrapper .thirty { width: 100%; margin: 0; }
}

@media screen and (max-width:1100px) {
    .termin_wrapper .termin_el { width: 47%; }
}

@media screen and (max-width:1050px) {
    body { padding-top: 160px; font-size: 110%; }
	nav div.menu_mobile { display: block; float: right; position:relative; z-index:2000; line-height: 80px; color: var(--white); font-size: 40px; }
    .menu { position: fixed; top: 0; right: -600px; background: var(--white); height: 100%; height: 100vh; z-index: 900; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; padding: 110px 20px 20px 20px }
    .menu.open { right: 0; }
    .menu li { float: none; }
    .menu li a { color: var(--black); line-height: 1.5; font-size: 160%; }
    .menu li a.aktiv, .menu .sub li a.aktiv span, .menu .sub li a:focus span, .menu li.home a.aktiv, .menu li.home a::before, .menu li.home a::before, .menu li.home a.aktiv::before { color: var(--green); }
    .menu .sub { min-width: 0; position: static; background: none; border: none; }
    .menu .sub li a { border: none; text-align: center; color: var(--black); }
    .menu_container { background: var(--green); }
    header { padding: 0 1.5%; border-bottom: 25px solid var(--darkGreen); }
    .logo { width: 300px; float: left; }
    .menu_wrapper { margin: 0; float: right; float: none; max-width: 1000px; }
    .swiper-pagination { display: none; }
    .swiper-slide .caption_wrapper { bottom: 0; font-size: 80%; }
    .swiper-slide .caption { padding: 10px 20px; }
    .swiper-slide .caption .text { margin: 10px 0 20px 0; }
    .swiper-slide img { width: 140%; margin-left: -20%; }
    main { margin-top: 4%; }
    .job_wrapper .job_el { width: 98%; }
}

@media screen and (max-width:1000px) {
    div.msg_head.withPic { line-height: 80px; }
    div.msg_head.withPic div:first-child { line-height: 80px; height: 80px; width: 20px; }
    div.msg_head.withPic .bilder img { height: 80px; }
    div.msg_head.withPic .text { font-size: 110%; }
    div.msg_head.withPic div::before { font-size: 30px; }
    .news_wrapper .news_el .datum { float: none; }
}

@media screen and (max-width:800px) {
    div.msg_head.withPic { line-height: 117px; }
    div.msg_head.withPic div:first-child { line-height: 117px; height: 117px; width: 25px; }
    div.msg_head.withPic .bilder img { height: 117px; }
    div.msg_head.withPic .text { font-size: 120%; }
    div.msg_head.withPic div::before { font-size: 35px; }
    div.msg_head.withPic .bilder { margin: -1%; width: 191px; }
    div.msg_head.withPic .bilder img { height: auto; width: 48%; margin: 1%; }
    div.msg_body { padding-left: 0; }
    /*.termin_wrapper .texte { width: 70%; }*/
    .news_wrapper { margin: 0; }
    .news_wrapper .news_el, body.home .news_wrapper .news_el { width: 100%; float: none; margin: 0 0 2% 0; }
}

@media screen and (max-width:700px) {
    .termin_wrapper { margin: 0; width: 100%; }
    .termin_wrapper .termin_el { width: 100%; margin: 0 0 2% 0; }
}

@media screen and (max-width:600px) {
    /*.termin_wrapper .texte { width: 65%; }*/
    .fifty_wrapper .fifty { width: 98%; }
    .mitarbeiter_wrapper .mitarbeiter_el { width: 48%; }
    body.nachrichten_detail .content .titel .datum, body.nachrichten_detail .content .titel h1 { float: none; }
}

@media screen and (max-width:500px) {
    body { padding-top: 130px; font-size: 100%; }
    .logo { width: 220px; }
    nav div.menu_mobile { line-height: 50px; }
    .swiper-slide .caption { width: 100%; min-width: 0px; }  
    .swiper-slide img { width: 180%; margin-left: -40%; }
    .swiper-slide .caption { display: none; }
    h1 { font-size:190%; margin:40px 0 10px 0; }
    h2 { font-size:160%; margin:30px 0 5px 0; }
    h3 { font-size:140%; margin:20px 0 0px 0; }
    .footer_el { float: none; width: 100%; }
    .footer_el.footer_menu { margin-top: 10px; }
    .footer_el.footer_menu ul li { text-align: left; }
    div.msg_head.withPic div::before { font-size: 30px; }
    div.msg_head.withPic { line-height: 50px; }
    div.msg_head.withPic div:first-child { line-height: 50px; height: 50px; width: 20px; margin: 0 5px 0 0; }
    div.msg_head.withPic .text { float: none; }
    div.msg_head.withPic .bilder { width: 100%; float: none; margin: 0; }
    div.msg_head.withPic .bilder img { width: 23%; }
    div.msg_head.withPic.opened .bilder { opacity: 1; }
    /*
    .termin_wrapper .texte { width: 100%; padding: 0; }
    .termin_wrapper .datecell .date, .termin_wrapper .datecell { width: auto; }
    */
    .termin_wrapper .termin_el h3 { margin-bottom: 5px; }
    .gruppe_wrapper .gruppe_el .titel img { width: 70px; margin-right: 10px; }
    .gruppe_wrapper .gruppe_el .titel h2 { line-height: 70px; }
}

@media screen and (max-width:400px) {
    .mitarbeiter_wrapper .mitarbeiter_el { width: 98%; }
}