/* res_id: a864822e96cab0da2290f7704e4b616a */

@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.11.1
 * @url https://github.com/feimosi/baguetteBox.js
 */#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

body {
  font-family: sans-serif;
  font-weight: 400;
  font-size: 16px;
  background-color: #fafafa; }

.alpha-list-wrapper, #no-match {
  display: none; }

.alpha-list-wrapper.active, #no-match.active {
  display: block; }

#alpha-nav {
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly; }

.character-element {
  position: relative;
  text-decoration: none;
  text-align: center;
  /*     font-size: 1.2em; */
  line-height: 1;
  white-space: nowrap;
  padding: 5px 6px;
  color: #005f97;
  border: 1px solid #aaa;
  border-radius: 3px;
  background: #020024;
  background: linear-gradient(180deg, #020024 0%, #f8fdff 0%, #e1e1e1 100%); }

@media (max-width: 767px) {
  .character-element {
    padding: calc(100% / 50);
    margin: calc(100% / 50);
    width: calc(100% / 15); } }

.character-element:not(.disabled):hover,
.character-element:not(.disabled):active {
  background: #ccc;
  cursor: pointer; }

.character-element.disabled {
  color: #aaa;
  cursor: default; }

.character-element.active {
  background: #ddd; }

/*# sourceMappingURL=alphaListNav.css.map */


/* EFFEKTE */
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
	-webkit-animation-name: hvr-wobble-vertical;
	animation-name: hvr-wobble-vertical;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

/* ALLGEMEIN */
body {
	overflow-x: hidden;
	background: white;
}
* {
	font-family: 'Carnas-Medium', Sans-Serif;
	font-weight: 400;
	font-size: 18px;
}
.landingpage p {
	font-size: 19px;
}
.landingpage em {
	font-family: 'Carnas-Light', Sans-Serif !important;
	font-weight: 300 !important;
	font-size: 16px;
}

.landingpage.navigation {
	max-height: 130px;
}
.landingpage .obernaviaussen {
	height: 15px;
    background: transparent;
    box-shadow: none; 
}

.landingpage .obernavi {
	text-align: center;
} 
.landingpage .obernavi .navitelefon svg {
	width: 28px;
	height: 28px;
	top: -6px;
}
.landingpage .obernavi .font22 {
	font-size: 35px;
}

.landingpage.navigation .unterenavi {
    height: 120px;
    padding-right: 20px;
	position: relative;
   z-index: -1;
}

.landingpage .naviabild svg {
    width: 240px;
    position: absolute;
    top: 0px;
    right: 0;
    transition-duration: 1s;
}

.landingpage .naviabild.klein svg {
    width: 120px;
    top: -1px;
}
.landingpage.navigation.klein .unterenavi {
    height: 60px;
}
.landingpage button.navbar-toggler {
	visibility: hidden;
	margin-left: -62px;
}

.landingpage .headerabstand {
    height: 0;
}

.formular.newsletter .pp {
	max-width: 98%;
}

b, strong {
	font-weight: 500;
}
p#textOptOut {font-family: 'Carnas-Light', Sans-Serif !important;font-weight: 300 !important;font-size: 18px !important; }
h1 {
	font-size: 35px;
	font-weight: 700;
}
h2, h2 span {
	font-size: 30px;
	font-weight: 500;
}
h3, h3 span, .h3, .h3 span {
	font-size: 22px;
	font-weight: 500;
}
.variabel h2, .variabel h2 span {
	font-size: 23px;
}
.variabel h2 {
	line-height: 1.5;
}
a {
	color: unset;
	text-decoration: none;
}
a:hover, .titelblock p a:hover {
	color: #004899;
	text-decoration: none;
}
p, .p, em, .p p, li, .card-body {
	font-family: 'Carnas-Light', Sans-Serif;
}
.p, .textblock {
    max-width: 85%;
	margin: 0 auto;
}
.mehr-buttonnweiß.dunkelblau:hover {
	color: #00AECB;
}
.mehr-buttonnweiß.dunkelblau.weis:hover {
	color: #004899;
}
.hintergrunddunkelblau .mehr-button.weis:hover {
	color: #00AECB;
}
.downloadbutton:hover .downloadtext.hellblau {
	color: #004899;
}
.kontaktanker {
	position: relative;
    top: -270px;
}
.innerbackcarousel .p {
	max-width: 100%;
	padding-left: 5px;
	padding-right: 5px;
}
.innerbackcarousel  {
	padding-left: 0px;
	padding-right: 0px;
}
.owl-item .col-md-12 {
	padding-left: 5px;
	padding-right: 5px;
}
.textcenter {
	text-align: center;
}
.textcenter ul {
  text-align: left;
  display: inline-block;
}
.textcenter .col-xl-6, .textcenter div > a {
	text-align: left;
	float: left;
}
.textcenter div > a {
	margin-top: 30px;
}
.content {
	max-width: 1360px;
	margin: 0 auto;
	overflow: hidden;
}
.hellblau {
	color: #00AECB;
}
.dunkelblau {
	color: #004899;
}
.weis {
	color: white;
}
.grau {
	color: #E8E8E8;
}
.schwarz {
	color: black;
}
.font22 {
	font-size: 20px;
	font-weight: 600!important;
	color: #00AECB;
}
h3 span, .h3 span {
	position: relative;
    top: 7px;
}
.noslider .innerbackcarousel {
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}
.noslider .innerbackcarousel img {
	display: block;
    width: 100%;
}
.noslider .innerbackcarousel .innerbacktext {
	padding: 30px;
}
.abstandoben {
	padding-top: 50px;
}
.abstandunten {
	padding-bottom: 50px;
}
.abstandobenundunten {
	padding-top: 50px;
	padding-bottom: 50px;
}
.textblock h2 {
	margin-bottom: 0;
}
.row {
    margin-right: unset;
    margin-left: unset;
}
.bold {
	font-weight: 700;
	font-family: 'Carnas-Medium', Sans-Serif;
}
.hintergrundweis {
	background-color: white;
}
.hintergrundschwarz {
	background-color: black;
}
.hintergrundhellblau {
	background-color: #00AECB;
}
.hintergrundhellhellblau {
	background-color: #0068A3;
}
.hintergrunddunkelblau {
	background-color: #004899;
}
.hintergrunddunkeldunkelblau {
	background-color: #223588;
}
.hintergrunddunkeldunkelblau a.weis:focus, .hintergrunddunkeldunkelblau a.weis:hover, .hintergrunddunkeldunkelblau a.weis:active,
.hintergrundhellhellblau a.weis:focus, .hintergrundhellhellblau a.weis:hover, .hintergrundhellhellblau a.weis:active
 {
	color: #00AECB;
}
.hintergrundtransp {
	background-color: rgba(255, 255, 255, 0);
}
.hintergrundgrau {
	background-color: rgba(235, 235, 235, 0.8);
}
.hintergrundgraud {
	background-color: rgba(151, 151, 151, 0.8);
}
.hintergrundweist {
	background-color: rgba(255, 255, 255, 0.8);
}
.hintergrundschwarzt {
	background-color: rgba(0, 0, 0, 0.8);
}
.hintergrundhellblaut {
	background-color: rgba(0, 174, 203, 0.8);
}
.hintergrunddunkelblaut {
	background-color: rgba(0, 72, 153, 0.8);
}
.hintergrundlilat {
	background-color: rgba(34, 53, 136, 0.8);
}
.hintergrundgraut {
	background-color: rgba(235, 235, 235, 0.8);
}
.contain {
	margin-top: 80px;
	margin-bottom: 80px;
	    display: inline-block;
    width: 100%;
	border-top: 1px solid rgba(0,0,0,.15);
}
.sterntext {
	font-size: 15px;
    font-family: 'Carnas-Light', Sans-Serif;
	margin-top: 10px;
}
.col-md-12.module-color {
	padding-right: 0;
	padding-left: 0;
}
.formular {
	display: inline-block;
	display: inline-flex;
    width: 100%;
}
.baguetteBox-button svg g {
	stroke: #004899;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .covid h1 {
    margin-bottom: 0.3rem;
}
.owl-carousel.einse .owl-dots {
	display: block;
	text-align: center;
}
.owl-carousel.einse .owl-nav {
	display: none;
}
.owl-dots .owl-dot {
	    width: 12px;
    height: 12px;
    background: #979797!important;
    border-radius: 20px;
	    margin-right: 5px;
    margin-left: 5px;
}
.owl-dots .owl-dot.active {
    background: #00AECB!important;
    border-radius: 20px;
}
/* NAVIGATION */
.navipunkte, .navilogo, .obernavi {
	padding: 0;
}
.navilogo, .navipunkte {
	float: left;
}
.obernaviaussen {
	height: 61px;
	background: #E8E8E8;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
.obernavi {
	padding-top: 17px;
}
.obernavi a:last-of-type {
	margin: 0 10px;
}
.obernavi a img {
    margin-top: -5px;
}
.obernavi a:first-of-type img {
	    margin-right: 10px;
    margin-top: -6px;
}
.obernavi a:last-of-type img {
    margin-top: -2px;
}
.navipunkte a {
	font-weight: 500;
	font-family: 'Carnas-Regular', Sans-Serif;
}
.sucheingabe {
	font-family: 'Carnas-Light', Sans-Serif;
}
.navipunkte a, .obernavi a  {
	margin: 0 20px;
}
.obernavi a, .footer-articles, .content-footertext, .footerstrich  {
	font-family: 'Carnas-Light', Sans-serif;
}
.content-footertext.dunkelblau{
	padding: 12px 8px;
	display: inline-block;
}
.navi-jobs {
	color: #00AECB;
}
.allelinksfooter h6 {
	line-height: 180%;
}
.footer-articles {
	padding-top: 10px;
	padding-bottom: 10px;
}
.footerstrich  {
	color: #004899;
	padding-left: 2px;
    padding-right: 2px;
}
.navipunkte a:first-of-type, .obernavi a:first-of-type {
	margin-left: 0;
	margin-right: 20px;
}
.mobilnavi {
	display: none;
}
:focus , button:focus {
	outline: none;
}
.videovontainer {
	max-width: 1920px;
}
video {
	width: 100%;
	height: auto;
	min-height: 180.1px;
}
.navigation {
	position: fixed;
    width: 100%;
	background: white;
	z-index: 9;
	top: 0;
}
.navipunkte img {
	position: absolute;
	right: 0px;
	cursor: pointer;
}



.mobilnaviinner .active {
	color: #00AECB;
}
.mobilnaviinner .oberemobilnavi a:hover {
	color: #00AECB;
}
.mobilnaviinner .active::before {
	content: '>';
	position: absolute;
	left: 10px;
	color: #00AECB;
	font-family: 'Carnas-Medium', Sans-Serif;
}


.unteremobilnavi .mobilpfeil {
	color: black;
}
.mobilnaviinner .unteremobilnavi a:hover {
	color: black;
}
.unteremobilnavi .mobilpfeil::before {
	content: '>';
	position: absolute;
	left: 10px;
	color: black;
	font-family: 'Carnas-Medium', Sans-Serif;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

iframe#kontaktformular-iframe {
	min-height:1840px;
	width:100%;
	border-width:0px;
	overflow-y: auto;
}

/* GROSSE NAVI SCROLL */
.navigation .navipunkte {
	height: 190px;
	padding-top: 100px;
}
.navigation .unterenavi {
	height: 190px;
    padding-right: 20px;
}
.navigation .navipunkte img {
	width: 320px;
    top: 24px;
}
/* KLEINE NAVI SCROLL */
.navigation.klein .navipunkte {
	height: 110px;
	padding-top: 54px;
}
.navigation.klein .unterenavi {
	height: 110px;
}
.navigation.klein .navipunkte img {
	width: 210px;
    top: 11px;
}

/* NAVI EFFEKT */

.navigation .navipunkte, .navigation .unterenavi, .navigation .navipunkte img, .navigation.klein .navipunkte, .navigation.klein .unterenavi, .navigation.klein .navipunkte img {
	transition-duration: 1s;
}

/* SCROLL PFEIL */
.hundert {
    width: 100%;
    height: 65px;
    position: fixed;
    bottom: 30px;
    z-index: 99999999;
    margin-top: -10px;
}
#myBtn {
    margin: 0 auto;
    border: none;
    background: none;
    color: white;
    font-size: 50px;
	    position: relative;
    top: -80px;
}

#myBtn a {
    padding: 17px 13px 19px 8px;
    border-radius: 25px;
    background-color: transparent;
    width: 75px;
    height: 50px;
    display: inline-block;
}
.hundert .hundertstrich {
    display: block;
    transform: rotate(90deg);
    position: relative;
    top: -19px;
    left: 5px;
    font-size: 35px;
    color: white;
    font-family: 'Carnas-Medium', Sans-Serif;
}
/* SLIDER */
.splide {
	background:#e8e8e8;
}
.einscarousel .carousel-item {
	padding: 50px 100px;
}
.uberschrift {
	text-align: center;
}
	.center  {
		text-align: center;
	}
	.center-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	}

.uberschrift.margin, .p.center.margin  {
		margin-bottom: 50px;
	}
.einscarousel h2 {
	margin-bottom: 40px;
}
.einscarousel h1, .einscarousel h2 {
	text-align: center;
}
.owl-carousel.vier .owl-item img {
	min-height: 295px;
	object-fit: cover;
}
.einscarousel .col-md-6 {
	float: left;
}
.carousel-control-prev {
    left: -130px;
	opacity: 1;
}
.carousel-control-next {
    right: -130px;
	opacity: 1;
}
.variabel .titelblock p:first-of-type {
	margin-top: 3px;
}
/* BILDBLOCK MIT TEXT DRAUF */
.inhalt-gelb {
	max-width: 580px;
	padding: 50px;
	position: absolute;
	bottom: 80px;
	min-height: 270px;
}
.contain-gelb {
	position: relative;
}
.textrechts {
	right: 0;
}
.mehr-buttonnweiß.weis {
	position: absolute;
	bottom: 30px;
	font-weight: 600!important;
}
.png-start {
	width: 100%;
}
/* SLIDER MIT BCAKGROUND */
.slideraussen img {
	margin-bottom: 20px;
    /* max-height: 300px !important; */
    object-fit: cover;
}
.slideraussen .col-md-12 > img {
     height: 363px;
    /* height: 410px!important; */
}
.slideraussen .col-md-12 > img.hochformat {
    height: 650px!important;
}
.slideraussen button img {
    position: absolute;
    bottom: 0;
	margin-bottom: 26% !important;
	
	width: 22px;
}
.slideraussen  {
	padding-top: 50px;
	padding-bottom: 50px;
}
.owl-dots {
	display: none;
}
/*.owl-prev {
	left: 20px;
	position: absolute;
	top: 45%;
}
.owl-next {
	right: 20px;
    position: absolute;
    top: 45%;
}*/
.owl-next {
    right: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 50px;
}
.owl-next img {
	float: right;
    /* margin-right: 15px; */
    margin-left: -14px;
	opacity: 0.7;
}
.owl-prev {
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 50px;
}
.owl-prev img {
	float: left;
    /* margin-left: 15px; */
    margin-left: -17px;
	opacity: 0.7;
}
/* KLEINER BILDBLOCK */
.kleinerblock {
	min-height: 450px;
}
.kleinerbildblock {
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.kleinerblock .col-xl-6 {
	float: left;
	overflow: hidden;
	min-height: 450px;
}
.texti {
	padding: 50px;
}
/* SLIDER OHNE BACKGROUND */
.innerbackcarousel img {
	margin: 0;
	height: 300px;
    object-fit: cover;
}

.owl-carousel.drei .innerbacktext, .carousel.drei .innerbacktext, .carousel.drei.news .innerbacktext, .carousel.drei .innerbacktext {
	padding: 30px;
	/*min-height: 340px;*/
}
.owl-carousel.vier .innerbacktext {
	padding: 30px;
}

	.mehr-buttonnweiß.dunkelblau.absolut {
		position: absolute;
		top: unset;
		bottom: 20px;
	}
.ohnepadding  {
	padding-top: 0;
	padding-bottom: 0;
}

.slideraussen.ohnepadding {
	padding-bottom:10px;
}

/* BUTTON Ankerlink */

.btn-anker {
	box-sizing: border-box;
	appearance: none;
	background-color: #00AECB;
	border: 1px solid #00AECB;
	border-radius: 35px;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-self: center;
	margin: 25px;
	padding: 1.0em 1.1em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 110%;
	display: block;
	font-weight: 500;
	letter-spacing: 0.03em;
  }
  
.btn-anker a {	
	font-size: 21px !important;
	line-height: 0;	
	font-weight: 500 !important;
  }
  .btn-anker:hover, 
  .btn-anker:focus,
  .btn-anker a:hover, 
  .btn-anker a:focus {
	color: #fff;
	outline: 0;
  }
  
  .anker {
	-webkit-transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
	transition: box-shadow 300ms ease-in-out, color 300ms ease-in-out;
  }
  .anker:hover,
  .anker a:hover {
	box-shadow: 0 0 40px 40px #004899 inset;
  }


/* SLIDER OHNE BILD */
.owl-carousel.drei .ohnebild {
	min-height: 375px;
	display: inline-block;
    position: relative;
}
.carousel.drei .innerbackcarousel {
	float: left;
	width: 100%;
}
.carousel.drei .ohnebild {
	/*min-height: 385px;*/
	display: inline-block;
    position: relative;
}
.googleblock {
	margin-left: 0px;
	margin-right: 0px;
}
.innerbacktext {
	display: inline-block;
	position: relative;
	width: 100%;
}
/* FOOTER */
#footerwrap .col-md-12 {
	padding: 0;
}
#footerwrap {
	background: #E8E8E8;
	/* display: inline-block; */
    width: 100%;
}
.footer-first {
	margin-bottom: 10px;
}
.allelinksfooter h4:hover a, .impressum-width5980 a:hover, .footer-articles:hover, .inhalt-gelb.hintergrunddunkelblaut .mehr-buttonnweiß.weis:hover, .innerbacktext.ohnebild .p a:hover, .titelblock p a:hover, .titelblock a:hover {
	color: #00AECB!important;
}
.hintergrundhellblau.titelblock a:hover {
	color: #223588!important;
}
.allelinksfooter h4 a {
	color: #004899;
	font-weight: 500!important;
}
.titelblock p a {
	color: #004899;
}
.allelinksfooter div {
	float: left;
	padding-left: 20px;
    padding-right: 20px;
	min-height: 192px;
}
.allelinksfooter {
	margin-left: -20px;
	display: inline-block;
}
.wiederhoch {
	width: 50px;
    height: 50px;
    position: fixed;
    bottom: 20px;
    right: 20px;
	z-index: 9;
	display: none;
	cursor: pointer;
	border: 1px solid #fff;
	border-radius: 4px;
}
.whatsapp-btn {
	display:none;
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 80px;
	right: 20px;
	z-index: 9;
	cursor: pointer;
	background-color: #00AECB;
	border: 1px solid #fff;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
}
.whatsapp-btn span {
	
}
.whatsapp-icon {
	width: 40px;
	height: 40px;
	display: inline-block;
}
.footericon {
	padding: 20px 30px;
}
.footericons {
	margin-left: -30px;
	margin-right: -30px;
}

