@font-face { font-family: 'Oxanium'; src: url('../fonts/Oxanium-Bold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Oxanium'; src: url('../fonts/Oxanium-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Oxanium'; src: url('../fonts/Oxanium-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Oxanium'; src: url('../fonts/Oxanium-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'RobotoCondensed'; src: url('../fonts/RobotoCondensed-Bold.woff') format('woff'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'RobotoCondensed'; src: url('../fonts/RobotoCondensed-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'RobotoCondensed'; src: url('../fonts/RobotoCondensed-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
a {
    color: #445060;
}
.btn {
    color: #fff;
    border-radius: 0;
    text-transform: uppercase; font-weight: 600;
    background: #445060; font-size: 1em; border: none;
}
.btn, a, .btn:hover {
    transition: color .25s ease; 
}
.btn:hover, .btn.focus {
	background: #364558; color: #DEDC00;
    transition: all .3s linear;
}
.btn.focus, .btn:focus {
    box-shadow: none;
}

button:focus {
    outline: none;
}

::-moz-selection {
    background: #6DA8C8;
    color: #FFF;
    text-shadow: none;
}

::selection {
    background: #6DA8C8;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: #6DA8C8;
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: #6DA8C8;
    color: #FFF;
    text-shadow: none;
}

html {
    width: 100%;
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    background: #fff; font-family: "RobotoCondensed", Arial, Helvetica Neue, Helvetica, sans-serif;
    line-height: 1.5em; font-size: 1rem; font-weight: 400;
    color: #445060;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
}

.btn-link {
    color: #445060;
    word-break: normal;
    word-break: break-all;
    word-break: keep-all;
    text-decoration: underline;
}

.btn-link:hover {
    color: #445060;
    text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oxanium', Arial, Helvetica Neue, Helvetica, cursive; font-weight: 400;
    line-height: 1.3em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    color: #445060;
    margin-bottom: 10px; font-size: 1.25em;
}

*, :before, :after {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html, body {
    position: relative;
    height: 100%;
}

p {
    word-wrap: break-word;
}

b {
    font-weight: 700;
}

ul {
    padding-left: 15px;
}

a:hover {
    text-decoration: none;
    color: #445060;
    transition: all .3s linear;
}

.red {
    color: red;
}

.yellow, .yellow a {
    color: #DEDC00;
}

.bg-light {
    background: #ECF7FB !important;
}

.form-control {
    border-radius: 0; margin-bottom: .3em; max-width: 400px;
}

section {
    padding: 30px 0;
}

h1, h2 {
    color: #445060; font-size: 2.375em;
    margin-bottom: 30px; font-weight: 500;
}
h3 {
    font-size: 1.25em;
    color: #445060;
    text-transform: none; font-weight: 600;
}

.subtitle {
    font-size: 1.125em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 45px;
    letter-spacing: 0.1em;
}
.col-50 {
    column-count: 2;
    column-width: 45%;
}
.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler-icon {
    background: none;
}

.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0;
    position: relative;
    top: 0;
    right: 15px;
    padding: 0;
}

.navbar-toggler:active, .navbar-toggler:focus {
    outline: none;
}

.navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #DEDC00;
    transition: all 300ms linear;
}

.navbar-toggler-icon:before, .navbar-toggler-icon:after {
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #DEDC00;
    top: 0;
    left: 0;
    content: '';
    z-index: 2;
    transition: all 300ms linear;
}

.navbar-toggler-icon:after {
    top: 8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}

.compressed .navbar, .navbar {
    background: #364558;
}
.c1 .navbar {
    background: transparent;
}
.compressed .navbar {
    background: #364558 !important;
}
.navbar-nav .nav-item:last-of-type .nav-link {
    padding-right: 0;
}
.navbar-nav .nav-item:hover .nav-link, .navbar-nav .nav-item.active .nav-link, .nav-link.active, .nav-link.aktiv 
{ 
    color: #DEDC00 !important;
}
.navbar-nav .nav-item .nav-link {
    color: #fff; text-transform: uppercase; font-weight: 300; padding-left: 15px; padding-right: 15px;
}
.nav-link.lang { color: rgb(109,168,200) !important; }

/* #start { margin-top: 60px; } */
.distance { display: block; height: 60px; }
/* flickity-fade */
.flickity-enabled.is-fade .flickity-slider > * {
    pointer-events: none;
    z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
    pointer-events: auto;
    z-index: 1;
}
section.impressum  { background: #e9e6e4 }
.impressum h1 { font-size: 1.5em; color: #434F5F; }
.impressum h2 { font-size: 1.25em; margin: 2em 0 .5em; color: #006884; }
.impressum h3 { font-size: 1em; font-weight: 400; color: #006884; }

.section_banner {
    padding: 0;
}
.section_banner .carousel-cell {
    width: 100%;
/*     height: 700px; */
}
.section_banner .carousel-cell img {
    width: 100%;
/*     height: 700px; */
    -o-object-fit: cover;
       object-fit: cover;
}
.section_innovativeconcept {
    background: #DEDC00;
}
.section_innovativeconcept h3 {
    font-weight: 300; font-size: 1.5em; margin-bottom: 0;
}
.section_solution p {
    color: #006885; font-weight: 400; font-size: 1.25em; font-family: "RobotoCondensed", Arial, Helvetica Neue, Helvetica, sans-serif;
}
.section_solution .usp {
    padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap;
}
.section_solution .usp li {
    width: 24%; margin-right: 15px; margin-bottom: 15px; background: #e1e0dc;
}
.section_solution .usp li:nth-of-type(4n) {
    margin-right: 0;
}

.section_solution .usp li a {
    display: block;
    text-decoration: none;
}

.section_solution .usp li.usp_text {
    display: block;
    padding: 15px;
}

.section_solution .usp li.usp_text h4 {
    font-family: "RobotoCondensed", Arial, Helvetica Neue, Helvetica, sans-serif; font-weight: 600;
}

.section_solution .usp li.usp_text p {
    margin-bottom: 0; font-size: 1.25em;
}

.section_video {
    background: #000;
    padding: 0;
}

.section_experience h2 {
    margin-top: 30px;
}

.section_experience h3 {
    color: #006885; font-weight: 400; font-family: "RobotoCondensed", Arial, Helvetica Neue, Helvetica, sans-serif;
}

.section_management {
    background: #f1f6fa;
}

.section_management h2 {
    color: #006885;
}

.section_management .w_info {
    margin-bottom: 100px;
}

.section_management .box_info p:first-of-type, .section_management .box_info p:last-of-type {
    margin-bottom: 0;
}

.section_management .box_info a {
    text-decoration: none;
}

.section_management .box_info h3 {
    color: #006885; font-weight: 600; font-family: "RobotoCondensed", Arial, Helvetica Neue, Helvetica, sans-serif;
}

.section_firststep h2 {
    color: #67a5c6;
}

.section_firststep p, .section_firststep a { color: #67a5c6; }
.section_firststep p { font-weight: 400; font-size: 1.25em; font-family: "RobotoCondensed", Arial, Helvetica Neue, Helvetica, sans-serif; }
.section_firststep h3 a { color: #67a5c6; }

footer {
    background: #364558;
    padding: 30px 0;
}

footer p {
    color: #fff; font-weight: 500;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

footer ul li a,
footer ul li a.nav-link {
    font-weight: 500; color: #fff; padding: 0;
    text-decoration: none; text-transform: uppercase;
}

footer ul li:hover a {
    color: #fff;
}
#googleMap{ height: 400px; }
.fullsize { padding: 0; margin: 0 -15px;  }

.content_item {
    width: 100%;
    overflow: hidden;
}

.content_item .item {
    overflow: hidden;
    cursor: pointer;
    background: #000;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content_item .item:hover img {
    transform: scale(1.1);
    transition: all 0.8s;
    opacity: 1;
}

.content_item .item:hover .caption {
    opacity: 1;
    bottom: 0;
    top: 0;
    margin: auto;
    display: flex;
    align-items: center;
}

.content_item .item:hover .logo {
    opacity: 0;
}

.content_item .item .logo {
    position: absolute; width: 50%;
}

.content_item .item img {
    opacity: .66;
    width: 100%;
}

.content_item .item .caption {
    position: absolute;
    bottom: -100px;
    padding: 15px;
    background: rgba(0, 104, 113, 0.65);
    opacity: 0;
    transition: all 0.4s;
    height: 100%;
}

.content_item .item .caption p {
    color: #fff;
    margin-bottom: 0;
}

.content_item .item .caption p a {
    text-decoration: underline;
    color: #DEDC00;
}


@media (max-width: 1400px) {
    .section_solution .usp li { width: 23%; }
	.section_solution .usp li.usp_text p { font-size: 1.15em; line-height: 1.2em; }
	.usp h4 { font-size: 1.25em; }
}

@media (max-width: 1200px) {
	.section_solution .usp li.usp_text p { font-size: 1em; line-height: 1.2em; }
	.usp h4 { font-size: 1.05em; }
}
@media (max-width: 1050px) {
    .section_solution .usp li {
        width: 48%;
        margin-right: 13px;
    }
    .section_solution .usp li:nth-of-type(2n) {
        margin-right: 0;
    }
    .section_solution .usp li.usp_text {
        padding: 10px;
    }
	.section_solution .usp li.usp_text p { font-size: 1.25em; line-height: 1.2em; }
	.usp h4 { font-size: 1.25em; }

}

@media (max-width: 992px) {
    .content_item {
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
	.container .order-1 { margin-bottom: 1em; }
    h1 { font-size: 1.75em; }
    h2 {
        font-size: 1.5em;
        margin-bottom: 10px;
    }
    .section_solution .usp li.usp_text h4, .section_solution .usp li.usp_text p {
        font-size: 1em;
    }
    .section_banner .carousel-cell {
        height: 200px;
    }
    .section_banner .carousel-cell img {
        height: 200px;
    }
    .content_item {
        margin-bottom: 15px;
    }
    .content_item .item .caption {
        opacity: 1;
        bottom: 0;
        top: 0;
        margin: auto;
        display: flex;
        align-items: center;
    }
    .section_firststep {
        text-align: center;
    }
    .section_management {
        text-align: center;
    }
    .section_management .w_info {
        margin-bottom: 30px;
    }
    .section_management .w_info img {
        margin: 10px 0;
    }
	.col-50 {
		column-count: 1;
		column-width: 100%;
	}
	footer .col-12 { margin: 1em 0; }
	.navbar-nav { 	margin: 2em 0; }
	.content_item .item .logo {
    	top: 10px;
	}
	.navbar-collapse { background: #364558; }
}



.fadeout {
    opacity: 0;
    filter: alpha(opacity=0);
}

.loader {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    transition: opacity 1s ease;
}

.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 !important; }  .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; }