body {
	font-family: 'Open Sans', Helvetica, Arial, 'sans-serif';
	font-weight: 300;
	font-size: 16px;
	margin: 0;
	color: #333333;
	background: #ffffff;
	}

a {
	color: #333;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	}

.termin-button a {
    background-color: #00136f;
    padding: 15px 30px;
    border-radius: 5px;
    color: #ffffff !important;
    text-decoration: none;
	font-weight: 400;
	}

.termin-button a:hover {
	text-decoration: underline !important;
	}

.wrapper {
	margin-bottom: 0px;
	}

.container {
				width: 96%;
				max-width: 980px;
				margin: 0 auto;
				}

.header	{		width: 100%;
				padding: 10px 0 8px 0;
				background-color: #00136f;
				}

.telefon_icon { text-align: right;
				margin-right: 20px;
				}
				@media (max-width: 991px) {
					.telefon_icon  {margin-right: 5%;
									  }
					}

.telefon_icon a {
				color: #FFFFFF;
				text-decoration: none;
				font-weight: 600;
				background-image: url(../images/icon_phone.png);
				background-position: left center;
				background-repeat: no-repeat;
				padding: 0 0 0 30px;
				}
				@media (max-width: 991px) {
					.telefon_icon a  {
						font-size: 14px;
						font-weight: 400;
						}
					}


.clear {
	clear: both;
	}

.logo {
	width: 90%;
	max-width: 310px;
	height: auto;
	margin: 35px auto;
	text-align: center;
	}
	@media (max-width: 991px) {
		.logo {
			margin: 30px 5% 20px 5%;
			width: 90%;
			max-width: none;
			}
		}

.logo img {
	width: 80%;
	max-width: 260px;
	height: auto;
	margin: 0 auto;
	}

.navigation {
				background: #00136f;
				width: 100%;
				margin: 0;
				text-align: center;
				}

.navigation ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
				position: relative;
				}
				@media (max-width: 991px) {
					.navigation ul {
							display: none;
						}
					}

.navigation ul li {
				display: inline-block;
				padding: 0;
				margin: 0;
				text-decoration: none;
				font-weight: 500;
				color: #ffffff;
				}
				@media (max-width: 991px) {
					.navigation ul li {
						display: block;
						}
					}

.navigation ul li ul {
				position: absolute;
				margin: 0;
				background-color: rgba(247,247,247,0.90);
				display: none;
				padding: 10px;
				}
				@media (max-width: 991px) {
					.navigation ul li ul {
						position: relative;
						background: #f7f7f7;
						display: block;
						}
					}

.navigation ul li:hover ul {
				display: block;
				}
			
.navigation ul li:hover ul li {
				margin: 0;
				padding: 0;
				float: none;
				display: block;
				text-align: left;
				}
				@media (max-width:991px){
					.navigation ul li:hover ul li {
						text-align: center;
						}
					}

.navigation ul li a {	
				padding: 15px;
				display: inline-block;
				text-transform: uppercase;
				text-decoration: none;
				color: #ffffff;
				}
				@media (max-width: 991px) {
					.navigation ul li a {
						padding: 8px;
						}
					}

.navigation ul li ul li a {
				padding: 8px;
				}

.navigation ul li.active a,
.navigation ul li a:hover {
				background: #707196;
				}

.banner 	{	width: 100%;
				padding:0;
				}

.banner img {	width: 100%;
				height: auto;
				}

.content    {	width: 100%;
				max-width: 980px;
				margin: 0 auto;
				}

.picture {		width: 100%;
				max-width: 980px;
				margin: 0 auto;
				}
				@media (max-width: 991px) {
					.picture { width: 98%;
						    margin: 5% 1%;
							}
						}

.picture a {
	text-decoration: none;
	border: none;
	}

.picture img {
				margin: 10px 1% 10px 1%;
				width: 30%;
				text-decoration: none;
				border: 2px solid #fff;
				box-shadow: 0 0 10px #8a8a8a;
				padding: 0;
				}
				@media (max-width: 991px) {
					.picture img  {width: 46%;
						    float: left;
						    margin: 10px 1%;
							padding: 0;
							}
					}

.container_1 {	width: 45%;
				margin: 5% 0 5% 5%;
				padding: 0;
				float: left;
				}
				@media (max-width: 991px) {
					.container_1 {width: 90%;
								  margin: 10% 5% 0 5%;
						}
					}


