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 {line-height:100%;font-weight:500;}
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:70%;}
.small2 {color:#003770;font-size:165%;line-height:180%;}
.big {font-size:210%;line-height:120%;}
.shy {-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.headline {font-size:500%;line-height:120%;font-family:'Helvetica',sans-serif;font-weight:400;}


/* 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-decoration:none;font-size:100%;line-height:190%;font-weight:700;}a.l6:visited {font-family:'Helvetica',sans-serif;color:#fff;text-decoration:none;font-size:120%;line-height:190%;font-weight:700;}
a.l6:hover{font-family:'Helvetica',sans-serif;color:#fff;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-decoration:none;font-size:100%;line-height:190%;font-weight:700;}
a.l7:link {font-family:'Helvetica',sans-serif;color:#c61932;text-decoration:none;font-size:400%;line-height:130%;font-weight:700;}a.l7:visited {font-family:'Helvetica',sans-serif;color:#c61932;text-decoration:none;font-size:400%;line-height:130%;font-weight:700;}
a.l7:hover{font-family:'Helvetica',sans-serif;color:#003770;text-decoration:none;font-size:400%;line-height:130%;font-weight:700;-webkit-transition:0.3s;transition:0.3s;}a.l7:active {font-family:'Helvetica',sans-serif;color:#c61932;text-decoration:none;font-size:400%;line-height:130%;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;}
.left {float:left;}
.right {float:right;}
.img {width:100%;}
.img2 {width:25px;height:25px;margin:0 12px -4px 0}
.dartsch {width:100%;}
.angebot {position:relative;display:block;float:right;margin:-200px 2% 0 0;padding:10px 15px 0 15px;background:#fff;z-index:1000;border-radius:8px;box-shadow:0 3px 20px rgba(0, 0, 0, .1);}
.ww {display:block;width:100%;background-color:#fff;}
.wg {display:block;width:100%;background-color:#f6f6f6;}
.wb {display:block;width:100%;background-color:#003770;}
.wlb {display:block;width:100%;background-color:#dbe0e7;}
.wr {max-width:1180px;width:90%;padding:80px 0 70px 0;margin:0 auto;z-index:5;}
.wr1 {max-width:1180px;width:90%;padding:80px 0 70px 0;margin:0 auto;z-index:5;}
.wr2 {max-width:1060px;width:90%;padding:80px 0 70px 0;margin:0 auto;z-index:5;}
.wr3 {max-width:1180px;width:90%;padding:0 0 70px 0;margin:0 auto;z-index:5;}
.wr4 {max-width:800px;width:90%;padding:80px 0 70px 0;margin:0 auto;z-index:5;}
.wr5 {max-width:960px;width:90%;padding:30px 0 30px 0;margin:0 auto;z-index:5;}
.thumb img {max-width:850px;width:100%;margin-bottom:-5px;transition:transform .5s ease;z-index:-1;}
.thumb:hover img {opacity:0.7;}
.pad {padding:8px 0;}
.hl {width:66%;}
.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:absolute;bottom:10px;width:50px;height:50px;left:50%;margin-left:-25px;z-index:90;cursor:pointer;}
.down:hover {-webkit-transition:0.3s;transition:0.3s;opacity:0.7;}
.down2 {position:relative;width:60px;height:45px;margin:30px auto 0 auto;z-index:90;}
.down2:hover {-webkit-transition:0.3s;transition:0.3s;opacity:0.7;}
.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;}
.abs {width:100%;height:50px;}
.fbl {display:-webkit-flex;display:-ms-flexbox;display:flex;background:#003770;width:100%;}
.fbl2 {background:#003770;width:100%;padding:30px 0;}
.clearfloat {clear:both;height:0;font-size:1px;line-height:0px;}


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


/* Formular */
label {color:#ddd;font-size:180%;line-height:200%;}
.label {color:#ddd;font-size:180%;line-height:140%;}
.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;}
.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;}
.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;}
.top {position:relative;width:60px;height:45px;margin:40px auto -25px auto;opacity:.8;z-index:8;}
.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;}


/* Fehler */
#fehler_logo {width:400px;height:250px;margin:0 auto;}
#fehler {max-width:1000px;top:25px;margin:0 auto;}


/*  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:72%;}.span_3_of_5 {width:54%;}.span_2_of_5 {width:36%;}.span_1_of_5 {width:18%;}


/* Mobile Devices */
@media only screen and (max-width: 800px) {
body {font-size:9px;}
.angebot {max-width:80%;margin:-120px 2% 0 0;}
.headline {font-size:400%;}
.hl {width:100%;}
.abs {height:20px;}
.col {margin:0.4% 0% 0.4% 0%;}
.dartsch {width:50%;margin-left:25%;}
.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;}
.login {margin-right:13px;margin-top:-28px;}
.facebook {display:none;}
.xing {display:none;}
.big {font-size:200%;}
.wr {padding:50px 0;}
.wr1 {padding:50px 0;}
.wr3 {padding:0 0 50px 0;}
.angebot {max-width:310px;margin:-115px auto 0 auto;float:none;}
.headline {font-size:340%;}
h1 {font-size:350%;}
h2 {font-size:350%;}}