body   {position: relative; font-size: 16px; font-family: "Trebuchet MS"; background-color: white; width:100%;}
img{width:100%; height: auto;}
.wrapper{
    width:60%;
    margin: 0 auto;
    min-height: 10em;
    
   
}
.center{text-align: center;}
.kontakt{
    margin:auto;
    padding-left:2rem;
    display:flex; 
    justify-content:center;
    width:80%;
}
p  { font-size: 16px; line-height: 13px; font-family: "Trebuchet MS" }
b { font-weight: bold; font-family: "Trebuchet MS" }
h1   { color: black; font-style: normal; font-weight: normal; font-size: 18px; }
.nav  { color: white; font-size: 11px; line-height: 13px; font-family: "Trebuchet MS" }
.navoff { color: #8092e5; font-size: 11px; line-height: 13px; font-family: "Trebuchet MS" }
a  { text-decoration: none }
a:link  { text-decoration: none }
a:visited {  }
a:hover  { text-decoration: underline }
a:after { text-decoration: none }
a:active  { text-decoration: none }
input { font-family: "Trebuchet MS"; font-size:16px; border:0; width:80%;padding-left:1rem;padding-right: 1em;}
input:active{outline:0;}
ul   { font-size: 16px; font-family: "Trebuchet MS" }
li  { font-size: 16px; font-family: "Trebuchet MS"; margin-left: 0px }
.intro{flex: 1 1 0%; color:#3b4da0;}
 .front{color:#3b4da0;}

/*kleine Ausgabegeräte */

@media screen and (max-width:796px) {
    .wrapper{100%;margin:5rem auto; padding:0;}
    .kontakt{flex-direction: column; padding:0;}
    .intro{padding-bottom:1rem;}
    img{margin:0;}
    form{display:none;}
    
}