/* Mobile */

body {
	position: relative;	
}

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

.dtonly {
    display: none;
}

.mob {
    display: block;
}

.header .logo img {
	width: auto;
	max-width:100%;	
	max-height:35px;
}

.news .page-navigation ul  li {
    margin: 0px 0 0 2% !important;
}

.icons a {
    padding: 0 !important;
	
}

.searchicon {
    background: url(../img/search.png) no-repeat;
    background-size: contain;
    background-position: right;
    width: 15.66%;
    /*background-position: center !important;*/
	margin-left: 0% !important; 
}

.searchicon.active {
    background: url(../img/search_a.png) no-repeat;
    background-size: contain;
    background-position: right;
}

.tel {
    background: url(../img/tel.png) no-repeat;
    background-size: contain;
    background-position: right;
    width: 15.66%;
    /*background-position: center !important;*/
}

.tel.active {
    background: url(../img/tel_a.png) no-repeat;
    background-size: contain;
    background-position: right;
}

.mail {
    width: 17.66% !important;
    background-position: center !important;
}

.foto {
    width: 19.66% !important;
    background-position: center !important;
}

.video {
    width: 15.66% !important;
    background-position: left !important;
}

.header .navitop li {
    float: none;
}

.navitopmob li {
    list-style: none;
	
}

.navimobile .nav2 > li{
    padding: 20px 20px 14px 0;
    cursor: pointer;
    background-image: url(../img/nav.png);
    background-position: right 20px top 23px;
    background-repeat: no-repeat;
    margin-bottom: 6px;
}


.navimobile .nav2 > li.active{
    background-image: url(../img/nav-active.png);
    background-position: right 20px top 23px;
}

.navitopmob .nav2 > li , .unavi3 li{
	    margin: 5px 0 5px 0;
    padding: 11px 0 0 0;
 }
 
 .unavi3 li {
    border-top: 1px #f9f7f3 solid;
}

.unavi4 li {
    border-top: 1px red solid;
}
 
.navitopmob {
    position:fixed;
    top: 97px;
    background:#f8edb7;
    width: 96% !important;
    z-index: 100;
    padding: 13px 2%;
    visibility: hidden;
    height: 0;
    transition: all 0s linear;
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    opacity: 0;
}

.navitopmob.active {
    visibility: visible;
    min-height:75%;
	overflow:scroll;
    opacity: 1;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}

.navitopmob .active > a {
    color: #ff0000;
}

/*.nav2 > .active > a {
    background-image: url(../img/ora/arrow_nav.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-bottom: 10px;
}
*/
.nav1, .nav2, .unavi3, .unavi4, .unavi5 {
    display: none;
}

.nav1 {
    border-bottom: 1px #828282 solid;
    padding-bottom: 11px;
    margin-bottom: 17px;
}

.nav1 li > a {
    font-size: 1.667em;
    line-height: 40px;
}

.nav2 a {
    font-family: 'Crimson Text', serif;
    font-weight: 700;
}

.nav2 > li > a {
    font-size: 1.667em;
    line-height: 35px;
}


.navimobile .nav2 > li > a {
	display: block;
}

.nav2 li.active .unavi3, .unavi3 li.active .unavi4, .unavi4 li.active .unavi5, .navitopmob.active .nav1, .navitopmob.active .nav2 {
    display: block;
}

.unavi3 > li > a {
    font-size: 1.333em;
    line-height: 25px;
}

.unavi3 {
    padding-top: 20px;
}

.unavi4 {
    padding: 3px 3.6% 13px 3.6%;
}

.unavi4 > li > a {
    font-size: 1.133em;
    line-height: 25px;
    font-family: 'AvenirLTStd-Light';
}

.unavi5 {
    padding: 3px 3.6% 0 3.6%;
}

.unavi5 li a {
    font-size: 1em;
    line-height: 20px;
    font-family: 'AvenirLTStd-Light';
}

.icons {
    float: none;
    width: 96%;
    padding: 23px 2% 0 2%;
    padding-top: 10px;
	background: #f8edb7;
	height:41px;
}

.contenthome {
    padding-top: 48px;
}

.language {
    padding-top: 16px;
    padding-left: 13px;
	width: 10%;
}



.servicenaviwrapper {
	display: none;	
}

.navleft, .navright {
    display: none;
}

