/*   responsive   */

@media only screen and (max-width: 35em) {
header {padding-bottom: 0em;}
aside  {width:100%; padding: 0em 1% 1% 1%;}
#col2  {width:0%; padding: 0% 0% 0% 0%; display:none;}
main  {width:100%; padding: 1% 1% 1% 1%;}
h1           {font-size: 1.2em;}
h1.mail      {font-size: 1.0em;}
img#tobi     {width: 6em; height: auto;}
span.hide     {display:none;}
.unten      {padding-bottom: 0.2em;}
header {height: 14em;}
}


/*  ---------- um Google-ranking zu sichern ----------------- */ 
@media only screen and (max-device-width: 380px) {
html  {font-size: 0.85em;}
aside  {width:100%; padding: 0px 1% 1% 1%;}
#col2  {width:0%; padding: 0% 0% 0% 0%; display:none;}
main  {width:100%; padding: 1% 1% 1% 1%;}
h1           {font-size: 1.2em; line-height: 1.2;}
h1.mail      {font-size: 1.0em;}
img#tobi     {width: 6em; height: auto;}
span.hide     {display:none;}
}