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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@media screen {
#header .logo {
    left:340px;
    position:absolute;
    top:15px;
}
#header {
    border-top:0px dotted #d9f54c;
    border-right:0px dotted #d9f54c;
    border-bottom:4px dotted #d9f54c;
    border-left:0px dotted #d9f54c;
}
h1 {
    margin-bottom:20px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    background-color:#d9f54c;
    border-color:#d9f54c;
    border-radius:10px;
    font-weight:bold;
    color:#403f55;
    font:1.8em/1.2em 'Cabin Sketch';
    -moz-box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    -webkit-box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.w180 {
    width:180px;
}
.w300 {
    width:300px;
}
.w400 {
    width:400px;
}
.w500 {
    width:500px;
}
h2 {
    margin-bottom:20px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    background-color:#9cffff;
    border-color:#9cffff;
    border-radius:10px;
    font-weight:bold;
    color:#13466a;
    font:1.8em/1.2em 'Cabin Sketch';
    -moz-box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    -webkit-box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
h3 {
    margin-bottom:20px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    background-color:#13466a;
    border-color:#13466a;
    border-radius:10px;
    color:#fff;
    font:1.8em/1.2em 'Cabin Sketch';
    -moz-box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    -webkit-box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
h4 {
    margin-bottom:20px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    background-color:#387ca1;
    border-color:#387ca1;
    border-radius:10px;
    color:#fff;
    font:1.8em/1.2em 'Cabin Sketch';
    -moz-box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    -webkit-box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
#main {
    margin-top:30px;
    color:#403f55;
    font: 13.5px verdana,arial,sans-serif;
}
#main .inside {
    max-width:600px;
    margin-left:340;
}
#main .inside .ce_table {
    margin-bottom:50px;
    margin-left:0;
    padding-bottom:20px;
    padding-left:0;
    border-bottom:3px dotted #d9f54c;
    border-spacing:10px;
}
#main .inside .ce_text {
    margin-bottom:50px;
    padding-bottom:20px;
    border-bottom:3px dotted #d9f54c;
    border-spacing:10px;
}
#main .inside .ce_form {
    margin-bottom:50px;
    padding-bottom:20px;
    border-bottom:3px dotted #d9f54c;
    border-spacing:10px;
}
#main img {
    margin-right:20px;
}

/* ÖFFNUNGSZEITEN */
.oeffnungszeitenfloat {
    float:left;
    width:28.3%;
    margin-right:10px;
    padding:10px;
}
.oeffnungszeitennonfloat {
    float:left;
    width:28.3%;
    padding:10px;
}
.oeffnungszeitenfloat {
    margin-bottom:10px !important;
}
.oeffnungszeitenfloat h1 {
    background-color:rgba(217,245,76,0.3) !important;
    color:#d9f54c;
    padding-left:0px;
    margin-bottom: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    background-color: #d9f54c;
    border-color: #d9f54c;
    border-radius: 10px;
    font-weight: bold;
    color: #403f55;
    font: 1.6em/1em 'Cabin Sketch';
    -moz-box-shadow: 0px !important;
    -webkit-box-shadow: 0px !important;
    box-shadow: 0px !important;
    -moz-transform: rotate(-0deg);
    -webkit-transform: rotate(-0deg);
    -o-transform: rotate(-0deg);
    -ms-transform: rotate(-0deg);
    transform: rotate(-0deg);
}
.oeffnungszeitennonfloat h1 {
    font: 1.6em/1em 'Cabin Sketch';
}
#main .mod_article .block h1 {
    width:96%;
}
.oeffnungszeitenfloat p,
.oeffnungszeitennonfloat p {
    padding-left:10px;
}
#footer {
    margin-bottom:10px;
    padding-top:0;
    padding-bottom:0;
    border-top:4px dotted #9a9d9f;
    border-bottom:4px dotted #9a9d9f;
    font-weight:bold;
    color:#9a9d9f;
    font:1.2em 'Trebuchet MS',verdana,arial,sans-serif;
}
#footer .left {
    float:left;
    margin-right:20px;
    margin-left:340px;
    font-size:.85em;
}
#footer .middle {
    float:left;
    margin-left:10px;
}
#footer .right {
    width:110px;
    float:right;
    clear:right;
    font-size:.85em;
    text-transform:uppercase;
    font-family:'Cabin Sketch';
}
#main .ce_table.oeffnungszeiten .col_0 {
    padding:2px 20px 2px 0;
}
#main .ce_table.oeffnungszeiten.col_1 {
    padding:2px 20px 2px 0;
}
#main .ce_table.kostenKinderlabor .col_0 {
    width:220px;
    padding-top:10px;
    padding-bottom:10px;
    vertical-align:top;
    font-weight:bold;
}
#main .ce_table.kostenKinderlabor .col_1 {
    width:360px;
    padding-top:10px;
    padding-bottom:10px;
    vertical-align:top;
}
.ce_downloads li {
    list-style-type:none;
    padding-bottom:10px;
}
.ce_downloads ul {
    padding-left:0 !important;
    margin-left:0 !important;
}