.shop {
    width: 15.66% !important;
    background-position: right !important;
}

.header {
    height: 48px;
    z-index: 6;
    position: fixed;
}

.service {
    z-index: 5;
    position: relative;
    background: #f9f7f3;
	height:50px;
}

.header .logo {
    padding-top:7px !important;
    width: 50%;
    padding-left: 2%;
	float: none;
}

.navbutton {
    background: url(../img/navi.png) no-repeat;
    background-size: contain;
    background-position: right;
    position: absolute;
    width: 37%;
    background-position: right;
    right: 2%;
    top: 14px;
    height: 19px;
}

.navbutton.active {
    background: url(../img/navi_a.png) no-repeat;
    background-size: contain;
    background-position: right;
}

.search {
    position: absolute;
    top: 67px;
    z-index: 1000;
    width: 100%;
    background: #fff;
    display: none;
}

 .search form {
	margin-top:18px !important;		
}

.search.active {
    display: block;
	width: 99%;
    top: 33px;
}

.suche {
	background: #fff;
	border: none;	
}

.overlay.active {
    position:fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .8);
    z-index: 4;
}

.subnav {
    display: none;
}

.content.right {
    float: none;
    width: 100%;
	clear: both;
}

.content.middle {
    float: none;
    width: 100%;
	margin:0;
    background: #fff;
}

#mc_embed_signup {
	margin: 39px 0 1em 0;	
}

.navitop {
    display: none;
}

#title > div:first-child {
    min-height: auto;
    height: auto;
	
}

#title {
    padding:0px 2% 25px 2%;
}

#title h1 {
    min-height: auto;
	font-size:60px;
    padding-bottom:25px; 
}
#title img, iframe {
	max-width: 100%;
	height:auto;
}	

.map iframe  {
	height:300px;
}

.imagelightbox-arrow {
	display: none !important;	
}

.servicenavi {
	width:100%;
	float: none;
	padding-top:0px;
}

.unterseite .service {
	height:60px;
	
}

#imagelightbox-overlay {
    top: 47px;
}


.imagelightbox-arrow-right {
    right: 0;
}

#imagelightbox-close {
    top: 62px;
}
	

.servicenavi .servicenavi {
	width:100%;
	float: none;
	padding: 0 0 15px 0;
	margin-bottom:15px;	
	border-bottom: 1px black solid;
	text-align:left;
}

.servicenavi li {
    padding: 13px 0%;
	float: none;	
	display: block;
}

.servicenavi a:hover, .servicenavi .active a {
	 background-position: left top 1px;	
}

.navimobile {
	clear: both;	
}

#wrapper {
	padding-top:48px;
	position:relative;	
	padding-bottom:30px;
}

#page355 #wrapper {
	padding-bottom:0px;
}

#title p {
	text-indent:inherit;	
}

.boxgrau {
	margin: 0 0 8px 0;
	width: 96%;
	padding: 24px 2% 15px 2%;
	float: none;
}	

.boxgrau table {
	overflow-x: auto;
	display: table;
	width:100%;
}
.boxgrau tbody, .boxgrau tr {
	width:100%;
}
	
.aufklapper {
	margin: 0 0 18px 0;	
	
}
.aufklapper .klapptitel {
	width:calc(100% - 52px);
}

.aufklapper .boxgrau {
	margin-left: 0px;
	padding: 7px 2% 15px 2%;
}

.boxgrau td {

	padding-right:3% !important;	
}
.csc-sitemap{
	margin: 0 0 8px 0;
	width: 96%;
	padding: 24px 2% 15px 2%;
}
#title .csc-sitemap ul {
	width:100%;
}
#title .csc-sitemap ul ul {
    float:left;
	padding-top:15px;
	width:95%;
	padding-left:5%;
	clear: both;
}
#title .csc-sitemap ul ul ul {
	width:95%;
	padding-top:0;
}
#title .csc-sitemap ul ul ul li {
	padding-bottom:0;
	padding-top:15px;
}

.eingerueckt {
    padding-left: 0;
}

.top {
    width: 30px;
    height: 18px;
    position: absolute;
    right: 3%;
    bottom: 10px;
	background: url(../img/top.png);
	background-size:contain;
}


#title ul {
	padding-right:0;	
	clear: both;
	padding-bottom:10px;
}

