html,body,div,span,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{border:0;margin:0;padding:0;outline:0;vertical-align:baseline;background:transparent;-webkit-text-size-adjust:none;}
html, body {height:100%;}
body {background:#fff;height:100%;font-family:'Helvetica',sans-serif;text-align:left;font-size:10px;overflow-x:hidden;}
p {font-size:200%;line-height:165%;color:#003770;}
b {font-size:80%;}
hr {border:0;height:1px;margin:25px 0;background:#888;}


/* Headlines */
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;border:0;color:#003770;}
h1 {font-size:460%;line-height:130%;font-family:'Helvetica',sans-serif;font-weight:400;}
h2 {font-size:460%;line-height:130%;font-family:'Helvetica',sans-serif;font-weight:400;}
h3 {font-size:300%;line-height:150%;font-family:'Helvetica',sans-serif;font-weight:400;}
h4 {font-size:240%;line-height:130%;font-family:'Helvetica',sans-serif;font-weight:400;margin-bottom:10px;}
h5 {font-size:320%;line-height:130%;font-family:'Helvetica',sans-serif;font-weight:400;}


/* Typografie */
.c {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}
.j {text-align:justify;}
.b {color:#000;}
.w {color:#fff;}
.lg {color:#bbb;}
.red {color:#c61932;}
.blue {color:#003770;}
.small {font-size:160%}
.shy {-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}


/* Links */
a:link {font-family:'Helvetica',sans-serif;font-size:190%;color:#fff;text-decoration:none;}a:visited {font-family:'Helvetica',sans-serif;font-size:190%;color:#fff;text-decoration:none;}
a:hover{font-family:'Helvetica',sans-serif;font-size:190%;color:#c00418;text-decoration:none;-webkit-transition:0.3s;transition:0.3s;}a:active{font-family:'Helvetica',sans-serif;font-size:190%;color:#fff;text-decoration:none;}
a.l1:link {font-family:'Helvetica',sans-serif;color:#c61932;text-decoration:none;font-size:100%;line-height:190%;}a.l1:visited {font-family:'Helvetica',sans-serif;color:#fff;text-decoration:none;font-size:100%;line-height:190%;}
a.l1:hover{font-family:'Helvetica',sans-serif;color:#c00418;text-decoration:none;font-size:100%;line-height:190%;-webkit-transition:0.3s;transition:0.3s;}a.l1:active {font-family:'Helvetica',sans-serif;color:#fff;text-decoration:none;font-size:100%;line-height:190%;}
a.l2:link {font-family:'Helvetica',sans-serif;color:#c61932;text-decoration:none;font-size:108%;line-height:190%;}a.l2:visited {font-family:'Helvetica',sans-serif;color:#000;text-decoration:none;font-size:108%;line-height:190%;}
a.l2:hover{font-family:'Helvetica',sans-serif;color:#c00418;text-decoration:none;font-size:108%;line-height:190%;-webkit-transition:0.3s;transition:0.3s;}a.l2:active {font-family:'Helvetica',sans-serif;color:#000;text-decoration:none;font-size:108%;line-height:190%;}
a.l3:link {font-family:'Helvetica',sans-serif;color:#fff;text-decoration:none;font-size:100%;line-height:140%;}a.l3:visited {font-family:'Helvetica',sans-serif;color:#fff;text-decoration:none;font-size:100%;line-height:140%;}
a.l3:hover{font-family:'Helvetica',sans-serif;color:#c00418;text-decoration:none;font-size:100%;line-height:140%;-webkit-transition:0.3s;transition:0.3s;}a.l3:active {font-family:'Helvetica',sans-serif;color:#fff;text-decoration:none;font-size:100%;line-height:140%;}
a.l5:link {font-family:'Helvetica',sans-serif;color:#fff;text-decoration:none;font-size:100%;line-height:190%;}a.l5:visited {font-family:'Helvetica',sans-serif;color:#fff;text-decoration:none;font-size:100%;line-height:190%;}
a.l5:hover{font-family:'Helvetica',sans-serif;color:#c00418;text-decoration:none;font-size:100%;line-height:190%;-webkit-transition:0.3s;transition:0.3s;}a.l5:active {font-family:'Helvetica',sans-serif;color:#fff;text-decoration:none;font-size:100%;line-height:190%;}
a.l6:link {font-family:'Helvetica',sans-serif;color:#fff;text-align:center;text-decoration:none;font-size:100%;line-height:190%;font-weight:700;}
a.l6:visited {font-family:'Helvetica',sans-serif;color:#fff;text-align:center;text-decoration:none;font-size:120%;line-height:190%;font-weight:700;}
a.l6:hover{font-family:'Helvetica',sans-serif;color:#fff;text-align:center;text-decoration:none;font-size:100%;line-height:190%;font-weight:700;-webkit-transition:0.3s;transition:0.3s;}
a.l6:active {font-family:'Helvetica',sans-serif;color:#fff;text-align:center;text-decoration:none;font-size:100%;line-height:190%;font-weight:700;}




/* Listen */
ul.list {list-style:disc;font-size:175%;line-height:185%;color:#003770;list-style-position:outside;margin-left:-24px;}


/* Head */
.header-navigation {position:fixed;top:0;width:100%;max-width:100%;background-color:#003770;padding:15px 0;z-index:5000;transition:top 0.5s;box-shadow:0 2px 6px rgba(0,0,0,.15), 0 2px 6px rgba(0,0,0,.15);}
.slideUp {-webkit-transform: translateY(-100px);transform:translateY(-100px);transition:transform .5s ease-out;}
.slideDown {-webkit-transform:translateY(0);transform:translateY(0);transition:transform .5s ease-out;}
.logo {width:260px;height:70px;margin:0 auto;}
.logo:hover {-webkit-transition:0.3s;transition:0.3s;opacity:0.7;}
.facebook {width:20px;height:20px;margin:0 3px 0 35px;float:left;margin-top:14px;}
.facebook:hover {-webkit-transition:0.3s;transition:0.3s;opacity:0.7;}
.xing {width:20px;height:20px;margin:0 3px;float:left;margin-top:14px;}
.xing:hover {-webkit-transition:0.3s;transition:0.3s;opacity:0.7;}


/* Content */
#test {opacity:0;transition:opacity 0.8s ease-in;}
#test.load {opacity:1;}#flex-container {display:-webkit-flex;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.tp {position:relative;width:1px;height:1px;top:0;z-index:-1;}
.left {float:left;}
.right {float:right;}
.img {max-width:100%;}
.headerpic {width:100%;padding-top:98px;margin-bottom:-6px;background:#003770;}
.ww {display:block;width:100%;background:#fff;}
.ww2 {display:block;width:100%;background-image:url(../img/p.png)}
.wg {display:block;width:100%;background:#f6f6f6;}
.wb {display:block;width:100%;background:#003770;}
.wlb {display:block;width:100%;background:#dbe0e7;}
.wr {max-width:1040px;width:90%;padding:80px 0 70px 0;margin:0 auto;z-index:5;}
.wr2 {max-width:800px;padding:50px;margin:0 auto;z-index:5;}
.wr3 {max-width:1040px;width:90%;padding:0 0 70px 0;margin:0 auto;z-index:5;}
.wr4 {max-width:600px;width:90%;padding:80 0 70px 0;margin:0 auto;z-index:5;}
.hl {width:78%;}
.hl2 {width:65%;}
.fsc {position:fixed;width:100%;height:100%;z-index:-1;top:0;left:0;background-repeat:no-repeat;background-position:center;background-size:cover;}
.down {position:relative;width:60px;height:45px;margin:30px auto 0 auto;z-index:90;}
.down:hover {-webkit-transition:0.3s;transition:0.3s;opacity:0.7;}
.down2 {position:relative;width:60px;height:45px;margin:-40px auto 0 auto;z-index:90;}
.down2:hover {-webkit-transition:0.3s;transition:0.3s;opacity:0.7;}
.down3 {position:relative;width:60px;height:45px;margin:-30px auto 0 auto;z-index:900000;}
.down3:hover {opacity:0.75;-webkit-transition:.35s ease;transition:.35s ease;}
.up {position:relative;width:60px;height:45px;margin:0 auto -5px auto;z-index:90;cursor:pointer;}
.up:hover {-webkit-transition:0.3s;transition:0.3s;opacity:0.7;}
.clearfloat {clear:both;height:0;font-size:1px;line-height:0px;}
.abs {height:600px;}


/* Video */
.v-header {height:100vh;display:flex;align-items:center;color:#fff;}
.container {max-width:960px;padding-left:1rem;padding-right:1rem;margin:auto;text-align:center;} 
.fullscreen-video-wrap {position:absolute;height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1;overflow:hidden;}
.video {position:absolute;top:50%;left:50%;min-width:102%;min-height:100%;width:auto;height:auto;z-index:0;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);
  -webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}


/* Responsive YouTube */
.video2 {max-width:1156px;}
.elastic-video {position:relative;padding-bottom:55%;padding-top:5px;height:0;overflow:hidden;}
.elastic-video iframe {position:absolute;top:0;left:0;width:100%;height:101.6%;}


/* Parallax */
.sektion {position:relative;width:100%;height:100%;overflow:hidden;}
.hintergrundbild {position:absolute;background-image:url("img/p.png");height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1;}
.hintergrundbild1 {position:absolute;height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;z-index:1;}
.text1 {position:absolute;top:40%;text-align:center;left:5%;width:90%;z-index:2;background:transparent;}
.text2 {position:absolute;width:100%;bottom:2%;z-index:2;padding:0;margin:0;}
.thin {font-weight:300;margin:0 6px;}
.hintergrundbild img {min-width:100%;}
.text h1, .text h2, .text p, .text ul {margin:2%;} ul {list-style:none;}



/* Formular */
.button {font-family:'Helvetica',sans-serif;font-weight:700;font-size:210%;background-color:#c61932;color:#fff;line-height:155%;padding:8px 25px;border:#aaa thin solid;-webkit-border-radius:3px;border-radius:3px;display:inline;margin:20px 0;}
.button:hover {opacity:0.7;-webkit-transition:0.3s;transition:0.3s;}
.button2 {display:inline;font-family:'Helvetica',sans-serif;color:#fff;font-weight:700;font-size:100%;width:100%;background-color:#2f2f2f;line-height:180%;border:#777 thin solid;border-radius:3px;margin-bottom:5px;}
.button3 {font-family:'Helvetica',sans-serif;font-weight:700;font-size:210%;background-color:transparent;margin-top:20px;color:#fff;line-height:155%;padding:8px 25px;border:#fff thin solid;-webkit-border-radius:3px;border-radius:3px;display:inline;} .button3:hover {opacity:0.75;letter-spacing:3px;-webkit-transition:.35s ease;transition:.35s ease;}



/* Footer */
.footer {position:relative;width:100%;background-color:#003770;padding:35px 0 17px 0;color:#fff;}
.footer-center {position:relative;max-width:960px;margin:0 auto;padding:0 10px;}
.footer-text {font-family:'Open Sans Condensed',sans-serif;color:#fff;text-align:center;font-size:190%;}
.foot {color:#ccc;font-size:175%;}
.fp {width:9px;height:14px;margin:-2px 5px 2px -14px;}
.fticon {width:90px;height:60px;margin:0 auto;}
a.fl:link {font-family:'Helvetica',sans-serif;font-size:100%;color:#ccc;text-decoration:none;}a.fl:visited {color:#ccc;text-decoration:none;}a.fl:hover{font-family:'Helvetica',sans-serif;color:#f00;text-decoration:none;transition:all 1s ease;}a.fl:active{color:#ccc;text-decoration:none;}
a.fl2:link {font-family:'Helvetica',sans-serif;font-size:100%;color:#fff;text-decoration:none;}a.fl2:visited {font-family:'Helvetica',sans-serif;color:#fff;text-decoration:none;}a.fl2:hover{color:#f00;text-decoration:none;transition:all 1s ease;}a.fl2:active{color:#fff;text-decoration:none;}


/*  GRID  */
.section {clear:both;padding:0px;margin:0;}
.col {display:block;float:left;margin: 1% 2% 0 0;}
.col:first-child {margin-left:0;}
.group:before,
.group:after {content:""; display:table;}
.group:after {clear:both;}
.group {zoom:1;}
.span_1_of_1 {position:relative;width:100%;}
.span_2_of_2 {width:48%;}.span_1_of_2 {width:48%;}
.span_3_of_3 {width:100%;}.span_2_of_3 {width:62.6%;}.span_1_of_3 {width:31.3%;}
.span_4_of_4 {width:100%;}.span_3_of_4 {width:72%;}.span_2_of_4 {width:48%;}.span_1_of_4 {width:23%;}
.span_5_of_5 {width:100%;}.span_4_of_5 {width:76%;}.span_3_of_5 {width:57%;}.span_2_of_5 {width:38%;}.span_1_of_5 {width:19%;}


/* Mobile Devices */
@media only screen and (max-width: 800px) {
body {font-size:9px;}
.hl {width:100%;}
.headline {font-size:350%;}
.ws {padding:40px 0 70px 0;}
.img3 {margin:-40px 0 35px 0;}
.col {margin:0.4% 0% 0.4% 0%;}
.span_2_of_2 {width:100%;} .span_1_of_2 {width:100%;}
.span_3_of_3 {width:100%;} .span_2_of_3 {width:100%;} .span_1_of_3 {width:100%;}
.span_4_of_4 {width:100%;}.span_3_of_4 {width:100%;}.span_2_of_4 {width:100%;}.span_1_of_4 {width:100%;}
.span_5_of_5 {width:100%;}.span_4_of_5 {width:100%;}.span_3_of_5 {width:100%;}.span_2_of_5 {width:100%;}.span_1_of_5 {width:100%;}}


@media only screen and (max-width: 480px) {
.header {padding:20px 0;}
.facebook {display:none;}
.xing {display:none;}
.wr {padding:50px 0;}
.wr1 {padding:50px 0;}
.wr3 {padding:0 0 50px 0;}
.abs {height:350px;}
h1 {font-size:350%;}
h2 {font-size:350%;}
h3 {font-size:260%;}}