@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-narrow-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/pt-sans-narrow-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-narrow-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-narrow-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-narrow-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-narrow-v17-latin-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
BODY {margin:0; font-family: 'Open Sans', sans-serif; text-decoration:none; font-weight: normal; font-size: 1.1em; -webkit-text-size-adjust: none; background-color:#FFFFFF;}
section{	margin-top:30px; }
#banner{	width:100%; max-width:1300px; margin:auto}	
.banner{	float: right; margin: 20px 30px auto 20px}
#root{	width:100%;}
#header, header{	margin:0; width:98%; padding:20px; }
#header {
  position: relative;  
}

#header h1 {
  position: relative;
  z-index: 2; /* Schrift liegt über dem Bild */
}

#header .heartbeat {
  position: absolute;
  bottom: 0;
  left: 0;
  top:40%;
  width: 100%;
  z-index: 1;
}
h1 {font-size:2.5em; color:#4f8361; padding:0px; margin:0px }
h2{font-weight:normal; font-size:110%; color:#4f8361; text-align: center}
main, nav{	padding:30px}
a{	color: #4f8361}
a:hover{	text-decoration: underline; color: #4f8361}
h3{clear:both; border-bottom: 1px solid #4f8361; font-family: 'PT Sans Narrow', sans-serif; color:#4f8361; font-size:1.8em}
h4{	font-weight: normal; margin:0; padding:0; color: #4f8361; font-size:1.4em; font-family: 'PT Sans Narrow', sans-serif;}
.inhalt {	border: none; margin-top:5px; margin-bottom:5px} /*h3 fuer den Inhalt */
.clear{	clear: both}
.inhalt a{	color:#4f8361;}
.inhalt a:hover{	text-decoration: underline;}
.back-to-top { background:#003456; position: fixed; bottom:20px; right:20px; padding:0.5em 1em 0.5em 1em;
 color: #ffffff; font-weight:bold; -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;
}
a{	text-decoration: none;}
.anzeigen { text-align:center; display: block;  margin-left: auto;   margin-right: auto; }
.eigene{float:right; margin-top:0px; background-color:#2d4b9b; padding:3px; color:#ffffff} 
.selectwhat{text-transform: uppercase;}
.titel a, .rubrikanzeigen a, #footer a {color:#000000; text-decoration:none; }
.titel a:visited, .rubrikanzeigen a:visited, #footer a:visited {color: #000000; text-decoration:none}
.titel A:hover, .rubrikanzeigen a:hover, #footer a:hover {color: #6699cc; text-decoration:none;}

.headline{	float:right; padding:0px}

/*TABLE {border-collapse: collapse; padding: 5; border-color:#111111; font-size:1em }*/
CAPTION {font-spacing:0.2em; font-weight:bold; margin-top:5pt; margin-bottom:5pt; 

		text-align:left}
.floatimg{float:left; margin-right:20px; margin-bottom:10px; margin-top:10px}

		.navizeile  {			 margin-top:20px;	color: #000000; 	}
		.navizeile a{			color: #000000		}
		.navizeile a:hover{
			text-decoration: underline;
		}
hr{border: 0; border-top: 1px double #a3a3a2}	
img{
	max-width: 100%;
	height: auto; /*dann ist es egal, ob die Bilder im html Gr��enangaben besitzen */
}
.ergebnisse li{ line-height: 20px	}	
TABLE.kal {margin: 0em; padding: 0; border: 0px; border-color:#111111; }
TABLE.main {border-width: 10px; padding: 10px; border-color:rgb(200,240,230); font-size:0.9em}
.absolut{	position: absolute; bottom:0px; right:8px}


.Button { background-color:white; color:white; border:1px; border-color: silver}
.rot {color: orange;}
.rubrik {font-size:1.4em; font-family: 'PT Sans Narrow', sans-serif; color:#4f8361; line-height:110%; font-weight: 400}
.titel{	font-family: 'PT Sans Narrow', sans-serif; font-size: 1.8em; font-weight: 400; margin:0; padding:0; color:#004773 }
.titel a{color:#4f8361}
.titel a:hover{ text-decoration: underline;}
.titel a:visited{color:#4f8361}
.infozeile{	margin-top:20px; padding:0; color:#000000 }
.infozeile a{	color: #000000; text-decoration: none;}
.infozeile a:hover{	text-decoration: underline;}

.kb{	font-weight: normal; font-size: 0.9em}
.abstract {font-size:0.9em; color:#000000}
.keyword {font-size:1em; line-height:110%; color:2d4b9b}
.autor {font-variant: small-caps; }
.rahmen, .rahmen2, .rahmen2_float {border-width:1px; border-style:solid; border-color:#2d4b9b; padding:10px;	margin-bottom:10px; margin-bottom:10px; width:95%}
.rahmen2, .rahmen2_float {width:45%}
.rahmen2_float, .wbg{	float: left; margin-right:15px}

.block1{	float: left}
.block2{	float: right; margin-right:20px}
.rahmen3 {border-width:1px; border-style:solid; border-color:#4f7b53; padding:10px;	margin-bottom:10px; width:93%}

.rubrikanzeigen {	margin-top: 0}
.rubrikanzeigen a{	font-weight: normal;}
.rubrikanzeigen li{ line-height:140%; list-style: square }
.amlogo{position:absolute; bottom:20px; right:50px}
legend{	color:#032b49; font-weight: bold}


.datenschutz {	margin: 0; text-align:left; font-size:1.5em}
.blue {color:#2d77c1; font-weight:bold;}

.vsmall  {font-size:0.7em}
.content li{	list-style: none;}
.bold{	font-weight: bold}

.liste ul {margin: 0px; padding: 0; 	}
.liste li {	border-bottom: 1px solid #a3a3a2; 	list-style: none;}
.liste li a {	background: #ffffff;		display: block;	padding: 5px;	text-decoration: none;}
.liste li a:hover {	background: #ebf1fb;	display: block;}
.aerzteblaetter, .aerzteblaetter1{background-color:#ffffff; padding:10px;
box-shadow: 3px 3px 3px #a7afb6;
    -moz-box-shadow: 3px 3px 3px #a7afb6;
    -webkit-box-shadow: 3px 3px 3px #a7afb6;
	 margin-top:50px; border:1px solid #a7a9ab	}
.aerzteblaetter{	background-color: #eeeeee}
.aerzteblaetter p {font-weight: bold; }
.aerzteblaetter a, .aerzteblaetter1 a{	margin-right: 10px}
.ueberschrift{background-color: #b1b3b5; margin-top:20px; margin-bottom: 5px;  }
.ueberschrift p{	color:#ffffff; padding: 5px; margin: 0; font-weight: bold; }
#footer{	font-size: 0.8em; margin-top:50px; clear:both}
.vt {	width: 98%}

input[type=text], select, textarea{
	width: 100%; 
   background-color: seashell; 
	padding:10px; 
	font-family: 'Open Sans', sans-serif; 
	font-size:1em;
	box-sizing: border-box;
  resize: vertical;
}
label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}
.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}
.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
input[type=submit], .link {
  background-color: #4f8361;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
  text-transform: uppercase;
  margin-top:20px;
  font-size:1.2em;
}
.link{	float: none;}
.link a{
	color: #ffffff;
	text-decoration: none;
}
.link a:hover{
 text-decoration: underline;
}

#spalte1{	width: 20%}
#spalte2{	width: 80%}

.hinweis{	display: none;}
.mobile{	display: none;}

@media only screen and (max-width:1100px){
h1{font-size:2.2em; padding:0px; margin:0px}}

@media only screen and (max-width:950px){
input.nav, select {font-size:90%}
}

@media only screen and (max-width:870px){
h1{font-size:1.8em; padding:0px; margin:0px}
.rahmen2, .rahmen2_float {width:100%}
.rahmen2_float{	float: none;}
.wbg{	display: none;}
.rubrikanzeigen li{ line-height:200%; }
.block1, .block2{	float: none;}
.block2{	margin: 0}

}

@media only screen and (max-width:780px){

.wrappdetail{   width: calc(100%/1);	}
.banner{	display:none}
#header .heartbeat {  top:50%;}
}

@media only screen and (max-width:640px){
#header{	padding:5px;}
.col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
 main, nav{	padding:10px}
 .titel{
 	clear: both;
 }
.eigene, .desk, .amlogo{	display: none;}
.hinweis{	display: block; color: red; font-weight: bolder;}
.mobile{	display: block;}
.headline{	float:none; }
.row:after {margin-bottom:20px}




}
@media only screen and (max-width:570px){
body{	font-size: 1.3em;}
h1{font-size:200%; padding:0px; margin:0px; text-align:center}
h2{font-weight:normal; font-size:110%; margin-top:0px; padding:0; text-align: center;}
#header .heartbeat {  top:100%;}

}


@media only screen and (max-width:400px){
#header img{	display:none}
#header h2{	margin-bottom: 20px}
}