.footerauszeichnungen {
	margin-left: -40px;
	margin-right: -40px;
}
.footerauszeichnungen a {
	margin-left: 40px;
	margin-right: 40px;
}
.footerdrei h3 {
	padding-left: 15px;
	margin-bottom: 30px;
}
.footerdrei .col-md-6 {
	float: left;
	font-family: 'Carnas-Light', Sans-Serif;
}
.footerdrei {
	margin-right: -15px;
	margin-left: -15px;
}
.footerwrap.ein p.dunkelblau {
	font-family: 'Carnas-Regular', Sans-Serif;
}
.innerbackcarousel .p p {
	margin-bottom: 35px;
	
}
.innerbacktext .p {
	padding-left: 0;
	padding-right: 0;
}
@media(max-width:1385px) {
	/* NAVIGATION 1360 */
	.navipunkte a, .obernavi a  {
		margin: 0 15px;
	}
	.navipunkte a:first-of-type, .obernavi a:first-of-type {
		margin-left: 25px;
		margin-right: 15px;
	}
	.navipunkte img {
		right: 15px;
	}
	.footerwrap.ein, .footerwrap.zwei h3 {
		padding-left: 25px;
	}
	
	.footericons {
    margin-left: 0px;
    margin-right: 0px;
}
	.footerauszeichnungen {
    margin-left: 0px;
    margin-right: 0px;
	margin-top: 40px;
}
	.footerdrei .col-md-6:first-of-type {
    padding-left: 0px;
}
	.footerauszeichnungen a {
    display: inline-block;
    margin-bottom: 40px;
	}
	.footerdrei {
    margin-right: 0px;
    margin-left: 0px;
}
	.footerdrei h3 {
    padding-left: 0px;
	}
	.auszeichnungh3 {
		padding-left: 25px;
	}
}

