@font-face { 
	font-family: 'Chaparral'; 
	src: url('../fonts/ChaparralPro-Regular.woff');
	}
@font-face { 
	font-family: 'Chaparral'; 
	src: url('../fonts/ChaparralPro-Semibold.woff'); 
	font-weight: bold;
	}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Source-Sans-Pro-regular/Source-Sans-Pro-regular.eot');
  src: url('../fonts/Source-Sans-Pro-regular/Source-Sans-Pro-regular.eot?#iefix') format('embedded-opentype'),
       local('Source Sans Pro'),
       local('Source-Sans-Pro-regular'),
       url('../fonts/Source-Sans-Pro-regular/Source-Sans-Pro-regular.woff2') format('woff2'),
       url('../fonts/Source-Sans-Pro-regular/Source-Sans-Pro-regular.woff') format('woff'),
       url('../fonts/Source-Sans-Pro-regular/Source-Sans-Pro-regular.ttf') format('truetype'),
       url('../fonts/Source-Sans-Pro-regular/Source-Sans-Pro-regular.svg#SourceSansPro') format('svg');
}

@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 600;
  font-style: normal;
  src: url('../fonts/Source-Sans-Pro-600/Source-Sans-Pro-600.eot');
  src: url('../fonts/Source-Sans-Pro-600/Source-Sans-Pro-600.eot?#iefix') format('embedded-opentype'),
       local('Source Sans Pro Semibold'),
       local('Source-Sans-Pro-600'),
       url('../fonts/Source-Sans-Pro-600/Source-Sans-Pro-600.woff2') format('woff2'),
       url('../fonts/Source-Sans-Pro-600/Source-Sans-Pro-600.woff') format('woff'),
       url('../fonts/Source-Sans-Pro-600/Source-Sans-Pro-600.ttf') format('truetype'),
       url('../fonts/Source-Sans-Pro-600/Source-Sans-Pro-600.svg#SourceSansPro') format('svg');
}

/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v28-latin/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

h1 {
	font-family: 'Raleway';
	font-size: 36pt;
	font-weight: 300;
	line-height: 40pt;
	color: #051C42;
}

.headline-bold{
	font-weight: 600;
}

h2 {
	font-family: 'Raleway';
	font-size: 24pt;
	line-height: 32pt;
	color: #051C42;
	display: inline-block;
}

h3 {
	font-family: Lato;
	font-size: 20pt;
	line-height: 32pt;
	color: #051C42;
	display: inline-block;
}

p {
	font-family: 'Source Sans Pro';
	font-size: 13pt;
	line-height: 22pt;
	font-style: normal;
	color: #051C42;
}

html { 
}


.wrap {
	width:960px;
	height: 100%;
	margin: 0 auto;
}

.headernav {
	height: 105px;
	position: fixed;
	width: 100%;
	background: white;
	text-align: right;
	-webkit-box-shadow: 0px 0.2px 0.5px rgba(100, 100, 100, 0.20);
 -moz-box-shadow:    0px 0.2px 0.5px rgba(100, 100, 100, 0.20);
 box-shadow:         0px 0.2px 0.5px rgba(100, 100, 100, 0.20);
 z-index: 10;
}

.navtext {
	margin-top: 41px;
	display: inline-block;
}

.navlogo{
	margin-top: 13px;
	display: inline-block;
	float: left;
}

.menuitem {
	font-family: 'Chaparral', sans-serif;
	font-weight: bold;
	font-size: 14pt;
	color: #051C42;
	margin-left: 30px;
	text-decoration: none;
	-o-transition:color .2s ease-out, background 2s ease-in;
  -ms-transition:color .2s ease-out, background 2s ease-in;
  -moz-transition:color .2s ease-out, background 2s ease-in;
  -webkit-transition:color .2s ease-out, background 2s ease-in;
  /* ...and now for the proper property */
  transition:color .2s ease-out, background 2s ease-in;
}

.menuitem:hover{
	color: #00A3DA;
}

.menuitem-activated {
	font-family: 'Chaparral', sans-serif;
	font-weight: bold;
	font-size: 14pt;
	color: #00A3DA;
	margin-left: 30px;
	text-decoration: none;
}

.splash {
	height: 100vh;
    width: 100vw;
    display: inline-block;
     background: url('../img/Splash.jpg') no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

.content {
	margin-top: 400px;
}

.splash-claim {
		margin-bottom: 25px;
		color: white;
		font-size: 40pt;
		line-height: 44pt;
}

.splash-sub {
	color: white;
	font-weight: 300;
	font-size: 20pt;
}

#arrow{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	height: 50px;
	width: 50px;
	vertical-align: bottom;
}

