* {
    border:0;
    margin:0;
    padding:0;
}
    
body {
    color:#111111;
    font:1vw Arial, sans-serif;
}

/* mobil */
@media screen and (max-width: 75em) {
    body {
        font: 12px Arial, sans-serif;
    }
}

a {
    text-decoration:underline;
}

img {
	width: 100%;
    max-width: 70px;
}

#header {
    /*background-color:#dddddd;*/
    background: linear-gradient( #dad0ed, #c0a5f1 );
}
    
#header_resize {
    max-width:70em;
    margin:0 auto;
    padding:0;
}

.logo {
    float:left;
    padding:1em 1em 1em 1em;
}

.logo a {
    text-decoration:none;
    color:#111111;
    font:2em Arial, sans-serif;
    margin:0;
}

.logo p {
    text-decoration:none;
    color:#555555;
    font:1em Arial, sans-serif;
    margin:0;
}

.logo a:hover {
    color:#8056c4;
}

.clr {
    clear:both;
    width:100%;
    font-size:0;
    line-height:0;
    margin:0;
    padding:0;
}

#menu_header {
    background-color:#c8b2f3;
    /*position: sticky;
    top: 0px;*/
    height:100%;
}
    
#menu_nav {
    max-width:70em;
    margin:0 auto;
    display: flex;
}

#menu_nav ul {
    list-style:none;
}
    
#menu_nav ul li {
    float:left;
    margin:0;
    padding:0.5em 1em 0.5em 1em;
}
    
#menu_nav ul li a {
    color:#111111;
    text-decoration:none;
    font:0.9em Arial, sans-serif;
    line-height:1;
}
    
#menu_nav ul li a:active,#menu_nav ul li a:hover {
    color:#8056c4;
} 
 
#content {
    max-width:70em;
    margin:0 auto;
}

#content_resize {
    padding:1em 1em 1em 1em;
}

#content p {
    line-height:1.5;
    margin:0.6em 0;
}  
  
#content a {
    color:#111111;
    font:0.9em Arial, sans-serif;
    line-height:1;
}

#content a:active,#content a:hover {
    color:#777777;
}

h1 {
    background-color:#d4c4f4;
    font:1.5em Arial, sans-serif;
    color:#111111;
    margin:0.6em 0;
    padding:0.6em 0;
}
    
h2 {
    font:1.2em Arial, sans-serif;
    color:#111111;
    margin:0.6em 0;
    padding:0.6em 0;
}

p {
    font:1.0em Arial, sans-serif;
    color:#111111;
}

#footer {
    background-color:#c8b2f3;
    height:100%;
    text-align:center;
    margin:3em 0;
}
    
#footer p {
    width:auto;
    font:0.9em Arial, sans-serif;
    line-height:1.5;
    color:#555555;
    margin:0;
    padding:0.5em 0;
}
    
#footer a {
    color:#555555;
    text-decoration:underline;
}
    
#footer a:hover {
    text-decoration:none;
}