@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeueLight.eot');
    src: url('../fonts/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLight.woff2') format('woff2'), url('../fonts/HelveticaNeueLight.woff') format('woff'), url('../fonts/HelveticaNeueLight.ttf') format('truetype'), url('../fonts/HelveticaNeueLight.svg#HelveticaNeueLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeueMedium.eot');
    src: url('../fonts/HelveticaNeueMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueMedium.woff2') format('woff2'), url('../fonts/HelveticaNeueMedium.woff') format('woff'), url('../fonts/HelveticaNeueMedium.ttf') format('truetype'), url('../fonts/HelveticaNeueMedium.svg#HelveticaNeueMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeueBold.eot');
    src: url('../fonts/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueBold.woff2') format('woff2'), url('../fonts/HelveticaNeueBold.woff') format('woff'), url('../fonts/HelveticaNeueBold.ttf') format('truetype'), url('../fonts/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
html, body{ height:100%; margin:0;}
body{ padding:0; margin:0; font-size:14px; color:#fff; font-family: 'HelveticaNeue'; background:#003AEC; overflow-x:hidden; font-weight:100;}
a {outline:none !important; text-decoration:none;
-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important; font-family: 'HelveticaNeue';}
input, select, textarea, button{ outline:none !important;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/}
.container{ width:96%; max-width:1200px; margin:0 auto; padding:0; z-index:5; position:relative;}

.wrapper { min-height:100%; margin-bottom:-52px;}
.push { height:52px;}

/***********  Top Part  ************/
header{ width:100%; float:left; padding:26px 0 190px 0; margin:0; position:relative; background:#000; overflow:hidden;}
header:before{ content:""; width:919px; height:919px; background:#003AEC; border-radius:50%; position:absolute; top:-100px; right:-280px; z-index:1;}
.logo{ margin:0; padding:0; display:inline-block;}
    .logo svg {
        width: 210px;
        height: auto;
        margin-top: 8px;
    }
.top_link{ float:right; margin:0; padding:0; font-size:36px; color:#fff; line-height:40px;}
.top_link:hover{ color:#fff; text-decoration:underline;}

/************* Section ***********/
section{ width:100%; float:left; padding:0; margin:0; position:relative;}

.welcome_sec{ width:100%; float:left; padding:110px 0; margin:0;}
.info_con{ width:100%; float:left; padding:0; margin:0;}
.add_info{ width:100%; float:left; padding:0; margin:0 0 30px 0; font-size:26px; color:#fff; line-height:normal;}
.add_info a{ color:#fff;}
.add_info a:hover{ color:#fff; text-decoration:underline;}
.welcome_sec p{ margin:0; padding:0; font-size:26px; color:#fff; line-height:normal;}

.video_sec{ width:100%; float:left; margin:0; padding:36px 0 70px 0;}
.video_sec .homepage-hero-module { border-right: none; border-left: none; position: relative; }
.video_sec .no-video .video-container video, .video_sec .touch .video-container video { display: none; }
.video_sec .no-video .video-container .poster, .video_sec .touch .video-container .poster { display: block !important; }
.video_sec .video-container { position: relative; bottom: 0%; left: 0%; height: 100%; width: 100%; overflow: hidden; background: #000; }
.video_sec .video-container .poster img { width: 100%; bottom: 0; position: absolute; }
.video_sec .video-container .filter { z-index: 100; position: absolute; background: rgba(0, 0, 0, 0.4); width: 100%; }
.video_sec .video-container video { width:100%; float:left; position: relative; z-index: 0; bottom: 0; }

/************* Footer ***********/
footer{ width:100%; float:left; padding:0; margin:0; min-height:52px;}

.footer_inn{ width:100%; float:left; padding:10px 0 20px 0; margin:0; border-top:1px solid #fff; text-align:right;}
.footer_inn ul{ margin:0; padding:0;}
.footer_inn ul li{ margin:0 0 0 50px; padding:0; display:inline-block; font-size:11px; color:#fff; font-weight:500;}
.footer_inn ul li a{ color:#fff;}
.footer_inn ul li a:hover{ color:#fff; text-decoration:underline;}

.mob_foot{ padding:15px 0 13px 0; }
.kont_link{ margin:0; padding:0; display:inline-block; font-size:26px; color:#fff; text-transform:uppercase;}
.kont_link:hover{ color:#fff; text-decoration:underline;}

.visible-md{ display:none;}

/************* Impressum page ***********/
.impres_sec{ width:100%; float:left; margin:0; padding:110px 0 30px 0;}
.impres_sec h3{ margin:0; padding:0; font-size:18px; color:#fff; clear:both;}
.impres_sec .info{ width:100%; float:left; margin:0 0 30px 0; padding:0; font-size:18px; color:#fff; line-height:21px;}
.impres_sec .info u{ display:block;}
.simp_link{ margin:0; padding:0; display:inline-block; font-size:18px; color:#fff; text-transform:uppercase;}
.simp_link:hover{ color:#fff; text-decoration:underline;}

/* toggle */
.addressinfo{ width:100% !important; float:left; margin:0; padding:70px 0 20px 0; background:#003AEC; position: absolute; left:0 !important; right:0 !important; z-index: 888; height:100%; display: none; bottom:0; }
.Hide{  display:none;}