#title li {
	padding: 0px 0px 0px 0;
	background-position: 15px 9px;
}

.csc-textpic-text .bilduntertitel {
	padding-left:0;
	padding-right:0;
}

h1 {
	word-wrap:break-word;
	-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 	
}

.quarter {
	width:27%;
}

.klapptitel h4 {
    line-height:1.3em;
}
.content h2 {
	padding-left:0;
	line-height:1.3em;
}

#mc_embed_signup label {
    width: 60%;
}

.unavi5 {
	padding-bottom:10px;	
}

a.gallery {
    display: inline-block;
    float: left;
    width: 43%;
	height:85px;
	overflow:hidden;
	margin-bottom:20px;
    margin-right: 2%;
	border: 8px #eceae5 solid;
}

a.gallery.film {
	height:85px;
	margin-bottom:20px;
}
a.gallery img {
    border:none;
	width:100%;
}

a.gallery.film img {
	max-height: inherit;
}

.gallery .mittelbild {
	margin-bottom:0px;
}	

a.gallery.outer {
     margin-right: 2%;
}

a.gallery.odd {
	margin-right: 0%;	
}


/* Home Navi */

.contentstart .-pattern  .navleft {
    width: 207%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .8);
    position: relative;
    top: 0px;
    z-index: 100;
    overflow: scroll;
	right:207%;
	visibility:visible !important;
	display: block !important;
	 -webkit-transition: right 0.5s;
  	-moz-transition: right 0.5s;
  	transition: right 0.5s;
}

.contentstart .-left.open .-pattern .navleft {
	right:0%;
}

.contentstart .navleft .nav2{
    padding-top: 61.9998px;
    display: block;
	width: 100%;
	padding-left: 0%;
	padding-top: 1px !important;
}

.contentstart .nav2 li:first-child {
	border-top: none;	
}

.-left .close {
	right:100%;
	-webkit-transition: right 0.5s;
  	-moz-transition: right 0.5s;
  	transition: right 0.5s;
}


.-left.open .close {
	 right: -98%;
}


.contentstart .-pattern  .navright {
    width: 207%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .8);
    position: relative;
    top: 0px;
    z-index: 100;
    overflow: scroll;
	left:100%;
	visibility:visible !important;
	display: block !important;
	 -webkit-transition: left 0.5s;
  	-moz-transition: left 0.5s;
  	transition: left 0.5s;
}



.contentstart .-right.open .-pattern .navright {
	left:-103%;
}

.contentstart .navright .nav2{
    padding-top: 61.9998px;
    display: block;
	width: 100%;
	padding-left: 0%;
	padding-top: 1px !important;
}

.-pattern ul li {
	padding-top:2px;
    padding-left: 20px;
}

.-right .close {
	right:-104%;
	-webkit-transition: right 0.5s;
  	-moz-transition: right 0.5s;
  	transition: right 0.5s;
}


.-right.open .close {
	 right: 6%;
}

.contenthome .close {
	position: absolute;
    height: 30px;
    width: 30px;
	z-index: 105;
    top: 18px;
	right:10px;
	background: url(../img/close_navi.png) no-repeat #fff;
    overflow: hidden;
	background-size:cover;
	opacity:0;
	-webkit-transition: opacity 0.8s;
  	-moz-transition: opacity 0.8s;
  	transition: opacity 0.8s;
}

.contenthome .close.open {
	opacity:1;	
}

.contentstart {
	width:100%;
	overflow:hidden;	
}

/*.klapptitel h4:after {
    bottom: 12px;
}*/
.offen .klapptitel h4:after {
    bottom: 7px !important;
}
.item p {
    text-align:center;
}

 .icons a {
		margin-left: 0;
	}

	.shop {
		margin-left:1% !important;
	}
	.tel {
		margin-left:1% !important;
	}
	
	.icons .contact {
		width: 15.2% !important;

	}
	



#page355 footer {
	display: block !important;	
}

.-pattern ul li a {
	line-height:inherit !important;	
	    font-weight: normal;
		font-size:1.2em;
}


#page355 .top {
    bottom: 90px;
}

.content.right {
    padding-bottom: 30px;
}


#page355 .content.right {
    padding-bottom: 88px;
}


