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}.media{display:flow-root}.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}
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}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

/* NUUNNAV CSS*/

.nuunnavbutton {display: none; width: 45px; height: 45px; background: url(../../files/data/graphics/btn-mobile.svg) center no-repeat; padding: 15px 14px; box-sizing: border-box; border-radius: 5px; cursor: pointer; position: fixed; z-index: 2500; top: 25px; right: 5%;}
.nuunnavbutton .navline {display: none !important; height: 2px; width: 16px; box-sizing: border-box; margin-bottom: 4px; border-radius: 5px; background: #eef6fb; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;}
.nuunnavbutton .navline:last-of-type {margin-bottom: 0;}
.nuunnavbutton .navline.mid {opacity: 1;}
.nuunnavbutton .navline.top {transform: rotate(0); transform-origin: top right;}
.nuunnavbutton .navline.bot {transform: rotate(0); transform-origin: bottom right;}

.nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(-1px) translateX(-2px);}
.nuunnavbutton.crossed .navline.mid {opacity: 0;}
.nuunnavbutton.crossed .navline.bot {margin-left: 0; width: 100%; transform: rotate(-135deg) translateY(0px) translateX(19px);}

#nuunnav {display: none; padding-top: 0px; padding-bottom: 50px; position: fixed; overflow-y: auto; top: 0; width: 100%; max-width: 500px; background: #fff; height: 100vh; z-index: 2000; box-sizing: border-box; transition:right 0.4s ease, box-shadow 0.3s ease;}
#nuunnav.open {right: 0 !important; box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
/*#nuunnav .inside {padding: 0 5% 30px 5%;}*/

#nuunnav .mod_navigation {margin-top: 20px; margin-bottom: 0px; display: inline-block; width: 100%; box-sizing: border-box; padding: 0 5%; position: relative; overflow: hidden;}
#nuunnav li a {font-family: 'denne_etuderegular'; color: #49851A; text-decoration: none; padding-bottom: 10px; background-position: bottom left; transition: background 0.3s ease;}
#nuunnav ul.level_1 > li > a.active, #nuunnav ul.level_1 > li > a.trail, #nuunnav ul.level_1 > li > a:hover {background: url(../../files/data/graphics/nav-bg-line.svg) no-repeat; background-position: bottom left;}
#nuunnav li a.active {color: #CA5371; font-family: 'denne_etuderegular'; text-decoration: none;}
#nuunnav li a:hover {color: #CA5371;}
#nuunnav ul {list-style: none; padding-left: 0; margin-bottom: 0; display: block; width: 100%;}
#nuunnav ul.level_1 {margin: 0;}
#nuunnav ul.level_1 > li {display: inline-block; width: 100%;border-top: 1px solid rgba(0,0,0,0.15);}
#nuunnav ul.level_1 > li > a {display: inline-block; font-size: 3.8rem; float: left; clear: left; margin: 0; padding: 5px 0 5px 0px; width: calc(100% - 42px);}
#nuunnav ul.level_1 > li.submenu > a {margin-right: 0px; float: left; clear: left;}
#nuunnav ul li.submenu .subtoggler {width: 40px; height: 40px; position: relative; top:3px; display: flex; align-items: center; justify-content: center; float: left; cursor: pointer;}
#nuunnav ul.level_2 li.submenu .subtoggler {height: 25px;}
#nuunnav ul li.submenu .subtoggler .subtoggline1 {opacity: 1; width: 18px; height: 2px; background: #49851A;}
#nuunnav ul li.submenu .subtoggler .subtoggline2 {opacity: 1; width: 18px; height: 2px; background: #49851A; position: absolute; transform: rotate(90deg); transition: transform 0.3s ease;}
#nuunnav ul li.submenu .subtoggler.down .subtoggline2 {transform: rotate(0deg);}

#nuunnav ul.level_2 {display: none; margin:0;}
#nuunnav ul.level_2 > li > a {font-family: 'open_sansregular'; display: inline-block; font-size: 1.6rem; float: left; clear: left; padding: 5px 0 10px 15px; background: url(../../files/data/graphics/nuunnav-subline.svg) top 19px left no-repeat;}
#nuunnav ul.level_2 li a.active {color: #CA5371; font-family: 'open_sansregular'; text-decoration: underline;}
#nuunnav ul.level_2 li a:hover {color: #CA5371;}
#nuunnav ul.level_2 li.last {padding-bottom: 15px; display: inline-block; width: 100%;}

#nuunnav ul.level_3 {display: none; visibility: visible;}
#nuunnav ul.level_3 > li > a {font-family: 'open_sansregular'; display: inline-block; text-transform: none; font-size: 1.6rem; float: left; clear: left; padding: 5px 0 10px 30px;}
#nuunnav ul.level_3 li a.active {color: #CA5371; font-family: 'open_sansregular'; text-decoration: underline;}
#nuunnav ul.level_3 li a:hover {color: #CA5371;}

#nuunnav ul.level_4 {display: none;}
#nuunnav ul.level_4 > li > a {display: inline-block; text-transform: none; font-size: 1.5rem; float: left; clear: left; padding: 5px 0 5px 15px;}
#nuunnav ul.level_4 li a.active {color: #49851A; font-family: 'open_sansregular'; text-decoration: underline;}
#nuunnav ul.level_4 li a:hover {color: #49851A;}

@media screen and (max-width: 940px) {
	.nuunnavbutton {display: block;}
	#nuunnav {display: block;}
}
/*************************************************************/
/*   Design:   PRIMARSCHULE-MAERSTETTEN.CH - Website 	 	 */
/*   File:     screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Thomas Dürig, www.nuun.ch 	                 */
/*   Datum:   März 2017				                         */
/*   Site: 	  wwww.primarschule-maerstetten.ch		         */
/*************************************************************/
/*   Colors:  gruen:			#49851A				 		 */
/*   		  pink:				#CA5371				 		 */
/*   		  dunkelviolett:	#55464F				 		 */
/*   		  grau:				#696969				 		 */
/*   		  weiss:			#FFFFFF				 		 */
/*************************************************************/