.module-color > div {
	float: left;
}

/*////// TEXT + BILD /////////////*/
    #in-img {
        object-fit: cover;
        background-position: center;
        padding: 0;
    }
    #in-img img {
        width: 100%;
    }
    .variabel .module-color #in-img img {
        display: inline;
        object-fit: cover;
		min-height: 300px;
    }
.contain-gelb > img {
    min-height: inherit !important;
	max-height: inherit !important;
	height: 100%;
	object-fit: cover;
}
    img.zweidrittel {
        height: auto;
        width: 100%;
    }
    img {
        padding: 0!important;
    }
    .background-text-grey {
        background: #d6d7d7;
        padding: 50px 50px 0 50px;
        min-height: 600px;
    }
    .background-text {
        padding: 40px 50px 0 50px;
    }
    .titel1 {
        margin-bottom: 20px;
        margin-top: 0;
    }
    .titel2 {
        margin-bottom: 0;
        margin-top: 0;
    }
    .titel3 {
        margin-top: 5px;
    }
    a.mehr-button {
        width: 300px;
        font-weight: 700;
        position: absolute;
        bottom: 30px;
        text-decoration: none;
        font-size: 16px;
    }
    a.anker-id {
        display: block;
        position: relative;
        top: -180px;
        visibility: hidden;
    }
