/*

 * 1.0 - Reset
 * 2.0 - Allgemein
 * 3.0 - Kurzklassen
 * 4.0 - Grundlayout
 *   4.1 - Header
 *   4.2 - Conent
 *   4.3 - Footer
 * 5.0 - Menüs
 * 6.0 - Inhalte
 *   6.1 - Kontakt
 *   6.2 - News
 *   6.3 - Slider
 *   6.4 - Notdienst
 * 7.0 - Media Queries
 * 8.0 - Print

*/

/* 1.0 - Reset */

	*{
		margin: 0;
		padding: 0;
		outline: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}
	
	html {
		font-size: 100%;
		overflow-y: scroll;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
	
	.w80 {
    width: 90px;
    display: inline-block;
}

.infos {
    background-color: #4ba9a7;
    color: #fff;
    padding: 20px;
    display: inline-block;
    width: 100%;
    font-weight: normal;
}

.infos a {
    color: #fff;
}

		#fb img{
			margin-top: 5px;
		}
	
		#popupnachricht{
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		top: 50px;
		z-index: 999999999;
		overflow-y: scroll;
		margin-left: 10%;
		margin-right: 10%;
		height: fit-content;
	}
	
	#popupstelle{
		margin:0 auto;
		background:#fff;
		padding:20px;

	}
	
	#popupclose{
		font-size:60px;
		color:#ccc;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		position:absolute;
		top:10px;
		right:10px;
		cursor:pointer;
	}	
	
	.greenstar{
		color: #4ba9a7;
	}
	
	body{
		font-size:18px;
		line-height:2em;
		color:#000;
	}
	
	body,textarea{
		font-family: 'Nunito Sans', verdana,  sans-serif;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		clear: both;
		line-height: 1.3em;
	}
	
	h1{
		text-align:center;
		color:#060709;
		margin-bottom:20px;
		font-size:32px;
		margin-top: 20px;
	}
	

	h2{
		margin:40px 0;
	}
	
	a{
		text-decoration:none;
		font-weight:700;
		color:#4ba9a7;
	}
	
	img{
		border:0px;
		max-width:100%;
	}
	
	
	ul {
		padding: 0 0 0 40px;
	}
	
	.auflistung li{
	padding-left:20px;
	list-style-type:none;
    margin-left: 20px 0 26px 0; 
    background-image:url('icon.png');
    background-repeat:no-repeat;
    background-position:left 13px;
} 

.auflistung {
	padding:0;
} 

button {
    font-family: 'Nunito Sans', verdana, sans-serif;
    font-weight: 600;
}

 	.accordion {
		background-color: #fff;
		color: #000;
		cursor: pointer;
		padding: 18px;
		width: 100%;
		border: 1px solid #4ba9a7;
		text-align: left;
		outline: none;
		font-size: 18px;
		transition: 0.4s;
		margin-top: 10px;
	}

	.active, .accordion:hover {
		background-color: rgb(91 169 166 / 20%);
	}

	.accordion:after {
		content: '\002B';
		color: #777;
		font-weight: bold;
		float: right;
		margin-left: 5px;
	}

	.active:after {
		content: "\2212";
	}

	.panel {
		padding: 0 18px;
		background-color: white;
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.2s ease-out;
	}  
	
	}
	
	iframe{
		border:0px;
	}

