/*

 * 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.4 - Impressum
 * 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%;
	}
	
	body{
		font-size:14px;
		line-height:1.5em;
		color:#000;
		
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+55,b5d9ed+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 55%, #b1b3b4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 55%,#b1b3b4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 55%,#b1b3b4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b1b3b4',GradientType=0 ); /* IE6-9 */

	}
	
	body,textarea{
		font-family: 'Open Sans', sans-serif;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		clear: both;
		line-height: 1.3em;
	}
	
	h1{
		text-align:center;
		color:#060709;
		margin-bottom:20px;
	}
	
	a{
		text-decoration:none;
		font-weight:700;
		color:#404040;
	}
	
	img{
		border:0px;
		max-width:100%;
	}
	
	menu,
	ol,
	ul {
		padding: 0 0 0 40px;
	}
	
	iframe{
		border:0px;
	}
	
		#popupnachricht{
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0px;
		z-index: 999999999;
		overflow-y: scroll;
		padding-top: 50px;
	}
	
	#popupstelle{
		margin:0 auto;
		background:#fff;
		padding:20px;
		text-align:center;
	}
	
	#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;
	}	
	
	
    .popup {
        display: none; /* Versteckt das Popup standardmäßig */
        position: fixed; /* Bleibt an der gleichen Stelle auf dem Bildschirm */
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.6); /* Schwarze Hintergrundfarbe mit Transparenz */
        z-index: 99999; /* Stellt sicher, dass das Popup über anderen Inhalten erscheint */
      }
      
      .popup-content {
        background-color: #fefefe;
        margin: 10% auto; /* 15% vom oberen und automatischen Rand von den Seiten */
        padding: 15px;
        border: 1px solid #888;
        width: 95%; /* Breite des Popups */
        max-width: 700px; /* Maximale Breite */
      }
      
      .close-btn {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
      }
      
      .close-btn:hover,
      .close-btn:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
      }

/* Grundlegende Popup-Stile, wie zuvor definiert, mit Ergänzungen für den Einflug-Effekt */
.popup {
    display: none; /* bleibt, um das Popup anfänglich zu verbergen */
    opacity: 0; /* Startet als vollständig transparent */
    transition: opacity 0.5s ease-in-out; /* Definiert den Übergangseffekt */
  }
  
  /* Eine zusätzliche Klasse für das sichtbare Popup */
  .popup.show {
    display: block; /* Macht das Popup sichtbar */
    opacity: 1; /* Wechselt zu voller Deckkraft */
  }	

/* 2.0 - Allgemein */
	
	.pos, .wrap{
		position:relative;
		overflow: hidden;
	}
	#mitarbeiterhover img{
	  -webkit-filter: grayscale(100%); /* Chrome, Opera, Safari  */
    filter: grayscale(100%);
	
	}

	#mitarbeiterhover img:hover{
	  -webkit-filter: grayscale(0%); /* Chrome, Opera, Safari  */
    filter: grayscale(0%);
	}
	
	
	.pos{
		width:100%;	
	}
	
	.wrap{
		width:1200px;
		margin: 0 auto;
		left:0;
		right:0;
	}
.logomit{
width:160px;
}
	.spalte, .spalte2{
		width:96%;
		margin: 0 2% 40px 2%;
		float:left;
	
	}
	
	.spalte2{
		width:46%;
	}
	#n_stb_mantel .n_stb_wrapper:nth-child(2n){
		float:right;
	}
	
	.n_stb_date{
		font-size:12px;
		font-style:italic;
	}
	
	.n_stb_wrapper{
		font-size:16px;
		line-height:1.8em;
		margin: 0 2% 40px 2%;
		float:left;
		width:46%;
		border-bottom:1px solid #000;
		padding-bottom:20px;
	}
	
	.n_stb_headline{
		font-weight:700;
		display:block;
		margin-bottom:20px;
	}
	
	.n_stb_content{
		margin-bottom:20px;
	}
	