h1, h2 {		font-size: 36px;
				font-weight: 300;
				color: #00136f;
				}
				@media (max-width: 991px) {
					h1, h2 {
						font-size: 25px;
						}
					}

.container_2 {	width: 45%;
				padding: 0;
				margin: 5% 5% 5% 0;
				font-size: 16px;
				color: #333333;
				float: left;
				}
				@media (max-width: 991px) {
					.container_2 {width: 90%;
								  text-align: left;
								  float: left;
								  margin:0 5% 5% 5%;
								  font-size: 14px;
						}
					}

.container_2 a {
				text-decoration: none;
				color: #00136f;
				}

.container_2 a:hover {
				text-decoration: none;
	            }

.bold 		{	font-weight: 500;
	
				}

.container_3 {
				width: 100%;
				max-width: 980px;
				margin: 0;
				}
				@media (max-width: 991px) {
					.container_3 {width: 100%;
								  margin: 0;
								  }
					}

.container_4 {
				padding: 20px 10px 20px 0;
				font-size: 36px;
				color: #00136f;
				float: left;
				width: 96%;
				max-width: 980px;
				margin: 0 2%;
								}
				@media (max-width: 991px) {
					.container_4 {
				        font-size: 25px;
						width: 85%;
						text-align: left;
				        }
                    }

h3 {			font-weight: 400;
				color: #00136f;
				font-size: 24px;
				line-height: 35px;
				}
				@media (max-width: 991px) {
					h3 {font-size: 24px;
						line-height: 35px;
						font-weight: 700px;
								  }
					}

h4 {			font-weight: 300;
				color: #333333;
				font-size: 25px;
				line-height: 30px;
				}
				@media (max-width: 991px) {
					h4 {font-size: 25px;
						line-height: 29px;
						font-weight: 700px;
								  }
					}

h5 {			font-weight: 300;
				color: #ffffff;
				font-size: 20px;
				line-height: 20px;
				text-shadow: 0px 0px 10px #000;
				margin: 50px 0 0 0;
				}
				@media (max-width: 991px) {
					h5 {font-size: 20px;
						line-height: 29px;
						font-weight: 700px;
						text-shadow:  0px 0px 10px #000;
						text-align: center;
								  }
				}


/* START boxen index-seite */