/*
Intro-Screen
*/

.intro {
	height: 600px;
	background: white;
	position: static;
	margin-top: 135px;
}

.intro-claim{
	margin-bottom: 55px;
	color: #051C42;
}

.intro-text{
	width: 65%;
	display: inline-block;
	vertical-align: top;
}


.intro-details{
	width: 18%;
	display: inline-block;
	font-family: 'Chaparral', sans-serif;
	font-size: 13pt;
	line-height: 19pt;
	color: #051C42;
	padding-left: 140px;
	vertical-align: top;
}

/*
Sprechstunde-Screen
*/

.sprechstunde {
	height: 800px;
	display: block;
    background: url('../img/Sprechstunde.jpg') no-repeat center center;
    -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;

}

.sprechstunde-claim {
	padding-top: 300px;
	margin-bottom: 30px;
}

#sprechstunde-more-info{
	border: 1px solid black;
	width: 308px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	color: black;
	text-decoration: none;
	font-family: SourceSans;
	font-size: 13pt;
	line-height: 22pt;
	font-style: normal;
}

#sprechstunde-more-info:hover{
	border: 1px solid black;
	background-color: black;
	width: 308px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: SourceSans;
	font-size: 13pt;
	line-height: 22pt;
	font-style: normal;

	}

#sprechstunde-booking{
	display: block;
}


/*
Map
*/


.embed-container {
	position: relative !important;
	padding-bottom: 56.25% !important;
	height: 0 !important;
	overflow: hidden !important;
	max-width: 100% !important;
	height: 600px;
}
.embed-container iframe {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
.mapscroll-wrap {
	position: static !important;
}

.ueberlagern {
	background:transparent; /* unsichtbar machen */
	position:relative; /* Position relativ machen um z-index zu verändern */
	z-index: 100; /* sicher ist sicher */
	width:100%; /* iFrame Breite */
	height:600px; /* iFrame Höhe */
	top:600px;  /* iFrame Höhe nach unten positionieren */
	margin-top:-600px;  /* iFrame Höhe, um den Platz des Elments freizugeben */
 
}

/*
Footer
*/

.footer {
	height: 580px;
	background: white;
	position: static;
}

.footer-border{
	height: 1px;
	width: 100%;
	background-color: #CBD3E1;
	display: inline-block;
}

.footer-logo{
	
	padding-right: 600px;
	padding-bottom: 54px;
	padding-top: 61px;
	padding-left: 30px;
}
.footer-text1{
	font-family: 'Chaparral', sans-serif;
	font-size: 12pt;
	line-height: 17pt;
	color: #051C42;
	display: inline-block;
	
}

.footer-contact{
	font-family: 'Chaparral', sans-serif;
	font-size: 12pt;
	line-height: 17pt;
	color: #051C42;
	width: 28%;
	display: inline-block;
	margin-left: 90px;
	vertical-align: top;
}

#foot-tel{
	padding-right: 10px;
	color: #051C42;
}

.footer-text2{
	font-family: 'Chaparral', sans-serif;
	font-size: 12pt;
	line-height: 17pt;
	color: #051C42;
	display: inline-block;
	vertical-align: top;
}

.footer-sprechzeiten{
	font-family: 'Chaparral', sans-serif;
	font-size: 12pt;
	line-height: 17pt;
	color: #051C42;
	width: 33%;
	display: inline-block;
}

#footer-tabelle{
	margin-bottom: 19px;
}

#footer-marked{
	color: #00A3DA;
}

.row12{
	padding-left: 20px;
}

.row3{
	padding-left: 8px;
	padding-right: 8px;
}

.zeilenabs{
	padding-top: 7px;
}

.footer-text3{
	font-family: 'Chaparral', sans-serif;
	font-size: 12pt;
	line-height: 17pt;
	color: #051C42;
	width: 28%;
	display: inline-block;
	vertical-align: top;
}

.headline-sm-highlight {
	color: #00A3DA;
	font-family: 'Chaparral', sans-serif;
	line-height: 17pt;
	font-size: 12pt;
	width: 30%;
}

.footer-credits{
	height: 35px;
	background-color: #04132D;
	display: block;
}

#footer-credits-font{
	color: #FFFFFF;
	font-family: 'Chaparral', sans-serif;
	font-size: 11pt;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
    padding-top: 3px;
}

.small-link{
	color: #051C42;
	text-decoration: none;
}

