a,body{color:#343434}#first-content p,#kontakt .trade-border h3,#kontakt .trade-border p,.by-button,footer div.flex,h1,h2,li{text-transform:uppercase}@font-face{font-family:Roboto-Medium;src:url(/fonts/Roboto-Medium.ttf) format("ttf")}html{width:100%;max-width:100%;overflow-x:hidden}body{font-family:Roboto-Medium,sans-serif;margin:0;font-size:20px;line-height:30px;min-width:320px}*{box-sizing:border-box}.wrapper{width:100%;max-width:1320px;padding:60px;margin:0 auto;position:relative}h2,h3,h4{padding:25px 0;text-align:center}.center{display:flex;justify-content:center;align-items:center}.flex,.logo-horizontal{align-items:center;display:flex}h1{font-size:51px;line-height:60px;margin-top:0;color:#4663B2}h2{font-size:48px;line-height:58px;margin:0 auto 25px;width:50%}h3,h4{font-size:20px;margin:0}h4{font-size:16px}a,a:hover{text-decoration:none}p{text-align:center;width:75%;margin:25px auto}.background-primary{background-color:#fff}.background-primary h2{color:#4663B2}.background-primary .content-ellipse svg *{fill:#4663B2}.background-secondary{background-color:#4663B2;color:#fff}.background-secondary h2{color:#DCF6F4}.background-teritiary{background-color:#DCF6F4}.background-teritiary h2{color:#4663B2}.has-ellipse{position:relative;padding-bottom:2%}.has-ellipse.has-city-bg::after{content:"";position:absolute;bottom:0;left:0;width:100%;padding-bottom:calc(2% + 20px);background-color:#AFDDF5;z-index:0}.content-ellipse{z-index:1;position:absolute;width:100%;left:0;right:0;bottom:-5px;height:auto;padding-bottom:5.1%}.content-ellipse img,.content-ellipse svg{width:100%;height:100%;position:absolute;left:0;bottom:0}.by-button{background-color:#C82D30;color:#fff;border:2px solid #C82D30;border-radius:5px;padding:15px;margin:25px 0;font-size:20px}.by-button:hover{background-color:#fff;border:2px solid #C82D30;color:#C82D30}.logo-text{transform:scale(1.2)}ul{list-style:none}ul.list-style-disc{list-style-type:disc;text-align:center;text-transform:none}.logo-horizontal .logo{height:50px;left:50px;margin:15px}@media screen and (min-width:1131px){.logo-horizontal .logo{margin:23px 45px 15px 15px}}header{margin-bottom:50px;padding:0 40px}header .nav-wrapper{display:flex;align-items:center;margin-top:10px;justify-content:space-between}header .nav-wrapper nav ul{display:flex;flex-direction:row;margin-top:22px}@media screen and (min-width:1131px){header .nav-wrapper nav ul{margin-top:38px;margin-left:40px}}header .nav-wrapper nav ul li{margin-right:50px;line-height:30px}header .nav-wrapper nav ul li a:visited{color:#000}header .nav-wrapper nav ul li a:hover{color:#EFAA3A}header .nav-wrapper nav ul li img{height:30px;margin-left:15px;margin-bottom:-10px}header .nav-wrapper .right-nav a{display:flex}.city-background{min-height:380px;background-image:url(../img/city.svg);background-repeat:repeat-x;background-position:center bottom;background-size:1194px 380px;z-index:0}.drone{max-width:350px;width:100%;height:auto;position:absolute;z-index:5;right:0;bottom:0;margin-right:40px;margin-bottom:80px}.image-space{margin:50px}.image-scaling img{width:100%;max-width:800px}.small-image-container{max-width:500px;margin:50px auto}.mask{width:100%;position:absolute;left:0;z-index:2}ul.ul-large-text-icon li{font-size:24px;line-height:42px;display:flex;align-items:center;margin:25px 20px}ul.ul-large-text-icon li img,ul.ul-large-text-icon li svg{margin-right:25px}.two-cols-list{display:flex;justify-content:center}.two-cols-list ul{width:50%;flex:0 0 50%}.two-cols-list ul li{display:flex;margin-bottom:20px}.two-cols-list ul li img{height:22px;width:auto;margin-right:40px}#first-content .wrapper{padding-top:0}#first-content p{text-align:left;margin:25px 0 50px;max-width:360px}#national-und-international{padding-bottom:100px}#fuer-wen-wir-liefern div.flex{margin:auto auto 30px;justify-content:center;flex-wrap:wrap}#fuer-wen-wir-liefern .trade-border{margin-top:100px;position:relative;padding-top:60px}#fuer-wen-wir-liefern .trade-border .trade-logo{width:135px;height:auto;display:block;margin:0 auto;z-index:1}.trade-border{width:calc(33% - 40px);flex:0 0 calc(33% - 40px);max-width:300px;margin:0 20px;border-radius:5px;box-shadow:1px 1px 10px #ccc;min-width:180px;z-index:0;position:relative;padding:30px 25px 1px}.trade-border img{position:absolute;top:0;left:0;right:0;margin:0 auto;transform:translateY(-50%)}#kontakt .flex{flex-wrap:wrap}#kontakt .trade-border{margin:70px 25px 25px}#kontakt .trade-border h3{font-size:32px;line-height:42px;color:#4663B2;padding-bottom:0;padding-top:40px}footer a,footer a:visited{color:#fff}#kontakt .trade-border p{font-size:16px;font-weight:700;width:auto}#kontakt .trade-border img{width:75px}footer{margin-top:85px}footer a{display:block;margin:0 15px 25px}footer a:hover{color:#EFAA3A}footer .footer-logo-box{height:20px}footer .footer-logo{position:relative;width:100px;height:auto}footer .logo-text{margin:50px 0;transform:scale(1)}footer div.flex{justify-content:center;margin:auto;font-size:20px;flex-wrap:wrap}@media screen and (max-width:1320px){.nav-wrapper nav ul li{margin-right:30px!important}}@media screen and (max-width:1130px){.nav-wrapper nav ul{margin-top:28px;font-size:18px}.nav-wrapper nav .logo-text{transform:scale(.75)}.nav-wrapper nav .logo{height:40px;margin-right:-10px}#kontakt .trade-border h3{font-size:28px}#kontakt .trade-border p{font-size:12px}#fuer-wen-wir-liefern h3{font-size:18px}}@media screen and (max-width:1060px){h2{font-size:36px;line-height:50px;width:auto}.right-nav span{display:none}.left-nav ul{display:none!important}ul.ul-large-text-icon li{font-size:24px;line-height:32px}#fuer-wen-wir-liefern h3{font-size:16px}}@media screen and (max-width:968px){.two-cols-list{flex-direction:column}.two-cols-list ul{margin:0;width:100%;flex:none}.trade-border{width:calc(50% - 40px);flex:0 0 calc(50% - 40px)}}@media screen and (max-width:840px){#first-content,#first-content p{text-align:center}.drone{display:block;position:relative;margin:25px auto 80px}#first-content p{margin:25px auto}}@media screen and (max-width:560px){.trade-border{width:100%;flex:0 0 100%;margin-left:0;margin-right:0}ul.ul-large-text-icon li img{margin-left:-60px}.two-cols-list ul li img{margin-left:-35px}#preise .image-scaling{margin-left:0;margin-right:0}}@media screen and (max-width:520px){.nav-wrapper{display:block!important;text-align:center}.wrapper{padding:60px 30px}.left-nav,.right-nav ul{justify-content:center}h1{font-size:42px;line-height:50px}}@media screen and (max-width:420px){h1{font-size:36px;line-height:50px}ul.ul-large-text-icon li{font-size:18px;line-height:25px}.by-button{font-size:18px}}