.box-1 {		float: left;
				width: 30%;
				margin: 0 2% 0 0;
				text-align: center;
				background-image: url(../images/PROPHYLAXE.jpg) ;
				background-size: cover;
				background-position: 0 0;
				box-shadow: 0px 0px 10px #8a8a8a;
				border: 2px solid #efefef;
				}
				@media (max-width: 991px) {
					.box-1 {width: 100%;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}
				
				

.box-2 {		float: left;
				width: 30%;
				margin: 0 2% 0 0;
				text-align: center;
				background-image: url(../images/zahnersatz_2.jpg) ;
				background-size: cover;
				background-position: 0 0;
				box-shadow: 0px 0px 10px #8a8a8a;
				border: 2px solid #efefef;
				}
				@media (max-width: 991px) {
					.box-2 {width: 100%;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.box-3 {		float: left;
				width: 30%;
				margin: 0 2% 0 0;
				text-align: center;
				background-image: url(../images/implantate.jpg);
				background-size: cover;
				background-position: 0 0;
				box-shadow: 0px 0px 10px #8a8a8a;
				border: 2px solid #efefef;
				}
				@media (max-width: 991px) {
					.box-3 {width: 100%;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.container_3 h3 	{color: #ffffff; text-shadow: 0px 0px 10px #000;}

/*ENDE*/

/* START boxen-inner alle Seiten */

.box-1-inner,
.box-2-inner,
.box-3-inner {
	padding: 180px 0px 20px 0px;
	}
	@media (max-width: 991px) {
		.box-1-inner,
		.box-2-inner,
		.box-3-inner{
			padding: 140px 0 10px 0;
			}
		}

.box-4-inner {
	padding: 0 0 8px 0;
	background: #fff;
	}

/*ENDE*/

/* START boxen team-seite */


.box_1_4 {
	display: block;
	width: 320px;
	height: 300px;
	margin: 0 0 20px 0;
	text-align: center;
	background-image: url(../images/dr_franz_roth.jpg) ;
	background-size: cover;
	background-position: top center;
	box-shadow: 0px 0px 10px #8a8a8a;
	border: 2px solid #efefef;
	}
	@media (max-width: 991px) {
		.box_1_4 {
			width: 100%;
			max-width: 350px;
			margin: 10px auto;
			}
		}		

.box_2_4 {
	display: block;
	width: 320px;
	height: 300px;
	margin: 0 0 20px 0;
	text-align: center;
	background-image: url("../images/dr_stefan_ruhnau_2026.jpg");
	background-size: cover;
	background-position: 0 0;
	box-shadow: 0px 0px 10px #8a8a8a;
	border: 2px solid #efefef;
	}	
	@media (max-width: 991px) {
		.box_2_4 {
			width: 100%;
			max-width: 350px;
			margin: 10px auto;
			}
		}

.box_3_4 {
	display: block;
	width: 320px;
	height: 300px;
	margin: 0 0 20px 0;
	text-align: center;
	background-image: url("../images/dr_anna_lena_heck_2026.jpg");
	background-size: cover;
	background-position: 0 0;
	box-shadow: 0px 0px 10px #8a8a8a;
	border: 2px solid #efefef;
	}
	@media (max-width: 991px) {
		.box_3_4 {
			width: 100%;
			max-width: 350px;
			margin: 10px auto;
			}
		}


.box_4_4 {
	width: 100%;
	margin: 20px 0 0 0;
	text-align: center;
	/*background-image: url(../images/praxisteam.JPG);
	background-size: cover;
	background-position: 0 0;
    background-color: #fff;
	box-shadow: 0px 0px 10px #8a8a8a;
	border: 2px solid #efefef;*/
	}
	@media (max-width: 991px) {
		.box_4_4 {
			width: 94%;
			margin: 10px 3%;
			background-size: cover;
			}
		}

.box_4_4 img {
	float: left;
    width: 30%;
    height: auto;
    margin: 0 1% 20px 1%;
    box-shadow: 0px 0px 10px #8a8a8a;
    border: 2px solid #efefef;
	}

/*ENDE*/

/* START boxen einzel team-seite */

.box_1_4_fr  {	
				float: left;
				margin: 6% 5% 5% 0;
				}
				@media (max-width: 991px) {
					.box_1_4_fr  {
							width: 60%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
						}
				@media (max-width: 767px) {
					.box_1_4_fr  {
							width: 100%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.box_1_4_fr  img {
				width: 100%;
				height: auto;
				border: 2px solid #efefef;
				box-shadow: 0 0 10px #8a8a8a;
		}

.box_2_4_sr  {	
				float: left;
				margin: 6% 5% 5% 0;
				}
				@media (max-width: 991px) {
					.box_2_4_sr  {
							width: 60%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
						}
				@media (max-width: 767px) {
					.box_2_4_sr {
							width: 100%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.box_2_4_sr img {
				width: 100%;
				max-width: 320px;
				height: auto;
				border: 2px solid #efefef;
				box-shadow: 0 0 10px #8a8a8a;
		}

.box_3_4_ah  {	
				float: left;
				margin: 6% 5% 5% 0;
				}
				@media (max-width: 991px) {
					.box_3_4_ah  {
							width: 60%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
						}
				@media (max-width: 767px) {
					.box_3_4_ah {
							width: 100%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.box_3_4_ah img {
				width: 100%;
				max-width: 320px;
				height: auto;
				border: 2px solid #efefef;
				box-shadow: 0 0 10px #8a8a8a;
				}

/*ENDE*/

.headline_behandlung {
				width: 90%;
				margin: 11% 0 5% 5%;
				padding: 0;
				font-size: 36px;
				color: #00136f;
				float: left;
				}
				@media (max-width: 991px) {
					.headline_behandlung {font-size: 25px;
								  width: 90%;
								  text-align: left;
								  margin: 10% 0 0 5%;
						}
					}
				
.container_behandlung {
				width: 96%;
				max-width: 980px;
				margin: 0 0 0 5%;
				float: left;
				}
				@media (max-width: 991px) {
					.container_behandlung {
						width: 100%;
						margin: 0;		
								  }
					}

/* START boxen behandlung-seite */

.container_behandlung a {
	text-decoration: none;
	}

.box_prophylaxe {
	float: left;
	width: 30%;
	margin: 0 20px 20px 0;
	text-align: center;
	background-image: url(../images/prophylaxe_1.jpg) ;
	background-size: cover;
	background-position: 0 0;
	box-shadow: 0px 0px 10px #8a8a8a;
	border: 2px solid #efefef;
	}
	@media (max-width: 991px) {
		.box_prophylaxe {
			float: none;
			width: 100%;
			max-width: 350px;
			margin: 10px auto;
			}
		}

.box_parodontitisbehandlung {
	float: left;
	width: 30%;
	margin: 0 20px 20px 0;
	text-align: center;
	background-image: url(../images/parodontitisbehandlung.jpg) ;
	background-size: cover;
	background-position: 0 0;
	box-shadow: 0px 0px 10px #8a8a8a;
	border: 2px solid #efefef;
	}
	@media (max-width: 991px) {
		.box_parodontitisbehandlung {
			float: none;
			width: 100%;
			max-width: 350px;
			margin: 10px auto;
			}
		}

.box_ganzheitliche_zahnheilkunde {
	float: left;
	width: 30%;
	margin: 0 20px 20px 0;
	text-align: center;
	background-image: url(../images/ganzheitliche_zahnheilkunde.jpg) ;
	background-size: cover;
	background-position: 0 0;
	box-shadow: 0px 0px 10px #8a8a8a;
	border: 2px solid #efefef;
	}
	@media (max-width: 991px) {
		.box_ganzheitliche_zahnheilkunde {
			float: none;
			width: 100%;
			max-width: 350px;
			margin: 10px auto;
			}
		}

.box_aesthetische_zahnheilkunde {
	float: left;
	width: 30%;
	margin: 0 20px 20px 0;
	text-align: center;
	background-image: url(../images/aesthetische_zahnheilkunde.jpg) ;
	background-size: cover;
	background-position: 0 0;
	box-shadow: 0px 0px 10px #8a8a8a;
	border: 2px solid #efefef;
	}
	@media (max-width: 991px) {
		.box_aesthetische_zahnheilkunde {
			float: none;
			width: 100%;
			max-width: 350px;
			margin: 10px auto;
			}
		}

.box_zahnersatz {
	float: left;
	width: 30%;
	margin: 0 20px 20px 0;
	text-align: center;
	background-image: url(../images/zahnersatz.jpg) ;
	background-size: cover;
	background-position: 0 0;
	box-shadow: 0px 0px 10px #8a8a8a;
	border: 2px solid #efefef;
	}
	@media (max-width: 991px) {
		.box_zahnersatz {
			float: none;
			width: 100%;
			max-width: 350px;
			margin: 10px auto;
			}
		}

.box_CEREC {
	float: left;
	width: 30%;
	margin: 0 20px 20px 0;
	text-align: center;
	background-image: url(../images/cerec.jpg) ;
	background-size: cover;
	background-position: 0 0;
	box-shadow: 0px 0px 10px #8a8a8a;
	border: 2px solid #efefef;
	}
	@media (max-width: 991px) {
		.box_CEREC {
			float: none;
			width: 100%;
			max-width: 350px;
			margin: 10px auto;
			}
		}

.box_implantologie {
	float: left;
	width: 30%;
	margin: 0 20px 20px 0;
	text-align: center;
	background-image: url(../images/implantologie.jpg) ;
	background-size: cover;
	background-position: 0 0;
	box-shadow: 0px 0px 10px #8a8a8a;
	border: 2px solid #efefef;
	}
	@media (max-width: 991px) {
		.box_implantologie {
			float: none;
			width: 100%;
			max-width: 350px;
			margin: 10px auto;
			}
		}

.box_oralchirurgie {
	float: left;
	width: 30%;
	margin: 0 20px 20px 0;
	text-align: center;
	background-image: url(../images/oralchirurgie.jpg) ;
	background-size: cover;
	background-position: 0 0;
	box-shadow: 0px 0px 10px #8a8a8a;
	border: 2px solid #efefef;
	}
	@media (max-width: 991px) {
		.box_oralchirurgie {
			float: none;
			width: 100%;
			max-width: 350px;
			margin: 10px auto;
			}
		}

.box_wurzelkanalbehandlung {
	float: left;
	width: 30%;
	margin: 0 20px 20px 0;
	text-align: center;
	background-image: url(../images/wurzelkanalbehandlung.jpg);
	background-size: cover;
	background-position: 0 0;
	box-shadow: 0px 0px 10px #8a8a8a;
	border: 2px solid #efefef;
	}
	@media (max-width: 991px) {
		.box_wurzelkanalbehandlung {
			float: none;
			width: 100%;
			max-width: 350px;
			margin: 10px auto;
			}
		}

/*ENDE*/

/* START boxen einzel behandlung-seite */

.box_prophylaxe_1 {	
				float: left;
				margin: 6% 5% 5% 0;
				}
				@media (max-width: 991px) {
					.box_prophylaxe_1 {
							width: 60%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
						}
				@media (max-width: 767px) {
					.box_prophylaxe_1 {
							width: 100%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.box_prophylaxe_1 img {
				width: 100%;
				height: auto;
				border: 2px solid #efefef;
				box-shadow: 0 0 10px #8a8a8a;
		}

.box_parodontitisbehandlung_1 {	
				float: left;
				margin: 6% 5% 5% 0;
				}
				@media (max-width: 991px) {
					.box_parodontitisbehandlung_1 {
							width: 60%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
						}
				@media (max-width: 767px) {
					.box_parodontitisbehandlung_1 {
							width: 100%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.box_parodontitisbehandlung_1 img {
				width: 100%;
				height: auto;
				border: 2px solid #efefef;
				box-shadow: 0 0 10px #8a8a8a;
		}

.box_ganzheitliche_zahnheilkunde_1 {
				float: left;
				margin: 6% 5% 5% 0;
				}
				@media (max-width: 991px) {
					.box_ganzheitliche_zahnheilkunde_1 {
							width: 60%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
						}
				@media (max-width: 767px) {
					.box_ganzheitliche_zahnheilkunde_1 {
							width: 100%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.box_ganzheitliche_zahnheilkunde_1 img {
				width: 100%;
				height: auto;
				border: 2px solid #efefef;
				box-shadow: 0 0 10px #8a8a8a;
		}

.box_aesthetische_zahnheilkunde_1 {
				float: left;
				margin: 6% 5% 5% 0;
				}
				@media (max-width: 991px) {
					.box_aesthetische_zahnheilkunde_1 {
							width: 60%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
						}
				@media (max-width: 767px) {
					.box_aesthetische_zahnheilkunde_1 {
							width: 100%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.box_aesthetische_zahnheilkunde_1 img {
				width: 100%;
				height: auto;
				border: 2px solid #efefef;
				box-shadow: 0 0 10px #8a8a8a;
		}

.box_zahnersatz_1 {
				float: left;
				margin: 6% 5% 5% 0;
				}
				@media (max-width: 991px) {
					.box_zahnersatz_1 {
							width: 60%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
						}
				@media (max-width: 767px) {
					.box_zahnersatz_1 {
							width: 100%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.box_zahnersatz_1 img {
				width: 100%;
				height: auto;
				border: 2px solid #efefef;
				box-shadow: 0 0 10px #8a8a8a;
		}

.box_cerec_1 {
				float: left;
				margin: 6% 5% 5% 0;
				}
				@media (max-width: 991px) {
					.box_cerec_1 {
							width: 60%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
						}
				@media (max-width: 767px) {
					.box_cerec_1 {
							width: 100%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.box_cerec_1 img {
				width: 100%;
				height: auto;
				border: 2px solid #efefef;
				box-shadow: 0 0 10px #8a8a8a;
		}

.box_implantologie_1 {
				float: left;
				margin: 6% 5% 5% 0;
				}
				@media (max-width: 991px) {
					.box_implantologie_1 {
							width: 60%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
						}
				@media (max-width: 767px) {
					.box_implantologie_1 {
							width: 100%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.box_implantologie_1 img {
				width: 100%;
				height: auto;
				border: 2px solid #efefef;
				box-shadow: 0 0 10px #8a8a8a;
		}

.box_oralchirurgie_1 {
				float: left;
				margin: 6% 5% 5% 0;
				}
				@media (max-width: 991px) {
					.box_oralchirurgie_1 {
							width: 60%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
						}
				@media (max-width: 767px) {
					.box_oralchirurgie_1 {
							width: 100%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.box_oralchirurgie_1 img {
				width: 100%;
				height: auto;
				border: 2px solid #efefef;
				box-shadow: 0 0 10px #8a8a8a;
		}

.box_wurzelkanal_1 {
				float: left;
				margin: 6% 5% 5% 0;
				}
				@media (max-width: 991px) {
					.box_wurzelkanal_1 {
							width: 60%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
						}
				@media (max-width: 767px) {
					.box_wurzelkanal_1 {
							width: 100%;
						    text-align: left;
						    margin: 5% 0 5% 0;
							border: none;
							box-shadow: none;
							}
					}

.box_wurzelkanal_1 img {
				width: 100%;
				height: auto;
				border: 2px solid #efefef;
				box-shadow: 0 0 10px #8a8a8a;
		}

/*ENDE*/

.info {
	width: 100%;
	background: #616696;
	margin: 50px 0 20px 0;
	}
	@media (max-width: 991px) {
		.info {
			width: 100%;
			margin: 20px 0;
			}
		}

.info a,
.info a:hover {
	color: #fff;
	text-decoration: none;
	}

.kontakt {
	margin: 40px 0;
	width: 45%;
	padding: 0 5% 0 0;
	text-align: right;
	float: left;
	color: #ffffff;
	background-image: url(../images/trennlinie.png);
	background-repeat: no-repeat;
	background-position: right center;
	}
	@media (max-width: 991px) {
		.kontakt {
			width: 90%;
			text-align: left;
			margin: 10px 5% 10px 5%;
			padding: 0;
			background-image: none;
			}
		}

.zeiten {		float: left;
				margin: 40px 0;
				width: 45%;
				padding: 0 0 0 5%;
				text-align: left;
				color: #ffffff;
				}
				@media (max-width: 991px) {
					.zeiten {width: 90%;
						     margin: 0 0 5% 5%;
							 padding: 0;
							 text-align: left;
						}
					}

.maps {			width: 100%;
				height: 300px;
				margin: 30px 0 0 0;
				}

.maps iframe {	width: 100%;
				height: 300px;
				border: none;
				}

.footer {		
				width: 100%;
				background-color: #00136f;
				text-align: center;
				padding: 30px 0;
				color: #fff;
				}
				@media (max-width: 991px) {
					.footer {width: 100%;
						     float: left;
							 text-align: left;
							 padding: 15px 0;
						     
						}
					}

.footer a {		color: #FFFFFF;
				text-decoration: none;
				}
				@media (max-width: 991px) {
					.footer a {margin: 0 20px;
							   font-size: 14px;
						}
					}

a.mobile-menu {	display: none;
				}
				@media only screen and (max-width: 991px) {
					a.mobile-menu {
						display: block;
						position: absolute;
						top: 50px;
						right: 5%;
						z-index: 5000;
						}
					}

#back-to-top {
    bottom: 30px;
    color: #000;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 43px;
	opacity: 0.6;
	}
	@media only screen and (max-width: 767px) {
		#back-to-top {
			bottom: 30px;
			right: 33px;
			z-index: 500;
			}
		}

#back-to-top:hover {
	opacity: 0.9;
	}

#back-to-top img {
	width: 50px;
	}

.side-buttons {
	position: fixed;
	bottom: 100px;
	right: 40px;
	z-index: 1000;
	line-height: 1.0;
    text-align: left;
	}
	@media only screen and (max-width: 767px) {
		.side-buttons {
			position: fixed;
			bottom: 100px;
			right: 30px;
			z-index: 1000;
			}
		}

.side-buttons div {
	display: block;
	background-color: #00136f;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
	border-radius: 3px;
	border: 3px solid #ffffff;
	box-shadow: 0 0 5px 2px #999;
	}
    @media only screen and (max-width: 767px) {
		.side-buttons div {
			margin-bottom: 10px;
            padding: 10px;
			}
		}

.kalender a img {
	width: 30px;
	}

.kalender >.kalender-label {
	position: fixed;
	display: none;
	padding: 15px 20px 15px 20px;
	bottom: 101px;
	right: 93px;
	z-index: 2000;
	box-shadow: 0 0 0 0 #fff;
	}
	@media only screen and (max-width: 767px) {
		.kalender >.kalender-label {
			right: 83px;
			bottom: 102px;
			}
		}

.kalender:hover >.kalender-label {
	display: block;
	color: #ffffff;
	text-decoration: none;
	background: #4b4b4d;
	line-height: 1.4em;
	font-weight: 400;
	}

.kalender-label a {
	color: #fff;
	text-decoration: none;
	}

/* FONT-INTEGRATION */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
    }