#in-text {
    background-size: cover!important;
    background-position: center!important;
}



/* AKKORDEON */
.card {
	border-radius: 0;
	border: none;
	background: #E8E8E8;
	/* margin-bottom: 3px; */
}
.btn.btn-primary.akk-btn {
	    width: 100%;
    text-align: left;
    background: #E8E8E8;
    height: 50px;
    padding-left: 35px;
	border: none;
	margin-bottom: 3px;
	border-radius: 0;
}
.card-header {
	padding-left: 50px;
	padding-bottom: 15px;
	border-bottom: none;
	background-color: #E8E8E8;
}

.technischedaten .variabel {
display: table;
}
.technischedaten .accordion {
	padding-left: 0;
	padding-right: 0;
    display: table-row-group;
}
.technischedaten .card-header {
	padding: 8px 0 6px 15px;
	border-top: 1px solid #ddd;
	background-color: #fff;
}
.technischedaten .card.row {
    display: table-row;
}

.technischedaten p:first-of-type {
    display: table-cell;
    min-width: 290px;
    /* float: left; */
	margin-bottom: 0;
	min-height: 30px;
}
.technischedaten p {
    display: table-cell;   	
	min-height: 30px;
}
.technischedaten p strong {
	width: 290px;
	display: block;
	min-height: 30px;    
}

.akk-titel p {
	margin-bottom: 0;
	color: black;
}
.btn.btn-link {
	color: black;
	padding: 0;
	line-height: 1;
	text-decoration: none;
	outline: none!important;
	box-shadow: none;
	width: 100%;
	text-align: left;
}
.btn.btn-link:hover {
	text-decoration: none;
	outline: none!important;
	box-shadow: none;
}
.hover-pfeil {
	position: absolute;
    right: 40px;
    top: 20px;
}
.btn.btn-link.collapsed .hover-pfeil {
	transform: rotate(360deg);
}
.btn.btn-link .hover-pfeil {
	transform: rotate(180deg);
}
.card-body {
	padding-left: 50px;
	padding-right: 50px;
}
/* NAVIGATION */



@media (max-width: 1360px){
    #in-img {
        background-color: #001a33;
    }
	.accordion {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media(max-width: 1200px) {
    .links, #in-img {
        float: none;
        width: 100%;
    }
	.innerbackcarousell {
    width: 100%;
}
.col-xl-6 {
	max-width: 100%; 
  }
	.textblock .col-xl-6, .textblock .col-md-12 {
		padding-left: 10px;
	}
	.owl-carousel.vier .innerbacktext {
    padding: 20px;
}
	.bblock {
		padding: 0 15px;
	}
    #in-text {
        float:unset!important;
    }
    .col-md-4.background-text, .col-md-4.background-text-grey , .background-text.titelblock {
        width: 100%;
    }
    a.anker-id {
        top: -100px;
    }
    .background-text-grey, .background-text {
        min-height: unset;
        padding-bottom: 50px;
    }
    a.mehr-button {
        position: static;
        bottom: 0;
        margin-bottom: 20px;
        margin-right: 40px;
    }
    .background-text-grey , .background-text {
        min-height: unset;
        padding-bottom: 50px;
    }
    .col-md-4.background-text, .col-md-4.background-text-grey {
        width: 100%;
    }
    .background-text {
        padding: 50px 25px 50px 25px;
    } 
    #in-img {
        float: unset!important;
    }
}


.headerabstand {
	height: 170px;
	width: 100%;
}
.headerbild {
	width: 100%;
    display: inline-block;
    position: relative;
}
.headerbild img {
	    width: 100%;
    height: 600px;
    object-fit: cover;
}
.headertext {
	    position: absolute;
    bottom: 40%;
    font-size: 65px;
    font-weight: 700!important;
    color: white;
    text-align: center;
    width: 100%;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45);
}
.owl-carousell .owl-item img {
	    display: block;
    width: 100%;
}


.gallery-text h3 {
	margin-bottom: 20px;
}
.gallery-text:hover {
	opacity: 1;
	transition: ease-out .5s;
}
.gallery-text {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 30px;
	background: rgba(0,72,153,0.7);
	opacity:0;
	color: white;
	transition: ease-out .3s;
}
.tz-gallery > div {
	float: left;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.lightbox img {
	width: 100%;
	object-fit: cover;
	height: 220px;
}
.accordion .card-header > h5,
.accordion .card-header > .h5 {
	width: 85%;
}
.lightbox.gross img {
	width: 100%;
	object-fit: cover;
	height: 450px;
}
.accordion .collapsed {
	max-width: unset!important;
}
.lightbox  {
	    display: inline-block;
    position: relative;
	width: 100%;
}
.downloadtext {
	    position: relative;
    top: 2px;
    left: 10px;
}
.downloadbutton:hover .st88 {
    stroke: #004899;
}
.mitarbeitertext svg {
	width: 29px;
	height: 30px;
}
.mobilxbuttonoverlay {
    position: absolute;
    top: 35px;
    right: 35px;
    width: 25px;
}
.downloadsvg {
    width: 24px;
    position: relative;
    top: 2px;
}
.video-text {
	position: absolute;
    top: 47%;
    text-align: center;
    width: 100%;
}
.video-text h1 {
	font-size: 65px;
    font-weight: 500!important;
    color: white;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45);
}
.video-text h2 {
	    font-size: 45px;
    color: white;
	text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.45);
}