/* 2.0 - Allgemein */
	
	.pos, .wrap{
		position:relative;
		overflow: hidden;
	}
	
	.pos{
		width:100%;	
	}
	
	.wrap{
		width:1200px;
		margin: 0 auto;
	}

	.spalte, .spalte2, .spalte3, .spalte23, .spalte4{
		width:96%;
		margin: 0 2% 40px 2%;
		float:left;
	
	}
	
	.spalte2{
		width:46%;
	}
	
	.spalte3{
		width:29%;
	}

	.spalte23{
		width:63%;
	}
	
	.spalte4{
		width:20%;
	}
	

	
		.spalte li::before, .spalte2 li::before, .spalte23 li::before, .spalte3 li::before{

			content: "";
			background-color: #4ba9a7;
			border-radius: 4px;
			display: block;
			height: 4px;
			left: -15px;
			position: relative;
			top: 20px;
			width: 4px;

		}
	
		.spalte2 ul, .spalte ul, .spalte23 ul, .spalte3 ul {
			list-style-type: none;
			padding-left: 20px;
		}
	
	.readtxt{
		font-size:16px;
		line-height:1.8em;
	}
	
	[class*="openclose_"]:not(.openclose_mobil){
		height:0;
		overflow:hidden;
	}
	
	.kasten,
	.plus{
		background: rgba(34,109,148, 0);
		border: 1px solid #4ba9a7;
		cursor: pointer;
		display: block;
		padding: 0 30px;
		position: relative;
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-ms-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
		margin-bottom:20px;
	}
	
	.kasten{
		cursor:default;
	}
	
	.kasten.klickopen, .kasten:hover,
	.plus.klickopen, .plus:hover {
		background: rgb(91 169 166 / 20%);
	}
	
	.plus:after {
		content: "+";
		display: block;
		font-size: 24px;
		height: 20px;
		position: absolute;
		right: 10px;
		top: 0;
		width: 20px;
	}
	
	.plus.klickopen:after {
		content: "-";
		font-size: 30px;
		top: -3px;
	}
	
	.klickbtn{
		cursor:pointer;
	}
	
/* 3.0 - Kurzklassen */	
	
	.c{ text-align:center;}
	.r{ text-align:right;}
	.bl{position:relative;float:left;margin:0 10px 5px 0;}
	.br{position:relative;float:right;margin:0 0 5px 10px;}
	.nb{white-space:nowrap}
	.show1240, .show980, .show780, .show480{display:none;}
	.color{color:#4ba9a7;}
	.color2{color: #4ba9a7;}
	.bcolor{background:#4ba9a7;}
	.bcolorw{background:#fff;}
	.colorw{color:#fff;}
	.clear{clear:both;}
	.list li{margin-bottom:20px;}
	.w80{width:80px;display:inline-block;}
	.w100{width:100px;display:inline-block;}
	.w200{width:200px;display:inline-block;}
	.flr{float:right;}
	.mb40{margin-bottom:40px;}
	
/* 4.0 - Grundlayout */	

	
	
/* 4.1 - Header */

	#header{
		padding-bottom:58px;
	}
	
	#logo{
		width:400px;
		padding:15px;
	}
	
	#logo span{
		color:#a9a9a9;
		font-family: 'Open Sans', sans-serif;
		font-size:18px;
		display:inline-block;
		margin-bottom:10px;
	}
	
	#kontaktdaten,
	#oeffnungszeiten{
		display:none;
	}
	

	#kontaktdaten a{
		color:#fff;
	}
	
	#telefonbox{
		color:#a9a9a9;
		font-family: 'Open Sans', sans-serif;
		font-size:15px;
	}
	
	#telefonbox,
	#logoimg {
		display: none;
	}

	#navi.smallheader ~ #telefonbox,
	#navi.smallheader ~ #slide_home_2 #logoimg {
		display: none;
		left: 15px;
		position: fixed;
		top: 0px;
		width: 320px;
		z-index: 1000;
		background:#fff;
		padding:7px 7px;
		box-shadow: 0 0 16px #4b4b4b;
	}
	
	#navi.smallheader ~ #telefonbox {
		top:118px;
		box-shadow: 0 8px 8px #4b4b4b;
	}
	
	#slide_home_2{
		cursor:pointer;
	}

.slick-slide img {
    height: 705px !important;
}

/* 4.2 - Conent */
	
	.balken{
		border-bottom:1px solid #ddd;
		display:block;
		width:100%;
		position:relative;
		float:left;
	}

/* 4.3 - Footer */

	#footer{
		padding:20px 10px;
	}

	#footer a{
		color:#fff;
		cursor:pointer;
	}

