@charset "utf-8";
/* CSS Document */
/* Copyright ©2017 by Mathis Fintzen | SCANAXX - Media Solutions. All rights reserved. */
/* Webdesign und Entwicklung - Mathis Fintzen | SCANAXX - Media Solutions */
/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
body{
padding:0;
text-align:center;
position:relative;
margin:0;
height:100%;
-webkit-font-smoothing:antialiased;
font-family: 'Roboto Condensed', sans-serif;
background:#3e3651;
color:#fff;
overflow-x:hidden;
background: -webkit-radial-gradient(#364767, #3e3651); /* Safari 5.1 to 6.0 */
background: -o-radial-gradient(#364767, #3e3651); /* For Opera 11.6 to 12.0 */
background: -moz-radial-gradient(#364767, #3e3651); /* For Firefox 3.6 to 15 */
background: radial-gradient(#364767, #3e3651);
}
a{text-decoration:none;color:#fff;}
a.all:hover{color:#11d457;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a#pa4.impr_inf.all{color:#fff;}
a#mails{text-decoration:none;color:#fff;}
a.impr_inf{text-decoration:none;color:#fff;padding:5px;}
a#tel{text-decoration:none;color:#fff;}
#impre_st{position:fixed;top:0px;background:#80348b;padding:5px;z-index:6;}
#language{padding:5px;position:fixed;right:0;top:0px;z-index:6;}
#content_start{overflow:hidden;}
.startex p{font-size:400%;margin:0 auto;text-align:left;width:75%;}
#w7{font-size:350%;}
#w5{font-size:300%;}
.contmore{padding:10px;}
#ue{color:#11d457;font-weight:100;}
#group{color:#11d457;font-weight:100;}
#backimg{background:#1e1e1e;border-radius:50%;border:5px solid #1e1e1e;padding:5px;padding-top:0px;padding-bottom:20px;width:30px;}
#back_to{position:fixed;left:44%;bottom:-20px;z-index:6;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
#moffer{padding:10px;margin:20px;}
#moffer p{font-weight:100;border-bottom:1px solid #fff;padding-bottom:10px;margin-top:5px;}
.projects{width:200px;height:300px;background:#383149;float:left;margin-left:25px;margin-top:25px;border-radius:2.5px;}
#mprojects{background:#3e3651;padding:10px;margin:20px;border-radius:5px;}
#ppro{font-weight:100;border-bottom:1px solid #fff;padding-bottom:10px;margin-top:5px;}
#opro{margin-top:120px;font-weight:100;background:#1db1e4;opacity:0.9;}
#pro1{background-image:url(../images/qlorit_shot.png);background-size:auto 300px;background-repeat:no-repeat;background-position:center;}
#pro2{background-image:url(../images/natuerlich_shot.jpg);background-size:100% 300px;background-repeat:no-repeat;background-position:center;}
#pro3{background-image:url(../images/elanhelo_shot.jpg);background-size:auto 300px;background-repeat:no-repeat;background-position:center;}
#pro4{background-image:url(../images/elanhelo_card.png);background-size:auto 300px;background-repeat:no-repeat;background-position:center;}
#pro5{background-image:url(../images/printasocks_logo.png);background-size:auto 300px;background-repeat:no-repeat;background-position:center;}
#pro6{background-image:url(../images/natuerlich_card.png);background-size:auto 300px;background-repeat:no-repeat;background-position:center;}
#pro7{background-image:url(../images/fewo_shot.jpg);background-size:auto 300px;background-repeat:no-repeat;background-position:center;}
#newpro{font-weight:100;padding:10px;font-size:200%;padding-top:85px;}
#bigshow{position:relative;width:100%;z-index:5;height:650px;background:#000;border-radius:2.5px;top:650px;margin-top:-650px;}
.close_x{background:red;width:50px;height:35px;padding-top:10px;float:right;font-weight:100;border-top-right-radius:2.5px;border-bottom-left-radius:2.5px;position:relative;z-index:6;}
.s1{background-image:url(../images/elanhelo_card.png);background-size:50%;background-repeat:no-repeat;background-position:center;height:650px;transform:rotate(90deg);display:none;}
.s2{background-image:url(../images/printasocks_logo.png);background-size:50%;background-repeat:no-repeat;background-position:center;height:650px;transform:rotate(90deg);display:none;}
.s3{background-image:url(../images/natuerlich_card.png);background-size:50%;background-repeat:no-repeat;background-position:center;height:650px;transform:rotate(90deg);display:none;}
a#openbig.all.o1:hover{color:#fff;}
a#openbig.all.o2:hover{color:#fff;}
a#openbig.all.o3:hover{color:#fff;}
a#closdown.all:hover{color:#fff;}
.offers{width:298px;height:320px;background:#fff;float:left;border-radius:2.5px;}
#oflogo p{color:#9e9e9e;font-weight:normal;margin:0;padding:5px;border:0;}
#oflogo b{color:#c4c4c4;margin:0;}
#bigp{font-size:150%;}
#ofvisit{margin-left:10px;margin-right:10px;}
#ofvisit p{color:#9e9e9e;font-weight:normal;margin:0;padding:5px;border:0;}
#ofvisit b{color:#c4c4c4;margin:0;}
#ofbaseweb p{color:#9e9e9e;font-weight:normal;margin:0;padding:5px;border:0;}
#ofbaseweb b{color:#c4c4c4;margin:0;}
#blen_ma{display:none;}
#impress{font-size:100%;}
.page_container{margin-bottom:1000px;font-size:20px;}
div[id="\31 "].page_container{padding-top:60px;}
div[id="\32 "].page_container{padding-top:60px;}
div[id="\33 "].page_container{padding-top:60px;}
div[id="\34 "].page_container{padding-top:80px;}
.german, .english{float:right;width:32px;height:22px;border:1px solid #fff;}
.german{background-image:url(../images/german.jpg);background-size:32px 22px;border:1px solid #fff;}
.english{margin-left:5px;background-image:url(../images/england.jpg);background-size:32px 22px;}
.contactmail_wa, .contactmail_ha{background:#fff;border:2px solid #fff;width:300px;margin:auto;border-radius:2.5px;color:#3e3651;position:relative;z-index:5;box-shadow: 0px 10px 40px -10px rgba(0, 0, 0, 0.25);}
.mailw{background:#3e3651;padding:5px;border-radius:2.5px;}
.mailw a:link{color:#fff;text-decoration:none;}
@media only screen and (max-width: 320px) {
  .offers{width:auto;}
  #moffer{padding:0px;margin:2px;}
  #backimg{width:25px;}
  .contmore{padding:5px;}
  div[id="\34 "].page_container{padding-top:60px;}
}
@media only screen and (max-width: 375px) {
  #back_to{left:43%;bottom:-23px;}
  div[id="\32 "].page_container{padding-top:20px;}
  div[id="\33 "].page_container{padding-top:10px;}
}
@media only screen and (max-width: 420px) {
  .projects{margin-left:45px}
  .offers{float:none;margin:auto;}
  #ofvisit{margin:auto;}
  .startex p{font-size:300%;margin:0 auto;text-align:left;width:75%;}
  #w7{font-size:250%;}
  #w5{font-size:150%;}
  #blen_ma{display:block;}
  .s1{background-size:100%;transform:rotate(0deg);display:none;}
  .s2{background-size:100%;transform:rotate(0deg);display:none;}
  .s3{background-size:100%;transform:rotate(0deg);display:none;}
}
@media only screen and (min-width: 506px) and (max-width:507px){.offers{float:none;margin:auto;}#ofvisit{margin:auto;}.projects{margin-left:7.5px}}
@media only screen and (min-width: 600px) and (max-width:699px){#moffer{margin:5px;}}
@media only screen and (min-width: 693px) and (max-width:694px){.projects{margin-left:2.5px}}
@media only screen and (min-width: 600px) and (max-width:979px){#ofbaseweb{margin-top:10px;}}
@media only screen and (min-width:735px) and (max-width:736px) {.offers{margin-left:25px;}}
@media only screen and (orientation:portrait) and (min-width:767px) and (max-width:768px) {.offers{margin-left:40px;}#ofbaseweb{margin-left:200px;}}
@media only screen and (min-width: 799px) {#back_to{left:47%;}}
@media only screen and (min-width:799px) and (max-width:800px) {.offers{margin-left:50px;}}
@media only screen and (orientation:portrait) and (min-width:833px) and (max-width:834px) {.offers{margin-left:70px;}#ofbaseweb{margin-left:225px;}}
@media only screen and (min-width:980px) and (max-width:981px) {.contmore{padding:0px;}}
@media only screen and (min-width: 1024px) {
  #back_to{left:48%;bottom:-24px;}
  div[id="\31 "].page_container{padding-top:100px;}
  div[id="\32 "].page_container{padding-top:200px;}
  div[id="\33 "].page_container{padding-top:200px;}
  div[id="\34 "].page_container{padding-top:200px;}
  .contmore{padding-left:20px;padding-right:20px;}
}
@media only screen and (min-width: 1112px) {.contmore{padding-left:65px;padding-right:65px;}}
@media only screen and (min-width: 1365px) {.contmore{padding-left:195px;padding-right:195px;}}
@media only screen and (min-width: 1680px) {.contmore{padding-left:350px;padding-right:350px;}}
@media only screen and (min-width: 1919px) {.contmore{padding-left:470px;padding-right:470px;}}
@media only screen and (min-width: 410px) and (max-width: 420px) {.projects{margin-left:65px}}
@media only screen and (min-width: 319px) and (max-width: 320px) {.projects{margin-left:25px}}