.rsts-skin-default .rsts-nav ul {
	display:none;
}

.rsts-caption {
	display:none;
}
}

@media screen {
a,
img {
    outline:0;
    -moz-outline:0;
}
#mainnav {
    width:220px;
    top:35px;
    position:relative;
    margin:0;
    padding:0;
    font:21px 'Cabin Sketch',verdana,arial,sans-serif;
}
#mainnav ul.level_1 {
    margin:0;
    padding:3px;
    list-style-type:none;
}
#mainnav ul.level_2 {
    list-style-type:none;
    margin:13px 0 0 0;
}
#mainnav li {
    margin:0 0 10px;
}
#mainnav li a,
#mainnav li strong {
    display:block;
    padding-left:10px;
    border-radius:10px;
    line-height:1.4em;
    text-decoration:none;
    -moz-box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    -webkit-box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    box-shadow:0 5px 5px 0 rgba(102,102,102,0.4);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
#mainnav li.katalog,
#mainnav li.turkis,
#mainnav li.dunkelblau:last-child {
    border:4px dotted #d9f54c;
    padding:0 0 30px 0 !important;
    margin:0 0 30px 0 !important;
    border-left:0px !important;
    border-right:0px !important;
    border-top:0px !important;
}
li.gruen a,
li.gruen strong {
    background-color:#d9f54c;
    border:1px solid #d9f54c;
    color:#403f55;
}
li.turkis a,
li.turkis strong {
    background-color:#387ca1;
    border:1px solid #387ca1;
    color:#fff;
}
li.dunkelblau a,
li.dunkelblau strong {
    background-color:#13466a;
    border:1px solid #13466a;
    color:#fff;
}
#mainnav .level_2 li a,
#mainnav .level_2 li strong,
#mainnav #mainnav  li:hover li a,
li:hover li strong {
    border:0px;
    border-radius:0;
    line-height:1.4em;
    color:#616161;
    background:transparent !important;
    padding-left:0px !important;
    margin:0 0 20 5px;
    -moz-box-shadow:0 0px 0px 0 rgba(102,102,102,0.0);
    -webkit-box-shadow:0 0px 0px 0 rgba(102,102,102,0.0);
    box-shadow:0 0px 0px 0 rgba(102,102,102,0.0);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    /* Subnavi Hellgrau*/;
}
#mainnav .level_1 .gruen.trail a,
#mainnav .level_1 .gruen:hover a,
#mainnav .level_1 .gruen.active strong,
#mainnav .level_1 .gruen:hover strong {
    background-color:#d9f54c;
}
#mainnav .level_2 li:hover a,
#mainnav .level_2 strong.active {
    display:inline;
    border:3px dotted #d9f54c;
    border-left:0px !important;
    border-right:0px !important;
    border-top:0px !important;
    color:#13466a !important;
}
}

