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: 12vh;
}

#flexnavi{
	display: flex;
}

.naviitem{
	display: flex;
	align-items: center;
}

.naviitem img{
	height:9vh;
}

.naviitem a h2{
	margin-top:0;
	font-size:small;
	display:inline;
}

#logo{
	margin-right:30vw;
	height: 9vh;
}

#med_willkommen{
	display: flex;
	flex-direction: row;
	flex-shrink:2;
}

.willkommenitem{
	width:100%;
}

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

#flexadresse{
  display:block;
  width:30%;
  margin:0px;
}

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

#vita{
	display:none;
}

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

#vita_landscape tr td{
	vertical-align: top;
}

#teamtext{
	margin: 0px 10px 0px 0px;
	padding: 5px 15px;
	
}

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

#praxisbox{
	display:flex;
	flex-direction:row;
	padding:0;
	margin-bottom:0px;
	flex-wrap: wrap;
	align-items: flex-start;
}

#Sprechzeiten{
	order: 1;
}

#arzt{
	order:3;
	height: 180px;
	width: 100%;
	padding: 10;
	flex-grow: 3;
}

footer{
	height: 50px;
}


#pfeil_environ {

    width: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;

}

@media only screen and (min-width: 1150px) {
#grid{
	display:grid;
	grid-template-columns: auto 400px;
  grid-template-rows: 246px 246px;
	  grid-template-areas: 
    "main1 sidebar"
	"main2 sidebar";
}

#praxisbox{
		/*width: auto;*/
		display:flex;
	flex-direction:row;
	padding:0;
	margin-bottom:10px;
	flex-wrap: wrap;
}


#teambox img{
	min-width: auto;
	height: 80%;
}

#teambox{
	flex-wrap: nowrap;
}


#Sprechzeiten{
	min-width: 250px;
	margin: 0px 10px;
}

#arzt{
	margin: 0px 10px;
	padding: 30px 20px;
	order:3;
}

#teamtext{
	margin: 0px 10px 0px 0px;
	padding: 5px 15px;
}

#zahnheilkunde{
	width: 150px;
	float: left;
	padding: 0px 30px 0px 0px;
	background-color: white;
}

#behandlung{
	width: 150px;
	height: auto;
	float: right;
	margin-left: 10px;
}


#pfeil{
	width: 50px;
	
}

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