.googleblock  .col-md-12 {
	display: inline-block;
}
.owl-carousel.vier .hintergrundgrau {
	/* min-height: 193px; */
	width: 100%;
}
.blauerblock h2 {
	margin-top: 20px;
}
.blauerblock .tel svg {
	width: 40px;
    margin-right: 10px;
    position: relative;
    top: -1px;
}
.st221{fill:#00AECB;}
.blauerblock .tel:hover, .blauerblock .tel:hover svg .st223, .blauerblock .tel:hover .st2, .telefon:hover span, .telefon:hover svg, .telefon:hover svg .st221, .telefon:hover svg .st223 {
	color: #004899!important;
	fill: #004899!important;
	stroke: #004899!important;
}
.telefon svg {
	width: 25px;
}
.gruendeblock .pp{
	max-height: 108px;
}
.gruendeblock {
	float: left;
	height: 375px;
	background: #E8E8E8;
	padding: 40px;
	position: relative;
}
.icon {
	text-align: right;
	position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.icon img {
	width: 170px;
	    position: relative;
    right: 30px;
    bottom: 30px;
}
.gruendeaussen {
	float: left;
	padding: 5px;
}

.mitarbeiter .mitarbeiterbild > img {
	width: 100%;
	height: 370px;
	object-fit: cover;
	background-position: center;
}
.hovertext .pp {
	height: 370px;
	overflow: hidden;
}
.mitarbeiterbild {
	position: relative;
}
.mitarbeitertext h3 {
	margin-bottom: 0;
}
.mitarbeitertext a {
	position: absolute;
    bottom: 25px;
	max-height: 30px;
}
.mitarbeitertext {
	padding: 20px 30px;
	height: 175px;
}

.mitarbeiteraussen {
	padding: 5px;
    min-width: 297.4px;
	float: left;
}
.card-body.nopadding {
	padding-left: 0;
	padding-right: 0;
	display: inline-block;
}
.search_it-results {
	    list-style: none;
    padding: 0;
}
.search_it-result.search_it-article p {
	margin-bottom: 0;
}
.search_it-result.search_it-article {
	padding: 20px 30px;
	background: #E8E8E8;
	margin-bottom: 20px;
}
.sucheingabe {
	width: 150px;
    background: none;
    border: none;
    border-bottom: 1px solid #00AECB;
    padding: 0;
    height: 20px;
}
.searchhigh {
	font-size: inherit;
	font-weight: 700!important;
	text-decoration: underline;
	position: static!important;
}
.search-it {
	float: right;
    position: relative;
    top: 5px;
    left: -35px;
	opacity: 0;
	transition: ease-out .5s;
}
.search_it-request {
	color: #004899;
	font-weight: 600!important;
}
.search_it-modul {
	margin-bottom: 100px;
}
.search_it-zero {
	margin-bottom: 100px;
}
.search_it-button {
	display: none;
}
.searchhighlichter {
    color: #004899;
    text-transform: uppercase;
}
.search-icon:hover {
	fill: #00AECB;
	cursor: pointer;
}
.search-icon {
	margin-right: 0;
	padding-right: 15px;
}
.search-icon.activ .search-it {
	opacity: 1;
	transition: ease-out .5s;
}
.form-control {
    display: block;
    width: 100%;
    max-width: 530px;
    float: right;
	height: 35px;
	margin-bottom: 10px;
}

#yform-formular-field-25-abschicken,
#yform-formular-field-26-abschicken,
#yform-formular-field-27-abschicken,
#yform-formular-field-28-abschicken,
#yform-formular-field-29-abschicken,
#yform-formular-field-30-abschicken {display:none;} 

div.grecaptcha-badge {
	bottom: 145px !important;
}

textarea.form-control {
    height: 240px;
}
.alert-danger {	
	border-color: #e66464;
	border: 2px solid #e66464 !important;
}
.has-error label {
    background: #e66464;
    padding: 6px;
}
.formcheckbox p.pklein{
    max-width: 100%;
    margin-bottom: 10px;
}
.control-label {
	float: left;
	height: 35px;
	margin-bottom: 10px;
	    min-width: 100px;
	font-family: 'Carnas-Regular', Sans-Serif;
}
.checkboxdiv label {
	font-family: 'Carnas-Regular', Sans-Serif;
}
.owl-next.disabled img {
	margin-right: 15px;
}
.form-control {
	font-family: 'Carnas-Light', Sans-Serif;
}
.btn.btn-primary {
	margin-left: 200px;
	float: right;
}
.form-group:last-of-type .form-control {
	height: 180px;
}
.formular .col-xl-6 {
	float: left;
}
.pp {
	max-width: 90%;
}

.btn-primary {
    color: #fff;
    background-color: #00AECB;
    border-color: #00AECB;
}
.pklein,
.pklein em {
	font-size: 13px;
	max-width: 85%;
	font-style: normal;
	display: inline-block;
}
.pklein em {
	line-height: 120%;
}
.formular .pp {
	margin-bottom: 50px;
	max-width: 80%;
	font-family: 'Carnas-Light', Sans-Serif;
}
.inneroverlay .pp {
	font-family: 'Carnas-Light', Sans-Serif;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #E8E8E8;
    border-color: #E8E8E8;
}
#checkbox {
	height: 20px;
	width: 20px;
	position: relative;
	top: 4px;
	margin-right: 15px;
}
.alert-danger ul {
	margin-bottom: 0;
}
.alert-danger {
    color: white;
    background-color: #00AECB;
    border-color: #00AECB;
}
.overlay {
	display: none;
    position: fixed;
    background: rgba(255,255,255,0.7);
    z-index: 9999;
    top: 0;
    height: 100vh;
	width: 100%;
	overflow: scroll;
}
.inneroverlay .pp { 
	margin-top: 15px;
	}
.inneroverlay {
	margin: 0 auto;
    max-width: 680px;
    top: 20%;
    position: relative;
	background: #E8E8E8;
    padding: 90px 50px;
}
.navipunkte a:nth-of-type(8), .navipunkte a:nth-of-type(9), .navipunkte a:nth-of-type(10),.navipunkte a:nth-of-type(11),.navipunkte a:nth-of-type(12) , .oberemobilnavi a:nth-of-type(8), .oberemobilnavi a:nth-of-type(9), .oberemobilnavi a:nth-of-type(10), .oberemobilnavi a:nth-of-type(11), .oberemobilnavi a:nth-of-type(12) {
	display: none;
}
.static {
	position: static!important;
}
.overlayx {
	    border: none;
	    background: none;
	    position: absolute;
    right: 20px;
    top: 20px;
}
.pklein a {
	font-size: inherit;
}
.newsbild {
    display: block;
    width: 100%;
    min-height: 211.917px;
	max-height: 300px;    
	object-fit: contain;
 /* object-fit: cover; */
 background-color: #004899;
}
.item-class {
	cursor: pointer;
	list-style: none;
	font-family: 'Carnas-Light', Sans-Serif;
}
.alpha-list-group {
	padding-left: 0;
}
.alpha-list-heading {
	color: #004899;
	font-weight: 700!important;
	font-size: 35px;
	    margin-bottom: 20px;
}
.character-container {
	background: #E8E8E8;
}
.character-container .character-element:nth-of-type(2) {
	display: none;
}
#alpha-nav {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 50px;
}
.character-element {
	    background: none;
    border: none;
    font-size: 22px;
    margin-left: 4px;
    margin-right: 5px;
    padding: 5px;
	    min-width: 25px;
}
.alpha-list-group .item-class:first-of-type {
	display: none;
}
.alpha-list-wrapper {
	width: 25%;
	float: left;
	margin-bottom: 50px;
	/*min-height: 200px;*/
}
.alpha-list {
	    display: inline-block;
    width: 100%;
}
.furlink {
	margin-bottom: 30px;
}
.character-container .character-element:first-of-type {
	width: 60px;
}
.minisearch {
	background: none;
    border: none;
    border-bottom: 1px solid #D5D5D5;
    margin-left: 10px;
    position: relative;
    bottom: 3px;
    padding-bottom: 0;
	font-family: 'Carnas-Light', Sans-Serif;
}
.azsearch {
	margin-bottom: 25px;
}
::placeholder {
	color: #AAAAAA;
}
#home:hover, .search-icon svg:hover, .search-icon:hover .st23 {
	    fill: #00AECB!important;
	stroke: #00AECB!important;
}
#home {
	height: 20px;
    width: 21px;
	position: relative;
    top: -3px;
}
.search-icon svg {
	width: 18px;
	height: 18px;
	position: relative;
    top: -2px;
}
.navigation a:hover, .navigation .active {
	color: #00AECB;
}
.weiterenews:hover {
	color: #00AECB;
}
.weiterenews p {
	text-align: center;
    margin-top: 20px;
}
.hovertext {
	    position: absolute;
	bottom: 0;
    width: 100%;
    height: 100%;
	opacity: 0;
	background: rgba(0,72,153,0.6);		
	transition: ease-out .3s;
}
.slideraussen.hintergrundweis {
	padding: 0;
}
.mitarbeiterbild:hover .hovertext {
	opacity: 1;
    height: 100%;
	transition: ease-out .5s;
}
.hovertext .pp {
	padding: 30px;
	color: white;
	font-family: 'Carnas-Light', Sans-Serif;
}
.navitelefon svg {
	width: 23px;
	height: 23px;
	position: relative;
    top: -1px;
}
.navitelefon:hover span, .navitelefon:hover .st2, a.navi-jobs:hover {
	color: #004899;
	fill: #004899;
}
.navitelefonnummer {
	position: relative;
	top: 1px;
	    left: 7px;
}

	.googleblock .textblock h1, .slideraussen h1 {
		margin-bottom: 0;
}
	.googleblock .textblock h2, .slideraussen h2 {
    margin-bottom: 0;
    margin-top: 5px;
}
.slideraussen h2 {
	margin-bottom: -10px !important;
}
	.googleblock .textblock p, .googleblock .textblock .col-xl-6, .googleblock .textblock .p, .slideraussen .p  {
    margin-bottom: 0px;
    /* margin-top: 10px; */
    margin-top: 25px;
}
.videocontainer {
	position: relative;
	overflow: hidden;
}
.blauerblock img {
	margin-right: 10px;
}
.character-element.active {
	background: #00AECB!important;
	color: white;
}
.navbar-light .navbar-toggler-icon {
	background-image: none!important;
}
.iconslider {
	object-fit: contain!important;
}
.textblock .col-xl-6, .textblock .col-md-12 {
	padding-left: 0;
}


	.innerbackcarousell {
		float: left;
	}

	.naviabild svg {
		    width: 300px;
    position: absolute;
    top: 30px;
    right: 0;
		transition-duration: 1s;
	}