@media screen {
#kontaktformKinderlabor label {
    width:180px;
    float:left;
    font-weight:normal;
    margin:3px 0 10px;
}
#kontaktformKinderlabor .text {
    width:300px;
    border-top:0px solid #387ca1;
    font-weight:normal;
    color:#387ca1;
    font:1em Verdana;
    margin:2px 0 10px;
    border-right:0px dotted #387ca1;
    border-bottom:2px dotted #387ca1;
    border-left:0px dotted #387ca1;
}
#kontaktformKinderlabor .select {
    width:300px;
    border-top:0px dotted #387ca1;
    color:#387ca1;
    font:1em Verdana;
    margin:3px 0 10px;
    padding:2px 1px 2px 0;
    border-right:0px dotted  #387ca1;
    border-bottom:2px dotted  #387ca1;
    border-left:0px dotted  #666;
}
#kontaktformKinderlabor .checkbox {
    background-color:#387ca1;
    border:1px dotted #387ca1;
    font:1em Verdana;
    color:#387ca1;
    font:1em Verdana;
    margin:3px 0 10px;
    padding:2px 1px 2px 0;
    border-right:0px dotted  #387ca1;
    border-bottom:2px dotted  #387ca1;
    border-left:0px dotted  #666;
}
#kontaktformKinderlabor .checkbox_container {
    border:0px;
    font:1em Verdana;
    font:1em Verdana;
    margin:3px 0 3px;
    padding:2px 1px 2px 0;
}
#kontaktformKinderlabor .textarea {
    width:300px;
    height:100px;
    border-top:0px solid #387ca1;
    font-weight:normal;
    color:#387ca1;
    font:1em Verdana;
    margin:2px 0 10px;
    border-right:0px dotted #387ca1;
    border-bottom:2px dotted #387ca1;
    border-left:0px dotted #387ca1;
}
#kontaktformKinderlabor .submit {
    margin-top:30px;
    background-color:#fff;
    border-width:2px 0px;
    border-style:dotted;
    border-color:#387ca1;
    font-weight:bold;
    color:#387ca1;
    font:1em Verdana;
    margin:0 0 0 184px;
}
#kontaktform label {
    width:130px;
    float:left;
    font-weight:normal;
    margin:3px 0 10px;
}
#kontaktform .text {
    width:300px;
    border-top:0px solid #387ca1;
    font-weight:normal;
    color:#387ca1;
    font:1em Verdana;
    margin:2px 0 10px;
    border-right:0px dotted #387ca1;
    border-bottom:2px dotted #387ca1;
    border-left:0px dotted #387ca1;
}
#kontaktform .select {
    width:300px;
    border-top:0px dotted #387ca1;
    color:#387ca1;
    font:1em Verdana;
    margin:3px 0 10px;
    padding:2px 1px 2px 0;
    border-right:0px dotted  #387ca1;
    border-bottom:2px dotted  #387ca1;
    border-left:0px dotted  #666;
}
#kontaktform .textarea {
    width:300px;
    height:100px;
    border-top:0px solid #387ca1;
    font-weight:normal;
    color:#387ca1;
    font:.85em Verdana;
    margin:2px 0 10px;
    border-right:0px dotted #387ca1;
    border-bottom:2px dotted #387ca1;
    border-left:0px dotted #387ca1;
}
#kontaktform .submit {
    margin-top:10px;
    background-color:#fff;
    border-width:2px 0px;
    border-style:dotted;
    border-color:#387ca1;
    font-weight:bold;
    color:#387ca1;
    font:1em Verdana;
    margin:0 0 0 133px;
}
}

@media screen {
#jahresprogramm-40 h1 {
    background-color:#387ca1;
    color:#fff;
}
.wochentag {
    width:100px;
    display:inline-block;
}
.layout_upcoming.last {
    margin:0;
    padding:0 0 30px;
    border-bottom:3px dotted #d9f54c;
    line-height:2;
}
.layout_upcoming.event {
    line-height:2;
}
.mod_article .block h1 {
    width:300px;
}
.mod_eventlist .endtime {
    margin-right:20px;
    margin-bottom:10px;
}
.mod_eventlist .starttime {
    margin-bottom:10px;
    margin-left:20px;
}
.mod_eventlist .date {
    margin-bottom:10px;
    margin-left:5px;
}
.mod_eventlist .info {
    display:none;
}
#footer .beba .inside a,
#footer .inside a:link,
#footer .inside a:visited {
    padding-bottom:20px;
    text-decoration:none;
    color:#387ca1;
    text-transform:uppercase;
    letter-spacing:1px;
    font:0.9em 'Cabin Sketch';
}
.ce_slideshow2 {
    margin-bottom:50px;
    padding-bottom:20px;
    border-top:0px dotted #d9f54c;
    border-spacing:10px;
    border-right:0px dotted #d9f54c;
    border-bottom:3px dotted #d9f54c;
    border-left:0px dotted #d9f54c;
}
#main a,
#main a:link,
#main a:visited,
#main a:hover {
    border-bottom:2px dotted #d9f54c;
    font-weight:bold;
    text-decoration:none;
    color:#387ca1;
}
.wolke {
    top:2em;
    position:relative;
}
.ce_gallery {
    border-bottom:4px dotted #d9f54c;
    border-spacing:10px;
    margin:0 0 50px;
    padding:0 0 20px;
}
#mbTitle {
    display:inline-block;
    padding-top:5px;
    line-height:50%;
    font-weight:bold;
    color:#13466a;
    font:1.3em 'Cabin Sketch';
}
#mbCaption {
    display:inline-block;
    padding-top:5px;
    line-height:50%;
    font-weight:bold;
    color:#403f55;
    font:1.3em 'cabin-sketch-regular';
}


