body{
  padding:0px;
  margin:0px;
  font-size: 13px;
line-height: 21px;
font-family: Arial, Helvetica, sans-serif;
 color: #0f88b6;
  background-color:#FFF;
}


h1{
  color: #0f88b6;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
}

h2{
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
  color: #0f88b6;
}
h3{
  font-size: 16px;
line-height: 19px;
}

a{
  text-decoration: none;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-decoration-color: currentcolor;
    text-decoration-thickness: auto;
    color: white;
}
a:hover{
  color:#c7e7f1;
}

header{
	position: fixed;
	top:0;
	background-color:#0f88b6;
	color: white;
	width: 100%;
	margin: 0px;
	padding:0;
	height: 50px;
	z-index: 11;
}

header p{
	padding-left: 13px;
	font-size:20px;
	margin-bottom:0;
}

header img{
	vertical-align: middle;
}

#nummer{
	text-align: right;
	padding-right: 50px;
}

#groesser{
	font-size: 1.4em;
	margin-bottom: 0;
	margin-top: 11px; 
}

nav{
	width: 100%;
	 background-color: white;
	  height: 14vh;
}

#flexnavi{
	display: flex;
  flex-direction: row;
 justify-content:end;
}

.naviitem{
	text-align:center;
}

.naviitem a h2{
	margin-top:0;
}

#logo{
	margin-right:200px;
}

.weiss{
	width: 100%;
	margin:0;
	background-color:#fff;
	margin: 50px;
}

.hell{
	width: 100%;
	margin:0;
	background-color:#c7e7f1;
}

.dunkel{
	width: 100%;
	margin:0;
	background-color:#0f88b6;
	color: white;
	padding:50px;
}

.dunkel h2{
	color: white;
}
	
.inhalt{
	width: 800px;
	margin-right: auto;
	margin-left:auto;
}

#willkommen{
	display: flex;
	flex-direction: row;
}

#firstpic{
	background-image:url(../images/first.jpg);
}

.willkommenitem{
	width:100%;
}

#will_text{
	padding-left: 30px;
	padding-right: 30px;
	height: 400px;
	text-align:left;
}

b{
	color: #0f88b6;
 }

#flexadresse{
	display: flex;
  flex-direction: row;
  padding:0;
	margin-top:10px;
	justify-content: start;
}

.item{
	width:100%;
	height: auto;
	text-align:center;
}

.uppercase{
	text-transform: uppercase;
}

.bold{
	font-weight: bold;
}

#Sprechzeiten{
	min-width: 250px;
	
}

#Sprechzeiten table tr td{
	padding-right: 10px;
}

#teambox{
	display:flex;
	flex-direction:row;
	padding:0;
	margin-bottom:10px;
}

#praxisbox{
	display:flex;
	flex-direction:row;
	padding:0;
	margin-bottom:10px;
	flex-wrap: wrap;
	justify-content: space-between;
}

#arzt{
	margin: 0px 0px 10px 0px;
	padding: 20px;
	width: 500px;
	
}

#teamtext{
	margin: 0px 10px;
	padding: 20px;
	flex-grow:2;
	
}

#vita_landscape{
	display:none;
}

#vita{
	display:block;
	margin: 0px 10px 0px 0px;
	padding: 30px 20px;
	table-layout:fixed;
	border-color:#0f88b6;
	border-style:solid;
	border-width:1px;
}

#vita td{
	vertical-align:top;
}

#teambox img{
	min-width: 150px;
	padding-right: 10px;
		
}

#zahnheilkunde{
	padding: 30px;
	background-color: white;
}


#behandlung{
	width:20vw;
	float: right;
	margin-left: 10px;
	max-width: 300px;
}

#pfeil{
	width: 50px;
	
}

#pfeil_environ{
	width:50px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 30px;
}

footer{
	position: fixed;
	bottom:0;
	background-color:#0f88b6;
	color: white;
	width: 100%;
	margin: 0px;
	padding:0;
	height: 100px;
	text-align:right;
	z-index: 11;
}

.button{
	border-color: white;
	border-style:solid;
	border-width:1px;
	margin: 10px 10px 10px 0px;
	padding: 20px 20px;
}

.button:hover{
	background-color: white;
	color:#0f88b6;
}

.button_active{
	border-color: white;
	border-style:solid;
	border-width:1px;
	margin: 10px 10px 10px 0px;
	padding: 20px 20px;
	background-color: white;
	color:#0f88b6;
}

.text{
	margin-top:250px;
	margin-bottom:200px;
}

.text a{
	color: #0f88b6;
	text-decoration:underline;
}

#footer_mobile{
	display: none;
}