@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,500,700);.head-box,h1{line-height:31px;color:#fdea18}h2::before,h5::before{left:47px;position:absolute}.head-aktion::before,.head-kontakt::before,h2::before,h3::before,h4::before,h5::before,h6::before{position:absolute}.bild,.head-impressum,.head-kontakt,header{position:relative}.icon a,.icon img,.kontakt a{display:block}#aussen,#digital,#fahrzeug,#home,#kontakt,#schild,#textil{padding:200px 0 100px;text-align:center}#aktion,#aussen,#digital,#fahrzeug,#home,#kontakt,#schild,#textil,.header p,h1{text-align:center}#impressum span,.head-box,.navi ul li a:hover,.popup span,.textimpressum a:hover,.textkontakt a:hover,h1,span{color:#fdea18}#impressum span,.route{text-transform:uppercase}.icon a,.navi ul li a,.route{text-decoration:none}body{background:#1e1e1e;color:#fff;font-family:Roboto,sans-serif}.head-box,.header p,.icon a,.navi ul li a,h1{font-family:exot}@font-face{font-family:exot;src:url(../font/Exot350L.ttf)}h1{font-size:30px}.head-box{font-size:30px!important;padding:20px 0 20px 49px}.head-aktion,.head-impressum,.head-kontakt,h2,h3,h4,h5,h6{font-family:exot;color:#fdea18;font-size:30px;position:relative;padding-left:120px;padding-bottom:20px}h3{padding-left:76px}h4{padding-left:116px}h5{padding-left:93px}h6{padding-left:89px}.head-aktion{padding-left:91px}.head-kontakt{padding-left:83px}.head-impressum{padding-left:81px}h2::before{content:url(../images/fahrzeugbeschriftung.png);top:4px}h3::before{content:url(../images/schilder.png);top:10px;left:30px}h4::before{content:url(../images/aussenwerbung.png);top:3px;left:50px}h5::before{content:url(../images/digitaldruck.png);top:-19px}h6::before{content:url(../images/textilwerbung.png);top:-25px;left:41px}.head-aktion::before{content:url(../images/icon-aktion.png);top:-9px;left:45px}.head-kontakt::before{content:url(../images/icon-mail.png);top:-2px;left:50px}.head-impressum::before{content:url(../images/impressum.png);position:absolute;top:-2px;left:50px}.navi{background:#000;width:100%;height:50px;position:fixed;top:0;left:0;z-index:100}.header img,.logo,.navi ul{position:absolute}.navi ul{right:2%;top:10px}.navi ul li{display:inline-block}.navi ul li a{font-size:18px;color:#fff;padding-left:15px}.logo{top:0;left:0}.header{background:url(../images/header.webp) 0 0/cover no-repeat;padding-top:60px;position:relative;height:600px}.kontakt a:hover,.liste{background:#282828}.header img{bottom:0;left:0;width:100%}.header p{font-size:55px;color:#fff;font-weight:700;padding-top:380px;position:relative;z-index:80;line-height:35px}.kontakt{position:fixed;top:80px;right:0;z-index:100}.kontakt a{background:#000;width:38px;height:38px;margin-bottom:5px}#aktion,#aussen,#digital,#fahrzeug,#home,#kontakt,#schild,#textil,.bild img,.galerie img{width:100%;height:auto}.kontakt a:first-of-type{padding:11px 0 0 7px}.kontakt a:last-of-type{padding:6px 0 0 11px}.bereiche{position:absolute;bottom:-80px;left:0;width:100%;display:flex;justify-content:space-around;z-index:80;align-items:baseline}#aktion,#impressum,#kontakt,.liste,.textaktion{position:relative}.icon a{color:#fff;font-size:18px;padding-top:10px}.popupinput,.seo-text h2::before,.sidenav,header span{display:none}.galerie img{padding-bottom:20px}.textaktion p,.textbox p,.textbox ul{padding:20px 20px 50px}.liste{margin-top:20px;padding-top:20px}#home{background:url(../images/bg-home.png) top right no-repeat}#home p{font-size:15px;font-weight:300}#fahrzeug{background:url(../images/bg-fahrzeugbeschriftung-right.png) top right/contain no-repeat,url(../images/fahrzeugbeschriftung-left.png) top left/contain no-repeat}#schild{background:url(../images/bg-schilder-left.png) top left/contain no-repeat,url(../images/schilderdruck.png) top right/contain no-repeat}#aussen{background:url(../images/aussenwerbung-bg.png) top left/contain no-repeat,url(../images/aussenwerbung-leuchtreklame.png) top right/contain no-repeat}#digital{background:url(../images/digitaldruck-banner.png) top right/contain no-repeat,url(../images/digital-bg.png) top left/contain no-repeat}#textil{background:url(../images/textildruck-tshirt.png) top right/contain no-repeat,url(../images/bg-textil-left.png) top left/contain no-repeat}#aktion{padding:500px 0 100px;background-size:contain}#kontakt{background:url(../images/bg-kontakt.png) top left/contain no-repeat}#impressum,.list ul,.route{background:#000}#impressum{padding:150px 0}#impressum span{font-family:"Roboto Condensed",sans-serif;font-size:18px;font-weight:400}.textaktion strong,.textbox strong,.textkontakt strong{font-family:"Roboto Condensed",sans-serif;font-weight:600;font-size:16px;text-transform:uppercase}.textaktion p,.textbox p,.textbox ul,.textimpressum p,.textkontakt p{font-family:Roboto,sans-serif;font-size:15px;font-weight:300}.textaktion{z-index:90}.aktion-1,.aktion-2,.bild label,.popup label,.popup label::after,.popup label::before,.zeiten,.zeiten p,.zeiten p::before{position:absolute}.textbox p,.textbox ul{background:#000}.textkontakt p{padding:12px 20px 0}.zeiten p,.zeiten span{font-size:21px;color:#000}.textimpressum a,.textkontakt a{color:#fff;text-decoration:none}.list p{padding-bottom:10px}.list ul{padding:0 0 67px 21px}.daten a,.route{padding:5px 10px}.list ul li,.textbox ul li{position:relative;padding-left:14px}.list ul li::before,.textbox ul li::before{content:url(../images/list.webp);position:absolute;top:-2px;left:0}.aktion-1{left:0;top:0;z-index:2}.aktion-2{right:0;top:0;z-index:1}.route{color:#fdea18!important;font-family:"Roboto Condensed";margin-right:10px}.route:hover{background:#fdea18!important;color:#000!important}.zeiten{right:0;top:64%;width:578px;height:264px;z-index:40}.daten,.top{position:fixed}.zeiten p{top:100px;right:50px;z-index:50px;font-family:"Roboto Condensed",sans-serif;font-weight:400}.bild label,.daten a{font-family:"Roboto Condensed";text-decoration:none;background:#000;text-transform:uppercase}.zeiten p::before{content:url(../images/icon-uhr.png);top:5px;left:-31px}.zeiten span{font-weight:600}.daten{bottom:0;right:2%;z-index:100}.daten a{color:#fdea18;font-size:13px}.bild label:hover,.daten a:hover{background:#fdea18;color:#000}.top{bottom:0;left:0}.popupinput+.popup{box-sizing:border-box;position:fixed;display:block;width:0;height:0;padding:0;margin:0;overflow:hidden;top:50%;left:50%;z-index:3645;opacity:0;transition:.8s,height .3s .3s}.popupinput:checked+.popup{width:100%;height:100%;background-color:rgba(0,0,0,.4);padding:60px;opacity:1;top:0;left:0}.box{background-color:#000;padding:5% 0;width:100%;height:100%;overflow:auto;box-sizing:border-box}box span{font-weight:700;color:#fdea18}.popup ul li{list-style:disc}.popup ul{padding-left:10px;padding-bottom:15px}.popup label{top:70px;right:70px;width:30px;height:30px}.popup label::after,.popup label::before{content:"";display:block;width:3px;height:100%;background:#fff;transform:rotate(45deg);cursor:pointer;left:15px;top:0}.popup label::after{transform:rotate(-45deg)}.popup .links{padding-right:10px}.popup p,.popup ul li{font-size:15px;font-weight:400}.bild-rechts img{display:inline-block;padding:0 0 6px 4px;max-width:180px;height:auto}.popup h3{font-size:31px}.bild label{top:40%;left:calc(50% - 80px);color:#fdea18;padding:5px 10px}.seo-text{max-width:600px;padding:20px 20px 50px;background:#000}.seo-text p{padding:0 0 20px}.seo-cont{display:flex;flex-direction:column;align-items:center}.nowrap{white-space:nowrap}.seo-h{background:#000;font-family:Roboto,sans-serif;font-size:15px;font-weight:300;padding-left:unset;padding-bottom:unset}.landingpages{padding:20px 20px 50px}.landingpages a{color:#fdea18;font-family:"Roboto Condensed",sans-serif;font-size:18px;text-transform:uppercase}@media screen and (min-width:1600px){#kontakt{background-size:cover}}@media screen and (max-width:1000px){.header{height:500px}.header p{padding-top:300px}}@media screen and (max-width:900px){#fahrzeug{background:url(../images/fahrzeugbeschriftung-right.png) top 150px right no-repeat,url(../images/fahrzeugbeschriftung-left.png) top left no-repeat}#schild{background:url(../images/bg-schilder-left.png) top 150px left no-repeat,url(../images/schilderdruck.png) top right no-repeat}#aussen{background:url(../images/aussenwerbung-bg.png) top 150px left no-repeat,url(../images/aussenwerbung-leuchtreklame.png) top right no-repeat}#digital{background:url(../images/digitaldruck-banner.png) top 150px right no-repeat,url(../images/digital-bg.png) top left no-repeat}#textil{background:url(../images/textildruck-tshirt.png) top 150px right no-repeat,url(../images/bg-textil-left.png) top left no-repeat}.aktion-2{display:none}.aktion-1{width:100%;height:auto}#aktion{padding:420px 0 100px}.head-box{padding:20px 0 20px 37px}}@media screen and (max-width:840px){.sidenav,header span{position:fixed;right:0;top:0}.navi ul{display:none}header span{display:block;background:#fdea18;width:56px;height:50px;cursor:pointer;z-index:100}header span:hover{background:#fff}header span img{width:41px;height:31px;position:absolute;top:9px;left:7px}.sidenav{display:block;height:100%;width:0;z-index:101;background-color:#111;overflow-x:hidden;transition:.5s;padding-top:15px}.sidenav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:17px;color:#fff;display:block;transition:.3s;text-transform:uppercase;font-family:exot}.offcanvas a:focus,.sidenav a:hover{color:#fdea18}.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.header{height:400px}.header p{padding-top:240px}}@media screen and (max-width:800px){.zeiten{top:70%}}@media screen and (max-width:600px){.bereiche,.zeiten p::before{display:none}.header p{font-size:40px;padding-top:290px}.zeiten p,.zeiten span{font-size:14px}#aktion{padding:320px 0 100px}.zeiten{width:300px}.zeiten p{right:0;top:108px}.popupinput:checked+.popup{padding:20px}.popup label{top:30px;right:30px}}@media screen and (max-width:400px){.header{height:250px}.logo{width:100%;height:auto}.header p{padding-top:200px}.head-aktion::before,.head-impressum::before,.head-kontakt::before,h2::before,h3::before,h4::before,h5::before,h6::before{content:none}.head-aktion,.head-impressum,.head-kontakt,h2,h3,h4,h5,h6{padding:10px;background:#000;display:inline-block}#aktion{padding:220px 0 100px}#home{padding:200px 20px 100px}.head-box{padding:20px 0 20px 30px}}