#cboxCurrent {
	display:none !important;
}


#jahresprogramm .header {
    display:none;
}
#jahresprogramm .time {
    font-weight:bold;
    color:#9a9d9f;
}
#jahresprogramm h2 {
    width:80%;
    background-color:#387CA1;
    font-weight:normal;
    color:#fff;
}
#jahresprogramm h2 a:link {
    width:320px;
    background-color:#387CA1;
    font-weight:normal;
    color:#fff;
}
}

/**
responsive
 */

#navmobile {
	display: none;
}

#navmobil {
	z-index:4000 !important;
}


/* max. 1280 px breit */
@media only screen and (max-width: 1280px) {

#header .logo {
	margin-top:10px;
}

#main .inside {
	margin-top:0px !important;
}

}

/* max. 967 px breit */
@media only screen and (max-width: 967px) {

#wrapper {
	width:100%;
	margin:0;
	border:1px solid #fff;
}

#container {
	padding:0 10px;
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}

#left {
	display:none;
}

#main {
	float:none;
}

#main .inside {
	max-width:100% !important;
	width:100% !important;
	margin-top:0px !important;
}

#header {
	height:280px;
}

#header .logo {
	left:0 !important;
	margin:60px auto 0 auto;
	width:100%;
	text-align:center;
}

#header .logo img{
	text-align:center !important;
	display:block;
	width:70%;
	height:auto;
	margin:0 auto;
}

/* Mobile Navigation */

/*
#navmobile {
	display: block;
	margin:0 auto;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#d9f54c;
}

#navmobile a {
	display: block;
	color:#403f55;
	text-decoration:none;
	text-transform:uppercase;
	font-size:40px;
	font-family: 'Cabin Sketch', verdana, sans-serif;
	font-weight:300;
}
*/

/* mobiles Menue */
.mod_mobile_menu {
	/* position: absolute;
	top: 0;
	right: 0; */
	text-align: center;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	color: #000;
	cursor: pointer;
	display: block;
	z-index: 20;
}

.mobile_menu_trigger {
	font-weight: 400;
	font-size: 40px;
	font-family: 'Cabin Sketch', verdana, sans-serif;
	text-transform: uppercase;
	padding: 10px;
	box-sizing: border-box;
	width: 100%;
	display: block;
	text-align:center;
	background-color: #d9f54c;
}

/* mobile menue */
.mobile_menu .inner {
	background: #fff;;
	overflow: auto;
}

/* mobile Navigation */
#mobilenav {
	padding: 10px 0 0 0;
}

#mobilenav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#mobilenav li {
	margin: 0;
	padding: 0;
	float: none;
	text-align: center;
	border-bottom:1px dotted rgba(0,0,0,0.4);
	padding: 6px 0;
}

#mobilenav li.dunkelblau span {
	color: #fff;
	font-size:30px;
}

#mobilenav li.kinderlabor span {
	color: #fff;
	font-size:30px;	
}

#mobilenav li.gruen span {
	color: #fff;
	font-size:30px;	
}

#mobilenav a {
	margin:0;
	padding: 4px 0;
	box-sizing: border-box;
	display: block;
	text-decoration: none;
	color: rgba(0,0,0,0.6);
	font-family: 'Cabin Sketch', verdana, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 26px;
}

#mobilenav strong.active {
	font-weight: 300;
	color: rgba(0,0,0,0.6);
	margin: 0;
	padding:6px 0 6px 20px;
	box-sizing: border-box;
	display: block;
	font-family: 'Cabin Sketch', verdana, sans-serif;
	font-size: 26px;
	background-color: rgba(0,0,0,0.16);
}

#mobilenav li.active::after {
  content: '';
  margin-left: 0;
}

#mobilenav a:focus, #mobilenav a:hover {
	color:#403f55;
	text-decoration: none;
}

