*{margin:0;padding:0;box-sizing:border-box}html{color:white;background:url(../bilder/hg-400.jpg);background-size:cover;height:100%}body{min-height:100%;display:flex;flex-direction:column;flex-wrap:wrap;max-width:100%}a{color:white;text-transform:uppercase;text-decoration:none;margin:0 5px}nav{text-align:left;font-family:"Lato", serif;font-size:1em;order:0;max-width:100%;padding:10px 20px}.dont-panic{content:url(../bilder/keine-panik.png);max-width:100%;max-height:162px;order:1;padding:0 20px}h1{max-width:100%;text-align:left;font-family:"Lato", serif;font-size:1.6em;filter:dropshadow(color=#000,offx=8,offy=8);order:2;padding:0 20px}.bottom{display:flex;flex-direction:column;order:3;flex-grow:1}.bottom .gull{position:relative;order:0;background:url(../bilder/moewe-412.png) no-repeat bottom right;background-size:contain;flex-grow:1;min-width:200px;min-height:200px;margin-left:20px}.bottom footer{order:1;background-color:#0c6b3b;text-align:center;vertical-align:middle;padding:20px 0;position:relative;bottom:0}.bottom footer .footerLogo{content:url(../bilder/isuma-logo.png);display:inline-block;vertical-align:middle;margin:5px auto;max-width:218px;max-height:147px}.bottom footer .footerPhone::before{content:url(../bilder/tel.png);top:14px;position:relative}.bottom footer .footerPhone{position:relative;font-family:"Lato", serif;font-size:25px;margin:5px auto}.bottom footer .footerSocial{font-weight:bold;margin:10px auto 0 auto}@media (min-width: 820px){html{background-image:url(../bilder/hg-800.jpg)}body .dont-panic{max-width:720px;padding:0;margin:0 50px}body h1{font-size:1.8em;max-width:720px;padding:0;margin:0 50px}body nav{max-width:720px;padding:0;margin:10px 50px}body .bottom{flex-direction:row;padding:0;margin:0 auto;width:100%}body .bottom .gull{order:1;background:url(../bilder/moewe-839.png) no-repeat bottom right;background-size:contain;flex-grow:1;max-width:839px}body .bottom footer{padding:25px 50px;order:0;background-color:transparent;text-align:left;position:relative;bottom:0;align-self:end}}@media (min-width: 1200px){html{background-image:url(../bilder/hg-1200.jpg)}body nav{position:relative;padding:0;margin:10px 0 0 15%}body .dont-panic{position:relative;padding:0;margin:0 0 0 15%}body h1{font-size:2em;position:relative;padding:0;margin:0 0 0 15%}body .bottom{position:relative}body .bottom footer{display:flex;flex-direction:row;padding:0;margin:0 0 88px 15%}body .bottom footer .footerInfo{align-self:center;margin-left:20px}}@media (min-width: 1920px){html{background-image:url(../bilder/hg-1920.jpg)}}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:url("../fonts/lato-v16-latin-regular.eot");src:local("Lato Regular"),local("Lato-Regular"),url("../fonts/lato-v16-latin-regular.eot?#iefix") format("embedded-opentype"),url("../fonts/lato-v16-latin-regular.woff2") format("woff2"),url("../fonts/lato-v16-latin-regular.woff") format("woff"),url("../fonts/lato-v16-latin-regular.ttf") format("truetype"),url("../fonts/lato-v16-latin-regular.svg#Lato") format("svg")}