/*  GLOBAL LAYOUT											 */
/*************************************************************/
html, body {height: 100%; font: 62.5% 'open_sansregular', sans-serif, Arial, Verdana, Helvetica; color:#7f7f7f; letter-spacing:0.0em; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale;}
body {background: url(../../files/data/graphics/bg-body.png);}
#wrapper {position:relative; width:100%; min-height: 100%; color: #55464F; margin: 0 auto; font-size: 1.6rem; line-height:2.2rem;}
#container {width: 1180px; margin: 0 auto; padding: 40px 0;}

a {color: #49851A; text-decoration: none; transition: color 0.3s ease;}
a:hover {color: #CA5371;}

strong {font-family: 'open_sansbold';}
body.mac.firefox strong {font-weight: 400;}
body.mac.safari	 strong {font-weight: 400;}

/*Cookiebar*/
.contao-cookiebar .cc-inner {max-width: 500px; font-size: 1.5rem; line-height: 1.8rem;}
.contao-cookiebar .cc-inner h3 {font-size: 2.7rem; line-height: 3.7rem;}
.contao-cookiebar .cc-inner label {line-height: 1.9rem;}
.contao-cookiebar .cc-cookies .cc-cookie p {font-size: 1.5rem; line-height: 1.8rem;}
.contao-cookiebar .cc-info > p {font-size: 1.2rem; line-height: 1.6rem;}

/*.ce_cookiebarOpener {margin: 20px 0;}
.ce_cookiebarOpener a {display: inline-block; padding: 10px 20px; color: #355B68; font-family: 'Slate-Medium'; font-size: 1.8rem; line-height: 2.1rem; text-transform: uppercase; letter-spacing: 3px; border: 2px solid #355B68; border-radius: 50px; text-decoration: none; transition: background 0.3s ease, color 0.3s ease;}
.ce_cookiebarOpener a:hover {background: #355B68; color: #FFFFF8;}*/

.ce_dlh_googlemaps .cc-module {text-align:center; margin-top:80px;}
.ce_dlh_googlemaps .cc-module a {color:#355B68;}

/*Zweispaltig*/
body.zweispaltig #left {width: 300px; border-right: 1px solid #CDCDCD; float: left; margin: 0; padding: 0;}
body.zweispaltig #left .inside {padding: 23px 40px 40px 0;}
body.zweispaltig #main {width: 779px; float: left; margin: 0; padding: 0 0 0 100px;}

/*Navigation - Left*/
#left .navigation-left {font-size: 2rem; line-height: 3.7rem; text-align: right;}
#left .navigation-left ul li a {color: #49851A; text-decoration: none; transition: color 0.3s ease;}
#left .navigation-left ul li a:hover {color: #CA5371;}
#left .navigation-left ul li a.active {color: #CA5371;}
#left .navigation-left ul.level_2 {display: none; padding-right: 20px; margin-bottom: 25px;}
#left .navigation-left li.submenu.active ul.level_2, #left .navigation-left li.submenu.trail ul.level_2 {display: block;}

/*  HEADER													 */
/*************************************************************/
#header {height: 170px; z-index: 1000; position: relative; background: url(../../files/data/graphics/bg-header.png) bottom center; background-repeat: repeat-x;}
#header .inside {width: 1180px; margin: 0 auto;}

/*Logo*/
#header .inside .logo {margin-top: 22px; width: 335px; height: auto; float: left; padding: 0;}
#header .inside .logo figure {margin: 0;}
#header .inside .logo img {width: 100%; height: auto;}

/*Navigation*/
.navigation-main {float: right; margin-top: 75px;}
.navigation-main ul li {display: inline-block; margin-left: 15px; font-family: 'denne_etuderegular'; font-size: 3rem; line-height: 5rem;}
.navigation-main ul li a {text-decoration: none; color: #49851A; transition: color 0.3s ease;}
.navigation-main ul li a:hover {color: #CA5371;}
.navigation-main ul li a.active {color: #CA5371;}
.navigation-main ul li .trail {color: #CA5371;}

/*Notfall*/
#header .notfall {position: absolute; right: 0; top: 0; padding: 0; background: none;}
#header .notfall figure {display: inline-block; width: 23px; float: left; padding: 6px 10px 0 0; margin: 0;}
#header .notfall figure img {width: 100%; height: auto;}
#header .notfall .rte {display: inline-block; float: left; padding: 0;}
#header .notfall .rte a {display: block; font-size: 1.6rem; padding: 20px 10px 25px 10px; border-left: 1px solid #cdcdcd; color: #CA5371; text-decoration: none; background: url(../../files/data/graphics/bg-tab-active.svg) center bottom 15px no-repeat;}
#header .notfall .rte p {margin: 0;}

/*Navigation Mobile*/
#header .mobilebtn_ct {display: none;}
.mm-menu {width: 100%; max-width: 100%;}
.mm-menu > .mm-panel {padding-left: 0;}
.mm-menu.mm-light {background: rgba(255,255,255,0.85);}
.mm-page {width: 100%; min-height: 100%; margin: 0 auto;}
.mm-list.level_1 {font-size: 3.8rem; font-family: 'denne_etuderegular'; padding: 0;}
.mm-list.level_1:before {content: ''; border-top: 1px solid rgba(0,0,0,0.15); display: block; width: 100%; margin-left: 20px;}
.mm-list > li > a, .mm-list > li > span {padding: 15px 10px 15px 35px; color: #49851A; transition: color 0.3s ease;}
.mm-list > li > a:hover, .mm-list > li > span.active {color: #CA5371;}
.mm-menu.mm-light em.mm-counter {display: none;}
.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {display: none;}
.mm-menu.mm-vertical .mm-list > li > a.mm-subopen:after {border-color: #49851A; top: 21px;}
.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {background: none;}
.mm-list.level_2, .mm-list.level_3 {font-size: 1.6rem; font-family: 'open_sansregular', sans-serif;}
.mm-list.level_2 li:after {display: none !important;}
.mm-list.level_2 li a, .mm-list.level_2 li span {padding: 5px 10px 5px 35px;}
.mm-menu.mm-vertical .mm-list.level_2 li a.mm-subopen {height: 20px;}
.mm-menu.mm-vertical .mm-list.level_2 li a.mm-subopen:after {top: 10px;}

#nuunnav .notfall {position: relative; padding-left: 40px; width: 100%; box-sizing: border-box;}
#nuunnav .notfall figure {display: inline-block; width: 23px; float: left; padding: 6px 10px 0 0;}
#nuunnav .notfall figure img {width: 100%; height: auto;}
#nuunnav .notfall .rte {display: inline-block; float: left;}
#nuunnav .notfall .rte a {display: block; font-size: 1.6rem; padding: 40px 5px 0 5px; border-left: none; color: #CA5371; text-decoration: none; background:none;}
#nuunnav .mobilebtn_ct {width: 25px; height: 25px; position: relative; float: right;}
#nuunnav .mobilebtn.close {width: 25px; height: 25px; display: block; text-decoration: none; background: url(../../files/data/graphics/btn-mobile-close.svg) center no-repeat; background-size: contain;}

/*  HOME													 */
/*************************************************************/

/*Slider*/
#Slider {width: 1410px; margin: -30px auto 0 auto; z-index: 100; position: relative;}
#Slider .swiper .content-image {padding: 0;}
#Slider .swiper .content-image figure {margin: 0;}

.swiper {padding: 0; position: relative; max-height: 600px;}
.swiper figure img {width:100%; height:100%; object-fit: cover;}
.swiper .slick-dots {position:absolute; text-align: center; bottom:0; margin-bottom: 0; width:100%; z-index:1000;}
.swiper .slick-dots li button {display:none;}
.swiper .slick-dots li {width:22px; height:32px; margin:0 4px; display:inline-block; background-position:center top; background-repeat:no-repeat; background-image: url('../../files/data/graphics/ico-sliderbullet.svg'); transition: background-image 0.2s;}
.swiper .slick-dots li.slick-active,
.swiper .slick-dots li:hover {width:22px; height:32px; margin:0 4px; display:inline-block; background-position:center top; background-repeat:no-repeat; background-image: url('../../files/data/graphics/ico-sliderbullet-active.svg');}
/*Slider - Tabs*/
#Slider .slider-tabs {position: absolute; top: 65px; right: 10%; width: 300px; height: 400px; padding: 35px 40px; z-index: 800; background: url(../../files/data/graphics/bg-tabs.svg) center no-repeat; background-size: contain; overflow: hidden;}
#Slider .slider-tabs .tab {width: 141px; height: 39px; display: inline-block; cursor: pointer; background: #fff; border: solid 2px #e7e7e7; transition: all 0.3s ease;}
#Slider .slider-tabs .tab p {font-family: 'open_sansbold', sans-serif; font-size: 1.6rem; color: #49851A; padding: 0 0 0 35px; margin-top: 9px; margin-bottom: 9px; background: url(../../files/data/graphics/bg-tab.svg) center left 10px no-repeat; transition: all 0.3s ease;}

#Slider .slider-tabs .tab:hover, #Slider .slider-tabs .tab.active {background: #e7e7e7;}
#Slider .slider-tabs .tab:hover p, #Slider .slider-tabs .tab.active p {color: #CA5371; background: url(../../files/data/graphics/bg-tab-active.svg) center left 10px no-repeat;}

#Slider .slider-tabs .tab.aktuellestab {float: left;}
#Slider .slider-tabs .tab.agendatab {float: right;}

#Slider .slider-tabs .mod_newslist {position: absolute; width: 300px; top: 110px;}
#Slider .slider-tabs .mod_newslist .layout_latest {margin-bottom: 15px;}
#Slider .slider-tabs .mod_newslist .info {font-size: 1.2rem; line-height: 1.7rem; color: #b0b0b0; margin-bottom: 8px;}
#Slider .slider-tabs .mod_newslist h2 {font-weight: bold; color: #49851A; font-size: 1.6rem; line-height: 2.2rem; margin-top: 0; margin-bottom: 5px;}
body.mac.firefox #Slider .slider-tabs .mod_newslist h2 {font-weight: 400;}
body.mac.safari #Slider .slider-tabs .mod_newslist h2 {font-weight: 400;}
#Slider .slider-tabs .mod_newslist a {color: #49851A; text-decoration: none; transition: all 0.3s ease;}
#Slider .slider-tabs .mod_newslist a:hover {color: #CA5371;}
#Slider .slider-tabs .mod_newslist .teaser p {font-size: 1.6rem; line-height: 2.2rem; color: #55464F;}

#Slider .slider-tabs.klein {display: none;}

/*Home - Inhalt*/
.homeleft {width: 49%; margin-right: 10%; float: left;}
.homeright {width: 41%; float: left;}
#container .homeleft h2 {padding: 10px 0 0 10px;}
.homeleft h2 {padding: 10px 0 0 34px;}
/*Home - Download*/
.homeleft .content-download {padding: 0; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3); margin:0 3px 30px 3px;}
.homeleft .content-download ul {margin: 0; line-height: 0;}
.homeleft .content-download ul li {margin: 0; background: #fff;}
.homeleft .content-download ul li:before {content: "Jetzt aktuell:"; display: block; float: left; position: relative; width: 23%; padding: 15px 0 14px 7%; font-family: 'open_sansbold', sans-serif; color: #CA5371;}
.homeleft .content-download ul li a {width: 58%; padding: 15px 5% 14px 7% !important; float: left; font-family: 'open_sansregular', sans-serif !important;}
.homeleft .content-download ul li a span {display: none;}
.homeleft .content-download ul li img {left: 32%; top: 13px;}

/*Home - Celebration*/
.homeleft .celebration {box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3); margin:0 3px 30px 3px; padding: 20px 10px 20px 35px;}
.homeleft .celebration figure {width: 20%; margin-right: 8%; float: left;}
.homeleft .celebration .rte {width: 72%; float: left;}
.homeleft .celebration .rte h3 {font-family: 'dk_lemon_yellow_sunregular'; font-size: 5rem; line-height: 4rem; color: #CA5371;}

/*Home - Warnhinweis*/
.homeleft .warnhinweis {box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3); margin:0 3px 30px 3px; padding: 25px 10px 20px 35px; background: #fff url(../../files/data/graphics/warning-box.svg) top repeat-x;}
.homeleft .warnhinweis figure {width: 20%; margin-right: 8%; float: left;}
.homeleft .warnhinweis figure img {width: 40%; display: block; margin: 0 auto;}
.homeleft .warnhinweis .rte {width: 72%; float: left;}
.homeleft .warnhinweis .rte h3 {font-family: 'patua_oneregular'; font-size: 3.5rem; line-height: 4.3rem; color: #55464F;}

/*Home - Zitat*/
.homeleft .zitat {margin:0 0 30px 0; padding: 30px 35px 0 35px; height: 210px; position: relative; background: url(../../files/data/graphics/bg-zitatbox.svg) center top no-repeat; background-size: contain;}
.homeleft .zitat figure {width: 20%; margin-right: 9%; float: left;}
.homeleft .zitat .rte {width: 71%; float: left;}
.homeleft .zitat .rte p {font-family: 'playfair_displayregular'; font-size: 2.5rem; line-height: 3.3rem; color: #CA5371;}
.homeleft .zitat .rte h3 {font-family: 'dk_lemon_yellow_sunregular'; font-size: 2.6rem; line-height: 2.6rem; color: #55464F; position: absolute; bottom: 0; left: 16%;}

/*Home - Gallerie*/
.homeright .content-gallery {padding: 0; background:none;}
.homeright .content-gallery ul {margin: 0;}
.homeright .content-gallery li {width: 30%; margin-right: 5%; height: 90px; margin-bottom: 20px;}
.homeright .content-gallery li:nth-child(1n+10) {display: none;}

/*  STANDARD INHALTSELEMENTE                                 */
/*************************************************************/

/*Abstand erstes und letztes Element*/
#main .mod_article div.first {padding-top: 25px;}
#main .mod_article div.last {padding-bottom: 25px;}

/*Überschrift Einzelelement*/
h1.content-headline {font-family: 'denne_etuderegular'; font-size: 5rem; line-height: 5rem; color: #CA5371; margin: 15px 0 10px 0;}
h2.content-headline {font-family: 'denne_etuderegular'; font-size: 3.5rem; line-height: 3.5rem; color: #CA5371; margin: 15px 0 10px 0;}
h3.content-headline {font-family: 'denne_etuderegular'; font-size: 2.5rem; line-height: 2.4rem; color: #CA5371; margin: 15px 0 10px 0;}

/*Überschrift im Element*/
h1 {font-family: 'open_sanssemibold', sans-serif; font-size: 3.5rem; line-height: 4.5rem; margin: 0;}
h2 {font-family: 'open_sanssemibold', sans-serif; font-size: 2.6rem; line-height: 3.6rem; margin: 0 0 5px 0;}
h3 {font-family: 'open_sanssemibold', sans-serif; font-size: 1.8rem; line-height: 2.4rem; margin: 0 0 5px 0;}

/*Textelement*/
.ce_text {padding: 10px 35px; background: #fff;}
.ce_text .image_container {max-width: 100%; margin: 12px 0;}
.ce_text .image_container img {width: 100%; height: auto;}
.ce_text .image_container.float_left {width: 45%; margin: 9px 15px 0 0;}
.ce_text .image_container.float_right {width: 45%; margin: 9px 0 0 15px;}
.ce_text p {margin: 12px 0;}

.content-text {padding: 10px 35px; background: #fff;}
.content-text figure {max-width: 100%; margin: 12px 0;}
.content-text figure img {width: 100%; height: auto;}
.content-text.media--left figure {width: 45%; margin: 9px 15px 0 0;}
.content-text.media--right figure {width: 45%; margin: 9px 0 0 15px;}
.content-text p {margin: 12px 0;}

#main .ce_text ul li, #main .content-text ul li {vertical-align: middle; list-style: none; padding-left: 15px; background: url(../../files/data/graphics/ico-sliderbullet-active.svg) no-repeat top 9px left; background-size: 6px;}
#main .ce_text ol, #main .content-text ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
#main .ce_text ol > li, #main .content-text ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 0 20px; /* Give each list item a left margin to make room for the numbers */
    list-style:none; /* Disable the normal item numbering */
}
#main .ce_text ol > li:before, #main .content-text ol > li:before {
    content:counter(li)"."; /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    left: -18px;
    top: 0;
    font-size: 1.6rem; 
    font-family: 'open_sansregular', sans-serif;
    color: #CA5371;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box; 
}

/*Bildelement*/
.ce_image {padding: 10px 35px; background: #fff;}
.ce_image .image_container {max-width: 100%; margin: 12px 0;}
.ce_image .image_container img {width: 100%; height: auto;}

.content-image {padding: 10px 35px; background: #fff;}
.content-image figure {max-width: 100%; margin: 12px 0;}
.content-image figure img {width: 100%; height: auto;}

/*Galerieelement*/
.content-gallery {padding: 10px 35px; background: #fff;}
.content-gallery ul {padding: 0; list-style: none; margin: 12px 0;}
.content-gallery ul li {width: 23.5%; margin-right: 2%; height: 150px; overflow: hidden; margin-left: 0; display: inline-block; float: left; padding: 0; margin-bottom: 15px;}
body.zweispaltig .content-gallery ul li {height: 110px;} 
.content-gallery ul li:nth-of-type(4n) {margin-right: 0;}
.content-gallery ul li::before {display: none;}
.content-gallery figure {overflow: hidden; line-height: 0;}
.content-gallery figure:hover img {-webkit-transform: scale(1.2); transform: scale(1.2);}
.content-gallery figure img {width: 100%; height: auto; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}

/*Downloadelemente*/
.content-download, .content-downloads {padding: 10px 35px; background: #fff;}
.content-download ul, .content-downloads ul {position:relative; width:100%; margin:12px 0; padding:0 0 0 0;}
.content-download ul li, .content-downloads ul li {position:relative; width:100%; display:inline-block; line-height:1.35em; padding:0 0 0 0; margin:0 0 16px 0; background:#F0F0F0; -webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
.content-download ul li:hover a, .content-downloads ul li:hover a {color: #CA5371 !important;}
.content-download img, .content-downloads img {position:absolute; left:14px; top:8px; width:21px; height:24px; z-index:100;}
#container .content-downloads a, #container .content-downloads a:link, #container .content-downloads a:visited, #container .content-download a, #container .content-download a:visited, #container .content-download a:link {
    position:relative; z-index:300; display:block; text-align:left; padding:9px 40px 9px 50px; font-family: 'open_sansregular', sans-serif; margin:0 0 0 0; text-decoration:none; color:#49851A;}

.content-download .ext-pdf a, .content-downloads .ext-pdf a {background: url(../../files/data/graphics/icon-pdf.svg) center left 15px no-repeat;}
.content-download .ext-xls a, .content-downloads .ext-xls a {background: url(../../files/data/graphics/icon-xls.svg) center left 15px no-repeat;}
.content-download .ext-doc a, .content-downloads .ext-doc a {background: url(../../files/data/graphics/icon-doc.svg) center left 15px no-repeat;}
.content-download .ext-docx a, .content-downloads .ext-docx a {background: url(../../files/data/graphics/icon-doc.svg) center left 15px no-repeat;}

/*YouTube Element*/
.content-youtube {padding: 10px 35px; background: #fff;}
.content-youtube .mejs-container {margin: 12px auto;}

.content-player {padding: 10px 35px; background: #fff;}
.content-player .mejs-container {margin: 12px auto;}

/*Spaltenelemente*/
.rs-columns {padding: 10px 35px; background: #fff; width: auto;}
.rs-columns div {padding: 0; width: 100%;}
.rs-column.-large-col-2-1 {width: 48%; margin-right: 4%;}
.rs-column.-large-col-2-1:nth-of-type(1n+3) {margin-top: 25px;}
.rs-column.-large-col-3-1 {width: 30%; margin-right: 5%;}
.rs-column.-large-col-3-1:nth-of-type(1n+4) {margin-top: 25px;}
.rs-column.-large-last {margin-right: 0;}


/*  SPEZIELLE INHALTSELEMENTE								 */
/*************************************************************/

/*Portraits*/
#main .ce_text.portrait {padding: 0 !important; width: 48%; height: 190px; margin: 0 1% 20px 1%; float: left;}
#main .ce_text.portrait .image_container {width: 45%; margin: 0 5% 0 0; float: left;}
#main .content-text.portrait {padding: 0 !important; width: 48%; height: 190px; margin: 0 1% 20px 1%; float: left;}
#main .content-text.portrait figure {width: 45%; margin: 0 5% 0 0; float: left;}

/*Klassenspiegel*/
body.klassenspiegel h2.content-headline {font-family: 'open_sanssemibold',sans-serif; font-size: 2.6rem; line-height: 3.6rem; color: #55464F;}
body.klassenspiegel .rs-columns {width: 100%; background: none; padding: 0;}
body.klassenspiegel .rs-columns .rs-column.-large-col-3-1 {width: 32%; margin-right: 2%; height: 290px; background:#fff;}
body.klassenspiegel .rs-columns .rs-column.-large-col-3-1:nth-of-type(1n+4) {margin-top: 25px;}
body.klassenspiegel .rs-columns .rs-column.-large-last {margin-right: 0;} 
body.klassenspiegel .rs-columns .rs-column div {padding: 10px 35px; width: auto;}
body.klassenspiegel .rs-columns .content-text {height: 150px;}
body.klassenspiegel .rs-columns .content-text .rte {padding: 0;}
body.klassenspiegel .rs-columns .rs-column h2 {font-size: 2rem; line-height: 2.7rem; color: #CA5371; margin: 15px 0 10px 0;}
body.klassenspiegel .rs-columns .rs-column h3 {font-family: 'open_sansbold',sans-serif; margin: 0;}
body.klassenspiegel .rs-columns .rs-column .content-download {padding-bottom: 0;}
body.klassenspiegel .rs-columns .rs-column .content-download ul {margin: 0;}
body.klassenspiegel .rs-columns .rs-column .content-download ul li {margin: 0;}
body.klassenspiegel .rs-columns .rs-column .content-download a {font-family: 'open_sansregular', sans-serif !important;}
body.klassenspiegel .rs-columns .rs-column .content-download a span {display: none;}
body.klassenspiegel .rs-columns .rs-column .content-hyperlink a {padding: 9px 40px 9px 50px; background: #F0F0F0 url(../../files/data/graphics/ico-door.svg) left 15px center no-repeat; display: block;}

/*  NEWS 													 */
/*************************************************************/

/*Pagination*/
.mod_newslist .pagination {float:left; display:block; padding: 0 0 0 35px; color:#49851A; font-family: 'open_sansbold', sans-serif;}
.mod_newslist .pagination p {display: none;}
.mod_newslist .pagination ul li.last {display: none;}
.mod_newslist .pagination ul li.first {display: none;}
.mod_newslist .pagination ul {width:100%; text-align: left; float:left; display:block; list-style-type:none; padding:8px 0 0 0;}
.mod_newslist .pagination ul li {display:inline; background:none; margin:0; padding:0;}
.mod_newslist .pagination ul li:after {content: "-"; color: #49851A; font-family: 'open_sansbold', sans-serif;}
.mod_newslist .pagination ul li:last-of-type:after {content: " ";}
.mod_newslist .pagination ul li.next:after {content: " ";}
.mod_newslist .pagination ul li span {padding: 0 5px 0 0;}
.mod_newslist .pagination ul li a {padding: 0 5px 0 0;}
.mod_newslist .pagination .current {color: #CA5371;}
.mod_newslist .pagination ul li.next, .mod_newslist .pagination ul li.previous {font-family: 'open_sansregular', sans-serif;}

/*Aktuelles - Liste*/
.aktuelles .layout_latest {padding: 10px 25px 25px 35px !important; margin-bottom: 20px; border-top: 1px solid #CDCDCD;}
.aktuelles .layout_latest.even {background: #ffffff;}
.aktuelles .layout_latest.odd {background: #F5F5F5;}
.aktuelles .layout_latest .info {margin: 0; font-size: 1.2rem; text-align: right; color: #B0B0B0; line-height: 1.5rem;}
.aktuelles .layout_latest h2 {margin-bottom: 15px;}
.aktuelles .layout_latest .image_container {width: 35%; height: 130px; overflow: hidden; margin-right: 5%; float: left;}
.aktuelles .layout_latest .image_container img {width: 100%; height: auto;}
.aktuelles .layout_latest .teaser, .aktuelles .layout_latest .more {width: 60%; float: right;}

/*Aktuelles - Detail*/
.mod_newsreader .layout_full h1 {font-family: 'denne_etuderegular'; font-size: 5rem; line-height: 5rem; color: #CA5371; margin: 15px 0 10px 0;}
.mod_newsreader .layout_full .info {margin: 0; font-size: 1.2rem; text-align: right; color: #B0B0B0; line-height: 1.5rem; background: #ffffff; padding: 15px 35px 0px 35px;}
.mod_newsreader .back {background: #ffffff; padding: 10px 35px 20px 35px;}

/*Agenda - Liste*/
.agenda .layout_latest {padding: 35px 25px 25px 35px !important; margin-bottom: 20px; border-top: 1px solid #CDCDCD;}
.agenda .layout_latest.even {background: #ffffff;}
.agenda .layout_latest.odd {background: #F5F5F5;}
.agenda .layout_latest h2 {margin-bottom: 15px; color: #49851A;}

.mod_subscribe {padding: 10px 35px 20px 35px; background: #fff;}
.mod_subscribe .widget-submit {clear:both;}
.mod_subscribe .confirm,
.mod_subscribe .error {font-size: 2.4rem;}

.mod_unsubscribe {padding: 10px 35px 20px 35px; background: #fff;}
.mod_unsubscribe .widget-submit {clear:both;}

.mod_newsletterreader > h1 {font-family: denne_etuderegular; color: #CA5371; margin: 15px 0 10px; font-size: 5rem; line-height: 5rem;}
.mod_newsletterreader .newsletter {padding: 10px 35px; background: #fff;}

.mod_newsletterlist ul li {padding: 10px 25px 10px 35px!important; margin-bottom: 20px; border-top: 1px solid #CDCDCD; background: #fff;}
.mod_newsletterlist ul li .date {margin-bottom: 0;}
.mod_newsletterlist ul li a {font-size: 2.6rem; line-height: 3.6rem; font-family: open_sanssemibold,sans-serif;}


/*Eggs*/
#easteregghome {background: none; position: absolute; bottom: -100px; right: 10%; width: 36px; z-index: -1;}
#easteregglehrpersonal {background: none; position: absolute; transform: rotate(-15deg); top: -90px; right: 10%; width: 36px; z-index: -1;}
#eastereggferien {background: none; position: absolute; transform: rotate(15deg); top: -70px; left: 5%; width: 36px; z-index: -1;}
#eastereggagenda {background: none; position: absolute; bottom: -100px; left: 10%; width: 36px; z-index: -1;}
#eastereggkontakt {background: none; position: absolute; transform: rotate(25deg); bottom: -110px; left: 40%; width: 36px; z-index: -1;}


/*  FORMULARE												 */
/*************************************************************/
.ce_form {padding: 25px 35px; background: #fff;}
.mod_login {padding: 25px 35px; background: #fff;}
form label {width: 30%; padding: 8px 0; margin-bottom: 18px; font-family: 'open_sanssemibold',sans-serif; display: block; float: left;}
form input {width: 66%; padding: 8px 2%; margin-bottom: 20px; display: block; float: left; -webkit-appearance:none; border-radius: 0; background: #f0f0f0; box-shadow: inset 0 1px 6px 0 rgba(0,0,0,0.2); color: #55464F; border:none;}
form textarea {width: 66%; padding: 8px 2%; margin-bottom: 20px; display: block; float: left; -webkit-appearance:none; border-radius: 0; background: #f0f0f0; box-shadow: inset 0 1px 6px 0 rgba(0,0,0,0.2); color: #55464F; border:none;}
form .widget-captcha input {margin-bottom: 5px;}
form .widget-captcha .captcha_text {width: 70%; float: right; display: block; margin-bottom: 15px;}
form .submit_container {clear: both;}
form input.submit {width: auto; padding: 8px 5%; background: #49851A; box-shadow: none; float: right; color: #fff; font-family: 'open_sanssemibold',sans-serif; cursor: pointer; border-radius: 0; transition:background 0.3s ease;}
form input.submit:hover {background: #CA5371;}
form .error {color: #f00;}

/*  SITEMAP													 */
/*************************************************************/
#container .mod_sitemap li {font-size:1.8rem; line-height:2.3rem; text-transform:uppercase;}
#container .mod_sitemap .level_1 .submenu li {margin-top:10px; font-size:1.6rem; line-height:2.1rem; text-transform:none;}
#container .mod_sitemap .level_2 .submenu li {margin-top:4px;}
#container .mod_sitemap ul li {padding:0; float:left; width:30%; height:auto; margin-right:5%; padding-top:5px; margin-bottom:30px; border-top:1px solid #c8c8c8;}
#container .mod_sitemap ul li:nth-child(3n) {margin-right: 0;}
#container .mod_sitemap ul li:nth-child(3n+4) {clear: both;}
#container .mod_sitemap ul li ul li {margin-right:0; padding-top:0; border-top:none;}
#container .mod_sitemap ul li a {color: #55464F; float:left; text-align:left; margin:0; padding:0 0 0 0; text-decoration:none; background:none;}
#container .mod_sitemap ul li a:hover,
#container .mod_sitemap ul li a.active,
#container .mod_sitemap ul li a.trail {color: #CA5371; text-decoration:none; background:none;}
#container .mod_sitemap ul li ul li {padding:0; float:left; width:100%; height:auto; padding:0; margin-bottom:0;}
#container .mod_sitemap ul.level_1 > li > span > a {color:#49851A; font-family: 'open_sanssemibold', sans-serif;}

/*  GOOGLE MAP												 */
/*************************************************************/
.ce_dlh_googlemaps {width:99%; height:400px; float:none; display:inline-block; z-index:1200; padding: 0 !important; margin: 0 3px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3); color:#000;}
.dlh_googlemap {width:100% !important; height:400px; float:left; display:block; z-index:1200; line-height:2.0rem;}
.dlh_googlemap .gm-style-iw .routinglink a {color: #00783C !important;}
.routinglink form input.submit {padding: 7px 5%;}
#map {height: 400px;}

/*  FOOTER 													 */
/*************************************************************/
.endcontent {display: block; clear: both; height: 803px;}
#footer {height: 753px; padding-top: 50px; margin-top: -803px; background: url(../../files/data/graphics/bg-footer.png) top center; background-repeat: repeat-x;}
#footer .inside {width: 100%; margin: 0 auto;}
#footer a {text-decoration: none; color: #49851A;}
#footer a:hover {color: #CA5371;}

#footer h3 {font-family: 'denne_etuderegular'; font-size: 3.8rem; line-height: 5.0rem; color: #CA5371; margin-top: 1em; margin-bottom: 12px;}
#footer p {font-size: 1.6rem; line-height: 2.2rem; margin: 0 0 12px 0;}

#footer figure img {width: 80%;}

#footer .footertop {padding: 0 0 50px 0; background: #fff;}
#footer .footertop .inside {width: 1180px; margin: 0 auto;}
#footer .footertop .content-text {display: inline-block; float: left; padding: 0; background: none;}
#footer .footertop .content-text h4 {font-family: 'open_sansbold', sans-serif; font-size: 1.6rem; line-height: 2.2rem; margin-top: 0; margin-bottom: 5px; color: #55464F;}
#footer .footertop .content-text p {color: #55464F;}
#footer .footertop .content-text.halb {width: 50%;}
#footer .footertop .content-text table td {padding-right: 35px;}
#footer .footertop .content-text.halb h3 {padding-left: 12%;}
#footer .footertop .content-text.halb figure {display: inline-block; width: 10%; margin: 0;}
#footer .footertop .content-text.halb .rte {display: inline-block; padding-left: 2%; border-left: 1px solid #CDCDCD;}
#footer .footertop .content-text.viertel {width: 25%;}
#footer .footertop .content-text.viertel h3 {padding-left: 24%;}
#footer .footertop .content-text.viertel figure {display: inline-block; width: 20%; margin: 0;}
#footer .footertop .content-text.viertel .rte {display: inline-block; padding-left: 4%; border-left: 1px solid #CDCDCD;}
#footer .footertop .content-text.viertel:last-of-type h3 {padding-left: 31%;}
#footer .footertop .content-text.viertel:last-of-type figure {width: 27%; margin: 0;}

#footer .footermid {background: #F5F5F5; padding: 20px 0;}
#footer .footermid .inside {width: 1110px; padding-left: 70px; margin: 0 auto;}
#footer .footermid .content-text {display: inline-block; float: left; padding: 0; background: none;}
#footer .footermid h3 {margin-top: 0;}
#footer .footermid .content-text.halb {width: 46%;}
#footer .footermid .content-text.halb figure {width: auto; margin: 0 15px 0 0;}
#footer .footermid .halb figure img {width: 100%;}
#footer .footermid .content-text p {padding-top: 7px; color: #55464F;}
#footer .footermid .content-text.viertel {width: 34.5%;}
#footer .footermid .content-text.viertel h3 {padding-left: 21%;}
#footer .footermid .content-text.viertel figure {display: inline-block; width: 18%; margin: 0;}
#footer .footermid .content-text.viertel .rte {display: inline-block; padding-left: 3%; border-left: 1px solid #CDCDCD;}
#footer .footermid .content-text.viertel:last-of-type {width: 19%;}
#footer .footermid .content-text.viertel:last-of-type h3 {padding-left: 7%;}
#footer .footermid .content-text.viertel:last-of-type .rte {padding-left: 7%;}
#footer .footermid .content-text.viertel:last-of-type p {padding-top: 0;}
#footer .footermid .content-text.viertel:last-of-type figure {width: 83%; padding-left: 7%; border-left: 1px solid #CDCDCD;}
#footer .footermid .content-text.viertel:last-of-type figure img {width: 100%;}

#footer .footerbot {background: #CDCDCD; text-align: center; padding: 3px 0 12px 0;}
#footer .footerbot .content-text {padding: 0 20px 0 0; background: none; border-right: 1px solid #fff; display: inline-block; margin-top: 13px;}
#footer .footerbot p {color: #fff; margin-bottom: 0; font-size: 1.5rem; line-height: 1.6rem;}
#footer .footerbot .content-image {padding:0 0 0 20px; margin: 0; background: none; display: inline-block;}
#footer .footerbot .content-image figure {margin: 0;}
body.ie #footer .footerbot .content-image figure {margin: 0; width: 100px;}

/*  COLORBOX												 */
/*************************************************************/

#cboxOverlay {background: #ffffff;}
#cboxTitle {display: none !important;}
#cboxLoadedContent {border: none;}
#cboxNext {background: url("../../files/data/graphics/ico-next.svg"); width: 35px; position:absolute; right: 15px; height: 35px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain; transition: background 0.3s ease;}
#cboxPrevious {background: url("../../files/data/graphics/ico-prev.svg"); width: 35px; position:absolute; left: 15px; height: 35px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain; transition: background 0.3s ease;}
#cboxClose {background: url("../../files/data/graphics/ico-close.svg"); width: 35px; position:absolute; right: 15px; top: 15px; height: 35px; background-position: center; background-repeat: no-repeat; background-size: contain; transition: background 0.3s ease;}
#cboxCurrent {font-size: 14px; color: #55464F;}
#cboxContent button:hover {opacity: 0.75;}

/*  FIXES  													 */
/*************************************************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height:0px;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {clear:both;}
.invisible {display:none;}

.umbruch {clear:both;}


/*  MEDIA QUERIES / RESPONSIVE								 */
/*************************************************************/

@media screen and (max-width : 1450px)  {
    #Slider {width: 1180px;}
}

@media screen and (max-width : 1230px)  {
    #header .inside {width: 900px;}
    #Slider {width: 900px;}
    #container {width: 900px;}
    #footer .footertop .inside {width: 900px;}
    #footer .footermid .inside {width: 900px; padding-left: 0;}

    .navigation-main ul li {font-size: 2.5rem;}
    #header .inside .logo {margin-top: 47px; width: 250px;}

    #Slider .slider-tabs {display: none;}
    #Slider .slider-tabs.klein {display: block; top: 65px; right: 6%; width: 145px; height: auto; padding: 0; background: none;}
    #Slider .slider-tabs.klein .tab {margin-bottom: 10px;}
    #Slider .slider-tabs.klein .tab a {text-decoration: none;}

    .homeleft h1.content-headline {width: 100%; padding: 0;}
    .homeleft .content-download ul li:before {width: 26%; padding: 15px 0 14px 4%;}
    .homeleft .content-download ul li a {width: 59%; padding: 15px 2% 14px 9% !important;}
    .homeleft .celebration {padding: 20px 10px 20px 20px;}
    .homeleft .celebration .rte h3 {font-size: 4.5rem; line-height: 4.5rem;}
    .homeleft .warnhinweis {padding: 20px 10px 20px 20px;}
    .homeleft .warnhinweis .rte h3 {font-size: 2.7rem; line-height: 3rem; word-break:break-all;}
    .homeleft .zitat {height: 160px;}
    .homeleft .zitat .rte p {font-size: 2rem; line-height: 2.7rem; margin-top: 0;}
    .homeright .content-gallery {width: 100%;}
    .homeright .content-gallery li {height: 73px;}
    .homeright h1.content-headline {width: 100%; padding: 0;}

    body.zweispaltig #main {width: 624px; padding: 0 0 0 25px;}
    body.zweispaltig #left {width: 250px;}
    body.zweispaltig #left .inside {padding: 23px 25px 40px 0;}
    #left .navigation-left ul li {line-height: 2.4rem; font-size: 1.8rem;}
    #left .navigation-left ul li a {margin-bottom: 10px; display: block;}

    body.klassenspiegel .rs-columns .rs-column.-large-col-3-1 {height: 340px;}

    #main .content-text.portrait {font-size: 1.4rem;}

    .mejs-container, .me-plugin, .mejs-layer {width: 100% !important;}
    body.zweispaltig .content-gallery ul li {height: 85px;}

    .endcontent {height: 760px;}
    #footer {height: 710px; margin-top: -760px;}
    #footer p {font-size: 1.4rem; line-height: 2rem;}
    #footer .footertop .inside .content-text figure {display: none;}
    #footer .footertop .content-text.halb h3 {padding-left: 2%;}
    #footer .footertop .content-text.viertel h3 {padding-left: 4%;}
    #footer .footertop .content-text.viertel:last-of-type h3 {padding-left: 4%;}
    #footer .footermid .content-text.halb {width: 50%;}
    #footer .footermid .content-text.viertel {width: 25%;}
    #footer .footermid .content-text.viertel figure {display: none;}
    #footer .footermid .content-text.viertel h3 {padding-left: 5%;}
    #footer .footermid .content-text.viertel .rte {padding-left: 5%;}
    #footer .footermid .content-text.viertel:last-of-type h3 {padding-left: 5%;}
    #footer .footermid .content-text.viertel:last-of-type .rte {padding-left: 5%;}
}

@media screen and (max-width : 940px)  {
    #header .inside {width: 92%; padding-left: 4%; padding-right: 4%;}
    #Slider, #Slider .mod_article {width: 100%;}
    #Slider .swiper .content-image {width: 100%;}
    #footer .footertop .inside {width: 92%; padding-left: 4%; padding-right: 4%;}
    #footer .footermid .inside {width: 92%; padding-left: 4%; padding-right: 4%;}
    #container {width: 100%; padding: 20px 0;}

    h1.content-headline {width: 92%; padding-left: 4%; padding-right: 4%;}
	h2.content-headline {width: 92%; padding-left: 4%; padding-right: 4%;}
	h3.content-headline {width: 92%; padding-left: 4%; padding-right: 4%;}
	.content-text {width: 92%; padding-left: 4%; padding-right: 4%;}
	.content-image {width: 92%; padding-left: 4%; padding-right: 4%;}
	.content-gallery {width: 92%; padding-left: 4%; padding-right: 4%;}
	.content-download, .content-downloads {width: 92%; padding-left: 4%; padding-right: 4%;}
	.content-youtube {width: 92%; padding-left: 4%; padding-right: 4%;}
	.rs-columns {width: 92%; padding-left: 4%; padding-right: 4%;}
	.aktuelles .layout_latest {width: 92%; padding-left: 4% !important; padding-right: 4% !important;}
	.mod_newsreader .layout_full h1 {width: 92%; padding-left: 4%; padding-right: 4%;}
	.mod_newsreader .layout_full .info {width: 92%; padding-left: 4%; padding-right: 4%;}
	.mod_newsreader .back {width: 92%; padding-left: 4%; padding-right: 4%;}
	.agenda .layout_latest {width: 92%; padding-left: 4% !important; padding-right: 4% !important;}
	.ce_form {width: 92%; padding-left: 4%; padding-right: 4%;}
	#container .mod_sitemap {width: 92%; padding-left: 4%; padding-right: 4%;}
	.ce_dlh_googlemaps {width: 92%; margin-left: 4%; margin-right: 4%;}

    body.zweispaltig #main {width: 100%; padding: 0;}
    body.zweispaltig #left {display: none;}

    .navigation-main {display: none;}
    #header .notfall {display: none;}

    #header {height: 110px;}
    #header .inside .logo {width: 233px; margin-top: 12px;} 
    #header .mobilebtn_ct {display: block; position: absolute; right: 4%; top: 38px; width: 30px; height: 25px; background: url(../../files/data/graphics/btn-mobile.svg) center no-repeat; background-size: contain;}
    #header .mobilebtn_ct a {display: block; width: 30px; height: 25px;}

    .homeleft {width: 92%; padding-left: 4%; padding-right: 4%; margin-right: 0;}
    .homeleft .content-download {width: 100%; margin: 0 0 30px 0;}
    .homeleft .celebration {width: 92%; padding: 20px 4%; margin: 0 0 30px 0;}
    .homeleft .warnhinweis {width: 92%; padding: 20px 4%; margin: 0 0 30px 0;}
    .homeleft .zitat {height: 33.8vw; width: 92%; padding: 30px 4% 0 4%;}
    .homeright {width: 92%; padding-left: 4%; padding-right: 4%;}
    .homeright .content-gallery li {height: 15vw;}

    .content-gallery ul li, body.zweispaltig .content-gallery ul li {height: 13vw;}

    body.klassenspiegel .rs-columns {width: 92%; padding-left: 4%; padding-right: 4%;}
    body.klassenspiegel .rs-columns .rs-column div {width: auto;}
    body.klassenspiegel .rs-columns .rs-column.-large-col-3-1 {width: 48%; margin-right: 4%;}
	body.klassenspiegel .rs-columns .rs-column.-large-col-3-1:nth-of-type(1n+3) {margin-top: 25px;}
	body.klassenspiegel .rs-columns .rs-column.-large-col-3-1:nth-of-type(2n) {margin-right: 0; clear: none;}
	body.klassenspiegel .rs-columns .rs-column.-large-last {margin-right: 4%;} 

    .endcontent {height: 1329px;}
    #footer {height: 1279px; margin-top: -1329px;}
    #footer .footertop .content-text.halb {width: 100%;}
    #footer .footertop .content-text.viertel {width: 50%;}
    #footer .footermid .content-text.halb {width: 100%;}
    #footer .footermid .content-text.viertel {width: 50%;}
    #footer .footermid .content-text.viertel:last-of-type {width: 50%;}
    #footer .footerbot .content-text {width: auto;}
    #footer .footerbot .content-image {width: auto;}
}

@media screen and (max-width : 700px)  {
	.caroufredsel_pagi a, .caroufredsel_pagi a.selected, .caroufredsel_pagi a:hover {height: 13px; width: 13px; background-size: contain;}
	#main .content-text.portrait {width: 92%; height: 50vw; margin: 0 auto 20px auto; float: none;}
	body.klassenspiegel .rs-columns {width: 100%; padding: 0;}
	body.klassenspiegel .rs-columns .rs-column div {width: 92%; padding-left: 4%; padding-right: 4%;}
	body.klassenspiegel #main .rs-columns .rs-column.-large-col-3-1 {width: 100%; margin-right: 0; margin-bottom: 25px; margin-top: 0; padding-bottom: 20px; height: auto;}
	body.klassenspiegel .rs-columns .content-text {height: auto;}
}

@media screen and (max-width : 600px)  {
	.rs-column.-large-col-2-1 {width: 100%; margin-right: 0;}
	.rs-column.-large-col-3-1 {width: 100%; margin-right: 0;}

	#Slider .slider-tabs.klein {display: none;}
	#Slider .slider-tabs {display: block; position: relative; top: 0; right: 0; width: 92%; padding: 35px 4%; height: auto; background: none;}
	#Slider .slider-tabs .tab {margin-bottom: 25px; width: 47%;}
	#Slider .slider-tabs .mod_newslist {position: absolute; top: 103px; width: 92%;}

	form label {width: 100%; margin-bottom: 0;}
	form input {width: 96%; margin-bottom: 10px;}
	form textarea {width: 96%; margin-bottom: 10px;}
	form .widget-captcha .captcha_text {width: 100%; float: left;}

	.ce_text .image_container.float_left {width: 100%; margin: 9px 0 0 0;}
	.ce_text .image_container.float_right {width: 100%; margin: 9px 0 0 0;}
    .content-text.media--left figure {width: 100%; margin: 9px 0 0 0;}
    .content-text.media--right figure {width: 100%; margin: 9px 0 0 0;}

	.endcontent {height: 1233px;}
    #footer {height: 1183px; margin-top: -1233px;}
	#footer .footertop {padding: 0;}
	#footer .footermid {background: #fff;}
    #footer .footermid .content-text.viertel {width: 100%;}
    #footer .footermid .content-text.viertel:last-of-type {display: none;}
    #footer .rte {border-left: none !important; padding-left: 0 !important;}
    #footer h3 {padding-left: 0 !important; margin-top: 0.4em;}
}

@media screen and (max-width : 500px)  {
	.homeleft .content-download ul li:before {width: 96%; padding: 9px 0 10px 4%;}
	.homeleft .content-download ul li img {left: 3%; top: 45px;}
	.homeleft .content-download ul li a {width: 86%; padding: 6px 2% 14px 12% !important;}
	.homeleft .celebration figure {display: none;}
	.homeleft .celebration .rte {width: 100%;}
	.homeleft .warnhinweis figure {display: none;}
	.homeleft .warnhinweis .rte {width: 100%;}
	.homeleft .zitat {padding: 15px 4% 0 4%; height: 36.5vw;}
	.homeleft .zitat figure {display: none;}
	.homeleft .zitat .rte {width: 100%;}

	.aktuelles .layout_latest .image_container {width: 100%; height: auto; margin-right: 0;}
	.aktuelles .layout_latest .teaser, .aktuelles .layout_latest .more {width: 100%; float: left;}

	#container .mod_sitemap ul li {width: 100%; margin-right: 0;}

	h1.content-headline {font-size: 4rem; line-height: 4rem;}
	.homeleft .zitat .rte p {font-size: 1.6rem; line-height: 2.2rem;}
	.mejs-container, .me-plugin, .mejs-layer {height: 250px !important;}
	#main .content-text.portrait {height: auto; word-break:break-all;}
	#main .content-text.portrait figure {line-height: 0;}

	.endcontent {height: 1327px;}
    #footer {height: 1277px; margin-top: -1327px;}
	#footer .footertop .content-text table td {padding-right: 0px; display: block;}
	#footer .footermid .content-text.halb figure {width: 40%;}
}

/*  FONTS 													 */
/*************************************************************/
@font-face {
    font-family: 'denne_etuderegular';
    src: url("../../files/data/style/Fonts/primar_maerstetten_mac.ttf") format("truetype"),
    	 url('../../files/data/style/Fonts/primar_maerstetten_mac-webfont.woff2') format('woff2'),
         url('../../files/data/style/Fonts/primar_maerstetten_mac-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url("../../files/data/style/Fonts/OpenSans-Bold.ttf") format("truetype"),
    	 url('../../files/data/style/Fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../../files/data/style/Fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url("../../files/data/style/Fonts/OpenSans-Semibold.ttf") format("truetype"),
         url('../../files/data/style/Fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('../../files/data/style/Fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url("../../files/data/style/Fonts/OpenSans-Regular.ttf") format("truetype"),
    	 url('../../files/data/style/Fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../../files/data/style/Fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dk_lemon_yellow_sunregular';
    src: url('../../files/data/style/Fonts/dk_lemon_yellow_sun-webfont.woff2') format('woff2'),
         url('../../files/data/style/Fonts/dk_lemon_yellow_sun-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'patua_oneregular';
    src: url("../../files/data/style/Fonts/PatuaOne-Regular.ttf") format("truetype"),
    	 url('../../files/data/style/Fonts/patuaone-regular-webfont.woff2') format('woff2'),
         url('../../files/data/style/Fonts/patuaone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'playfair_displayregular';
    src: url("../../files/data/style/Fonts/PlayfairDisplay-Regular.ttf") format("truetype"),
    	 url('../../files/data/style/Fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('../../files/data/style/Fonts/playfairdisplay-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}