/* 5.0 - Menüs */

	#navi{
		list-style:none;
		position:absolute;
		bottom:0;
		left:0;
		z-index:9998;
		background:#4ba9a7;
		padding:0;
		left:0;
		right:0;
		margin:0 auto;
		-webkit-transition: width 1s ease-out;
		-moz-transition: width 1s ease-out;
		-ms-transition: width 1s ease-out;
		-o-transition: width 1s ease-out;
		transition: width 1s ease-out;
	}

	#navi.smallheader{
		width:100%;
		background:#ecebec;
		position:fixed;
		left:-100%;
		right:99.3%;
		top:0;
	}

	#navi li{
		display:inline-block;
	}
	
	#navi.smallheader li{
		display:block;
		text-align:center;
	}

	#navi li a {
		padding: 11px 25px;
		display: block;
		font-size: 20px;
	}
	
	#navi.smallheader li a {
		display: block;
		padding: 11px 8px;
		color:#4ba9a7;
	}

	#navi a {
		color:#fff;
	}

	#navi a.on {
		
	}
	
	.activebtn{
		background:#4ba9a7;
	}
	
	#navi.smallheader li.activebtn a{
		color:#fff;
	}
	
	[id*="rechtssicherheit_"].klickopen{
		text-decoration:underline;
	}
	
	#smartnavi {
		position: fixed;
		top:-80px;
		left: 0px;
		width: 80px;
		height: 70px;
		z-index: 9999;
		background:#4ba9a7;
		text-align:center;
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}
	
	#smartnavi.showsmart {
		top:0px;
	}
	
	#mobil_navi{
		position:relative;
		display: inline-block;
		width:30px;
		height:30px;
		margin-top:20px;
	}
	
	#header.openmenu #smartnavi{
		left:0px;
	}
	
	#mobil_navi span {
		display: block;
		height: 6px;
		width: 30px;
		position: absolute;
		left: 0;
		-webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}
	
	.line1 {
		top: 0;
	}
	
	.line2, .line3 {
		top: 11px;
	}
	
	.line4 {
		top: 22px;
	}
	
	#mobil_navi.klickopen .line3, #mobil_navi.klickopen .line4 {
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	
	#mobil_navi.klickopen .line1, #mobil_navi.klickopen .line2 {
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	
	#mobil_navi.klickopen .line1, #mobil_navi.klickopen .line4 {
		opacity: 0;
	}
	
	#oeffnungszeiten.shownavigation,
	#kontaktdaten.shownavigation,
	#navi.shownavigation{
		left:0;
		right:0;
	}
	
	#oeffnungszeiten.shownavigation2,
	#kontaktdaten.shownavigation2,
	#navi.shownavigation2,
	#oeffnungszeiten.shownavigation,
	#kontaktdaten.shownavigation,
	#navi.shownavigation{
		-webkit-transition: all 1s ease-out;
		-moz-transition: all 1s ease-out;
		-ms-transition: all 1s ease-out;
		-o-transition: all 1s ease-out;
		transition: all 1s ease-out;
	}
	
	#navi .shownavli{
		display:none;
	}
	
	#navi.shownavigation .shownavli{
		display:block;
	}

