/* Änderungen:

--->

zu komplett entfernen */ /* mobile change */ #burger { display: none; } #page #middle { position: relative; } @media screen and (max-width: 800px) { #page #content h1 { margin-top: 1.5em; /* burger menu would overlap */ } #page { width: 100% !important; } #page #middle { border-left: 0 !important; border-right: 0 !important; } #menu { display: block; position: absolute; z-index: 1; background: white; height: 100%; transform: translateX(-100%); transition: all 300ms; } #menu:target { transform: translateX(0); border-right: 1px solid orange; } #burger { display: block; position: absolute; top: 0; left: 100%; } body #burger1, body #burger2 { width: 1.2em; line-height: 1.2em; font-size: 2.8em; background: orange; text-align: center; text-decoration: none; color: white; padding-bottom: .1em; /* letters, like this burger, are never vertically centered, fixing it by adding some space */ } #burger1 {display:block;} #burger2 {display:none;} #menu:target #burger1 {display: none;} #menu:target #burger2 {display: block;} body form[action="?kontakt"] table { width: 100%; } body form[action="?kontakt"] input[type="text"], body form[action="?kontakt"] textarea { width: 100% !important; box-sizing: border-box; } iframe[src*="google.com/maps/"] { width: 100% !important; } }