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:center;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:420%;line-height:130%;font-family:'Helvetica',sans-serif;font-weight:400;}
h2 {font-size:420%;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:165%}
.shy {-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.headline {font-family:'Helvetica',serif;color:#fff;font-size:540%;font-weight:700;line-height:120%;text-shadow:0 0 12px rgba(0, 0, 0, .9);}
.subline {font-family:'helvetica',serif;font-size:280%;font-weight:400;line-height:150%;text-shadow:0 0 12px rgba(0, 0, 0, .9);}


/* 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;color:#003770;font-size:200%;line-height:200%;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;}
.wg {display:block;width:100%;background:#f6f6f6;}
.wb {display:block;width:100%;background:#003770;}
.wlb {display:block;width:100%;background:#dbe0e7;}
.wr {max-width:1180px;width:90%;padding:80px 0 70px 0;margin:0 auto;z-index:5;}
.wr2 {max-width:1180px;width:90%;padding:20px 0 70px 0;margin:0 auto;z-index:5;}
.wr4 {max-width:800px;width:90%;padding:30px 0 30px 0;margin:0 auto;z-index:5;}
.wr5 {max-width:960px;width:90%;padding:30px 0 30px 0;margin:0 auto;z-index:5;}
.wr6 {max-width:960px;width:90%;padding:0 0 70px 0;margin:0 auto;z-index:5;}
.wr7 {max-width:1180px;width:90%;padding:0 0 70px 0;margin:0 auto;z-index:5;}
.hl {width:70%;margin:0 auto;}
.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;}


/* 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:100%;}


/* 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 */
label {color:#ddd;font-size:165%;line-height:200%;}
.label {color:#ddd;font-size:180%;line-height:140%;}
.button {font-family:'Helvetica',sans-serif;width:260px;margin:0 auto;font-weight:700;font-size:210%;text-align:center;background-color:#c61932;color:#fff;line-height:155%;padding:8px 25px;border:#aaa thin solid;-webkit-border-radius:3px;border-radius:3px;}
.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;width:260px;font-weight:700;font-size:210%;text-align:center;background-color:#c61932;color:#fff;line-height:155%;padding:8px 25px;border:#aaa thin solid;-webkit-border-radius:3px;border-radius:3px;}
.button3:hover {opacity:0.7;-webkit-transition:0.3s;transition:0.3s;}
.f1 {display:inline;background-color:#2f2f2f;width:100%;font-family:'Helvetica',sans-serif;font-size:100%;color:#fff;line-height:180%;border:#777 thin solid;border-radius:3px;margin-bottom:5px;}
.f2 {display:inline;background-color:#2f2f2f;width:100%;font-family:'Helvetica',sans-serif;font-size:100%;color:#fff;line-height:180%;border:#777 thin solid;border-radius:3px;}


/* 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;}
h1 {font-size:350%;}
h2 {font-size:350%;}
.headline {font-size:260%;}
.countdown.show .running timer {font-size:50px;} .countdown.show.running timer.days, .countdown.show.running timer.hours, .countdown.show.running timer.minutes,
.countdown.show .running timer .seconds {width:88px;}}
.countdown.show .running .labels {margin-left:-50px;font-family:'Helvetica',sans-serif;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;}
.countdown.show .running .labels span {width:124px;text-align:center;margin:0px 6px;}


@media (max-width: 480px) {.countdown.show .running .labels span {width:59px;}}
.countdown.show .running .text {font-size:20px;margin-top:12px;font-weight:600;}
.countdown.show .running button {border:none;background-color:black;color:white;border-radius:25px;padding:10px 20px;margin:10px;}
.countdown.show .running .break {-ms-flex-preferred-size:100%;flex-basis:100%;height:0;}
.countdown.show .ended {display:none;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.countdown.show .ended .text {font-family:'Helvetica',sans-serif;font-size:20px;}
.countdown.show .ended button {border:none;background-color:#5a0000;color:white;border-radius:25px;padding:10px 20px;margin:10px;}
.countdown.show .ended .break {-ms-flex-preferred-size:100%;flex-basis:100%;height:0;}
.container {margin-top:80px;margin-right:auto;margin-left:auto;margin-bottom:80px;}