/* 6.0 - Inhalte */
	
	#lageplan{
		position:relative;
		width:100%;
		height:450px;
		border:0;
	}
	
	#home{
		padding:0;
	}
	
	#startslider{
		margin-bottom:0;
	}
	
	.leistung{
		background:#4ba9a7;
		-webkit-border-radius:5px;
		border-radius:5px;
		height:225px;
		opacity:1;
		-webkit-transition: opacity 1s ease-out, height 1s ease-out, width 1s ease-out, margin-bottom .5s ease-out;
		-moz-transition: opacity 1s ease-out, height 1s ease-out, width 1s ease-out, margin-bottom .5s ease-out;
		-ms-transition: opacity 1s ease-out, height 1s ease-out, width 1s ease-out, margin-bottom .5s ease-out;
		-o-transition: opacity 1s ease-out, height 1s ease-out, width 1s ease-out, margin-bottom .5s ease-out;
		transition: opacity 1s ease-out, height 1s ease-out, width 1s ease-out, margin-bottom .5s ease-out;
		vertical-align:top;
	}
	
	.leistung.klickopen{
		width:530px;
		height:396px;
		font-size:0;
		-webkit-transition: height 1s ease-out 2s, width 1s ease-out 2s, margin-bottom .5s ease-out 1s;
		-moz-transition: height 1s ease-out 2s, width 1s ease-out 2s, margin-bottom .5s ease-out 1s;
		-ms-transition: height 1s ease-out 2s, width 1s ease-out 2s, margin-bottom .5s ease-out 1s;
		-o-transition: height 1s ease-out 2s, width 1s ease-out 2s, margin-bottom .5s ease-out 1s;
		transition: height 1s ease-out 2s, width 1s ease-out 2s, margin-bottom .5s ease-out 1s;
		margin-bottom:0;
	}
	
	.leistung img{
		padding:5px;
	}
	
	.minimize{
		opacity:0;
		-webkit-transition: opacity 1s ease-out;
		-moz-transition: opacity 1s ease-out;
		-ms-transition: opacity 1s ease-out;
		-o-transition: opacity 1s ease-out;
		transition: opacity 1s ease-out;
		font-size:0;
	}
	
	.hiding{
		display:none;
	}
	

	
	#praxis.bgcolor {
		background-image: url(../bilder/header-2.jpg);
		height: 600px;
		background-position: center bottom;
		background-size: cover;
	}	
	
	#team.bgcolor {
		background-image: url(../bilder/header-3.jpg);
		height: 600px;
		background-position: center bottom;
		background-size: cover;
	}		
	
	#physio.bgcolor {
		background-image: url(../bilder/header-4.jpg);
		height: 600px;
		background-position: center bottom;
		background-size: cover;
	}	
	
	#implantologiebilder img{
		width:200px;
	}
	
	.zurueckschwerpunkte{
		padding:10px;
		display:inline-block;
		background:#4ba9a7;
		color:#fff;
	}
	
	#schwerpunkteschließen{
		position:absolute;
		right:0;
		top:22px;
		cursor:pointer;
		display:none;
	}
	
	
/* 6.1 - Kontakt */

	.form, .nachricht, .btn, .formtext{
		position:relative;
		float:left;
		color:#000;
		font-size:16px;
	}
	
	.form, .nachricht, .btn{
		border-radius:6px;
		background:#fff;
		padding:5px 1%;
		margin-bottom:10px;
		border: 2px solid #4ba9a7;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

	.btn{
		color: #4ba9a7;
		font-weight:700;
		margin: 30px 0 0 0;
		cursor:pointer;
		border: 2px solid #4ba9a7;
		clear:both;
		float: left;
	}

	.form{
		width:100%;
	}

	.formtext{
		width:47%;
	}

	.formtext.margr{
		margin-right:1%;
	}

	.nachricht{
		float:left;
		height:150px;
		width:100%;
	}

	.gruen{
		color:#74823d;
	}

	.rot{
		color:#900;
	}

	.info{
		margin-bottom:20px;
		margin-right:15px;
	}

	#karte {
		background-image: url(karte.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 350px;
		overflow: hidden;
	}
	
	.kartebg {
		background-color: rgba(255, 255, 255, 0.75);
		height:100%;
	}
	
	#karte p {
		padding: 120px 20px;
		color: #000;
		text-align: center;
	}
	
	.privacy-map {
		width: 100%;
		height: 350px;
		float: left;
		border:0;
	}
	
	#formakzeptieren{
		background:#eee;
		padding:40px 20px;
		text-align:center;
		color:#333;
	}
	
	.karte-button{
		background-color: #4ba9a7;
		color: #fff;
		padding: 3px 10px;
		display: block;
		margin: 10px auto 0 auto;
		width: 200px;
	}

/* 6.2 - News */

	

