*,::before,::after{box-sizing:border-box}
body{max-width:90vw;margin:0;padding:10px;font:normal normal normal 1em Arial,sans-serif;color:#800;background-color:#fff;line-height:1.3;font-size:100%}
p,ul{color:#333}
p{padding:0;margin:0}
header{margin:0;padding:1em;background:url(../img/bg_header.jpg); min-height:5em}
header a{padding:5px 60px;min-height:1em;background:url(../img/wir.png) left no-repeat;text-decoration:none}
header p{font-variant:small-caps;font-size:1.3em}
header span{font-weight:700}
.akzentfarbe1{color:#db3}
.akzentfarbe2{color:#800}
article{position:relative;z-index:-1;text-align:justify;display:flow}
h1{color:currentColor;padding:2px;margin:2px;font-size:24px}
h2{color:currentColor;padding:2px;margin:2px;font-size:20px}
h3{color:#999}
h1 a{font-size:50px}
a{font-weight:700;color:#eee;text-decoration:none;margin:0;padding:5px;border-radius:.3em;}
a:hover,a:focus{color:#111;background-color:#fe0;width:100%}
h2.img{padding-left:2.5em;height:70px}
.img.about{background:url(../img/wir.png) left no-repeat}
img{border:none 0;max-width:92%}
.news{background:top .5em right .5em no-repeat #eee;padding:0 1em 1em;}
.news h3{color:#666}
.news.consultation{background-image:url(../img/handy.png)}
.news.info{background-image:url(../img/mail.png)}
.news ul{margin:2em 0;padding:0;color:orange;list-style-position:inside}
.news li{font-weight:700;padding:.5em 0}
.news li span{color:#474747}
footer{margin:2em 0;display:flex;color:#aaa}
footer ul{flex:1 1 100%;padding-left:0;margin-left:0}
footer li{list-style-type:none;display:inline-block;border-left:.2em solid #989898}
footer li:first-child{border-left-color:transparent}
footer a{color:#999}
footer a:hover,footer a:focus{color:#333}
footer li a{padding:0 .5em 0 .7em}
ul{padding:0;margin:10px;}
.top { font-size:26px;position:sticky;bottom:40px;--offset:100px;margin-top:calc(100vh + var(--offset));margin-left:91%;}

@media screen and (min-width: 45em) {
header{background:#eee;background:url(../img/bg_header.jpg);background-size:100% 100%}
section{flex:1 48%;margin:1%}
}
@media screen and (min-width: 58em) {
header p{font-size:2em}
section,aside{flex:1 31%;margin:1%}
article{flex:0 0 50%;margin:3%}
aside p{margin-bottom:3em}
aside p:last-child{margin-bottom:1.2em}
}

nav{z-index:1;background-color:#921;box-shadow:0 .6em .3em 0 rgba(0, 0, 0, .75);}


.drehen { transition:all .5s; display:inline-block; text-rendering:auto; font-size:24px;color:#fff; text-shadow:#111 2px 2px 4px;}
.drehen:hover {transform:rotate(360deg);}      /* transform: skew(10deg, 30deg); */

a{padding:10px 20px;color:#fff;}
nav{display:none;position:relative;text-align:center;padding:8px;z-index:999;}

nav ul li{list-style:none;padding:10px;margin:2px;height:40px;border-radius:10px 4px;border:1px solid #bbb;background:linear-gradient(to bottom, #69a 0%,#135 100%);text-align:center;}
input#open-menu{display:none;}
input[type=checkbox]:checked~nav{display:block;}
label.menu-bez{background:linear-gradient(to bottom, #69a 0%,#135 100%);padding:6px 10px 6px;border:1px solid white;display:block;margin-left:12%;margin-right:12%;text-align:center;}

@media only screen and (min-width: 760px){
nav{display:block;margin:0;}
nav ul li{display:inline;width:120px;}
label.menu-bez{display:none;}
article{max-width:80%;margin-left:auto;margin-right:auto}
.news{background:top .5em right .5em no-repeat #eee;padding:0 1em 1em;min-width:30%;float:left}
}