@charset "UTF-8";



 body{
width: 700px;
max-width: 90%;
background-color:#ffffff;
margin:  0 auto;
font-family: Arial, Geneva, Helvetica, sans-serif;
 }


h1{
color:#000000;   /*  */
  font-size:10pt;  /* Größe 28pt   */
  font-family:arial, "lucida console", sans-serif;
line-height: 1.2em;    
font-weight: lighter;
font-style: normal;
padding: 0.2em;
}


h2{
color:#000000; 
line-height: 1.2em;
font-size: 1.9em;
font-weight: lighter;
font-style: normal;
font-family: sans-serif;
}



.wrapper{
max-width: 860em;
margin: 10em  auto;

}

 div#navigation a {
    margin: 0.3px;
    color:#000000;

}
#button {
 position: absolute;
 padding-top: 200px;
 width: 0.4em;
}
   


 
  #linksbox2 { /* text-vita */
  font-family: arial;
  font-size: 18px;
  padding: 0.2em;
  position: absolute; 
  left:40em;
  top: 10em;
  width: 40em;
  color:#000000;}
     
 
  #linksbox {/* text-menu */
   color:#000000;
   margin: 10px;
   position: absolute;
   top: 10em;
   left: 3.3em;
   float: right;
   font-size: 0.9em;
   font-family: sans-serif;}
 
 a{
  color:#000000;
} 
 
p {
  font-size: clamp(16px, 2vw, 32px);
}

p {
  font-size: clamp(1em, calc(1em + 1vw), 2em);
}

#txt {
   margin: 0px;
   position: absolute;
   top: 4em;
   left: 15em;
   float: right;
   font-size: 0.7em;
   font-family: sans-serif;
 float: none;
color: #000000;} 
 

txt2 { /* daten */
 
  font-family: arial;
  font-size: 0.7em;
  padding: 0.1em;
  left: 40em;
  top: 12em;
  width: 30em;
color:#000000;}





 /* linke schrift links*/
p{
margin: 1px;
padding-top: 1em;
color:  #000000; 
font-style: normal;
font-family: sans-serif;
letter-spacing: px;
line-height: 2px;
 font-size: 0.8em;
color:#000000;
}

li{
list-style-type: none;    
}

#mail{
margin-top: 1em;   

}

.images{
margin-top:3em;
padding-left: 1em;

}

section{
min-height: 30vh;
}


.beispiel-1{
display: grid;
place-items: center;
}


#bild{
margin-top: -9em;
width: 100%;
height: 100%;
padding-left: 0,7em;
}



img{ /* bild eingang*/
margin-top: 9em;
width: 100%;
height: 100%;
padding-left: 0,7em;
}

 
a{
color:  #000000;    

}

span{
margin-top: 0.2em ; 
color:  #000000; font-style: normal;
font-style: normal;
font-family: sans-serif;
margin-left: 2em; 
}

  /* bild */
.Slides{
    margin-top: 3.9em;
    width: 30em;
    height: 30em;
}


@media only screen and (max-width: 480px) {
  img {
  width: 50%
  }  

@media screen and (max-width: 64em) {
 body {
      font-size: 90%;
   }
}

@media screen and (max-width: 50em) {
 body {
       font-size: 75%;
   }
}

@media screen and (max-width: 30em) {
   body {
        font-size: 50%;
  }
}