/* 6.3 - Slider */

	.slick-dots{
		bottom:0;
		background:#4ba9a7;
		padding-bottom:18px;
	}
	
	.slick-dots li button:before {
		color: #fff;
		font-family: verdana, sans-serif;
		opacity: 0.75;
		font-size:20px;
	}
	
	.slick-dots li button:hover:before,
	.slick-dots li.slick-active button:before {
		color: #fff;
		opacity: 1;
	}
	

/* 6.4 - Notdienst */

	#ApothekenNotdienstCSSWrapper{
		font-size:12px;
		position:relative;
		margin:2% 0;
		height:auto;
		width:100%;
		overflow:hidden;
		color:#333;
	}

				
	#ApothekenNotdienstCSSGoogleMapsContainer{
		position:relative;
		float:left;
		height:425px !important;
		width: 100% ;
	}



	#ApothekenNotdienstCSSTabelle{
		position: relative;
		float:left;
		width: 100%;
		height:auto ;
		overflow:hidden;
	}

	.ApothekenNotdienstCSSTabellenUeberschrift{
		overflow:hidden;
	}

	.ApothekenNotdienstCSSUeberschriftLinks{
		position: relative;
		float:left;
		width:31%;
		padding:3px 1%;
		
		
	}

	.ApothekenNotdienstCSSUeberschriftMitte{
		position: relative;
		float:left;
		width:31%;
		padding:3px 1%;
	}

	.ApothekenNotdienstCSSUeberschriftRechts{
		position: relative;
		float:left;
		width:26%;
		padding:3px 3%;
		text-align: right;
	}

	.ApothekenNotdienstCSSGrade{
		overflow:hidden;
		border-top:1px dotted #000;
	}
	
	.ApothekenNotdienstCSSVerstecken{
		display:block;
	}

	.ApothekenNotdienstCSSLinks{
		position: relative;
		float:left;
		width:31%;
		padding:4px 1%;
	}

	.ApothekenNotdienstCSSMitte{
		position: relative;
		float:left;
		width:31%;
		padding:4px 1%;
	}

	.ApothekenNotdienstCSSRechts{
		position: relative;
		float:left;
		width:31%;
		padding:4px 1%;
		text-align:right;
	}

	@media (max-width: 1050px) {
		#ApothekenNotdienstCSSGoogleMapsContainer{
			height:350px !important;
		}
		
		#ApothekenNotdienstCSSTabelle{
			font-size:16px;
			height:auto;
		}
		
		.ApothekenNotdienstCSSTabellenUeberschrift{
			display:none;
		}
		
		.ApothekenNotdienstCSSLinks{
			padding-top:10px;
			width:100%;
			text-align:center;
		}

		.ApothekenNotdienstCSSMitte{
			width:100%;
			text-align:center;
		}

		.ApothekenNotdienstCSSRechts{
			width:100%;
			text-align:center;
			padding-bottom:10px;
		}
	}