@media (max-width: 980px) {
	
	.n_stb_wrapper{
		width: 96%;
		margin: 0 2% 40px;
	}
		
}
	#news .news:nth-child(2n){
		float:right;
	}
	
	.readtxt{
		font-size:16px;
		line-height:1.8em;
	}
	
	.news i{
		font-size:12px;
	}
	
	.iframe{
		width:100%;
		height:900px;
		border:0px;
	}
	
/* 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;}
	.bor{border-right:1px solid #4b6d9b;}
	.bobo{border-bottom: 1px solid #ddd;}
	.nomargr{margin-right:0px !important;}
	.nb{white-space:nowrap}
	.mb{margin-bottom:40px;}
	.mt{margin-top:40px;}
	.ml20{margin-left:20px;}
	.bgw{background:rgba(255,255,255,.9);}
	.pad{padding:20px;}
	.padlr{padding:0 20px;}
	.show1240, .show980, .show780, .show480{display:none;}
	.color{color:#f7a800;}
	.clear{clear:both;}
	.list li{margin-bottom:20px;}
	.small{font-size:12px;}
	.big{font-size:20px;}
	.smallimg{width:350px;}
	.b80{display:inline-block;width:80px;}
	.w150{width:150px;}
	.h100{height:100px;}
	.black{color:#f7a800;}
/* 4.0 - Grundlayout */	

	#site{
		min-height:100%;
		width:100%;
		position:relative;
		overflow: hidden;
	}
	
/* 4.1 - Header */

	#header{
		margin: 0 auto 20px;
		overflow:hidden;
		font-size:16px;
		line-height:1.3em;
		color:#fff;
	}

	#header a{
		color:#fff;
	}
	#oeffnungszeitenbox, #kontaktbox{
			-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);
		box-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);
		
		}
	#logo{
		width:40%;
		margin:0px auto 0;
		text-align:center;
		font-size:35px;
		line-height:2.2em;
		
	}
	.headbild{
	border-left:15px solid white;
	border-right:15px solid white;
	
	
	height:340px;
	width:395px;
	}
	.head1{
	
	
	}
	
	.aerzte{
	width:40%;
	height:auto !important;
	}
	.head2{
	
	}
	
	#teaser img{
	  -webkit-filter: grayscale(100%); /* Chrome, Opera, Safari  */
    filter: grayscale(100%);
	
	}
	#teaser img:hover{
	  -webkit-filter: grayscale(100%); /* Chrome, Opera, Safari  */
    filter: grayscale(0%);
	}
	#name{
		width:20%;	
		float:left;
		margin: 20px auto 0;	
	}
	
	#tele{
		width:16%;
		margin: 20px auto 0;	
		float:right;
	}
	
	#oeffnungszeitenbox{
		height: 0;
		left: 0;
		margin: 0 auto;
		overflow: hidden;
		position: absolute;
		right: 0;
		background: #ffffff none repeat scroll 0 0;
		padding: 0 20px;
		text-align: center;
		z-index: 1;
	}
	
	#kontaktbox{
		position:absolute;
		overflow:hidden;
		height:0;
		left:0;
		right:0;
		margin:0 auto;
		display:block;
		background: #ffffff none repeat scroll 0 0;
		padding: 0 20px;
		text-align: center;
		z-index: 1;
	}
	
	#mobil_kontaktbox{
		/*background-image:url(../bilder/kontakt-btn.png);*/
	}
	
	#mobil_oeffnungszeitenbox{
		margin-left:20px;
	}
	#mobil_facebook{
		
	}
	
	#mobil_kontaktbox{
		margin-left:20px;
	}
	#mobil_kontaktbox, #mobil_oeffnungszeitenbox, #mobil_formularbox,#mobil_facebook {
		background-color:#f7a800;
		background-repeat: no-repeat;
		background-position:center center;
		background-size:30px auto;
		width:48px;
		height:48px;
		display:inline-block;
		cursor:pointer;
	}
	#mobil_facebook:hover{
		background-color:#3c5996;
	}
	#mobil_facebook:hover .icon{
	width:48px;
	padding:0;
	
	}
	#mobil_formularbox{
		display:none;
	}
	#mobil_kontaktbox:hover, 
	#mobil_oeffnungszeitenbox:hover,#mobil_formularbox:hover{
		background-color:#f7a800;
	}
	
	#mobil_kontaktbox:hover .icon, 
	#mobil_oeffnungszeitenbox:hover .icon,#mobil_formularbox:hover .icon{
		fill: #fff;
	}
	
	.icon {
		fill: #fff;
		height: 48px;
		padding: 8px;
		width: 48px;
	}