.card {
	background-color: white;
}
.naviabild.klein svg {
    width: 200px;
    position: absolute;
    top: 14px;
    right: 0;
	transition-duration: 1s;
}
.alleanzeigen {
	    margin-top: 20px;
    float: left;
}
.alleanzeigen a {
	color: #00AECB;
}
.alleanzeigen:hover a {
	    color: #004899;
}
.newsbildinner {
	object-fit: cover;
    width: 100%;
}
.historyslider {
	float: left;
	padding: 0;
}
.ohnepadding, .ohnepadding .col-xl-4 {
	padding: 0;
	padding-top: 0;
	padding-bottom: 0;
}

@media(max-width: 991px) {
    .t2 {
        column-count: 1!important;
    }
    #debild {
        z-index: 999;
        position: absolute;
        top: 40px;
        left: 320px;
    }
	.slideraussen h2 {
		margin-bottom: 0px !important;
	}
}

@media(min-width:1385px) {
	.owl-carousel.drei .owl-stage-outer, .carousel.drei, .tz-gallery, .owl-carousel.vier .owl-stage-outer, .grundhaupt, .card-body.nopadding {
		margin-left: -5px;
		margin-right: -5px;
	}
	.formular {
		margin-left: -15px;
		margin-right: -15px;
	}
}
@media(max-width:1385px) {
	.video-text {
    top: 39%;
}
	.googleblock {
    margin-left: 0px;
    margin-right: 0px;
}
	.form-control {
    max-width: 460px;
	}
	.alpha-list, .azsearch, .sterntext {
		padding: 0 25px;
	}
	#alpha-nav {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media(max-width:1260px) {
	/* NAVIGATION 1260 */
	.navipunkte a, .obernavi a  {
		margin: 0 5px 0 10px;
	}
	.navipunkte a:first-of-type, .obernavi a:first-of-type {
		margin-left: 10px;
		margin-right: 10px;
	}
	.navipunkte img {
		right: 10px;
	}
}
@media(min-width:1200px) {
		.col-xl-6 {
		  /* max-width: 100%; */
		}
		.innerbackcarousell {
		padding-left: 5px;
		padding-right: 5px;
        padding-bottom: 10px;
	}
    .in-textstellen {
        min-height: 450px;
    }
    .variabel .module-color .in-imgstellen img {
        height: 450px;
    }
.innerbackcarousel  {
	padding-left: 5px;
	padding-right: 5px;
}
	.videocontainer {
		/* margin-top: -250px; */        
        margin: 0 auto;
        max-width: 1560px;        
        margin-top: -14px;
	}
}
@media(max-width:1200px) {
	.variabel h2 {
		margin-top: 0!important;
	}
	#myBtn {
		display: none!important;
	}
	.inhalt-gelb .mehr-buttonnweiß.weis {
    position: static;
    margin-top: 20px;
    float: left;
}
	.inhalt-gelb {
    display: inline-block;
    width: 100%;
	min-height: 225px;
}
	.ohnepadding .col-xl-8 {
		padding-top: 50px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.noneresponsive {
		height: 0!important;
	}
	.innerbackcarousell .newstext {
		padding-left: 15px;
		padding-right: 15px;
	}
	.newstext {
		min-height: unset!important;
		margin-bottom: 10px;
	}
	.wiederhoch {
    display: block;
	}
	.mitarbeiter .mitarbeiterbild > img {
    height: 270px;
	}
	
.hovertext .pp {
	height: 270px;
}
.content img, .newsbild, .hovertext .pp {
	max-height: 500px;
}
.content img.hochformat {
	max-height: 650px;
}
.mitarbeiterbild img {
    min-height: 370px;
}
	/* ALLGEMEIN */
	.formular .col-xl-6 {
    padding-left: 25px;
		padding-right: 25px;
}
	.slideraussen > .content > .p {
		padding: 0 25px;
	}
	.accordion {
    padding-left: 5px;
    padding-right: 5px;
}
	.p, .textblock {
    max-width: 100%;
    margin: 0 auto;
}
	.gruendeaussen {
    padding: 5px 0px;
}
	.gruendeblock {
    padding: 40px 25px;
	}
	.inhalt-gelb {
    padding: 50px 25px; 
}
.slideraussen button img {
    margin-bottom: 40px;
}
	.einscarousel .col-md-6 {
		padding-left: 0;
	}
	.btn.btn-primary {
    margin-right: 200px;
    margin-top: 50px;
    float: left;
		margin-left: 0px;
}
	.control-label {
    min-width: 320px;
	}
	.form-control {
    max-width: 530px;
	}
.hintergrundweist {
	background-color: rgba(255, 255, 255,1);
}
.hintergrundschwarzt {
	background-color: rgba(0, 0, 0,1);
}
.hintergrundgrau {
	background-color: rgba(235, 235, 235,0.8);
}
.hintergrundhellblaut {
	background-color: rgba(0, 174, 203,1);
}
.hintergrunddunkelblaut {
	background-color: rgba(0, 72, 153,1);
}
.hintergrundgraut {
	background-color: rgba(235, 235, 235,1);
}
.slideraussen h2 {
	margin-bottom: 25px !important;
}
	
	.carousel.drei .innerbackcarousel {
		margin-bottom: 10px;
	}
	/* NAVIGATION 1200 */
	.tz-gallery {
		padding-left: 20px;
    padding-right: 20px;
	}
	.navigation {
		display: none;
	}
	.headerabstand {
	height: 100px;
	}
	.mobilnavi {
		display: block;
		position: fixed;
    width: 100%;
		z-index: 9;
		top: 0;
	}
.googleblock {
	padding-left: 25px;
	padding-right: 25px;
}
	.navbar {
		display: block;
		height: 100px;
	}
	.navbar .mobilnavilogobild {
		width: 150px;
		position: absolute;
		right: 30px;
		top: 20px;
	}
.variabel h3 {
    margin-top: 0px!important;
}
	.collapsed {
		width: 100%;
		max-width: 420px;
	}
	.collapsed a {
		display: block;
		width: 90%;
	}
	.navbar-toggler {
		    margin-top: 23px;
      border: none;
	}
	.mobiltelefon {
		margin-left: 13px;
	}
	.navbar-toggler-icon {
		width: 2em;
		height: 2em;
	}
	.mobilxbutton {
		position: absolute;
		top: 35px;
		right: 15px;
		    width: 25px;
	}
	.mobilnaviinner {
		    position: fixed;
    top: 0;
        padding-top: 20px;
    padding-left: 0px;
		background-color: white;
		overflow: scroll;
		height: 100%;
	}
	.mobilnaviinner a {
	padding: 12px 0;
    padding-left: 30px;
    font-weight: 500!important;
	}
	.unteremobilnavi a {
		color: white;
	}
	.unteremobilnavi {
		background: url(/resources/img/stufen-los_hintergrund_navi.png);
		background-size: cover;
		background-position: left;
		padding-top: 25px;
		padding-bottom: 60px;
		margin-top: 25px;
		height: calc(100vh - 385px);		
        background-position-y: top;
	}
.mobilnavitelefon svg {
    width: 25px;
    position: relative;
    top: 2px;
}
	.navbar-toggler-icon {
		background-image: none;
	}
.navbar-toggler-icon svg {
    width: 41px;
    height: 41px;
}
	/* SCROLL*/
	.hundert {
		display: none!important;
	}
	/* VIDEOCONTAINER */
	/* Slider */
	.einscarousel .carousel-item {
	padding: 25px 25px;
}
	/* BILDBLOCK MIT TEXT DRAUF */
	.inhalt-gelb {
		max-width: 100%;
		position: static;
	}
	.mehr-buttonnweiß.dunkelblau.absolut {
		position: absolute;
		top: unset;
		bottom: 30px;
		    font-family: 'Carnas-Medium';
	}
	.mehr-buttonnweiß.weis {
    position: relative;
    bottom: 0px;
    top: 30px;
}
	.texti {
		min-height: unset!important;
	}
	
	.owl-carousel.drei .innerbacktext, .carousel.drei .innerbacktext, .carousel.drei.news .innerbacktext, .carousel.drei .innerbacktext {
	padding-left: 25px;
		padding-right: 25px;
	}
	.col-md-12.module-color {
		padding-left: 0;
		padding-right: 0;
	}
	
	.uberschrift {
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media(max-width: 992px) {
	.card-header {
    padding-left: 20px;
	}
	.hovertext .pp p  {
    font-size: 14px;
}
	.mitarbeitertext {
    padding: 20px 15px;
}
	.extraa {
		padding-left: 5px!important;
		padding-right: 5px!important;
	}
	.background-text {
    padding: 50px 25px 50px 25px;
}
.alpha-list-wrapper {
	width: 33.333%;
	}
	.video-text {
    top: 30%;
}
	.mitarbeiterbild > img {
    height: 270px;
	}
	.control-label {
    min-width: 220px;
}
	.einscarousel .carousel-item {
    padding: 25px 25px;
}
.owl-dots {
	display:none !important; 
}
}
@media(max-width: 783px) {
	.video-text {
    top: 20%;
}
}
@media(max-width: 779px) {
	.form-control {
    float: left;
	}
	.control-label {
    margin-bottom: 0px;
	height: unset;
	}
}
@media(max-width: 768px) {
    .contain-gelb > img {
	min-height: inherit !important;
	max-height: inherit !important;
	height: 100%;
	object-fit: cover;
}
	.icon img {
		position: static;
	}
	.content img, .hovertext .pp {
		max-height: 300px;
	}
	.inneroverlay {
    top: 10%;
		    padding: 90px 25px;
	}
	.alpha-list-wrapper {
	width: 50%;
	}
	.col-md-6, .col-md-12 {
		padding: 0;
	}
	.gruendeblock {
    height: unset;
	}
	.icon {
    position: static;
	}
	.gruendeblock .pp {
    max-height: unset;
}
	/* BILDBLOCK MIT TEXT DRAUF */
	.carousel.drei {
		padding-left: 0px;
		padding-right: 0px;
	}
	.allelinksfooter {
		display: none;
	}
iframe#kontaktformular-iframe {
	min-height:1820px;
	width:100%;
	border-width:0px;
	overflow-y:auto !important;
}
}

@media(max-width: 699px) {
	
	.owl-item .col-md-12, .owl-item p {
		padding-left: 0;
		padding-right: 0;
	}
	.slideraussen h2 {
		margin-bottom: 30px !important;
	}
	iframe#kontaktformular-iframe {
	min-height:1920px;
	width:100%;
	border-width:0px;
	overflow-y:auto !important;
}
}
@media(max-width: 680px) {
	h1 {
    font-size: 25px;
	}
	h2 {
    font-size: 20px;
	}
	.headerbild img {
    height: 300px;
	}
	.video-text {
    top: 20%;
}
.video-text h1 {
	font-size: 45px;
}
.video-text h2 {
	    font-size: 30px;
}

.technischedaten p {
    width: 100%;
    display: block;   
}
	
}
@media(max-width: 659px) {
	.control-label {
    margin-bottom: 0px;
		height: unset;
	}
.form-control {
    float: left;
	}	
.formular .pp {
	max-width: 100%;
}
}
@media(max-width: 619px) {
	.headertext.kosten {
    bottom: 30%;
	}
	iframe#kontaktformular-iframe {
	min-height:1980px;
	width:100%;
	border-width:0px;
	overflow-y:auto !important;
}
}
@media(max-width: 575px) {
.mitarbeiterbild img {
    min-height: 400px;
}
}

