html{height:100%}body{min-height:100%;padding:0;margin:0;font:12px/1.6666 Tahoma,Helvetica,Arial,sans-serif;color:#4c4c4c;background:#fff;display:flex;flex-direction:column}body>footer>div,body>header>div,body>main>div{width:100%;margin:0 auto}@media only screen and (min-width:980px){body>footer>div,body>header>div,body>main>div{width:980px;max-width:980px}}body>header>div{text-align:center}@media only screen and (min-width:768px){body>header>div{display:block;text-align:left}}body>header h1{background:url(logo.png) 50% no-repeat;background-size:cover;width:203px;height:34px;text-indent:-1000em;margin:15px auto}@media only screen and (min-width:768px){body>header h1{margin:45px 10px 45px 0;float:left}}@media only screen and (min-width:768px){body>header nav{line-height:106px}}body>header nav h2{display:none}body>header nav ul{margin:0;list-style:none;padding:0;text-indent:0;display:flex;flex-direction:row}body>header nav ul li a{display:block;padding:15px 6px;text-transform:uppercase;color:#4c4c4c;text-decoration:none}body>header nav ul li a.active{color:#fbba00}@media only screen and (min-width:768px){body>header nav ul .languages{flex:1}}@media only screen and (min-width:768px){body>header nav ul .languages ul{float:right}}body>header nav ul .languages li{margin:9px 5px 10px}@media only screen and (min-width:768px){body>header nav ul .languages li{margin:52px 5px 53px}}body>header nav ul .languages a{width:31px;height:31px;background:url(flags.png) no-repeat;text-indent:-1000em;padding:0}body>header nav ul .languages a.en{background-position:-37px}body>header nav ul .languages a.de{background-position:-75px}body>main,body>main>div{flex:1;display:flex}body>main>div{align-items:center}body>main>div>div{flex-grow:1}body>footer{font-size:10px;text-align:center}h1{font-size:16px}h2{font-size:14px}label{display:block}