/* 4.2 - Conent */
	
	#content{
		
	}
	
	#inhalt_teaser{
		min-height:400px;
		overflow:hidden;
		margin-bottom: 20px;
		-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	}
	
	#teaser{
		background-size:100%;
		width:auto;
		height:396px;
		-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);
		box-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);
		background:url(../bilder/headerstart-1.jpg) no-repeat center center;
		background-size: auto 100%;
	}
	
	
	#teaser.teaser2{
		background:url(../bilder/headerkinder.jpg) no-repeat center center;
	}
	
	#teaser.teaser3{
		background:url(../bilder/headerstart-1.jpg) no-repeat center center;
	}
	
	#teaser.teaser4{
		background:url(../bilder/headerstart-1.jpg) no-repeat center center;
	}
	
	#teaser.teaser5{
		background:url(../bilder/headerstart-1.jpg) no-repeat center center;
	}
	
	#teaser.starteaser{
		background:url(../bilder/headerstart-1.jpg) no-repeat center center;
	}
	.galerie780ohnemb a{
	display:inline-block;
	}
	
	
	#anmeldung_box{
		width:30%;
		margin:70px auto 0;
	}
	
	.akkdiv,
	[class*="openclose_"]{
		height: 0;
		overflow: hidden;
	}
	
	.akkordeon, .infobtn, .plus:not([id*="untermenu_"]) {
		background: rgba(170, 0, 0, 0) none repeat scroll 0 0;
		border: 1px solid #060709;
		cursor: pointer;
		display: block;
		padding: 0 30px;
		position: relative;
		transition: all 1s ease-out 0s;
	}
	
	.infobtn{
		display:inline-block;
	}
	
	.akkordeon.akkopen:not([id*="untermenu_"]), .akkordeon:not([id*="untermenu_"]):hover, .infobtn:not([id*="untermenu_"]):hover , .plus:not([id*="untermenu_"]):hover, .plus.klickopen:not([id*="untermenu_"]){
		background: rgba(247,168,0, 0.3) none repeat scroll 0 0;
	}
	
	.akkordeon:not([id*="untermenu_"]):after,
	.plus:not([id*="untermenu_"]):after {
		content: "+";
		display: block;
		font-size: 24px;
		height: 20px;
		position: absolute;
		right: 10px;
		top: 0;
		width: 20px;
	}
	
	.akkordeon.akkopen:not([id*="untermenu_"]):after,
	.plus.klickopen:not([id*="untermenu_"]):after {
		content: "-";
		font-size: 30px;
		top: -3px;
	}
	.gallerieblock{
	float:left;
	width:30%;
	margin-left:1%;
	}
	#inhalt_teaser ul{
		padding-left:0;
	}
	#startseitenlinks{
	height:300px;
	padding-top:300px;
	}
	
	#jameda{
	width:30%;
	float:left;
	margin-left:3%;

	}
	#wegerhein {
    float: left;
    height: 143px;
    margin-left: 4%;
    margin-top: -27px;
    width: 22%;
}
	#wegerhein img{
	  -webkit-filter: grayscale(100%); /* Chrome, Opera, Safari  */
    filter: grayscale(100%);
	margin-left:25%;
	}
	#wegerhein img:hover{
	  -webkit-filter: grayscale(100%); /* Chrome, Opera, Safari  */
    filter: grayscale(0%);
	}

	
	
	#zog {
    float: left;
    height: 250px;
    margin-left: -22px;
    margin-top: -45px;
    width: 15%;
}
	#zog img{
	  -webkit-filter: grayscale(100%); /* Chrome, Opera, Safari  */
    filter: grayscale(100%);
	margin-left:25%;
	}
	#zog img:hover{
	  -webkit-filter: grayscale(0%); /* Chrome, Opera, Safari  */
    filter: grayscale(0%);
	}

	#ma-bilder{
	width:25%;
	
	}
	#ma-bilder29{
	width:29%;
	
	}
	#ma-bilder100{
	width:100%;
	}
