@import url(/_Themes/Fonts/OpenSans/stylesheet.css);@import url(/_Themes/Fonts/Oswald/stylesheet.css);@import url(/_Themes/Fonts/Ubuntu/stylesheet.css);html,body{margin:0;padding:0;width:100%;height:100%}body{font-family:'Open Sans',sans-serif;background-color:#000;font-size:18px;font-weight:300;color:#ccc;min-width:1160px}input,textarea{font-family:inherit}a{color:#f59c00;text-decoration:none}a:hover{text-decoration:underline}h1{color:#fff;font-weight:400;padding:5px 0;font-size:1.5rem}h1 span{color:#f59c00}h2.colored{font-family:'Oswald',sans-serif;font-size:3.5rem;font-weight:400;line-height:3.3rem}#company{margin:0;font-size:1.8rem;line-height:70px}#company span{xborder-left:2px solid #f59c00;padding-left:10px;margin-left:10px;font-weight:bold}.fs-XL{font-size:1.7rem}.row{position:relative;width:1160px;margin:0 auto;padding:0;overflow:hidden;height:100%}.col{float:left;position:relative;margin-right:2%}.center-col{margin:0 auto;float:none}.one{width:6.333%}.two{width:14.667%}.two-half{width:22%}.three{width:22.91666666666%}.three-half{width:27%}.four{width:31.25%}.five{width:39.667%}.six{width:48%}.seven{width:56.333%}.eight{width:64.58333333333%}.nine{width:72.9166666666%}.ten{width:81.333%}.eleven{width:89.667%}.twelve{width:98%}.showOnMobile{display:none}.large{font-size:3rem}.extralage{font-size:4rem}.blue{color:#f59c00}.orange{color:#ffba00}.black{color:#000}.white{color:#fff}.gray{color:#8c8c8c}.upper{text-transform:uppercase}.visible{overflow:visible}.text-align-center{text-align:center}.marginBottom0{margin-bottom:0}.background-grey{background-color:#111}.background-transparent{background:rgba(0,0,0,.5)}.xbackground-vulkan{overflow:hidden;background-image:url(https://images.siteface.net/siteface//CMS/71/Navi/vulkan.jpg);background-repeat:no-repeat;background-size:cover}.paddingRow{padding:40px 0}.tdn,.tdn:hover{text-decoration:none}ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.website-navigation{float:right;list-style-type:none;margin:0;padding:0}.website-navigation li{float:left}.website-navigation a{position:relative;display:block;float:left;line-height:80px;transition:all .2s ease-in-out;font-weight:400;text-transform:uppercase;color:#8c8c8c;font-size:1.2rem;margin-left:30px}.website-navigation a:hover,.website-navigation a.active{color:#fff;text-decoration:none}.website-navigation a:after,.website-navigation a.active:after{content:"";transition:all .2s ease-in-out;left:50%;right:100%;height:3px;background-color:#f59c00;position:absolute;bottom:0}.website-navigation a:hover:after,.website-navigation a.active:after{right:0;left:0}address{font-style:normal;display:none;border-top:2px solid #f59c00;padding:50px 0;text-align:center;font-size:1.2rem;color:#fff}#top{position:fixed;left:0;top:0;right:0;background:rgba(0,0,0,.6);z-index:999}#top[class~="normal"]{position:relative}#header{xheight:730px;position:relative}#mobile-header{display:none}#content{background-color:#fff;padding:50px 0;border-bottom:2px solid #f59c00}#realize{position:relative;z-index:99}#realize>.row{z-index:10;xmargin-top:-120px}#realize{background-color:#131313;padding:40px 0;padding-bottom:0;margin-top:-40px;background-image:url(https://images.siteface.net/siteface//CMS/71/Navi/background-stripe.gif)}#realize h2.service-point{margin:0;font-weight:200;text-transform:uppercase;color:#fff;width:155px;height:155px;text-align:center;line-height:155px;border-radius:100%;border:4px solid #f59c00;background-color:#000}.slider{height:725px;position:relative;overflow:hidden}.slider-list{list-style-type:none;margin:0;padding:0;height:inherit}.slider-list li{height:inherit;opacity:0;transition:opacity 1s ease-in-out;position:absolute;left:0;right:0;top:0;bottom:0}.slider-list li.active{opacity:1}.slider-list .picture-container{xbackground-color:@mainColor}.slider-list .picture-container img{max-height:800px;xwidth:100%;display:block;transition:all .7s ease-in-out;margin:0 auto;transition-property:opacity,filter,-webkit-filter}.slider-list .text-container{position:absolute;top:70%;xwidth:545px;left:50%;margin-top:-300px;margin-left:-580px}.slider-list .text-container h3{margin-bottom:10px;font-family:'Ubuntu',sans-serif;font-size:3rem;font-weight:800;text-transform:uppercase;color:#ef9800;border:5px solid #ef9800;padding:25px}.slider-list .text-container h3 span{display:block;color:#fff;font-weight:800;font-size:3rem}.slider-list .text-container h4{font-size:1.2rem;font-weight:400}#header .slider-list .picture-container{opacity:1;transition:all 6s linear;transform:translate3d(0,0,0) scale(1)}#header .slider-list .picture-container img{xwidth:auto}#header .slider-list .picture-container[class~="image-animation"]{opacity:1;transform:translate3d(0,0,0) scale(1.1)}#header .arrow{display:none;position:absolute;top:50%;margin-top:-20px;cursor:pointer;opacity:.6;transition:all .4s ease-in-out;z-index:10}#header .arrow:hover{opacity:1}#header .arrow[class~="left"]{left:10px}#header .arrow[class~="right"]{right:10px}#header .slider-list{overflow:hidden}#header .slider-list h3{opacity:0;transition:all .5s ease-in-out;transition-delay:.4s}#header .slider-list h4{opacity:0;transition:all .5s ease-in-out;transition-delay:.7s}#header .slider-list .text-container[class~="visi"] h3{opacity:1}#header .slider-list .text-container[class~="visi"] h4{opacity:1}#header .slider-list li{position:absolute;overflow:hidden;width:100%}.section-images{xmargin-top:40px !important;overflow:hidden}.section-images,.section-images ul{list-style-type:none;margin:0;padding:0}.section-images ul{display:table;width:100%}.section-images .left{width:50%;display:table-cell;vertical-align:top}.section-images .left img{display:block;width:100%}.section-images .right{width:50%;display:table-cell;vertical-align:top}.section-images li{position:relative;xmin-height:50px;overflow:hidden}.section-images .right li{float:left;width:50%;xmargin-left:1%}.section-images .right li img{width:100%;display:block}.section-images .right .first,.section-images .right .second{xmargin-bottom:21px}.list-realize{position:relative;xleft:50%;xwidth:50%;xbackground:rgba(0,0,0,.5);list-style-type:none;margin:0;xpadding:80px;padding-top:30px;xbox-sizing:border-box}.list-realize li{width:500px;margin-top:50px}.list-realize img{width:80px;float:left}.list-realize .text{margin-left:120px}.list-realize h3{margin:0;color:#fff}.list-realize p{color:#fff}#apps{padding:80px 0;background-image:url(https://images.siteface.net/siteface//CMS/128/Navi/siteface-referenzen-bg.jpg);background-repeat:no-repeat;background-size:cover}.apps-slider{height:485px;margin-top:50px;position:relative}.apps-slider .slider-list{height:inherit}.apps-slider .slider-list li{right:0;visibility:hidden;opacity:0;transition:all .2s ease-in-out}.apps-slider .slider-list li.active{opacity:1;visibility:visible}.apps-slider .slider-list .text-container{top:50%;margin-top:-50px}.apps-slider .slider-list .text-container h3{font-size:1.5rem;text-transform:none;margin-bottom:0}.apps-slider .slider-list .text-container h4{font-family:'Oswald',sans-serif;margin-top:5px}.apps-slider .arrow{position:absolute;top:50%;cursor:pointer;margin-top:-40px;opacity:.3;transition:all .2s ease-in-out;z-index:99}.apps-slider .arrow[class~="left"]{left:-100px;display:none}.apps-slider .arrow[class~="right"]{right:-120px}.apps-slider .arrow[class~="right"]:hover{opacity:1}#contact{padding:0 0;height:890px;background-image:url(https://images.siteface.net/siteface//CMS/128/Navi/werbeagentur-siegen-testballon.jpg);background-repeat:no-repeat;background-size:cover;background-color:#f59c00}#contact h2{margin-top:0;padding-top:30%}#contact .background-transparent{padding:0 30px;height:inherit;box-sizing:border-box}#map{border-bottom:2px solid #f59c00;position:relative}#googlemap{height:720px}#footer{padding:20px 0 50px 0}#footer span{font-family:'Oswald',sans-serif;font-size:1.2rem;font-weight:400}@media only screen and (max-width:568px){body{min-width:100% !important;font-size:16px}.row,.col{width:100%}.website-navigation{display:none}#company{font-size:1.2rem;text-align:center}#header{height:500px !important;display:none}#header .slider-list li{bottom:0}#mobile-header{height:500px !important;display:block;position:relative;overflow:hidden}#mobile-header .text-container-mobile{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.8)}#realize .one{display:none}#realize>.row{display:table;width:100%}#realize .two{width:16.666%;margin-left:1%}#realize h2.service-point{position:relative;margin:0 auto;border:2px solid #f59c00;margin-bottom:20px;width:100%;height:100%;line-height:normal}#realize h2.service-point:after{content:"";display:block;padding-bottom:100%}#realize h2.service-point span{font-size:.8rem;position:absolute;top:50%;margin-top:-10px;right:0;left:0;text-align:center;display:block}h2.colored{font-size:2.5rem}.fs-XL{font-size:1.2rem}.section-images .left,.section-images .right{width:100%;display:block}.section-images .left{margin-left:1%;margin-right:1%;margin-bottom:5px}.section-images .right .first,.section-images .right .second{xmargin-bottom:5px}.list-realize{padding:0;left:0;width:auto;padding-bottom:40px}.list-realize li{margin:0;width:auto;padding-top:40px}.list-realize img{margin:0 auto;float:none;display:block}.list-realize .text{text-align:center;margin-left:0;margin-top:20px}.apps-slider .slider-list .picture-container img{width:80%;margin:0 auto}.apps-slider .slider-list .text-container{bottom:-120px;width:100%;text-align:center;top:auto;margin-left:-50%}.apps-slider .arrow[class~="right"]{right:10px;margin-top:-110px}#contact{height:auto}#contact .background-transparent{padding:0 10px}#contact p{margin-bottom:0;padding-bottom:40px}#contact h2{padding-top:40px}#googlemap{height:500px}#realize{margin-top:0}#realize>.row{margin-top:0}#mobile-header .picture-container-mobile img{width:100%}#mobile-header .text-container-mobile h3{margin-bottom:10px;margin-top:10px;font-family:'Oswald',sans-serif;font-size:2rem;text-align:center;font-weight:400;text-transform:uppercase;color:#f59c00}#mobile-header .text-container-mobile h3 span{display:block;color:#fff;font-weight:200;font-size:2rem;text-align:center}#content{padding:20px}.paddingRow{padding:20px 0}address{display:block}#googlemap{display:none}}#mediathek-select{padding:25px 20px;width:100%;box-sizing:border-box;margin-bottom:10px;background-color:#000;border:1px solid #666;font-size:1.2rem;color:#fff;font-family:inherit;outline:none}.mediathek-navigation{overflow:hidden;margin-left:-2%;margin-bottom:40px}.mediathek-navigation li{float:left;margin-left:2%}.mediathek-navigation a{display:block;transition:all .2s ease-in-out;text-transform:uppercase;font-size:1.5rem;color:#888;border:2px solid #888;padding:10px 20px;display:block;font-family:"Oswald"}.mediathek-navigation a:hover,.mediathek-navigation a.active{color:#fff;border-color:#fff;text-decoration:none}.mediathek-list{list-style-type:none;margin:0;padding:0;margin-left:-2%}.mediathek-list li{float:left;margin-left:2%;width:31.333%;margin-bottom:25px;overflow:hidden;vertical-align:top}.mediathek-list a{display:block;width:100%;height:inherit;transition:all .5s ease-in-out}.mediathek-list a:hover{transform:scale(1.1);opacity:.9}.mediathek-list span{display:block;overflow:hidden;height:270px}.mediathek-list img{display:block;width:100%}.mediathek-list h3{color:#fff;margin-top:15px;font-size:1rem;padding:5px 10px 5px 20px;border-left:3px solid@mainColor}.mediathek-list .grid-item{width:31%;xheight:370px}.header-text-container{font-family:'Raleway',Arial,sans-serif;display:block;text-align:center;position:relative;z-index:9;position:absolute;right:0;left:0;top:50%;bottom:0;margin-top:-50px}.header-text-container h1{font-size:1.7rem;margin:0;padding:0;color:#fff}.header-text-container h1 span{display:block;font-size:3rem;margin-top:20px}.header-text-container h1 hr{width:200px;border:0;margin:0;background-color:#fff;height:2px;margin:0 auto;margin-top:20px}#header{height:100%;position:relative;overflow:hidden;background-repeat:no-repeat;background-size:cover}#header span.overlay{display:block;position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.1)}#header video{margin:auto;position:absolute;z-index:-1;top:50%;left:0%;transform:translate(0%,-50%);visibility:visible;opacity:1;xwidth:1682px;height:auto}