@media all{html,body{border:0;margin:0;padding:0}body{width:100%;font-size:15px;font-weight:lighter;color:#755029;background:#2c2c2c;background-image:url(../images/wood-l.jpg);background-size:100%;background-repeat:repeat, no-repeat}nav,header,main,footer{width:1170px}footer{background:white;margin:40px auto 00px;color:#755029}nav{position:fixed;z-index:200;top:0;height:80px;background:white;margin:0 auto 100px;left:50%;transform:translateX(-50%)}nav div.menubar{display:none}nav ul{text-align:center}nav ul li{display:inline-block;margin:0 10px 0 10px;vertical-align:top;font-family:'DkLemon', sans-serif;font-size:26px;cursor:pointer !important;position:relative;z-index:20}nav ul li a,nav ul li a:hover,nav ul li a:visited,nav ul li a:focus{color:#755029;padding-bottom:10px}nav ul li.active a{color:#6dc3c2}nav ul li.active:not(.logo) a,nav ul li:not(.logo) a:hover{background-image:url(../images/underline.png);background-position:bottom;background-repeat:no-repeat, repeat}nav ul li a,nav ul li a:hover,nav ul li a:visited,nav ul li a:focus{text-decoration:none}nav ul li:not(.logo){padding-top:15px}nav ul li.logo{background:white;padding:15px}nav ul li.logo img{height:150px}header{position:relative;z-index:10;margin:150px auto 100px}header .row>div{margin:0;min-height:100px}header .row>div.left,header .row>div.right{width:15%;padding-top:140px}header .row>div.left>a{display:block;background:rgba(255,255,255,0.5);padding:10px;margin-bottom:5px;width:120%;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transform:translate(80px, 0);-webkit-transform:translate(80px, 0);-o-transform:translate(80px, 0);-moz-transform:translate(80px, 0)}header .row>div.left>a:hover{transform:translate(60px, 0);-webkit-transform:translate(60px, 0);-o-transform:translate(60px, 0);-moz-transform:translate(60px, 0)}header .row>div.left>a:nth-child(1),header .row>div.left>a:nth-child(3){background:rgba(255,255,255,0.8)}header .row>div.left>a:nth-child(2){background:rgba(255,255,255,0.5)}header .row>div.left>a img{width:40px}header .row>div.middle{width:70%;padding:10px;-ms-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);transform:rotate(-3deg);background:white}header .row>div.middle img{width:100%}header .row>div.middle div:nth-child(2),header .row>div.middle h1{background:white;padding:10px 10px 5px 10px}main{margin:0 auto}.clearbreak{clear:both}h1{margin:0 0 10px 0;padding-top:0;font-size:1.4em;color:#6dc3c2;font-family:'DkLemon', sans-serif}h2{margin:10px 0 15px 0;font-size:1.1em;color:#755029;font-weight:normal}a{color:#755029}a:hover{color:#6dc3c2}ul{padding-left:20px}.show992{display:none}img[alt="Kalender"]{cursor:pointer}article.border{padding:50px;background:white}main article.simple-article{margin-bottom:10px;padding:50px;background:white}}@media all and (max-width: 1200px){nav,header,main,footer{width:900px}footer{margin:50px auto 0}nav{width:100%;height:80px;margin:0 auto 100px}nav ul li{margin:0 10px 0 10px;font-size:24px}nav ul li a,nav ul li a:hover{padding-bottom:10px}nav ul li:not(.logo){padding-top:15px}nav ul li.logo{padding:15px}header{margin:150px auto 100px}header .row>div.left,header .row>div.right{width:15%;padding-top:100px}header .row>div.left>a{padding:10px;margin-bottom:5px;width:120%}header .row>div.left>a img{width:40px}header .row>div.middle{width:70%;padding:10px}h1{margin:0 0 10px 0;padding-top:0;font-size:1.4em}h2{margin:10px 0 15px 0;font-size:1.1em}header .row>div.left>a{transform:translate(60px, 0);-webkit-transform:translate(60px, 0);-o-transform:translate(60px, 0);-moz-transform:translate(60px, 0)}header .row>div.left>a:hover{transform:translate(40px, 0);-webkit-transform:translate(40px, 0);-o-transform:translate(40px, 0);-moz-transform:translate(40px, 0)}}@media all and (max-width: 992px){header,footer,main{width:100%}footer{margin:10px auto 0}nav{height:auto;margin:0 auto 0;background:none;top:0}nav div.menubar{display:block;background:#6dc3c2;width:100%;cursor:pointer}nav div.menubar a,nav div.menubar img{margin:2px 0 2px 0;padding:0}nav div.menubar>a>img{height:50px}nav div.menubar>img{margin:5px 5px 5px 10px;padding:5px 5px 5px 5px;width:35px;cursor:pointer}nav ul{display:none}nav,nav ul,nav ul>li{margin:0;padding:0;width:100%}nav ul>li{background:#6dc3c2;line-height:50px;display:block;list-style:none;text-align:left;margin:0;font-size:24px;vertical-align:middle;padding:0;height:auto}nav ul li:not(.logo){padding-top:0}nav ul>li>a,nav ul>li>a:link,nav ul>li>a:visited,nav ul>li>a:focus,nav ul>li>a:visited{height:100%;display:block;padding:0 15px;margin:0;color:#fff;text-transform:uppercase;text-decoration:none}nav ul>li>a:hover,nav ul>li>a:active,nav ul>li>a:visited,nav ul>li>a:focus,nav ul>li>a.active{background:#755029;text-decoration:none;border-bottom:0 solid #87c2f6}nav ul li.active:not(.logo) a,nav ul li:not(.logo) a:hover{background-image:none}nav ul li.logo{display:none}header{margin:40px auto 0;height:auto}header .row>div.left,header .row>div.right{display:none}header .row>div.middle{width:100%;margin:0;padding:0;-ms-transform:none;-webkit-transform:none;transform:none;background:none;flex:0 0 100%;max-width:100%}header .row>div.middle img{width:100%}header .row>div.middle h1{margin:0 !important;padding:5px 20px}h1{margin:0 0 0 0;padding-top:0;font-size:1.4em}h2{margin:10px 0px 15px 0px;font-size:1.1em}.show992{display:block}}