#jameda-widget-container72220{
	position:absolute;
	margin-left:0;
	margin-bottom:10%;
	z-index:999; 
	width:272px; 
	height:168px; 
	background-image:url(//www.jameda.de/premium/widgets/_images/top10-top20-bg.png); 
	background-repeat:no-repeat; 
	font-family: 'Open Sans', sans-serif;
	font-size:12px; 
	line-height:15px;
	-webkit-transition: all 2s ease-out;
	-moz-transition: all 2s ease-out;
	-ms-transition: all 2s ease-out;
	-o-transition: all 2s ease-out;
	transition: all 2s ease-out;
	 right: -170px;
    top: -115px;
}
#jameda-widget-container72220:not(.klickjameda):hover, #jameda-widget-container72220.jamedaopen{
	right:-5px;
	top:-5px;
}

.jamstart .jam_link_check{
	opacity:0;
	-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;
}
#jameda-widget-container72220:not(.klickjameda).jamstart:hover .jam_link_check, #jameda-widget-container72220.jamedaopen .jam_link_check{
	opacity:1;
}

.einrichtung{
	height: 300px;
}

#preistabelle{
	width:100%;
}

#preistabelle tr:nth-child(2n){
	background:#fff;
}

#preistabelle tr td{
	text-align:right;
}

#preistabelle tr td:first-child{
	text-align:left;
}
	
	
/* 4.3 - Footer */

	#footer{
		width:1200px;
		margin-top:40px;
		margin-bottom:20px;
	}
	
	#footer_end{
		height:35px;
		position:relative;
		width:100%;
		background:#f7a800;
	}
	
	#footer .iconimg:last-child{
		margin-right:0;
	}
	
	.iconimg h3{
		margin:24px 0;
		font-weight:bold;
		color:#fff;
	}
	
	.iconimg a{
		color:#000;
		display:block;
		width:100%;
		line-height:20px;
		padding:150px 0 0 0;
		font-size:16px;
	}
	
	.iconimg div{
		height:140px;
		width:100%;
		overflow:hidden;
		display:block;
	}

	.iconimg a:hover div{
		background-size:160px auto;
	}
	
	
	
	.video {
		background:url(../bilder/video.png) no-repeat center center;
	}	

	#notdiensticon {
		background:url(../bilder/notdienst.svg) no-repeat center top;
	}	
	
	#mitgliedicon {
		background:url(../bilder/mitgliedschaft.svg) no-repeat center top;
	}
	#newsicon {
		background:url(../bilder/news.svg) no-repeat center top;
	}

	#terminicon {
		background:url(../bilder/termin.svg) no-repeat center top;
	}
	.startbild{
	margin-left:30px;
	}
	.links {
		background:url(../bilder/links.png) no-repeat center center;
	}
	
	.iconimg{
		display:inline-block;
		width:20%;
		font-size: 12px;
		line-height: 0px;
		color:#fff;
		vertical-align:top;
		margin-right:1.5%;
		padding-bottom:0px;
		background-size:136px auto !important;
	}
	
	.iconimg, .iconimg a{
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	}
	
	.iconimg:hover{
		background-size:140px auto !important;
		padding-bottom:20px;
	}
	
	.iconimg:hover a{
		padding-top:170px;
		font-size:18px;
	}
	
	
		
	
	#impressum{
		float:right;
		color:#fff;
		text-decoration:none;
		margin-top:8px;
		font-size:12px;
		margin-right:35px;
	}

	#online{
		float:left;
		color:#fff;
		font-weight:bold;
		margin:8px 0 0 35px;
	}
	
	#impressum a{
		text-decoration:none;
		color:#fff;
	}

