html {
    background-color: beige;
    font-family: Arial;
	background-color:#6997A9;
	color: black;
}
a { text-decoration: none; color: inherit;}
body { 
    width: 90%;
	margin: 0px auto;
    padding: 0;}

header {
    background-color: white;
    width: auto;
    padding: 10px 30px;
    cursor: default;
}
header h1 { color: #497281;}

@media only screen and ( min-width: 970px ) {
    /* breites Browserfenster */
    
    body { margin: 20px auto;}
    header {  border-top-left-radius: 10px; border-top-right-radius: 10px;}
    header h1 {font-size: 32px;}
    
    
}


@media only screen and ( max-width: 440px ) {
    /* mobile Geräte */
    
    body { width: auto;}
    header h1 {font-size: 18px;}
    
}


@media only screen and ( min-width: 440px ) and ( max-width: 970px ) {
    /* Tablets und mittlere Bildschirme */
    
    body { width: auto;}
    header h1 {font-size: 24px;}
    
}