#footer-credits-link{
	color: #FFFFFF;
	text-decoration: none;
}

#footer-credits-link:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/*


UNSER TEAM


*/	

.splash-unserteam{
	margin-top: 100px;
	height:500px;
    width: 100%;
    display: inline-block;
     background: url('../img/Teamfoto.png') no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

.team-border{
	height: 1px;
	width: 100%;
	background-color: #CBD3E1;
	display: block;
	margin-top: 500px;
}

.team-claim{
	margin-top: 60px;
	margin-bottom: 55px;
}

.team-text{
	width: 65%;
	display: block;
	vertical-align: top;
	padding-bottom: 60px;
}

.portrait-unserteam{
	height: 600px;
    width: 100%;
    display: inline-block;
     background: url('../img/Arzt_Portrait.png') no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

.portrait-border{
	height: 1px;
	width: 100%;
	background-color: #CBD3E1;
	display: block;
	margin-top: 600px;
}

.arzt-claim{
	padding-top: 60px;
}
.arzt-subhead{
	font-family: Lato;
	font-size: 20pt;
	font-weight: 300;
	padding-bottom: 50px;
	padding-left: 10px;
}

#arzt-lebenslauf{
	width: 85%;
	display: inline-block;
	vertical-align: top;
	font-family: 'Source Sans Pro';
	font-size: 13pt;
	line-height: 25pt;
	font-style: normal;
	color: #051C42;
}

.Jahresz-abstand{
	width: 100px;
	padding-top: 10px;
}

.arzt-mitglied{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-top: 50px;
	padding-bottom: 50px;
}



/*


LEISTUNGEN


*/	


.splash-leistungen{
	height: 80vh;
    width: 100vw;
    display: inline-block;
     background: url('../img/Arzt-Patient.jpg') no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
}

.leistungen-text{
	width: 100%;
	margin-bottom: 50px;
}

.Diagnose-links{
	color: #051C42;
	width: 40%;
	/*padding-left: 40px;*/
	padding-right: 30px;
	padding-top: 85px;
	display: inline-block;
	vertical-align: top;
	float: left;
	height: 300px;
}



.Diagnose-rechts{
	color: #051C42;
	width: 40%;
	padding-left: 40px;
	padding-right: 30px;
	padding-top: 85px;
	display: inline-block;
	vertical-align: top;
	float: right;
	height: 300px;
}

.h2-diagnose-highlight {
	margin-bottom: 35px;
	color: #00A3DA;
}

.h2-diagnose{
	margin-bottom: 35px;
}

#Leistungen-Space{
	display: inline-block;
	padding-bottom: 100px;
	padding-top: 50px;
}

.leistungen-headline{
	padding-top: 100px;
	padding-bottom: 70px;
}

.behandlung-info{
margin-top: 28px;
width: 75%;

}

.behandlung-head{
	padding-left: 15px;
}

.behandlung-text-1{
	padding-top: 15px;
	width: 100%;
	display: none;
}

.behandlung-text-2{
	padding-top: 15px;
	display: none;
}

.behandlung-text-3{
	padding-top: 15px;
	display: none;
}

.behandlung-text-4{
	padding-top: 15px;
	display: none;
}

.behandlung-text-5{
	padding-top: 15px;
	display: none;
}

.behandlung-text-6{
	padding-top: 15px;
	display: none;
}

.icon-plus{
	background: url(../img/plus.png);
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 20px;
}

.icon-minus{
	background: url(../img/minus.png);
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-right: 20px;
	display: none;
}

.behandlungen-border{
	margin-top: 30px;
	height: 1px;
	display: block;
	width: 720px;
	background-color: #D9DDE2;
}

.impressum-border{
	height: 1px;
	width: 100%;
	background-color: #CBD3E1;
	display: block;
	margin-top: 0px;
}

.impressum-head{
	padding-top: 200px;
	padding-bottom: 80px;
}

.impressum-left{
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.impressum-right{
	width: 30%;
	display: inline-block;
	margin-left: 50px;
	padding-left: 95px
}

#datenschutz-hintergrund{
	background-color: #04132D;
	margin-top: 80px;
}

.datenschutz-head{
	padding-top: 100px;
	padding-bottom: 80px;
	color:#FFFFFF;
}

#p-datenschutz{
	color:#FFFFFF;
	padding-bottom: 50px;
	font-size: 12pt;
}

#p-impressum{
	font-size: 12pt;
}

.link-white{
	color: #FFFFFF;
}

.link-grey{
color: #051C42;
}