/* 5.0 - Menüs */

	#menu ul {
		position:relative;
		float:left;
		width:100%;
		background:none;
		font-size: 17px;
		padding:20px 0 0;
		height:63px;
		text-align:center;
	}	
	
	#menu ul li{
		list-style:none;
		position:relative;
		display:inline-block;
	}
	
	#menu ul li.iconimg{
		display:none;
	}
	
	#menu ul li a{
		text-decoration:none;
		padding:20px 30px;
		color:#000;
		text-transform:uppercase;
		font-weight:300;
	}

	#menu .on:not(span) , #menu ul li a:hover, #menu ul li span.klickopen {
		/*border:3px solid white;
		border-radius:3px;*/
		color: #f7a800;
		border-bottom:1px solid #fff;
	}

/* 6.0 - Inhalte */

	#showmobilnavi{
		display:none;
	}
	
	.lageplan{
		position:relative;
		width:100%;
		height:350px;
	}
	
	.ma{
		display:inline-block;
		margin:0 65px 60px;
		font-size:14px;
		width:235px;
		vertical-align:top;
	}
	
	#team .ma:nth-child(4){
		clear:left;
	}
	
	#team .ma:nth-child(3){
		float:right;
	}
	#behandlungsmall{
	width:100%;
	}
	#behandlungsmall img{
	text-align:center;
	margin-left: 35%;
	}