.vorschaubild a img {
    border: none !important;
    max-height: 180px !important;
    max-width: inherit !important;
	width: auto;
}

.vorschaubild a {
    width: 100% !important;
    margin: 0;
    height: auto !important;
    border: none !important;
}

.welcome {
    width:80%;
    left:4%;
    min-height: 1050px;
}

.welcome .kinder{
    width:100%;
    margin-bottom: 50px;
}

.welcome .eltern{
    width:100%;
}

@media (min-width: 460px) {	
	.icons a, .shop {
		height:30px !important;	
	}
	
	.navitopmob.active {
		min-height:93%;	
	}
}	
	

@media (max-width: 460px) {
   .icons a {
    background-size: 36px !important;
    height: 30px !important;
	width: 14.95% !important;
    margin: 0 !important;
}
.language {
	padding-top: 18px;
    width: 16%;
}

.icons .shop, .icons .searchicon , .icons .tel {
    background-size: 30px !important;
}
   
/*	.icons .contact {
		width: 15.2% !important;
		background-size: 75% !important;
	}*/

    .search {
        top: 42px !important;
    }
	
	.search form {
		margin-top:-1px !important;		
	}
	
	.-right.open .close {
		right:1%;	
		top: 2px;
	}
	
	.contentstart .-right.open .-pattern .navright {
		left: -107%;
	}
	
	.-left.open .close {
    	right: -105%;
		top: 2px;
	}
	.-pattern ul li {
		padding-top: 4px;
		padding-left: 20px;
	}

}


@media (max-width: 920px) and (min-width: 600px) {
	.content.right .item {
		padding:3%;
		margin:0 5px 5px 0;
		width: calc(44% - 2.5px);
		float: left;
	}
	.content.right .item.odd {
		margin:0 0 5px 0;
	}
	

 a.gallery img {
    max-width: 100% !important;
    height: auto;
    width: auto;
    border: 10px #eceae5 solid;
    max-height: 130px !important;
}

a.gallery {
    display: inline-block;
    float: left;
    width: 49%;
    margin-right: 2%;
	border: none;
}


.vorschaubild a img {
    border: none !important;
    max-height: 180px !important;
    max-width: inherit !important;
}

.vorschaubild a {
    width: 100%;
    margin: 0;
}


a.gallery.film {
    height: auto;
    margin-bottom: 20px;
}

a.gallery {
	height: auto;	
}
  
  .imagelightbox-arrow {
		display: block !important;  
  }
}
@media (max-width: 920px) {
footer {
    height: 60px;
    padding-top: 10px;
}
}

@media (max-width: 482px) {
	
.textbox, .vorschaubild {
	float: left;
	margin-bottom:20px;	
	height: 120px;
    width: 120px;
}
#imagelightbox {
	margin-left:-15px;	
}

.gallerybox {
	width:300px;	
}
	
footer {
  font-size:10px;
}

footer span {
    line-height: 20px;
}

footer {
    height: 65px;
    padding-top: 5px;
}
footer span {
    line-height: 20px;
    padding-right: 5px;
    padding-left: 5px !important;
}
}
@media (min-width: 620px) {
.welcome {
	min-height:980px;
}
.welcome .foot {
    width: 87%;
    left: 0;
}
footer {
    display: block;
}
.footerwrapper span {
	padding-right:5px !important;
	padding-left:5px !important;
}
.content.right .item {
    width: calc(27% - 2.5px);
}
}

.infobuttonstart {
	display: none !important;
    right: inherit;
    top: 77px;
    height: 280px;
    width: 280px;
    left: 0;
}

.infobutton {
	width:90% !important;
	left:5% !important;	
}

.zertifikathome > div > div {
    position: absolute !important;
    right: 10px !important;
    bottom: 20px !important;
    z-index: 200 !important;
}








#page872 .news.news-single .article .news-img-wrap {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#page872 .news.news-single .article .news-text-wrap {
    clear: both;
}



.header > .headercontent > .language {
    display: none;
}

.navitopmob > .language {
    width: 100%;
    padding-left: 0;
    border-top: 1px solid black;
    margin-top: 20px;
    padding-bottom: 40px;
}

.newsgalerie .image-wrapper {
    width: 48%;
}

@media (min-width: 767px) {
    .newsgalerie .image-wrapper {
        
        width: 31%;
    }
}