@import url('https://use.typekit.net/rdx0usu.css');
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/opensans-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

html{width:100%;height:100%;}
body{width:100%;height:100%;background:#fff; font-family: 'Open Sans', Arial, sans-serif; line-height: 1.3em; font-size: 16px; font-weight:300;-webkit-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale;color:#000;}

.orange { background: #F7941C; }
.hell-grau { background: #ededed; }
.dunkel-blau { background: #0E375A; }
.blau { background: #004f9f; }
.bg-white { background: #fff; }

a {color: #F7941C;} button:focus {outline: none;}
.btn { }
.btn-info { background: #F7941C; border-color: #F7941C; }
::selection{background:#F7941C; color:#FFF; text-shadow:none;}
::-moz-selection{background:#F7941C;color:#FFF;text-shadow:none;}
::-webkit-selection{background:#F7941C;color:#FFF;text-shadow:none;}
.btn-link{color:#F7941C;word-break:normal;word-break:break-all;word-break:keep-all; text-decoration:underline; font-weight: 600;}
.btn-link:hover{color:#F7941C;}
h1,h2,h3,h4,h5,h6{ line-height: 1.3em; text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:#0E375A; margin-bottom: .5em; font-size: 2em; font-weight: 500; font-family: "quatro"; }
a:hover,a:focus{text-decoration:none;color:#444;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
h1{font-size:2.2em; line-height: 1em;}
h2{font-size:1.5em; line-height: 1em;}
h3, h4, p strong {font-size:1.25em; font-weight: 500; color: #0E375A; line-height: 1.3em; }
.inner h2 { font-weight: 600; }
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
html,body{position:relative;height:100%;}
figure {margin-bottom: 0;}
p {margin-bottom: 1em; line-height: 1.5em; }
.form-control:focus {
  box-shadow: none;
}
.btn.focus, .btn:focus {
  box-shadow: none;
}
#page{height:100%;}
.invisible{transition:opacity .5s ease;opacity:0;}
.visible{transition:opacity .5s ease;opacity:1;}
strong {  font-family: "quatro"; font-weight: normal; font-size: 1.1em; }
.kontakt b {  font-family: "quatro"; }

.header { width: 100%; min-height: 80px; background: #fff; position: fixed; -webkit-transition: all .5s; transition: all .5s; z-index: 99; }
.header.small-nav  { min-height: 61px; border-bottom: solid 1px #F7941C; }
.abstand-oben { height: 90px; display: block; }
.fixed-top { max-width: 1500px; margin: 0 auto; }
.bg-light {
    background-color: #fff !important;
}
.overlay {
	color: #fff; font-size: 3em; padding: .25em 1.5em; line-height: 1.2em; font-weight: 400; font-family: "quatro";
	position: absolute; bottom: 20%;
	background: rgba(0,79,159,1);
	background: -moz-linear-gradient(left, rgba(0,79,159,1) 0%, rgba(0,79,159,1) 49%, rgba(0,79,159,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,79,159,1)), color-stop(49%, rgba(0,79,159,1)), color-stop(100%, rgba(0,79,159,0)));
	background: -webkit-linear-gradient(left, rgba(0,79,159,1) 0%, rgba(0,79,159,1) 49%, rgba(0,79,159,0) 100%);
	background: -o-linear-gradient(left, rgba(0,79,159,1) 0%, rgba(0,79,159,1) 49%, rgba(0,79,159,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,79,159,1) 0%, rgba(0,79,159,1) 49%, rgba(0,79,159,0) 100%);
	background: linear-gradient(to right, rgba(0,79,159,1) 0%, rgba(0,79,159,1) 49%, rgba(0,79,159,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f9f', endColorstr='#004f9f', GradientType=1 );
}
.orange h1, .orange h2, .orange h3, .orange h4 { color: #fff; }
.section_intros p + h2 { margin-top: 2em; }
/* .cta-div img + h2 { margin-top: 1em; } */
.section_intros {
/*
  background: #f5ebd8 url('../fonts/../images/1x/bg_castle.jpg') no-repeat center 180px;
  -webkit-background-size: contain;
  background-size: contain;
  padding: 60px;
*/
}

.section_banner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

.section_way_pic {
  background: url('../images/1x/bg_bottom.jpg') no-repeat top center fixed;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 420px;
}

.navbar .collapse { margin-top: 35px;  -webkit-transition: all .5s; transition: all .5s; }
/* .navbar-light .navbar-nav .nav-link { color: #F7941C; } */
.navbar-brand img { width: 160px; height: auto;  -webkit-transition: all .5s; transition: all .5s; }
.nav-link { color: #000; }
.nav-link:active { color: #F7941C; }
.nav-link:hover { color: #F7941C; }
.navbar-light .navbar-nav .nav-link { color: #0E375A; font-family: "quatro"; }

li.nav-item { margin-left: 20px; }
.navbar-expand-lg .navbar-nav .dropdown-menu { opacity: .8; }
.suchform { position: absolute; top: 10px; right: 0; }
.btn-search { padding-bottom: 0; padding-top: 0; background: transparent; }
.suchform { border: solid 1px #ededed; margin-right: 20px; -webkit-transition: all .5s; transition: all .5s; }
input.suche { border: none; width: 120px; }

.small-nav .suchform { display: none; -webkit-transition: all .5s; transition: all .5s; }
.small-nav .navbar-brand img { width: 110px;  -webkit-transition: all .5s; transition: all .5s; }
.small-nav .navbar .collapse { margin-top: 15px; }
.small-nav .navbar { padding: 0 1rem; }

.dropdown-toggle::after { display: none; }
.dropdown-menu { border: none; }
.dropdown-menu.show { border-top: solid 4px #F7941C; border-radius: 0; }
.dropdown-menu.show::before {
    display: block;
    width: 0;
    height: 0;
    margin-top: -8px;
    content: "";
    border-top: 10px solid #F7941C;
    border-right: 10px solid transparent;
    border-bottom: 0;
    border-left: 10px solid transparent;
    margin-left: 46%;
}
.dropdown-item.active, .dropdown-item:active {
    color: #F7941C !important;
    text-decoration: none;
    background-color: #ededed; font-weight: 700;
}
.nav-item > a.active { font-weight: 500; color: #F7941C !important; }
.navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; left: -40%; margin-top: 5px; }
.black p { color: #fff; }

.header-hl { font-size: 3em; line-height: 1.15em; }
.header-img { max-width: 100%; width: 1500px; margin: 0 auto; border-bottom: solid 4px #F7941C; position: relative; }
.kontakt {
	background: #F7941C;
	position: absolute;
	top: -80px;
	padding: 1em 1em .25em;
	color: #fff;
}
.kontakt p, .kontakt a { color: #fff; font-weight: 600; line-height: 1.5em; margin-bottom: .5em; }
.kontakt p b { color: #fff; font-size: 2em; font-weight: 600; }
.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb a { color: #77797B; }
.breadcrumb a.active { color: #F7941C; }



footer {
	background: #173557;
	width: 100%;
	margin-top: 3em;
	padding: 2em 0 0;
}
footer h4 { color: #fff; font-size: 1.1em; font-weight: 400; }
footer .copyright { color: #fff; margin: 3em 0; font-size: .85em }
.movetop {
  float: right;
}
footer ul { list-style: none; margin: 0; padding: 0; }
footer ul li { margin: 0; line-height: 1.5em; font-size: .85em; }
footer a { padding: 0; color: #fff;  }
footer a:hover { color: #F7941C; }
.footer-gray { background: #999999; height: 10px; display: block; border-bottom: solid 1px #fff; border-top: solid 1px #fff; }
.footer-orange { background: #F7941C; height: 5px; display: block; }
.center { text-align: center; }

.weiss { color: #fff !important; }
.mobileBgOn { display: none; }

.mt0 { margin-top: 0px; }  .mt1 { margin-top: 10px; }  .mt2 { margin-top: 20px; }  .mt3 { margin-top: 30px; }  .mt4 { margin-top: 40px; }  .mt5 { margin-top: 50px; }  .mt6 { margin-top: 60px; }  .mt7 { margin-top: 70px; }  .mt8 { margin-top: 80px; }  .mt9 { margin-top: 90px; }  .mt10 { margin-top: 100px; }  .mb0 { margin-bottom: 0px; }  .mb1 { margin-bottom: 10px; }  .mb2 { margin-bottom: 20px; }  .mb3 { margin-bottom: 30px; }  .mb4 { margin-bottom: 40px; }  .mb5 { margin-bottom: 50px; }  .mb6 { margin-bottom: 60px; }  .mb7 { margin-bottom: 70px; }  .mb8 { margin-bottom: 80px; }  .mb9 { margin-bottom: 90px; }  .mb10 { margin-bottom: 100px; }  .pad0 { padding: 0px; }  .pad1 { padding: 10px; }  .pad2 { padding: 20px; }  .pad3 { padding: 30px; }  .pad4 { padding: 40px; }  .pad5 { padding: 50px; }  .pad6 { padding: 60px; }  .pad7 { padding: 70px; }  .pad8 { padding: 80px; }  .pad9 { padding: 90px; }  .pad10 { padding: 100px; }  .pt0 { padding-top: 0px; }  .pt1 { padding-top: 10px; }  .pt2 { padding-top: 20px; }  .pt3 { padding-top: 30px; }  .pt4 { padding-top: 40px; }  .pt5 { padding-top: 50px; }  .pt6 { padding-top: 60px; }  .pt7 { padding-top: 70px; }  .pt8 { padding-top: 80px; }  .pt9 { padding-top: 90px; }  .pt10 { padding-top: 100px; }  .pb0 { padding-bottom: 0px; }  .pb1 { padding-bottom: 10px; }  .pb2 { padding-bottom: 20px; }  .pb3 { padding-bottom: 30px; }  .pb4 { padding-bottom: 40px; }  .pb5 { padding-bottom: 50px; }  .pb6 { padding-bottom: 60px; }  .pb7 { padding-bottom: 70px; }  .pb8 { padding-bottom: 80px; }  .pb9 { padding-bottom: 90px; }  .pb10 { padding-bottom: 100px; }

.rel { position: relative; }
#top { position: fixed; bottom: 0; width: 50px; height: 50px; left: 50%; line-height: 50px; text-align: center; display: none; margin-left: 500px; }
#top.show { display: block; }
a.movetop { background: url(../images/top.png) no-repeat; width: 50px; height: 50px; }
.logo { width: 200px;  -webkit-transition: width .5s, height .5s; transition: width .5s, height .5s; }
.linkbox { cursor: pointer; }
.linkbox:hover { opacity: .7; -webkit-transition: all .5s; transition: all .5s;  }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10, IE11 */
    .row-flex .col-lg-4,  .linkbox {
        display: inline-block;
/*  		border: solid 1px blue; */
		max-width: 33%;
		vertical-align: top;
    }
    .row-flex .col-md-6 {
        display: inline-block;
		max-width: 49%;
		vertical-align: top;
	}
    .row-flex .col-lg-3 {
        display: inline-block;
		max-width: 24%;
		vertical-align: top;
    }

    .row-flex { display: block; /* border: solid 1px red; */ }
    .navbar-brand img { height: 50px; }

}

/*
.btn-me { background: #daba82; border: solid 1px #142d41; border-radius: 10px; }
.btn-me:hover { background: #142d41; color: #fff; }
*/

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.bg-color { padding: 2em 0; }
.inner p, .inner h2, .inner h3 { margin: 20px; }
.inner p { font-weight: 400; }
.inner { padding: 10px 0; height:100%; }
.inner2 h2, .inner2 h3 { margin: 0 20px 10px; }
.inner2 span { padding: 0 20px 10px; display: inline-block; }
.inner2 .fa { padding-left: 5px; }
.inner2 p { font-weight: 400; }
.inner2 { padding: 0 0 10px; height:100%; }
.cta-div h2, .cta-div h3 { padding-top: 20px; }
/* .cta-div h2:first-child { padding-top: 0; } */
.cta-div img + h2 { padding-top: 0; }
.cta-div {
	display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-top: 0;
    }

ul.underline { list-style: none; border-top: solid 1px #000; padding: 0; }
ul.underline li { border-bottom: solid 1px #000; padding: 6px 0; }

.dl { border: solid 1px #F7941C; padding: 1em; margin-bottom: 1em; display: block; border-radius: 10px; padding-left: 70px;  }
.dl span { display: block;  }
.dl .fa { font-size: 2em; color: #F7941C; position: absolute; left: 30px;  }

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2000000e'%2F%3E%3C%2Fsvg%3E") !important;
}

.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2000000e'%2F%3E%3C%2Fsvg%3E") !important;
}
.swiper-button-next, .swiper-button-prev {
    width: 27px;
    height: 25px;
    margin-top: -12px;
    background-size: 27px 25px;
}

/* HEADER and ANIMATIONS */
.headerimage { width: 100%; }
.headerText { position: absolute; font-size: 2em; /* background: url(../images/10.png); */  }
.headerText, .headerText h2 { color: #F7941C; }

.card { margin-bottom: 1em; }
.card h2 { font-size: 1em; line-height: 1.5em; }
.card h2 span { color: #000; }
.card-header { padding: .75rem 1.25rem .25rem; }

.charsFilter { display: block; margin-bottom: 1em; }
.charsFilter .btn { margin-right: 5px; }
.btn-success { background: #c7e4f9; border-color: #c7e4f9; color: #000; }
.site__header {
  -webkit-animation: bounceInDown 1s;
}
.headerTextAnim {
  -webkit-animation: bounceInUp 1s;
  -webkit-animation-delay: 0;
  display: block !important;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}