body, tml {
    font-family: Verdana;
    font-size: 24px;
}
.kopf {
    position: relative;
}
.kopf img {
      width: 100%;
    height: auto;

}
.nav{
    width: 95%;
    position:absolute;
    right:5%;
    bottom:20px;
   color: #A75F4A;

white-space:nowrap; /*IE hack*/
float:right; /* anstelle von float:left, wenn float benötigt wird */
border:none;
margin:0px 0px 0px auto;
font-size:1.1em;
}
.nav ul {
list-style-type:none;
text-align:right;
  color: #A75F4A;
}
/*erste Ebene nicht aktiv*/
.nav ul li {
float: right;
display:inline;
z-index:auto !important; /*Non-IE6*/
z-index:1000; /*IE6*/
margin:0px 1px ;
  color: #A75F4A;
}
.nav a {
font-family: Arial;
font-weight: bold;
font-size: 24pt;
text-decoration: none;
 text-shadow: 0 0 3px black;
     color: red;
}
.nav a:link {
float: right;
margin-left: 5%; }
.nav a:visited { background-color: lavender }
.nav a:hover { background-color: pink }
.nav a:focus { background-color: aquamarine; color: black }
.nav a:active { background-color: oldlace }
.nav a:visited:hover{background-color:gray;color:white }
.wrapper {
    width: 80%;
    height: auto;
    margin: 0 auto;
}
.kopf-k {
    width: 100%;
    height: auto;
    position: relative;
    display: none;
}
.kopf-k img {
     width: 100%;
    height: auto;

}
.nav-k {
   font-size: 24pt;
    position: absolute;
    right: 20px;
    bottom: 40px;
}
.nav-k select {

     font-size: 24pt;
}
.contentwrap {
    width: 100%;
    height: auto;
    margin: 40px auto;
    background-color: rgba(255,255,230,0.85);
    border: 7px solid #c86432;
    font-family: Arial;
}
.termin {
    	width:340px;
	height: auto;
	margin: -50px 70% 50px;

	
}
 .obst {
     width:100%;
    height: auto;

 }
.obst img {
    width:90%;
    height: auto;
    margin: 0px 4%;

}
.links, .rechts {
    width: 45%;
    margin: 0 2%;
    float: left;
}
.rechts {
    position: relative;
}
.rechts img {
    width: 100%;
    height: auto;
    display: block;
}
 .clear {
    clear: both;
}
article {
    width: 100%;
    height: auto;
    display: flex;
}
article marquee {
    width: 57%;
	height: 270px;
    position: absolute;
    top: 250px;
    left: 27%;
    font-size: 22px;

}
.block {
    width: 95%;
    margin: 30px auto;

}
h1 {
color: #077D36 ;
    
}
.hilfe {
	font-size: 28px;
	margin-top: 10px;
	margin-left: 80%;
}
.ruecklink {
     font-family: 'Nunito', sans-serif;
     font-size: 24px;
     font-weight: bold;
     margin-left: 65%;
 }
.ruecklink a{
     font-family: 'Nunito', sans-serif;
     font-size: 24px;
     font-weight: bold;
    
     color: #0000FF;

 }
.formfoot1 {
     width: 20%;
     font-family: Arial;
     font-size: 24px;
     min-width: 180px;
     float: left;
     margin-left: 3%;

}
.formfoot2 {
     width: 40%;
     font-family: Arial;
     font-size: 24px;
     min-width: 310px;
     float: left;
     margin-left: 3%;

}
 .formfoot3 {
    margin-left: 3%;
    width: 30%;
    min-width: 120px;
    font-family: Arial;
     font-size: 24px;
    float: left;


  }
.formfoot3 img {
    width: 20%;
    height: auto;
    margin-top: 10px;
    margin-left: 2%;
    float: right;
    min-width: 80px;

}
.footer {
    background-color: rgba(255,255,230,0.85);
    padding: 20px ;
    margin-top: 50px;
    margin-bottom: 5px;
    border: 7px solid #c86432;;
    width: auto;
    height: auto;
      display: flex;
      flex-wrap:wrap;

}
.fussbutton {
    width: 40%;
    height: auto;

	margin-left: 56%;
}
.fussbutton a  {
    width: 30%;
	float: left;
	margin-left:2%;

}
.fussbutton a img {
	width: 90%;
}
.hoch {
    width:40px;
    height: auto;
    bottom: 5px;
    position: fixed;
    right: -5px;
}
.hoch img {
    width: 100%;
    height: auto;
}
@media only screen and (min-width: 1501px) and (max-width: 1700px) {
body, tml {
     font-size: 20px;
     }
article marquee {
    width: 57%;
	height: 200px;
    position: absolute;
    top: 210px;

}
}
 @media only screen and (min-width: 1201px)and (max-width: 1500px) {
body, tml {
     font-size: 20px;
     }
 article marquee {
    height: 170px;
    top:170px;
    font-size: 18px;
    }
.nav a {
    font-size: 20pt;
}
 .formfoot1, .formfoot2, .formfoot3 {
     font-size: 20px;
 }
 }
@media only screen and (min-width: 981px) and (max-width: 1200px)
 {
 body, tml {
     font-size: 20px;
 }
 .wrapper {
     width: 90%;
 }
.nav a {
    font-size: 16pt;
}
.termin {
width: 300px;
   margin: -20px 50% 0; 
}
 article marquee {
    height: 150px;
    top:150px;
    }
  .formfoot1, .formfoot2 {
     width: 40%;
     min-width: 220px;
  }
  .formfoot1, .formfoot2, .formfoot3 {
     font-size: 20px;
 }
  .formfoot3 {
      width: 70%;
      margin: 20px auto;
      float: none;
  }
 .fussbutton {
	 width: 50%;
	 margin-left:46%;
	 }
  }
 @media only screen and (min-width: 861px) and (max-width: 980px) {
  body, tml {
     font-size: 20px;
 }
 .wrapper {
     width: 95%;
 }
.nav a {
    font-size: 14pt;
}
article marquee {
    height: 170px;
    top:130px;
    font-size: 18px;
    }
.fussbutton {
	 width: 50%;
	 margin-left:46%;
	 }
 }
@media only screen  and (max-width: 860px){
 body, html {
     font-size: 18px;
}
.kopf {
    display: none;
}
.kopf-k {
     width: 100%;
    height: auto;
    position: relative;
    display: block;
}
.wrapper {
    width: 100%;
}
article {
    display: inline;

}
.links, .rechts {
    float: none;
    width: 80%;
    margin: 10px auto;
}
.rechts {
    float: none;
    width: 60%;
    margin: 10px auto;
}
article marquee {
    height: 180px;
    top:160px;
    font-size: 18px;
    }
.fussbutton {
	 width: 70%;
	 margin-left:26%;
	 }
}
.formfoot1, .formfoot2 {
    font-size: 20px;
}
@media only screen  and (max-width: 700px){

.wrapper {
    width: 100%;
}
.nav-k {
    right: 5px;
    bottom: 10px;
}
.nav-k select {
     font-size: 20pt;
}
 article marquee {
    height: 180px;
    top:100px;
    font-size: 16px;
    }
 .formfoot1, .formfoot2, .formfoot3 {
     font-size: 18px;
 }   
}
@media only screen  and (max-width: 450px){ 
   article marquee {
    height: 170px;
    top:70px;
    
    }
}