@font-face {
    font-family: AlegreyaSans-Regular;
    src: url(/fonts/AlegreyaSans-Regular.woff);
  }
html,body{padding:0 0 30px;margin:0;overflow-x:hidden}
body{position:relative;height:100%;width:100%;color:#fff;font-family:'AlegreyaSans-Regular',sans-serif;line-height:1.4em;background-color:#1e5172;overflow-x:hidden}
.grid{float:left;padding:0;min-height:0}
*,:before,:after{-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.clearfix::before,.clearfix::after{content:" ";display:table}
.clearfix::after{clear:both}
.clearfix{*zoom:1}
::selection{background:transparent;color:red}
::-moz-selection{background:transparent;color:red}
a:link{text-decoration:none;color:#009bc2}
.boxumbruch{clear:both}
img{border:0}
.fly{position:absolute;transition:20s linear;-webkit-transition:20s linear;-moz-transition:20s linear;-o-transition:20s linear}
.eagle{top:35vh;left:-50px;z-index:1000}
.eagle.move-left{transform:translate(105vw,-200px);-webkit-transform:translate(105vw,-200px);-o-transform:translate(105vw,-200px);-moz-transform:translate(105vw,-200px);-webkit-animation-direction:normal;animation-direction:normal}
.imgBox{width:100%;height:auto}
.imgBox:hover{background-color:#45d5e2;-moz-box-shadow:0 0 10px #ccc;-webkit-box-shadow:0 0 10px #ccc;box-shadow:0 0 10px #ccc}
.calltoaction{width:100%;height:auto;font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;color:#fff;background-color:#009bc2;cursor:pointer;text-align:center}
.hamburger{display:block;width:60px;height:60px;position:absolute;top:40px;left:40px;z-index:10000;padding:12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}
.hamburger__icon{position:relative;margin-top:8px;margin-bottom:7px}
.hamburger__icon,.hamburger__icon:before,.hamburger__icon:after{display:block;width:40px;height:2px;background-color:#fff;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s;transition-duration:.4s}
.hamburger__icon:before,.hamburger__icon:after{position:absolute;content:""}
.hamburger__icon:before{top:-7px}
.hamburger__icon:after{top:7px}
.hamburger.active .hamburger__icon{background-color:transparent}
.hamburger.active .hamburger__icon:before,.hamburger.active .hamburger__icon:after{background-color:#fff}
.hamburger.active .hamburger__icon:before{-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}
.hamburger.active .hamburger__icon:after{-moz-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-7px) rotate(-45deg);-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}
.fat-nav{top:0;right:0;z-index:9999;position:fixed;display:none;width:100%;height:100%;background:rgba(0,86,124,0.9);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s;transition-duration:.4s;overflow-y:hidden;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.fat-nav__wrapper{width:100%;height:100%;display:table;table-layout:fixed}
.fat-nav.active{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.fat-nav ul{display:table-cell;vertical-align:middle;margin:0;padding:0;list-style:none!important}
.fat-nav li{list-style-type:none;text-align:center;padding:3px;font-size:1.2em}
.fat-nav li,.fat-nav li a{color:#fff}
.fat-nav li a{text-decoration:none}
.fat-nav ul li:before{display:none}
#header{top:0;left:0;width:100%;height:400px;font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;color:#fff;font-size:3.5em;line-height:.9em;text-align:center;padding:0;}
.menu{top:65px;left:16%;width:70%;height:auto;position:absolute}
.logo{top:210px;left:11.5%;width:330px;height:auto;position:absolute;transition:all .2s ease-in-out}
.logo:hover{transform:scale(1.07)}
#menuecke{left:0;top:40px;position:absolute;width:120px;height:44px;background-color:#a2d8e6;background-repeat:no-repeat;z-index:10;text-decoration:none;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%}
#datev{right:35px;top:40px;position:absolute;height:40px;width:auto;z-index:2000;text-decoration:none}
#bdst{right:90px;top:40px;position:absolute;height:40px;width:auto;z-index:2000;text-decoration:none}
.rautentrenner{right:155px;top:0;position:absolute;height:40px;width:auto;z-index:2000;text-decoration:none}
#telefon{right:220px;top:48px;font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:1.2em;color:#fff;position:absolute;width:auto;z-index:2000;text-decoration:none}
.kontakt{bottom:0;right:10%;width:300px;height:50px;font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:1.2em;color:#009bc2; text-decoration:none;padding:15px 15px 15px 20px;background-color:#fff;z-index:20000;cursor:pointer;-webkit-box-shadow:-8px -8px 59px -5px rgba(85,85,85,0.49);-moz-box-shadow:-8px -8px 59px -5px rgba(85,85,85,0.49);box-shadow:-8px -8px 59px -5px rgba(85,85,85,0.49);position:fixed}
.kontakt-pop-up{bottom:0;right:10%;width:300px;height:auto;font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;color:#fff;text-decoration:none;padding:0 15px 15px 20px;background-color:#00567c;position:fixed;z-index:19999;display:none;-webkit-box-shadow:-8px -8px 59px -5px rgba(85,85,85,0.49);-moz-box-shadow:-8px -8px 59px -5px rgba(85,85,85,0.49);box-shadow:-8px -8px 59px -5px rgba(85,85,85,0.49)}
h1{font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:2.2em;line-height:1.4em;color:#00567c;text-decoration:none;padding:10px;margin:0}
h2{font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:2.2em;line-height:1.4em;color:#fff;text-decoration:none;padding:10px;margin:0;text-shadow:1px 1px 5px rgba(85,85,85,.9)}
p{font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:1.2em;line-height:1.4em;color:#00567c;text-decoration:none}
li,ul,ol{font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:1.1em;line-height:1.4em;color:#00567c;text-decoration:none;list-style:none;list-style-position:outside;margin-left:0}
li:before{content:"\f067";font-size:.75em;font-style:normal;font-weight:400;font-family:FontAwesome;color:#00567c;margin:0 10px 0 -20px}
h3,h4,h6{font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:1.2em;line-height:1.4em;color:#fff;text-decoration:none;text-shadow:1px 1px 5px rgba(85,85,85,.9)}
h5{font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:1.2em;line-height:1.4em;color:#fff;background-color:#00567c;text-decoration:none;padding:20px;margin:0;-webkit-box-shadow:-8px -8px 59px -5px rgba(85,85,85,0.49);-moz-box-shadow:-8px -8px 59px -5px rgba(85,85,85,0.49);box-shadow:-8px -8px 59px -5px rgba(85,85,85,0.49)}
h6{font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:1.2em;line-height:1.4em;color:#fff;text-decoration:none;padding:0;text-shadow:1px 1px 5px rgba(85,85,85,.9)}
hr{width:100%;height:1px;margin:0 auto;color:#fff;border-style:solid}
.steffen{right:23%;bottom:-5px;width:500px;height:auto;z-index:-1;border:none;position:fixed}
.w5{width:5%}
.w10{width:10%}
.w15{width:15%}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w33{width:33,333%}
.w35{width:35%}
.w50{width:50%;padding:0 2%}
.w55{width:55%}
.w60{width:60%}
.w70{width:70%}
.w80{width:80%}
.w90{width:90%}
.w100{width:100%;height:200px}
.newsbox{width:33,333%;font-size:2em;line-height:1.2em;color:#009bc2;text-align: center;background-color: white;opacity: .85;padding:4%;margin:10px; border-radius: 25px 0;-webkit-box-shadow: 8px 7px 23px 2px rgba(0,0,0,0.2); box-shadow: 8px 7px 23px 2px rgba(0,0,0,0.2);background: url(/news/back.png) no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.newsbox:hover{background:none;color:white;background-color: #00567c;animation: ease-in;animation-duration: 1s;}
.google{height:auto;width:auto;left:0;top:-20%;z-index:-1000;position:fixed;right:0;bottom:0;visibility:visible;overflow:hidden}
#contact-form span.info{font-size:4em;width:100%;display:block;padding:1.2px}
#contact-form span.error{color:#fe2f2c}
#contact-form span.error+span.error{margin-top:1em}
#contact-form input,#contact-form textarea{font-size:1em;box-sizing:border-box;background:#00567c;opacity:.9;border:none;color:#fff;padding:1em;display:block;width:100%;transition:all .2s ease-in-out}
#contact-form input.submit{-moz-transition:all 250ms ease-in-out 0;-o-transition:all 250ms ease-in-out 0;-webkit-transition:all 250ms ease-in-out;transition:all 250ms ease-in-out 0;-webkit-appearance:none}
#contact-form input.submit:hover{background:#009bc2;-webkit-appearance:none;cursor:pointer}
#contact-form input::-webkit-input-placeholder{color:#fff}
#contact-form input:-moz-placeholder{color:#fff}
#contact-form input::-moz-placeholder{color:#fff}
#contact-form input:-ms-input-placeholder{color:#fff}
.caldo{display:none}
@media screen and (max-width : 1160px) {
#telefon,.abstand100,.eagle.move-left,.fly,.eagle,#axis,#beep-one{display:none}
.menu{top:30px;left:20%;width:70%;height:auto;position:absolute}
p{font-size:1.2em;line-height:1.4em}
h1{font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:1.6em;line-height:1.4em;color:#00567c;text-decoration:none;padding:10px;margin:0}
h2{font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:1.6em;line-height:1.4em;color:#fff;text-decoration:none;padding:10px;margin:0}
h5{padding:50px}
.w10,.w15,.w20,.w25,.w30,.w33,.w40,.w50,.w55,.w60,.w70,.w80{width:100%;padding:0 15%}
.w35{width:100%;padding:0 0 0 25%}
.w45{width:10%;padding:0 5%}
.newsbox{width:47%;font-size:2em;line-height:1.2em;color:#009bc2;text-align: center;background-color: white;opacity: .85;padding:4%;margin:10px; border-radius: 25px 0;-webkit-box-shadow: 8px 7px 23px 2px rgba(0,0,0,0.2); box-shadow: 8px 7px 23px 2px rgba(0,0,0,0.2);}
h5{font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:1.2em;line-height:1.4em;color:#fff;background-color:#00567c;text-decoration:none;padding:50px}
.steffen{left:0;bottom:-5px;width:40%;height:auto;z-index:-1;border:none;position:fixed}
}
@media screen and (max-width : 1028px) {
.none .eagle.move-left,.fly,.eagle,#axis,#beep-one{display:none}
.logo{top:130px;left:10%;width:250px;height:auto;position:absolute;transition:all .2s ease-in-out}
.logo:hover{transform:scale(1.07)}
p{font-size:1.2em;line-height:1.4em;padding:15px}
h5{width:100%;padding:50px}
.w10,.w15,.w20,.w25,.w30,.w33,.w40,.w50,.w60,.w70,.w80{width:100%;padding:0 5%}
.w35{width:100%;padding:0 0 0 10%}
.newsbox{width:100%;font-size:2em;line-height:1.2em;color:#009bc2;text-align: center;background-color: white;opacity: .85;padding:4%;margin:10px auto; border-radius: 25px 0;-webkit-box-shadow: 8px 7px 23px 2px rgba(0,0,0,0.2); box-shadow: 8px 7px 23px 2px rgba(0,0,0,0.2);}
.menu{display:none;}
#header{top:0;left:0;width:100%;height:250px;font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;color:#fff;font-size:3.5em;line-height:.9em;text-align:center;}
h2{font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:2em;line-height:1.4em;color:#fff;text-decoration:none;padding:10px;margin:0}
}
@media screen and (max-width : 719px) {
#datev,#bdst,#telefon,.none,#datev,#bdst{display:none}
.hamburger{left:inherit;right:40px;}
.w10,.w15,.w20,.w25,.w30,.w33,.w40,.w50,.w60,.w70,.w80{width:100%;}
.w35{width:100%;padding:0 0 0 10px}
.w100{width:100%;height:80px;padding:0 10px 0 10px}
p,ul,li{font-size:.95em;line-height:1.4em;color:#00567c;text-shadow:none}
h1{font-size:1.35em;line-height:1.4em;width:100%;padding:10px;margin:0}
h2{font-size:1.2em;line-height:1.4em;width:100%;padding:10px;margin:0}
h5{font-size:1.2em;line-height:1.4em;width:100%;padding:30px}
#header{top:0;left:0;width:100%;height:140px;font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;color:#fff;font-size:3.5em;line-height:.9em;text-align:center;}
.rautentrenner{right:40px;top:0;position:absolute;height:40px;width:auto;z-index:1000;text-decoration:none}
.kontakt{bottom:0;right:2%;left:2%;width:96%;height:40px;font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:1.2em;color:#00567c;text-align:center;text-decoration:none;padding:10px;background-color:#fff;position:fixed;z-index:20000;cursor:pointer}
.kontakt-pop-up{bottom:0;right:2%;left:2%;width:96%;height:auto;font-family:'AlegreyaSans-Regular',sans-serif;font-weight:100;font-size:1.1em;color:#fff;text-decoration:none;padding:10px;background-color:#00567c;position:fixed;z-index:19999;display:none}
.logo{top:75px;left:10%;width:150px;height:auto;position:absolute;transition:all .2s ease-in-out}
.logo:hover{transform:scale(1.07)}
.steffen{left:0;bottom:10px;width:30%;height:auto;z-index:-1;border:none;position:fixed}
}