#mainnav {
	display:none;
}

#footer {
	width:100%;
	min-height:530px;
	line-height:20px;
	text-align:center;
}

#footer .left{
	width:100%;
	vertical-align:middle !important;
	margin-right:0px !important;
	margin-left:0px !important;
}

#footer .middle{
	width:100%;
	margin-right:0px !important;
	margin-left:0px !important;
}

#footer .right {
	width:100% !important;
	text-align:center;
	margin-right:0px !important;
	margin-left:0px !important;
}

#footer .beba {
    margin-top:150px;
    background:#fff;
    width:100% !important;
    size:6px;
    padding-top:5px;
    padding-bottom:10px;
    line-height:30px;
    letter-spacing:0px;
}

#main .inside {
	margin-top:330px;
}

.rsts-slide .rsts-slide-image {
	max-width:100%;
	height:auto;
}

.w300, .w400 {
	width:100% !important;
	padding:0 10px;
	box-sizing:border-box;
}

.float_left {
	float:none;
}

.mejs-container {
	width: 100% !important;
	height: auto !important;
	padding-top: 57%;
}
.mejs-overlay, .mejs-poster {
	width: 100% !important;
	height: 100% !important;
}
.mejs-mediaelement video,
.mejs-mediaelement .me-plugin,
.mejs-mediaelement embed {
	position: absolute;
	top: 0;
        left: 0;
        right: 0;
        bottom: 0;
	width: 100% !important;
	height: 100% !important;
}

}

/* minimal 969px breit */

@media only screen and (min-width: 968px) {



#main .inside {
	margin-top:430px;
	
}


}





/* +++++++  kleiner 400px ++++++ */
@media only screen and (max-width: 400px) {

	#navmobil {
			z-index:4000 !important;
	}

#header {
	z-index:10;
	height:190px;
}

#main .inside {
	margin-top:220px;
}

.oeffnungszeitenfloat {
	width:40% !important;
}

.rsts-skin-default .rsts-nav {
	display:none !important;
}

}


/* Kontaktformular kleiner 600px */

@media only screen and (max-width: 600px) {

#main {
    font-size: 15px !important;
}

#kontaktform label {
    width:100% !important;;
    letter-spacing:0.2px;
}

#kontaktform select {
    color:#313133;
    letter-spacing:0.2px;
    font-family:Verdana,sans-serif;
    font-weight:300;
    border:0px;
    margin-bottom:10px;
    width:100% !important;;
    }

#kontaktform .text {
    font-family:Verdana,sans-serif;
    font-weight:300;
    border:0px;
    color:#313133;
    margin-top:5px;
    margin-bottom:5px;
    width:100% !important;;
    }

#kontaktform .textarea {
    color:#313133;
    font-family:Verdana,sans-serif;
    font-weight:300;
    border:0px;
    margin-top:10px;
    margin-bottom:10px;
        width:100% !important;;
}

#kontaktform .captcha {
    color:#313133;
    font-family:Verdana,sans-serif;
    font-weight:300;
    border:0px;
  margin:0 !important;
    width:100% !important;
    }

#kontaktform .captcha_text {
    font:14px Verdana, Arial, sans-serif;
}

#kontaktform .submit {
    font-family:Roboto,Verdana,sans-serif;
    font-weight:300;
    color:#fff;
    background:#313133;
    border:none;
    margin:20px 0 !important;;
    padding:5px;
    text-transform:uppercase;
    cursor:pointer;
}

.oeffnungszeitenfloat, .oeffnungszeitennonfloat {
	width:42% !important;
}


.layout_upcoming.event {
	margin-bottom: 30px;
}


}

/* Natel landscape */
@media only screen and (orientation : landscape){

#header {position: inherit !important;}
#main .inside {margin-top:50px;}


.layout_upcoming.event {
	margin-bottom: 15px;
}

}

/* cabin-sketch-regular - latin */
@font-face {
  font-family: 'Cabin Sketch';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/cabin-sketch-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cabin Sketch Regular'), local('CabinSketch-Regular'),
       url('../../files/fonts/cabin-sketch-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/fonts/cabin-sketch-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/fonts/cabin-sketch-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/fonts/cabin-sketch-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/fonts/cabin-sketch-v11-latin-regular.svg#CabinSketch') format('svg'); /* Legacy iOS */
}