/*   responsive   */

@media only screen and (max-width: 35em) {
#col1  {width:48%; padding: 1% 1% 1% 1%;}
#col2  {width:48%; padding: 1% 1% 1% 1%;}
#col3  {width:98%; padding: 1% 1% 1% 1%;}
}

@media only screen and (max-width: 28em) {
#col1  {width:98%; padding: 1% 1% 1% 1%;}
#col2  {width:98%; padding: 1% 1% 1% 1%;}
#col3  {width:98%; padding: 1% 1% 1% 1%;}
#col1a, #col2a, #col3a  {font-size: 70%;}
}
@media only screen and (max-width: 18em) {
#col1a, #col2a, #col3a  {font-size: 80%; }
}

/*  ---------- um Google-ranking zu sichern ----------------- */ 
@media only screen and (max-device-width: 380px) {
html  {font-size: 2em;}
#col1  {width:98%; padding: 1% 1% 1% 1%;}
#col2  {width:98%; padding: 1% 1% 1% 1%;}
#col3  {width:98%; padding: 1% 1% 1% 1%;}
}