@media(max-width: 440px) {
	.checkboxdiv label {
		max-width: 87%;
	}
	#checkbox {
    top: -10px;
	}
	.contain-gelb > img {
	min-height: inherit !important;
	max-height: inherit !important;
	height: 100%;
}
.contain-gelb img.png-start {
    min-height: 120px;
}
	.content img {
		/* max-height: 200px; */
	}
	.hovertext .pp {
		max-height: 198px;
	}
	.variabel .module-color #in-img img {
    display: inline;
    object-fit: cover;
    min-height: 120px;
}
	.slideraussen.hintergrundgrau .col-md-12 img {
        height: 110px !important;
	}

	.headerbild img {
    height: 200px;
	}
	.owl-carousel.vier .owl-item img {
    min-height: 200px;
}
	iframe#kontaktformular-iframe {
	min-height:2070px;
	width:100%;
	border-width:0px;
	overflow-y:auto !important;
}

}
@media(max-width: 480px) {
	.innerbacktext {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.ohnepadding .col-xl-8, .sterntext {
		padding-left: 15px;
		padding-right: 15px;
	}
	.accordion .card-header {
    padding-left: 15px;
    padding-right: 80px;
}
	.accordion .card-header > h5,
	.accordion .card-header > .h5 {
	width: 100%;
}
	.lightbox.gross img {
    height: 250px;
	}
	.formular .col-xl-6 {
    padding-left: 15px;
    padding-right: 15px;
}
	.slideraussen > .content > .p {
		padding: 0 15px;
	}
	.tz-gallery > div {
    padding-left: 0px;
    padding-right: 0px;
}
	.textblock .col-xl-6, .textblock .col-md-12 {
    padding-left: 0px;
}
	.extraa {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
	.extraa .innerbacktext {
    padding-left: 15px!important;
    padding-right: 15px!important;
}
	.uberschrift {
		padding-left: 15px;
		padding-right: 15px;
	}
	.owl-carousel.drei .innerbacktext {
		padding: 30px 15px;
	}
	.owl-carousel.drei .innerbacktext, .carousel.drei .innerbacktext {
    padding-left: 15px;
    padding-right: 15px;
}
	.inneroverlay {
    top: 0%;
		    height: 100vh;
	}
	.hover-pfeil {
    right: 15px;
	}
	.accordion {
    padding-left: 0px;
    padding-right: 0px;
}
	.akkordeontitel {
		padding-left: 25px;
		padding-right: 25px;
		overflow-wrap: break-word;
	}
	.card-header {
    padding-left: 15px;
    padding-right: 100px;
	}
	.card-body {
    padding-left: 15px;
    padding-right: 15px;
		width: 100%;
}
	.headertext {
    position: absolute;
    bottom: 40%;
	}
	.headertext.kosten {
    bottom: 36%;
}
	.owl-carousel.vier .innerbacktext, .slideraussen .col-md-12 p, .slideraussen .col-md-12 h3, .slideraussen .col-md-12 h2, .slideraussen .col-md-12 a, .owl-carousel.drei .innerbacktext .p	{
	padding-left: 0px;
	padding-right: 0px;
	
}
	.footerwrap.ein, .footerwrap.zwei h3, .googleblock, .background-text, .auszeichnungh3, .einscarousel .carousel-item, .inhalt-gelb, .texti, .ohnebild, .googleblock, .gruendeblock	{
	padding-left: 15px;
	padding-right: 15px;
}
	
	.owl-carousel.vier .innerbacktext {
		padding-left: 0;
		padding-right: 0;
	}
  
.slideraussen button img {
    margin-bottom: 35px;
}

	.googleblock {
    margin-left: 0;
    margin-right: 0;
}
	.headertext {
    font-size: 45px;
	}
	
.video-text h1 {
	font-size: 35px;
}
.video-text h2 {
	    font-size: 20px;
}
	
	.innerbackcarousell .newstext {
		padding-left: 15px!important;
		padding-right: 15px!important;
	}
}
@media(max-width:431px) {
	.allelinksfooter div {
		float: unset!important;
		min-height: unset!important;
		margin-bottom: 20px;
	}
}
@media(max-width:428px) {
	.headertext.kosten {
    bottom: 22%;
}
}
@media(max-width:421px) {
	.video-text {
    top: 16%;
}
}
@media(max-width:375px) {
	.video-text {
    top: 13%;
}
.content img.hochformat {
	max-height: 470px;
}
.slideraussen button img {
	margin-bottom: 11% !important;
	width: 22px;
}
}
@media(max-height: 640px) {
	.unteremobilnavi {
    height: unset!important;
}
}
@media all and (-ms-high-contrast:none) {
     .mitarbeiteraussen { width:342.5px } /* IE10 */
     *::-ms-backdrop, .mitarbeiteraussen { width:342.5px } /* IE11 */
}