/* 6.1 - Kontakt */

	.form, .nachricht, .btn, .formtext, .copy, .form2{
		position:relative;
		float:left;
		color:#000;
		font-family: 'Open Sans', sans-serif;
		font-size:12px;
	}
	
	.form, .nachricht, .btn, .form2text{
		border-radius:6px;
		background:#fff;
		padding:5px 1%;
		margin-bottom:10px;
		border: 2px solid #404040;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

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

	.form{
		width:100%;
	}

	.formtext{
		width:48%;
		margin-right:4%;
	}

	.formtext.margr{
		margin-right:0;
	}
	
	.form2{
		width:48%;
	}
	
	.clearl{
		clear:left;
	}
	
	.clearr{
		clear:right;
	}
	
	.fl{
		float:left;
	}
	
	.fr{
		float:right;
	}
	
	.mt21{
		margin-top:-21px;
	}
	
	.resultContainer hr{
		margin:30px 0;
	}

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

	.gruen{
		color:#74823d;
		font-size:1.6em;
	}

	.rot{
		color:#d00005;
		font-size:1.6em;
	}
	
	.grey{
		background:#ccc;
		color:#000;
	}

	.info{
		margin-bottom:20px;
	}

/* 6.2 - News */

.news{
	margin-bottom:20px;
}

.news_ueberschrift{
	color:#faa334;
	margin-top:40px;
	font-size:1.2em;
	font-weight:700;
}
.news_bild{
	font-size:.8em;
	margin-bottom:30px;
}

.news_author{
	font-size:.8em;
	margin-top:15px;
}


.news_ueberschrift{
	display:none;
	/*color:#404040;
	margin-top:40px;
	font-size:80%;
	font-weight:700;*/
}
.news_bild{
	font-size:60%;
	margin:15px 30px 10px 0;
	width:250px;
	float:left;
}

.news_headline{
	color:#404040;
	font-size:100%;
	float:left;
}
.news_headline{
	display:none;
}
.news_author{
	font-size:60%;
	margin-top:15px;
	color:#404040;
	border-bottom:1px #ccc dotted;
}
.news_author a, .ApothekenNotdienstCSSTabellenUeberschrift{
	color:#404040;
}
.news_content{
	font-size:100%;
	line-height:1.4em;
	text-align:left;
	padding-top:20px;
	}
.news_content ul, .news_content ol{
	font-size:100%;
}


/* 6.3 - Slider */

	

/* 6.4 - Schnittstelleninhalte */

	

/* 6.5 - Impressum */

	

/* 7.0 - Media Queries */

	/* Smaller than Large Desktop / Desktop Normale Größe */
	@media (max-width: 1360px) {
		
		.hide1200{
			display:none
		}
		.startbild{
	margin-left:20px;
	}
		.wrap,
		#footer{
			width:940px;
		}
		.head1{
		display:none;
		}
		#name {
			width: 24%;
		}
		
		#tele {
			width: 20%;
		}
		
		#menu ul li a {
			padding: 20px;
		}
		
		.ma {
			margin: 0 20px 60px;
		}
		#jameda-widget-container72220{
	
	 right: -170px;
    top: 250px;
	}
	#jameda-widget-container72220:not(.klickjameda):hover, #jameda-widget-container72220.jamedaopen{
	right:-5px;
	top:250px;
	}
	
	#zog {
    float: left;
    height: 250px;
    margin-left: -37px;
    margin-top: -45px;
    width: 19%;
}


	#wegerhein {
    float: left;
    height: 143px;
    margin-left: 4%;
    margin-top: -27px;
    width: 22%;
}
	
	
	
	
	}

	/* Landscape tablet and desktop / Tablet quer und Desktop Klein */
	@media (max-width: 980px) {
		
		.hide980{
			display:none
		}
		.galerie780ohnemb a{
		font-weight:400;
		}.startbild{
	margin-left:0px;
	}
		.show980{
			display:inline-block;
		}
		
		.btn{
			margin: 20px 0 35px 0;
		}
		
		#footer,
		.wrap{
			width:740px;
		}
		
		#header {
			font-size: 16px;
		}
		
		#logo{
			width:30%;
		}
		#zog{
			width:49%;
			float:left;
			margin-top:30px;	
			margin-left:1%;
			height: 250px;

		}
		#wegerhein{
			width:49%;
			float:left;
			margin-top:60px;
			height: 143px;
			margin-left:1%;

	
		}
		#behandlungsmall img{

	margin-left: 2%;
	}
		#name{
			width:30%;
		}
		
		#tele{
			width: 25%;
		}
		
		.spalte2{
			margin-bottom:0;
			width: 96%;
			margin: 0 2%;
			padding:0;
		}
		
		.news{
			margin-bottom:40px;
		}
		
		.ma {
			width: 180px;
		}
		
		.footer_box {
			/* min-width: 185px; */
		}
		
		.footer_box div {
			height: 100px;
			background-size:100% auto;
		}
		
		.c980{
			text-align:center;
		}
		
		#virtrundgang{
			height:400px !important;
		}
		#ma-bilder{
	width:40%;
	
	}
		#ma-bilder29{
	width:96%;
	padding-bottom:20px;
	}
	
	#ma-bilder100{
	width:96%;
	padding-bottom:20px;
	}
	
	.head3{
		display:none;
		}
		
		#menu ul li a {
			font-size: 16px;
			padding: 20px 11px;
		}
	
	.aerzte{
	width:300px;
	height:auto !important;
	}
	
	}

	/* Landscape phone to portrait tablet / Smartphone quer bis Tablet hoch */
	@media (max-width: 780px) {
		
		.hide780{
			display:none
		}
		.galerie780ohnemb{
	margin-bottom:0px !important;
	}
		.ohnemb{
		margin-bottom:0px !Important;
		}
		#ma-bilder{
	width:100%;
	
	}
		.iconimg{
	
	background:none !important;
	}
	.hide780komplett{
	display:none !Important;
	}
		#ma-bilder29{
	width:96%;
	
	}
	#ma-bilder100{
	width:96%;
	}
		#teaser img{
	  -webkit-filter: grayscale(100%); /* Chrome, Opera, Safari  */
    filter: none;
	
	}
	#teaser img:hover{
	  -webkit-filter: grayscale(100%); /* Chrome, Opera, Safari  */
    filter:none;
	}
		.show780{
			display:inline-block;
		}
		
		#footer,
		#kontaktbox,
		.wrap{
			width:440px;
		}
		
		#showmobilnavi,
		.mobil,
		#kontaktbox,
		#mobil_kontaktbox,
		#menu ul {
			display:block;
		}
		
		#footer,
		.tab4,
		#tele{
			display:none;
		}
		
		#header .nb{
			white-space: normal;
		}
		
		.spalte2{
			margin-bottom:30px;
		}
		
		h2,
		.spalte,
		.spalte2{
			text-align:center;			
		}
		
		.spalte2 ul{
			padding:0;
		}
		
		#anmeldung_box,
		#menu ul li,
		#tele,
		.formtext,
		.nachricht,
		.form,
		#impressum,
		#online {
			width: 100%;
		}
		
		#logo,
		#name {
		margin-left: 10%;
    width: 80%;
			margin-top:20px;
			text-align:center;
		}
		
		#name{
			display:none;
		}
		
		#tele {
			margin-top: 10px;
		}
		
		#mobil_menu span {
			background: #f7a800;
			display: block;
			height: 5px;
			left: 0;
			position: absolute;
			-webkit-transition: all .5s ease-out;
			-moz-transition: all .5s ease-out;
			-ms-transition: all .5s ease-out;
			-o-transition: all .5s ease-out;
			transition: all .5s ease-out;
			width: 38px;
			margin:0 5px;
		}
		
		#mobil_menu:hover span {
			background: #fff;
		}
		
		.line1 {
			top: 8px;
		}
		
		.line2, .line3 {
			top: 21px;
		}
		
		.line4 {
			top: 35px;
		}
		
		#mobil_menu.klickopen .line1, #mobil_menu.klickopen .line4 {
			opacity: 0;
		}
		
		#mobil_menu.klickopen .line1, #mobil_menu.klickopen .line2 {
			-moz-transform: rotate(135deg);
			-webkit-transform: rotate(135deg);
			-o-transform: rotate(135deg);
			-ms-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		
		#mobil_menu.klickopen .line3, #mobil_menu.klickopen .line4 {
			-moz-transform: rotate(-135deg);
			-webkit-transform: rotate(-135deg);
			-o-transform: rotate(-135deg);
			-ms-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}
		
		.mobil{
			cursor:pointer;
			float:right;
			margin:0 16px !important;
		}
		
		#menu ul {
			height:auto;
		}
		
		#menu,
		#kontaktbox{
			position:absolute;
			overflow:hidden;
			height:0;
			left:0;
			right:0;
			margin:0 auto;
		}
		
		#kontaktbox{
			background:#fff;
			padding: 0 20px;
			text-align:center;
			z-index:1;
		}
		
		/* #mobil_kontaktbox{ */
			/* background:url(../bilder/kontakt-btn.png) no-repeat center center; */
			/* width:40px; */
			/* height:29px; */
		/* } */
		
		/* #mobil_oeffnungszeitenbox{ */
			/* background:url(../bilder/oeffnungszeiten.png) no-repeat center center; */
			/* width:30px; */
			/* height:30px; */
		/* } */
		
		#menu ul {
			z-index:100;
			background:#fff;
			text-align:center;
			border:1px solid #000;
		}
		
		#menu ul li a{
			display:block;
			background:none;
			color:#000;
		}
		#oeffnungszeitenbox, #kontaktbox{
			-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);
		box-shadow: 0 10px 10px 0 rgba(0,0,0,0.5);
		position:relative;
		
		}
		
		#menu ul li.iconimg {
			display: block;
		}
		
		#menu .on:not(span), #menu ul li a:hover, #menu ul li span.klickopen {
			border-bottom: 0px;
		}
		
		#menu ul#showmobilnavi ul {
			display:block;
		}
		
		.formtext{
			margin-right:0%;
		}
		
		body, 
		.readtxt{
			font-size:18px;
		}
		
		#online{
			margin-left:10px;
			font-size:12px;
		}
		
		#impressum{
			margin-right:10px;
		}
		
		#teaser {
			height: 250px;
			background-size: auto 100% !important;
		}
		
		.ma {
			margin: 0 0 40px;
			width: 100%;
			font-size:18px;
		}
		
		#inhalt_teaser .list{
			text-align:left;
			padding-left:20px;
		}
		
		#online{
			font-size:16px;
		}
		
		#impressum,
		#online{
			margin:5px 0;
			text-align:center;
		}
		
		#footer_end {
			height: 90px;
		}
		
		#smartnavi{
			height:48px;
		}
		
		#mobil_menu{
			position:relative;
			background:#fff;
			height:48px;
			width:48px;
		}
		
		#mobil_menu:hover{
			background:#f7a800;
		}
		
		#showmobilnavi li span{
			display:block;
			padding: 20px 16px;
			color: #000;
			font-weight:700;
			cursor:pointer;
		}
		
		#showmobilnavi li span:hover {
			background-color: #aa0000;
			color: #ffffff;
		}
		
		.form2 {
			width: 100%;
		}
		
		.form2.mt21 {
			margin-top:0;
		}
		
		#inhalt_teaser{
			margin-bottom:0;
			
		}
		
		#menu ul li a:hover,
		#showmobilnavi li span:hover{
			background-color: #fff;
			color: #000;
		}
		
		#showmobilnavi li span:after{
			content:"+";
			position:absolute;
			right:10px;
			top:17px;
			font-size:40px;
			-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;
		}
		
		#showmobilnavi li span.klickopen:after{
			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
		}
		
		.openclose_untermenu{
			
		
		}
		
		span.klickopen ~ ul.openclose_untermenu{
	
		}
		
		#showmobilnavi ul li a {
			font-style:italic;
		}
		
		#showmobilnavi ul li a:hover {
			
			
		}
		
		#showmobilnavi ul li a.on:hover {
		
			
		}
		
		#menu ul li span.klickopen {
			color: #ffffff;
		}
		#menu .on:not(span) , #menu ul li a:hover, #menu ul li span.klickopen {
		background-color:#fff;
		color:#000;
		
		}
	#zog{
			width:98%;
			float:left;
			margin-top:30px;	
			
			height: 250px;

		}
		#wegerhein{
			width:98%;
			float:left;
			margin-top:60px;
			height: 143px;
			

	
		}
		#zog img, #wegerhein img{
		margin-left:25%;
		}
	.head2{
	height:250px;
	width:298px;
	}
	
	a[data-title]{
		cursor:default;
	}
	
	.einrichtung {
		height: auto;
	}
	
	#impressum > b:first-child{
		font-size:0;
		width:100%;
		display:block;
	}
	
	#impressum {
		line-height:1.2em;
	}
	.iconimg:hover{
	
	padding:0;
	}
	
	#mobil_formularbox{
			display:block;
		}
	}

	/* Portrait phones and down / Smartphone hoch und kleiner */
	@media (max-width: 480px) {
		
		.hide480{
			display:none
		}
		
		.show480{
			display:inline-block
		}
		
		#kontaktbox,
		.wrap{
			width:300px;
		}
		
		#logo,
		#name{
		margin-left: 10%;
    width: 80%;
		}
		#zog img, #wegerhein img{
		margin-left:12%;
		}
		#name {
			padding-left: 0;
			margin-top: 20px;
		}
		
		#logo{
			text-align:center;
			margin-top:20px;
		}
		
		#teaser {
			height: 120px;
		}
		.mobil{
		margin:0 6px !important;
		}
	
	.head3{
	height:120px;
	width:159px;
	display:inline-block;

	}
	.head2{
	display:none;
	}
	
		#mobil_facebook{
		background-color:#3c5996;
		}
		#mobil_facebook .icon{
		background-color:#3c5996;
		padding:0 !Important;
		width:48px;
		}
	
	}
	
	@media (min-width:781px){
		#menu{
			height:auto !important;
		}
	}


/* 8.0 - Print */