/* 7.0 - Media Queries */

	@media (min-width: 1360px) {
		#navi:not(.smallheader) {
			left:0 !Important;
		}
	}
	/* Smaller than Large Desktop / Desktop Normale Größe */
	@media (max-width: 1360px) {
		
		#logo {
			margin-bottom: 30px;
		}
		
		.hide1200{
			display:none
		}
		
		/*#navi,*/
		.wrap{
			width:940px;
		}
		
		/*#header{
			padding-bottom:0px;
		}
		
		#navi li a {
			padding:20px 27px;
		}
		
		#navi{
			width:100%;
			position:fixed;
			top:0;
			left:-100%;
			right:99%;
		}
		
		#navi li{
			display:block;
			text-align:center;
		}

		#navi li a {
			padding:20px 20px;
			display:block;
		}
		
		#navi li a {
			display: block;
			padding: 20px 8px;
			font-size:15px;
		}
		
		#smartnavi {
			left: 10px;
			top: 0px;
		}
		
		#smartnavi.showsmart {
			left: 335px;
		}*/


		#karte {
			height: 386px;
		}

		#karte p {
			padding: 90px 20px;
		}
		
		.slick-slide img{
			height:500px !important;
			margin:auto !important;
		}
	}

	/* Landscape tablet and desktop / Tablet quer und Desktop Klein */
	@media (max-width: 980px) {
		
		#popupnachricht{
			margin-left: 0%;
			margin-right: 0%;
			
		}
		
		#navi li a {
			padding: 11px 10px;
			font-size: 18px;
		}
		
		#praxis.bgcolor {
			background-image: url(../bilder/header-2.jpg);
			height: 300px;
			background-position: center center;
		}	
		
		#team.bgcolor {
			background-image: url(../bilder/header-3.jpg);
			height: 300px;
			background-position: center center;
		}		
		
		#physio.bgcolor {
			background-image: url(../bilder/header-4.jpg);
			height: 300px;
			background-position: center center;
		}	

		.show980{
			display:inline-block;
		}
		
		.hide980{
			display:none !important;
		}

		.btn{
			margin: 20px 0 35px 0;
		}
		
		.wrap{
			width:740px;
		}
		
		.spalte2, .spalte3, .spalte23, 	.spalte4{
			width:96%;
			margin-bottom:0;
		}
		
		.fb1, .fb2{
			width:96%;
			margin-bottom:0;
		}
		
		.list{
			text-align:left;
		}
		
		.gutschein {
			text-align:center;
		}
		
		#navi.smallheader ~ #logoimg {
			width: 180px;
		}
		
		.leistung {
			height: 240px;
		}
		
		#kontakt{
			background-size:280% auto;
		}
		
		#kontaktanker{
			margin-top:40px;
		}

		#header{
			padding-bottom:0px;
		}
		
		.slick-slide img{
			height:350px !important;
			margin:auto !important;
		}
		
	}
	
	@media (min-width: 781px) {
		#navi:not(.smallheader) .hidetop{
			display:none;
		}
	}

	/* Landscape phone to portrait tablet / Smartphone quer bis Tablet hoch */
	@media (max-width: 780px) {
		
				#logo {
			margin-bottom: 0px;
		}
		
		a[data-title] {
			cursor: default;
		}
		
		.hide780{
			display:none
		}
		
		.show780{
			display:inline-block;
		}
		
		.wrap{
			width:440px;
		}
		
		#smartnavi{
			z-index:999;
			position:relative;
			background:#4ba9a7;
			padding:0;
			width:100%;
			left:0;
		}
		
		#mobil_oeffnungszeiten{
			background:url(oeffnungszeiten.png) no-repeat center center;
		}
		
		#mobil_kontaktdaten{
			background:url(kontakt.png) no-repeat center center;
		}
		
		#mobil_navi,
		#mobil_oeffnungszeiten,#mobil_oeffnungszeiten2,
		#mobil_kontaktdaten{
			position:relative;
			margin: 10px 30px 0;
			display: inline-block;
			width:30px;
			height:30px;
		}
		
		#mobil_navi span {
			display: block;
			height: 6px;
			width: 30px;
			position: absolute;
			left: 0;
			-webkit-transition: all 0.5s ease-out;
			-moz-transition: all 0.5s ease-out;
			-ms-transition: all 0.5s ease-out;
			-o-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out;
		}
		
		.line1 {
			top: 0;
		}
		
		.line2, .line3 {
			top: 11px;
		}
		
		.line4 {
			top: 22px;
		}
		
		#mobil_navi.klickopen .line3, #mobil_navi.klickopen .line4 {
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			-ms-transform: rotate(-135deg);
			-o-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}
		
		#mobil_navi.klickopen .line1, #mobil_navi.klickopen .line2 {
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
			-o-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		
		#mobil_navi.klickopen .line1, #mobil_navi.klickopen .line4 {
			opacity: 0;
		}
		
		#kontaktdaten,
		#oeffnungszeiten,
		#navi{
			z-index:900;
			padding-top:100px !important;
		}
		
		#mobil_close,
		#kontaktdaten,
		#oeffnungszeiten,
		#navi{
			position:fixed;
			top:0;
			bottom:0;
			height:100% !important;
			width:90%;
			left:-100%;
			display:block;
		}
		
		#navi{
			background:#ecebec;
			overflow-y:auto;
			right:auto;
			margin:0;
		}
		
		#navi li{
			display:block;
		}
		
		#navi li a{
			display:block;
			padding:10px 20px;
		}
		
		#mobil_close{
			width:100%;
			left:-110%;
			background:rgba(0,0,0,.5);
		}
		
		.formtext {
			margin-right: 0;
			width: 100%;
		}
		
		#smartnavi.smallheader ~ #logoimg {
			display: block;
			left: 2px;
			position: fixed;
			top: 0px;
			width: 120px;
			z-index: 1000;
			background:#fff;
			padding:6px 2px;
			box-shadow: 0 0 16px #4b4b4b;
		}
		
		#smartnavi{
			height:50px;
			top:0;
		}
		
		#navi.smallheader ~ #slide_home_2 #logoimg {
			display: none;
		}
		
		.leistung{
			width:45%;
		}
		
		#ueberuns{
			background-size:230% auto;
		}
		
		#kontakt{
			background-size:300% 100%;
		}
		
		#header.openmenu #smartnavi,
		#smartnavi.showsmart{
			position:fixed;
		}
		
		#kontaktdaten,
		#oeffnungszeiten{
			background:#ecebec;
			color:#4ba9a7;
			overflow-y:auto;
			padding-left:20px;
			text-align:left;
		}
		
		#kontaktdaten a,
		#oeffnungszeiten a{
			color:#4ba9a7;
		}
		
		
		#navi li.activebtn a {
			color:#fff;
		}
		
		.slick-slide img{
			height:300px !important;
			margin:auto !important;
		}
		
		#startslider{
			height:auto !important;
		}
		
		h1{
			font-size:32px;
			margin-top: 20px;
			margin-bottom: 20px;
		}
		
		h2{
			font-size:26px;
		}
		
		.leistung.klickopen {
			height: 325px;
			width:430px;
		}
		
		#news{
			background-size:160% 100%;
		}
		
		#navi a {
			color: #4ba9a7;
		}
		
		#headlineschwerpunkte{
			margin-top:100px;
		}
		
		#ueberuns ul{
			text-align:left;
		}
		.shadowactive{
	opacity:0;
	}

	#karte {
		height: 320px;
	}

	#karte p {
		padding: 45px 20px;
	}
	
	#karte a{
		color:#d10019;
	}
	#karte .karte-button{
		color:#fff;
	}

	}

	/* Portrait phones and down / Smartphone hoch und kleiner */
	@media (max-width: 480px) {
		
		
		#karte {
			height: 460px;
		}

		
		.slick-slide img{
			height:215px !important;
			margin:auto !important;
		}
		
		
		.hide480{
			display:none
		}
		
		.show480{
			display:inline-block;
		}
		
		.wrap{
			width:300px;
		}
		
		#mobil_navi, 
		#mobil_oeffnungszeiten, #mobil_oeffnungszeiten2, 
		#mobil_kontaktdaten {
			margin: 10px 30px 0;
		}
		
		#lageplan{
			height:250px;
		}
		
		#smartnavi.smallheader ~ #logoimg {
			display: block;
			left: 0;
			margin: 0 auto;
			position: fixed;
			right: 0;
			top: 5px;
			width: 115px;
			z-index: 1000;
			padding:0;
		}
		
		#ueberuns{
			background-size:300% 100%;
		}
		
		#news{
			background-size:200% 100%;
		}
		
		.leistung {
			width: 100%;
			margin-left:0;
			margin-right:0;
			height: 280px;
		}
			
		#logo {
			width: 300px;
		}
		
		
		.leistung.klickopen {
			height: 227px;
			width:300px;
		}
		
	}


/* 8.0 - Print */