BODY {
    scrollbar-face-color:#FF0000; 
    scrollbar-shadow-color:rgb(253,252,239); 
    scrollbar-highlight-color:rgb(253,252,239); 
    scrollbar-3dlight-color:rgb(253,252,239); 
    scrollbar-base-color:rgb(253,252,239);
    scrollbar-arrow-color:rgb(0,0,0); 
    scrollbar-track-color:rgb(253,252,239);

    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 24px;
}
a:link, a:visited {
    color: #0000FF;
}
a:active, a:hover {
    color: #800080;
}

.clear {
    clear: both;
}
.wrapper {
    width: 80%;
    height: auto;
    margin: 0 auto 60px;
    
}
.header {
     width: 100%;
     height: auto;
     
}
.contentwrap, .navi {
    background-color: #FFF;
    padding: 20px ;
    margin-top: 50px;
    border: 10px solid rgb(249,5,5);  
}

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

.contentblock {
    width: 80%;
    height:700px;
    margin: 0 auto ;
    padding: 10px auto;
    background-color: #FFFFFF;
}

.navArea {
    float: left;
    width: 100px;
    background-color: white;
    margin: 0 15px 0 0;
    padding: 0;
}
.f-nav{ z-index: 9999;
        	position: fixed;
			left: 24%;
			top: -47px;
			width: 50%;
			padding: 3px;

}
.contentArea-slider {
    width: 70%;
    height: auto;
    background-color: #fff;
    margin: 50px auto;
    font-size: 16px;
    box-shadow: 0 0 10px 10px  grey;
}

.Listeu {
    width: 100%;
}

.Listeu h3 {
    display: inline;
}
#linkeListe, #rechteListe {
    float: left;
    width: 30%;
    min-width: 350px;
    margin-left: 10%;
    font-weight: 400;
    background-color: #00FF00;
}

 #dockeye {
	background:#transparent;
	text-align:center;
	position:relative;
}
#dockeye img {
     width: 10%;
     margin-left: 2%;
     min-width: 80px;
}
#dockeye img:hover {
width: 12%;
height: auto;
	outline: none; }
.ruecklink p {
     font-family: 'Nunito', sans-serif;
     font-size: 24px;
     font-weight: bold;
     margin-left: 80%;
 }


.formfoot1, .formfoot2 {
     width: 27%;
     font-family: Arial;
     font-size: 24px;
     
     min-width: 300px;
     float: left;
     margin-left: 3%;
}
.formfoot2 {
     width: 34%;
     font-family: Arial;
     font-size: 24px;

     min-width: 300px;
     float: left;
     margin-left: 3%;
}
 .formfoot3 {
    margin: 0 auto;
    width: 15%;
    min-width: 200px;   
    float: left;
}
.formfoot3 img {
    width: 60%;
    height: auto;
    margin-top: 10px;
    margin-left: 10%;
    
} 
.footer {
    background-color: #FFF;
    padding: 20px ;
    margin-top: 50px;
    margin-bottom: 5px;
    border: 10px solid rgb(249,5,5);
    width: auto;
    height: auto;
      display: flex;
      flex-wrap:wrap;
    
}
  #ipsum {
    width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.arbeit {
    width: 213px;
    height: 170px;
    position: fixed;
    top: 250px;
    right: 5px;
}
.arbeit h2 {
    font-size: 20px;
}
 @media only screen and (max-width: 640px) {
.arbeit {
    width: 150px;
    height: 170px;
    position: fixed;
    top: 50px;
    right: 25px;
}
.arbeit h2 {
    font-size: 18px;
}

 }
.counter {
             clear: both;
             width: 100%;

}

@media only screen and (max-width: 1100px)
 {
 body {
     font-size: 20px;
 }
 .wrapper {
     width: 90%;
 }
.contentArea {
     width: 80%;
     height: auto;
       margin-left: 10%;
    padding: 0;
}
 .contentArea-slider {
     width: 95%;
     margin: 0px auto;
 }
#dockeye img {
    width: 13%;
}
.contentwrap, .navi {
    margin-top: 30px;
}
.f-nav {
      left: 14%;
      top: -30px;
	  width: 70%;
} 
}
  @media only screen and (max-width: 640px) {
body {
    font-size: 16px;
}
h2 {
    font-size: 20px;
}
.wrapper {
    width: 95%;
    height: auto;
} 
.contentArea {
     width: 90%;
}
table {
    font-weight: bold;
}
 .ruecklink p {
     font-size: 20px;
     margin-left: 60%;
 }
.formfoot1, .formfoot2 { 
    width: 80%;
    min-width: 200px;
    font-size: 18px;
    margin: 10px auto;
} 
#dockeye img {
    width: 10%;
    min-width: 50px;
}
.navi {
    padding: 5px;
}
.f-nav {
      left: 4%;
      top: -20px;
	  width: 90%;
}
.contentwrap, .navi, .footer {
    margin-top: 20px;
    border: 5px solid rgb(249,5,5);
}  
  }