html {
    overflow: scroll;
    scroll-behavior: smooth;
   	scrollbar-color: rgb(184,18,39) white;
    }

BODY {
  text-align: center;
  font-family: 'Mohave';
  font-size : 14px;
    }
  
p{
    line-height : 1.6em;
    letter-spacing: 0.05em;
	color: rgb(77,77,77);
}

h1 {
    font-size : 2.5em;
    color: rgb(77,77,77);
	padding-top: 1em;
        }

h2 {
    font-size: 1.8em;
    font-weight: 600;
    color:hite w;
    padding-top:0.7em;
   }

h3 {
   font-family: 'Architects Daughter';
    font-size:1.6em;
	color: rgb(20,46,106);
    margin-top: 0;
    margin-bottom: 0.8em;
}

h4 {
    font-size: 1.3em;
    color:rgb(77,77,77);
    margin-top:1.3em;
}
#behelfsseite {
    width:100%;
    margin:auto;
}
#behelfsseite h1{
   margin-top:-1em;
   font-size:5vw;
   color: rgb(248,248,248);
}

#behelfsseite h3 {
    font-size:2em;
}
#behelfsseite img {
    width: 450px;
    margin-top:1.5em;
}
#impressum {
    width:80%;
    margin:auto;
    text-align: left;
}

/*media Anweisungen -----------------------------------------------*/
@media screen and (min-width: 600px) {
 header {
     height:  8vh;  
}
    
 p {
     font-size: 1.2em;
    }    

    /*Einblenden von Inhalten*/
  .content {
    animation: einblenden 4s;
    -moz-animation: einblenden 4s; 
    -webkit-animation: einblenden 4s; 
    -o-animation: einblenden 4s;
}  
 @keyframes einblenden {
    from { opacity:0; }
    to { opacity:1; }
    }
    @-moz-keyframes einblenden { 
    from { opacity:0; }
    to { opacity:1; }
}
    }

@-webkit-keyframes einblenden { 
    from { opacity:0; }
    to { opacity:1; }
}

@-o-keyframes einblenden { 
    from { opacity:0; }
    to { opacity:1; }
}