/*
--------------Farben-------------
Grün:       #A4BB00
Hellblau:   #015488
Dunkelblau: #001F32
Hellgrau:   #F2F2F2
*/

body,html,*{font-size:18px;line-height:1.6;font-family:'Mundial';font-weight:300;color: #001F32}
html{scroll-behavior: smooth;}

a{color:#001F32;text-decoration:none;font-size:100%;transition:all .3s ease;}
a:hover{text-decoration:none;color:#A4BB00;transition:all .3s ease;}
a:focus{text-decoration:none;}

li{list-style:none;padding-left:30px;position:relative;}
/*li:before{content:'';width:20px;height:20px;display:block;background:url('media/icons/checkmark.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:5px;left:0;}*/

ul{padding:0;margin:0;}

.text li{list-style:none;padding-left:30px;position:relative;font-weight: 600;text-transform: uppercase;}
.text li:before{content:'';width:20px;height:20px;display:block;background:url('media/icons/checkmark.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:3px;left:-5px;}
.text ul{padding:0;width: 100%;}

img{max-width:100%;height:auto;}

.clearer{height:1rem;}

.bluefilter{position:relative;}
.bluefilter:after{content: '';position:absolute;top:0;right:0;bottom:0;left:0;background:#004671;opacity:0.7;z-index:5;}

.subline{font-size:115%;font-weight:700;display:block;color:#001F32;text-transform:uppercase;margin-bottom: 30px;}

/*.headline{}*/
.headline span{color:#A4BB00;font-size: 100%;font-weight:700;line-height: 1;}

h1{font-size:325%;font-weight:700;text-transform:uppercase;display:block;width:max-content;position:relative;color:#001F32;margin:0 0 15px 0;line-height:1;}
h1:before{content:'';display:block;background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;bottom: 0;right:-25px;height: 95px;width: 2px;background-color:#A4BB00;}
h1:after{content:'2';display:block;background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;bottom: -12px;right:-40px;height: 106px;width: 2px;font-size: 40%;}
h2{position: relative; font-size:210%;font-weight:700;display:block;color:#001F32;text-transform:uppercase;margin:0;line-height:1;text-align: left!important;margin-bottom: 35px;}
h2:after{position: absolute;content:'';width:60px;display:block;background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;bottom:-15px;left:0px;border: 3px solid #001F32;}
h3{font-size:120%;font-weight:700;display:block;color:#001F32;text-transform:uppercase;margin:0;line-height:1;margin-bottom: 5px;}

.btn{position:relative;padding:10px 25px 10px 25px;font-size:100%;font-weight:600;background:#A4BB00;color:#fff;transition:all .3s ease;width: max-content; text-transform:uppercase;line-height:1;text-align:center;}
.btn:hover{background:#f2f2f2;transition:all .3s ease;color:#001F32;}

.btn.grey{position:relative;padding:10px 25px 10px 25px;font-size:100%;font-weight:600;background:#F2F2F2;color:#001F32;transition:all .3s ease;width: max-content; text-transform:uppercase;line-height:1;text-align:center;}
.btn.grey:hover{background:#A4BB00;transition:all .3s ease;color:#001F32;}

.btn.pfeil{position:relative;font-size:100%;font-weight:600;background-color: transparent; color:#001F32;transition:all .3s ease;width: max-content; text-transform:uppercase;line-height:1;text-align:center;}
.btn.pfeil:hover{transition:all .3s ease;color:#A4BB00;}
.btn.pfeil:after{content:'';width:10px;height:70px;display:block;background:url('media/icons/pfeil-blue.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:15px;right:25px;}
.btn.pfeil:hover:after{content:'';width:20px;height:20px;display:block;background:url('media/icons/pfeil-green.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:10px;right:0px;transition:all .3s ease;}

.btn.popuplink{position:relative;font-size:100%;font-weight:600;background-color: transparent; color:#001F32;transition:all .3s ease;width: max-content; text-transform:uppercase;line-height:1;text-align:center;}
.btn.popuplink:hover{transition:all .3s ease;color:#A4BB00;}
.btn.popuplink:after{content:'';width:10px;height:15px;display:block;background:url('media/icons/pfeil-blue.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:12px;right:0;}
.btn.popuplink:hover:after{content:'';width:10px;height:18px;display:block;background:url('media/icons/pfeil-green.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:10px;right:0px;transition:all .3s ease;}


strong{font-weight:700;}

.container.wide{max-width:1800px;}


.slider .owl-controls {position: relative;}
.slider .owl-controls .owl-dots{text-align: center;margin-top: 20px;}
.slider .owl-controls .owl-dot{display: inline-block;padding: 5px;text-align: center;border-radius: 50%;font-weight: 500;background: transparent;border: solid 1.5px #001f32;margin-right: 10px;transition: 0.25s ease-out;}
.slider .owl-controls .owl-dot.active{background: #001f32;transition: 0.5s ease-out;}
.owl-carousel{z-index:0;}


.whatsapp{padding-left:25px;position:relative;}
.whatsapp:before{content:'';width:18px;height:18px;display:block;background:url('media/icons/whatsapp_icon.png');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:0!important;left:0;}
.whatsapp.white:before{content:'';width:18px;height:18px;display:block;background:url('media/icons/whatsapp_icon_white.png');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:3px;left:0;}
.telefon{padding-left:25px;position:relative;}
.telefon:before{content:'';width:18px;height:18px;display:block;background:url('media/icons/telefon_icon.png');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:0!important;left:0;}
.telefon.white:before{content:'';width:18px;height:18px;display:block;background:url('media/icons/telefon_icon_white.png');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:3px;left:0;}
.mail{padding-left:25px;position:relative;}
.mail:before{content:'';width:18px;height:18px;display:block;background:url('media/icons/mail_icon.png');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:0!important;left:0;}
.mail.white:before{content:'';width:18px;height:18px;display:block;background:url('media/icons/mail_icon_white.png');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:3px;left:0;}

/*------------------------------------Header-------------------------------------------------*/

#page-header{position:absolute;top:0;right:0;left:0;padding:10px 0;background:#001F32;-webkit-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);-moz-box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);box-shadow: 0px 10px 50px -35px rgba(0,0,0,0.5);z-index:999;}
#page-header #topheader{padding-bottom:10px;text-align:right;margin-right:-88px;}
#page-header a.logo img {margin-left: -95px!important;max-width: 350px;width: 350px;margin-top: -35px;}
#page-header.bottom a.logo img {margin-left: -95px!important;max-width: 300px;width: 300px;margin-top: -35px;}
#page-header #topheader a{color:#fff;margin-left:50px;display:inline-block;font-size:70%;font-weight:600;}
#page-header #topheader a:hover{color:#A4BB00;}
#page-header .row .navbar .container-fluid {padding-right: 0;}

#page-header #toppermenu .menu{text-align:right;margin:10px 0;}
#page-header #toppermenu .menu li{display:inline-block;border-radius:5px;padding:0;position: relative;}
#page-header #toppermenu .menu li.current_page_item:before{display: block;position: absolute;width: 100px;height: 4px;background: none;top: 30px;background-color: #a4bb00;left: 0;right: 0;margin: 0 auto;}
.kontakt #page-header #toppermenu .menu li.current_page_item:before{display: none;}
#page-header #toppermenu .menu li:last-child{background:#A4BB00;border:solid 2px #A4BB00;transition:all .3s ease;margin-left: 35px;}
#page-header #toppermenu .menu li:last-child:hover{background:transparent;transition:all .3s ease;}
#page-header #toppermenu .menu li a{color:#fff;font-weight:500;padding:5px 35px;font-size:95%;display:block;text-transform: uppercase;}
#page-header #toppermenu .menu li:hover a{color:#A4BB00;}
#page-header #toppermenu .menu li.current_page_item a{color:#A4BB00;}

#page-header #toppermenu .menu li:last-child.current_page_item a{color:#fff;}

#page-header #toppermenu .offcanvas{visibility:visible;position: relative;}

.navbar.navbar-expand-xl{margin-right:-105px;}
#page-header.bottom .navbar.navbar-expand-xl{margin-right:-50px;margin-top:30px;}

.navbar-toggler{border:0;}
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus{outline:none;box-shadow:none;border:0;}
.middle-bar{margin:5px;}
.toggler-icon{width:29px;height:3px;display:block;transition:all 0.2s;}

.navbar-toggler .top-bar{transform:rotate(0);}
.navbar-toggler .middle-bar{opacity:1;filter:alpha(opacity=100);}
.navbar-toggler .bottom-bar{transform:rotate(0);}
.navbar-toggler .toggler-icon{background-color:#fff;}

.navbar-toggler.active .top-bar{transform:rotate(45deg);transform-origin:10% 10%;}
.navbar-toggler.active .middle-bar{opacity:0;filter:alpha(opacity=0);}
.navbar-toggler.active .bottom-bar{transform:rotate(-45deg);transform-origin:10% 10%;}

#page-header.bottom{min-height:120px;position:fixed;padding:0!important;top:0;left:0;right:0;background:#001F32;-webkit-animation: fadein .6s; /* Safari, Chrome and Opera > 12.1 */              -moz-animation: fadein .6s; /* Firefox < 16 */-ms-animation: fadein .6s; /* Internet Explorer */-o-animation: fadein .6s; /* Opera < 12.1 */animation: fadein .6s;z-index:999;}
#page-header.bottom .left .logo img{max-width:75%;margin:0 auto;display:block;}
#page-header.bottom .middle{padding:15px 0;}
#page-header.bottom .right{padding:15px 0;}
#page-header.bottom #topheader{display: none;}
#page-header.bottom a.logo img {margin-left: 0px!important;margin-top: 7px;}


@keyframes fadein {
    from { top: -175px; }
    to   { top: 0; }
}
@-moz-keyframes fadein {
    from { top: -175px; }
    to   { top: 0; }
}
@-webkit-keyframes fadein {
    from { top: -175px; }
    to   { top: 0; }
}
@-ms-keyframes fadein {
    from { top: -175px; }
    to   { top: 0; }
}


/*------------------------------------Footer-------------------------------------------------*/

#page-footer{background:#001F32;padding:50px 0 15px;color:#fff;}

#page-footer .backtotop .scrollup{cursor:pointer;}
#page-footer .backtotop .scrollup:hover img{transform:scale(1.1);transition:all .3s ease;}
#page-footer .backtotop .scrollup img{margin:0 auto;display:block;transition:all .3s ease;}

#page-footer .logo img{max-width:205px;margin-bottom:35px;}
#page-footer p:first-child{margin-bottom:3rem;}
#page-footer p{color:#fff;margin-bottom:5px;font-size:16px;}
#page-footer a{color:#fff;transition:all .3s ease;font-size:16px;}
#page-footer a:hover{color:#A4BB00;transition:all .3s ease;}

#page-footer .germany::before {content:"";background:url('media/landkarte.png');position:absolute;width:185px;height:219px;background-repeat:no-repeat;margin-top:4rem;}
#page-footer .germany::after {background:url('media/icons/location.png');content:"";position:absolute;width:185px;height:219px;background-repeat:no-repeat;top: 44%;left: 7%;}
#page-footer .germany button{border-radius:5px;background-color: #A4BB00;border: solid 2px #A4BB00;transition: all .3s ease;padding: 0 35px;font-weight: bold;text-transform: uppercase;position: absolute;top: 60%;right: 20%;z-index:9;}
#page-footer .germany button:hover{background-color: transparent;}

#page-footer .rechts .left{display:inline-block;width:49%;}
#page-footer .rechts .right{display:inline-block;width:49%;}
#page-footer .rechts .footermenu{padding-top:100px;}
#page-footer .rechts .footermenu a{color:#fff;transition:all .3s ease;display:block;margin-bottom:5px;}
#page-footer .rechts .footermenu a:hover{color:#A4BB00;transition:all .3s ease;}

#page-footer .rechtlich{position: relative;text-align: right;padding-top: 270px;}
#page-footer .rechtlich a{display: block;}

#page-footer .copyright{display:block;width:100%;margin-top:100px;}
#page-footer .copyright span{display:block;text-align:center;color:#fff;font-size:75%;}

/*------------------------------ACF-Flexible-Content-----------------------------------------*/

.inhaltsbloecke{margin-top:146px;margin-bottom: 100px;overflow-x:hidden;position: relative;}
#page20 .inhaltsbloecke{overflow-x:visible;}


.flx_headerblock {display: block;margin-bottom: 100px;}
.flx_headerblock img.bild1{position: absolute;right: -550px;transform: rotate(-35deg);border-radius: 130px;height: 1000px;width:1000px;top: 50px;object-fit: cover;z-index:-1;}
.flx_headerblock img.bild2{position: absolute;right: -250px;transform: rotate(-35deg);border-bottom-left-radius: 130px;height: 1000px;width:1000px;top: -380px;object-fit: cover;z-index:-1;}
.flx_headerblock .bild2text{position: absolute;right: 13rem;top: 32rem;color: white;text-transform: uppercase;text-align: center;font-size: 30px;font-weight: bold;}

.flx_headerblock.video svg{position: absolute;z-index: -1;}
.flx_headerblock.video foreignObject::after{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #004671;opacity: 0.2;z-index: 5;}

.flx_headerblock .social-media{margin-right:-90px!important;}

.flx_headerblock .scroll-text{position: absolute;text-transform: uppercase;transform:rotate(-90deg);top:47rem;}
.flx_headerblock .c-scrolldown{width:2px;height: 100px;position: absolute;bottom: 20px;left: 63px;top:52rem;margin: 0 auto;overflow: hidden;}
.flx_headerblock .c-line{width: 100%;height: 100%;display: block;background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 1) 50%);background-position: 0 -60px;background-size:100% 200%;animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;}

@keyframes scrolldown {
	0% {
		background-position: 0 -100px;
	}
	65% {
		background-position: 0 0;
	}
	100% {
		background-position: 0 100px;
	}
}

.flx_headerblock .subline {font-size: 260%;color: #015488;}
.flx_headerblock h1 {font-size: 510%;min-height: 92px;}
.flx_headerblock .content {margin-bottom: 25px;}
.flx_headerblock .content p {width: 50%;color: #015488;margin-bottom: 30px;}
.flx_headerblock .buttons {margin-bottom: 100px;}
.flx_headerblock .item {position: relative;text-align: center;}
.flx_headerblock .item .inner {padding: 50px 20px 30px;background-color: #fff;border-radius:15px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.flx_headerblock .item .inner.dark{min-height: 450px;}
.flx_headerblock .item .inner .text .headline {color: #A4BB00;font-weight:700;margin-bottom:1rem;}
.flx_headerblock .item .inner .text p {min-height: 120px;}
.flx_headerblock .item .inner .text .btn.pfeil:after {height: 15px;top: 11px;right: 0;}
.flx_headerblock .item .inner .text .btn.pfeil:hover:after {width:10px;height: 15px;top: 11px;right: 0;}
.flx_headerblock .item:hover .inner {background-color: #001f32;}
.flx_headerblock .item .teasericon {position: relative;}
.flx_headerblock .item .teasericon img{margin:auto;width:100px;height:auto;}
.flx_headerblock .item img:first-of-type, .flx_headerblock .item:hover img:nth-child(2) {display: block;}
.flx_headerblock .item:hover img:first-of-type, .flx_headerblock .item img:nth-child(2) {display: none;}
.flx_headerblock .item:hover .inner .text p {color: #fff;}
.flx_headerblock .item:hover .inner .text .headline {color: #fff;}
.flx_headerblock .item:hover .inner .text .btn{color: #fff;}
.flx_headerblock .item:hover .inner .text .btn.grey{background: #A4BB00;}
.flx_headerblock .item .inner .text .btn.pfeil:after{content:'';width:10px;height:70px;display:block;background:url('media/icons/pfeil-white.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-16px;right:0px;}
.flx_headerblock .item:hover .inner .text .btn.pfeil:after, .flx_headerblock .item:hover .inner .text .btn.popuplink:after {content:'';width:10px;height:70px;display:block;background:url('media/icons/pfeil-green.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:-16px;right:0px;}
.flx_headerblock .item .text .popup {display: none;text-align: left;}
.flx_headerblock .item .text .btn {text-transform: none;}
.flx_headerblock .item .text .popup.active {display: block;position: fixed;max-width:535px;width: 100%;top: 50%;transform: translateY(-50%);left:25%;right:25%;background: #fff;z-index:999;border-radius:15px;padding:40px 30px;}
.flx_headerblock .item .text .popup.active img{width:45px;display:block!important;margin-top: -14px;}
.flx_headerblock .item .text .popup.active .headline{color:#A4BB00;}
.flx_headerblock .item .text .popup.active ul {text-align: left;}
.flx_headerblock .item .text .popup.active ul li{text-transform: none;color:#657883;font-size:16px;font-weight:normal;padding-left:15px;}
.flx_headerblock .item .text .popup.active ul li:before{content:'';color:#657883;width:10px;height:15px;display:block;background:url('media/icons/pfeil-blue.png');background-repeat:no-repeat;background-size:100%;background-position:center;position:absolute;top:7px;right:0px;}
.flx_headerblock .item .text .background{display: none;}
.flx_headerblock .item .text .background.active{display: block;position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);z-index: 99;opacity: .7;}
.flx_headerblock .content {margin-bottom: 25px;margin-top: 145px;}
.produkte .flx_headerblock .item:hover .inner .text .btn{color: #001F32;}

.headlinebox .headline{text-transform: uppercase;font-size:20px;line-height: 1!important;}
.headlinebox .col-10{line-height: 1!important;}

.popup .close{cursor: pointer;position: absolute;top: 0;right: 0;margin-right: 1rem;margin-top: 0.75rem;font-weight: bold;font-size: 120%;}
.fit{max-width: fit-content;padding:0;}

.flx_headerblock.ohnebildteaser {margin-bottom: 150px;}
.flx_headerblock.ohnebildteaser .item .inner .text {text-align: left;}
.flx_headerblock.ohnebildteaser .content h1 {display: block;}

.flx_headerblock.video:before {content:'';width:450px;height:600px;display:block;background:url('media/grafiken/linien.png');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:0;bottom: 0;left:-230px;opacity: .5;z-index:0;}
.flx_headerblock.ohnebildteaser::before, .flx_headerblock.bild1::before, .flx_headerblock.bild2::before{content:'';width:450px;height:600px;display:block;background:url('media/grafiken/linien_dark.png');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;top:0;bottom: 0;left:-230px;z-index:-1;opacity: .5;}

.flx_textblock{margin-bottom: 150px;margin-top:150px;}
.flx_textblock .text p{margin-bottom: 3rem;max-width: 100%;}
.flx_textblock .text ul li {font-weight: 700;color:#838D93;padding-bottom:1rem;}
.flx_textblock.mitbildrechts .bild {text-align: center;}
.flx_textblock.mitbildrechts .bild img {height: 470px;object-fit: cover;object-position: center;position: relative;margin-right:20px;}
.flx_textblock.mitbildlinks .bild img {width: 650px;height: 890px;object-fit: cover;object-position: center;}
.flx_textblock.mitbildlinks .text ul {width: 100%;display: flex;flex-flow: wrap;}
.flx_textblock.mitbildlinks .text ul li{width: 50%;}
.flx_textblock.mitbildlinks .text ul li::before{left:0;}
.karriere .flx_textblock.mitbildlinks .text .headline:after{display: none;}
.flx_textblock.logos .text .row .logo{display: flex;align-self: center;}
.flx_textblock.logos .text .row .logo .logo img {width: 100%;margin-bottom: 45px;}
.flx_textblock.balken .bild img {width: 650px;height: 890px;object-fit: cover;object-position: center;}
.flx_textblock.balken .text .headlinebalken {font-size: 120%;font-weight: 700;text-transform: uppercase;margin-bottom: 20px;}
.flx_textblock.balken .text .row {position: relative;margin-bottom: 35px;}
.flx_textblock.balken .text .row .balken1,
.flx_textblock.balken .text .row .balken2,
.flx_textblock.balken .text .row .balken3 {display: block;width: 100%;background:#f2f2f2;height:15px;position:relative;left: 13px;transition: width 2s;}
.flx_textblock.balken.animationsstart .text .row .balken1::before, .flx_textblock.balken.animationsstart .text .row .balken2::before, .flx_textblock.balken.animationsstart .text .row .balken3::before {max-width:100%;}
.flx_textblock.balken .text .anteil {position: absolute;font-size: 120%;font-weight: 700;text-align: right;}
.flx_textblock.sublineblau{margin-bottom:0;}
.flx_textblock.sublineblau h1{font-size: 480%;min-height: 92px;}
.flx_textblock.sublineblau h1::before{content:unset;}
.flx_textblock.sublineblau h1::after{content:unset;}
.flx_textblock.sublineblau .subline{font-size: 260%;color: #015488;}
#energiepreis.flx_textblock.mitbildrechts{padding-top: 170px;margin-top: -170px;}
#energieverbrauch.flx_textblock.mitbildrechts{padding-top: 170px;margin-top: -170px;}


.datenschutzerklaerung .nurtext p, .impressum .nurtext p{margin-bottom: 2rem!important;}
.datenschutzerklaerung .scroll-text, .impressum .scroll-text, .datenschutzerklaerung .c-scrolldown, .impressum .c-scrolldown{display: none;}

.grafisches_element img {width: 250px!important;height: auto!important;top: 200px;right: -250px;position: relative;}
.flx_textblock.mitbildlinks .grafisches_element img{right:-100px;top:200px;}
.flx_textblock.logos .grafisches_element img{right:0;}


.flx_leistungblock {background-color: #f2f2f2;padding: 120px 0 80px;}
.flx_leistungblock .headline {text-align: center!important;}
.flx_leistungblock .headline:after {display: none;}
.flx_leistungblock .row {justify-content: center;margin-bottom: 40px;margin-top: 65px;}
.flx_leistungblock .row .leistung {box-shadow: 0 5px 12px #ddd;	padding: 0rem;	position: relative;min-height: 425px;max-width: 730px;background-color: #fff;}
.flx_leistungblock .row .leistung .teaserbild {position: relative;}
.startseite .flx_leistungblock .row .leistung .teaserbild img {width: 100%;height: auto;object-fit: cover;}
.flx_leistungblock .row .leistung .teaserbild img {width: 50%;height: auto;object-fit: cover;margin: auto;display: flex;}
.referenzen .flx_leistungblock .row .leistung p {padding: 30px;min-height: 200px;background-color: #fff;position: relative;}
.flx_leistungblock .row .leistung p {padding: 30px;min-height: 200px;background-color: #fff;}
.flx_leistungblock .row .leistung ul {padding: 30px;min-height: 200px;background-color: #fff;}
.flx_leistungblock .row .leistung ul li {padding-left: 20px;}
.flx_leistungblock .row .leistung ul li:before {content: '';width: 20px;height: 20px;display: block;background: url('media/icons/checkmark.png');background-position-x: 0%;background-position-y: 0%;background-repeat: repeat;background-size: auto;background-repeat: no-repeat;background-size: 100%;background-position: center;position: absolute;top: 5px;left: -10px;}
.flx_leistungblock .row .leistung .headline {position: absolute;bottom: 5px;left: 45px; text-align: left!important;padding: 0 20px;color: #fff;z-index:10;}
.flx_leistungblock .row .leistung .zahl {font-size: 500%;font-weight: 600;color: #fff;display: block;position: absolute;bottom: -46px;padding: 0 25px;z-index: 10;left:-15px;}
.referenzen .flx_leistungblock .row .leistung{min-height:520px;max-height:520px;}

.flx_box {margin-top: 100px;margin-bottom: 100px;}
.flx_box .container {display: flex;}
.flx_box .box {position: relative;background-color: #A4BB00;border-radius: 15px;padding: 60px;padding-left: 28%;}
.flx_box .box:before {content:'';width:750px;height:750px;display:block;background:url('media/grafiken/linien.png');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;bottom:-90px;left:-320px;opacity: .5;}
.flx_box .box .content p {width: 75%;margin-bottom: 25px;}
.flx_box .box .content p,
.flx_box .box .content .subline, 
.flx_box .box .content .headline {color: #fff;}
.flx_box .box .content .headline:after {border: 3px solid #fff;}
.flx_box .box .buttons {padding-left: 15px;}
.flx_box .box.dark {background-color: #001f32;}
.flx_box .box.dark .content .headline {color: #A4BB00;}


.flx_vorteile {margin-bottom: 150px;position: relative;}
.flx_vorteile::after{content:'';width:450px;height:600px;display:block;background:url('media/grafiken/linien_green.png');background-size:100%;background-position:center;background-repeat:no-repeat;position:absolute;bottom: -100px;right:-220px;z-index:-1;opacity: .5;}
.flx_vorteile .container {display: flex;}
.flx_vorteile .container .bild {position: relative;}
.flx_vorteile .container .bild img {position: absolute;bottom: 55%;height: 920px;width: 620px;object-fit: cover;object-position: center;}
.flx_vorteile .container .headline:after {display: none;}
.flx_vorteile .vorteile .row {margin-bottom: 30px;}
.flx_vorteile .vorteile .row .item {padding-right: 50px;}
.flx_vorteile .vorteile .row .item .icon {margin-bottom: 20px;}
.flx_vorteile .vorteile .row .item .icon img {width: 20%;}
.karriere .flx_vorteile .bild img {bottom: 30px;}


.flx_accordion {margin-bottom: 100px;}
.flx_accordion .text .headline {font-size: 430%;text-transform: none;}
.flx_accordion .accordion {margin-top: 50px;margin-bottom: 30px;}
.flx_accordion .accordion .accordion-item {border: 0;}
.flx_accordion .accordion .accordion-item .accordion-header .accordion-button {color: unset;background-color: unset;box-shadow: unset;}
.flx_accordion .accordion .accordion-item .accordion-header .accordion-button:after {background-image: url("media/icons/arrow-blue.png"); position: absolute;top: 19px;left: -20px;}
.flx_accordion .accordion .accordion-item .accordion-header .accordion-button.collapsed .topline {color: #001F32;position: relative;}
.flx_accordion .accordion .accordion-item .accordion-header .accordion-button .topline {color: #A4BB00;position: relative;}


.flx_ansprechpartnerbox .container .text p {margin-bottom: 30px;}
.flx_ansprechpartnerbox .container .text .person {display: flex;}
.flx_ansprechpartnerbox .container .text .person img {width: 100%;object-fit: cover;min-height:180px;}
.flx_ansprechpartnerbox .container .text .person .info {}
.flx_ansprechpartnerbox .container .text .person .info span {display: block;font-weight:700;text-transform: uppercase;}
.flx_ansprechpartnerbox .container .text .person .info ul {margin: 0; margin-top: 20px;}
.flx_ansprechpartnerbox .container .text .person .info ul li {margin-bottom: 10px;text-transform: none;font-weight: 400;}
.flx_ansprechpartnerbox .container .text .person .info ul li.telefon:before{content: '';width: 20px;height: 20px;display: block;background: url('media/icons/telefon_icon.png');background-position-x: 0%;background-position-y: 0%;background-repeat: repeat;background-size: auto;background-repeat: no-repeat;background-size: 100%;background-position: center;position: absolute;margin-top:5px;left: -5px;}
.flx_ansprechpartnerbox .container .text .person .info ul li.mobil:before{content: '';width: 20px;height: 20px;display: block;background: url('media/icons/whatsapp_icon.png');background-position-x: 0%;background-position-y: 0%;background-repeat: repeat;background-size: auto;background-repeat: no-repeat;background-size: 100%;background-position: center;position: absolute;left: -5px;}
.flx_ansprechpartnerbox .container .text .person .info ul li.mail:before{content: '';width: 20px;height: 20px;display: block;background: url('media/icons/mail_icon.png');background-position-x: 0%;background-position-y: 0%;background-repeat: repeat;background-size: auto;background-repeat: no-repeat;background-size: 100%;background-position: center;position: absolute;margin-top:5px;left: -5px;}

.flx_ansprechpartnerbox .container .formular .kontakt p {font-weight: 600;padding: 0;text-transform: uppercase;margin-bottom: 5px;}
.flx_ansprechpartnerbox .container .formular .kontakt .flist .zeile {display:flex;margin-bottom: 20px;}
.flx_ansprechpartnerbox .container .formular .kontakt .flist .datenschutz {display:flex;align-items: flex-start;}
.flx_ansprechpartnerbox .container .formular .kontakt .flist .datenschutz p {font-weight: 300;text-transform: none;font-size: 85%;padding-left:10px;}
.flx_ansprechpartnerbox .container .formular .kontakt .fbox .feld {border: none;background-color: #f2f2f2;border-radius: 5px;height: 40px;}
.flx_ansprechpartnerbox .container .formular .kontakt .fbox .message {border: none;background-color: #f2f2f2;border-radius: 5px;width: 100%;}
.flx_ansprechpartnerbox .container .formular .kontakt .datenschutz .datenschutzcheck{margin-top:5px;}
.flx_ansprechpartnerbox .kontakt input:last-child{width:100%;}


.flx_zitat {margin-bottom: 100px;}
.flx_zitat .text {margin-left: 100px;margin-right: -200px;}
.flx_zitat .text .subline {margin-bottom: 0;}
.flx_zitat .text .headline {font-size: 115%;color: #a4bb00;}
.flx_zitat .zitat p {font-size: 115%;width: 80%;line-height: 1.7;font-style: italic;}
.flx_zitat .zitattext {position: relative;}
.flx_zitat .zitattext .zitat:before {content: ''; background-image: url("media/icons/anfuehrungsstrich-unten.png"); position: absolute;bottom: -20px;left: -70px;background-size: 100%;background-repeat: no-repeat;height:40px;width:40px;}
.flx_zitat .zitattext .zitat:after {content: ''; background-image: url("media/icons/anfuehrungsstrich-oben.png"); position: absolute;top: -10px;right: 60px;background-size: 100%;background-repeat: no-repeat;height:40px;width:40px;}


.flx_bildergalerie {margin-bottom: 100px;}
.flx_bildergalerie .subline {text-align: center;color: #a4bb00;}
.flx_bildergalerie .headline {text-align: center!important;font-size: 350%;}
.flx_bildergalerie .headline:after {display: none;}
.flx_bildergalerie .slider .bild img {width: 480px;height: 320px;object-fit: cover;object-position: center;}

.flx_teamblock .team.card{padding:0;border:none;position: relative;height: 615px;border-radius:0;}
.flx_teamblock .team.card img{width: 100%;height: 615px;object-fit: cover;margin: auto;opacity:1;transition: all .3s ease-in-out;}
.flx_teamblock .team.card .inhalt{padding: 10rem 2rem 0rem 4rem;}
.flx_teamblock .team.card .inhalt, .flx_teamblock .team.card .position{opacity:0;transition: all .3s ease-in-out;position: absolute;}
.flx_teamblock .team.card:hover .inhalt, .flx_teamblock .team.card:hover .position{opacity: 1;}
.flx_teamblock .team.card:hover img{width: 100%;height: 615px;object-fit: cover;margin: auto;opacity:0.4;}
.flx_teamblock .team.card span, .flx_teamblock .team.card a, .flx_teamblock .team.card li, .flx_teamblock .team.card h3{color:#fff;display: block;}
.flx_teamblock .team.card span.name{text-transform:uppercase;font-size:1.5rem;font-weight:600;line-height:1;}
.flx_teamblock .team.card .position{position:absolute;left:25px;top:30px;margin: 0;text-transform:uppercase;text-orientation: inherit;writing-mode: sideways-lr;font-weight:600;}
.flx_teamblock .team.card span.position::before{content:'//';}
.flx_teamblock .team.card li{display:list-item;list-style: disc;padding-left:1px;left:16px;}
.flx_teamblock .team.card span{margin-bottom:1rem;}
.flx_teamblock .team.card .subline{font-size:5rem;line-height:1;display: flex;align-items: flex-end;height:60%;}





/*-------------------------------------------------------------------------------------------*/
@media (max-width:1480px){
    
    h3{font-size:100%}

    #page-header a.logo img {margin-left: 0px!important;width:300px;}
    #page-header .navbar.navbar-expand-xl{margin-right:0;}
    #page-header #topheader{margin-right: 18px;}

    #page-header.bottom{min-height:85px;}
    #page-header.bottom .row{min-height:80px;}
    #page-header.bottom .navbar.navbar-expand-xl{margin:0;padding:8px 0 0 0;}
    #page-header.bottom a.logo img{width: 200px;margin-top: 7px;}

    .flx_headerblock{margin-bottom:100px!important;}
    .flx_headerblock .scroll-text, .flx_headerblock .c-scrolldown{display:none;}
    .flx_headerblock h1{line-height:0px;}
    .flx_headerblock .headline span{font-size:75%;}
    .flx_headerblock .subline{margin-bottom:0;}
    .flx_headerblock .social-media{margin-right:23px!important;}
    .flx_headerblock .content{margin-top:100px;}
    .flx_headerblock .headline span, .flx_headerblock h1.headline{font-size:50px;line-height:normal;}
    .flx_headerblock img.bild2{right: -200px;height: 800px;width: 800px;top: -300px;}

    .flx_leistungblock .row .leistung {box-shadow: 0 5px 12px #ddd;padding: 0rem;position: relative;background-color: #fff;margin-bottom:28px;}
    .flx_leistungblock .row .leistung p {position:relative;}

    .flx_vorteile .container .bild img{bottom: 65%;height: 750px;width: 450px;left: 80px;}

    #page-footer .germany::after {top:42%;left:8%;}

    

    

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:1199px){
 
    #page-header #topheader{padding-bottom:10px;text-align:right;margin-right:0px;}
    .navbar-toggler{position: absolute;right: 0px;top:-60px;}

    .inhaltsbloecke{margin-top:148px;}

    .flx_headerblock .social-media{margin-right:0!important;}
    .flx_headerblock img.bild1{right: -293px;border-radius: 78px;height: 600px;width: 600px;top: 40px;}
    .flx_headerblock img.bild2{right: -150px;height: 600px;width: 600px;top: -230px;}

    .flx_textblock.mitbildlinks .bild img, .flx_textblock.mitbildrechts .bild img{height:100%;max-height:400px;margin-right:0;}
    .flx_textblock .grafisches_element{display: none;}
    .flx_textblock{margin:50px 0;}

    
    .flx_teamblock .team.card img{opacity:0.4;}
    .flx_teamblock .team.card .inhalt{padding: 12rem 2rem 0rem 4rem;}
    .flx_teamblock .team.card .inhalt, .flx_teamblock .team.card .position{opacity:1;}
    .flx_teamblock .team.card .subline{text-align:right;}

    #page-footer .germany button{right:0;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:991px) {
    .navbar-expand-lg, .offcanvas-body{margin:auto;float:unset!important;}
    #page-header #toppermenu .menu li{display: block!important;text-align:center;}
    .navbar.navbar-expand-xl{margin-right:0;}
    #page-header #toppermenu .menu li:last-child{margin-left:0;}

    .flx_headerblock .social-media{margin-right:0!important;}
    .flx_headerblock img.bild1, .flx_headerblock img.bild2{display:none;}
    .flx_headerblock .headline span, .flx_headerblock h1.headline{font-size:50px;line-height:normal;}

    #page-footer .germany button{padding:0 20px;}
    #page-footer .germany::after {top:42%;left:12%;}

}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:767px) {
    
    h2{font-size:160%;}
    
    .inhaltsbloecke{margin-top:177px;}
    .flx_headerblock .headline{max-width:100vw;line-height:20px;}
    .flx_headerblock .headline span, .flx_headerblock h1.headline{font-size:36px;line-height:normal;}
    .flx_headerblock .content p{width:100%;}
    .flx_headerblock .item .text .popup.active{left:0;right:0;}

    .flx_box .box .content .headline{word-break: break-word;}
    .flx_box .box, .flx_box .box.dark {padding: 2rem;}

    .flx_accordion .accordion{margin:0;}
    
    #page-footer .germany button{padding:0 20px;left:16%;top:210px;}
    #page-footer .germany::after {top:140px;left:30px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:600px) {

    h1::before {content:none;}
    h1::after {content:none;}
    h2{font-size:140%;}
    .subline{line-height: 26px;}

    #page-header a.logo img{width:250px;margin-top: 0px;}
    .navbar-toggler{position: absolute;right: 0px;top:-60px;}
    #page-header #toppermenu .menu li:last-child{margin-left:0;}
    #page-header.bottom a.logo img{margin-left:0!important;margin-bottom:-15px;}   
    #page-header.bottom .navbar-toggler{top:-45px;}

    .inhaltsbloecke{margin-top:194px;}

    .flx_headerblock{margin-bottom:50px!important;}
    .flx_headerblock.video svg{display:none;}
    .flx_headerblock.video::before{content: none;}
    .flx_headerblock .content{margin-top:50px;}
    .flx_headerblock .subline{font-size:200%;margin-bottom:0;line-height:normal;}
    .flx_headerblock .item .inner .text .headline{line-height:22px;}
    .flx_headerblock .item .inner{padding: 10px 20px 10px;}


    .flx_box .box .content h2{word-break:break-word;font-size:140%;}

    .flx_vorteile .vorteile{text-align:center;} 
    .flx_vorteile .vorteile h2{text-align:center!important;}
    .flx_vorteile .vorteile .row .item{padding:10px 50px;}
    .inhaltsbloecke .btn{margin:auto;}

    .flx_leistungblock{padding: 50px 0 10px;}
    .flx_leistungblock .row .leistung {box-shadow: 0 5px 12px #ddd;	padding: 0rem;	position: relative;min-height: 0px;max-width: 660px;background-color: #fff;}

    .flx_box .box .content p{width:100%;}

    .flx_accordion #accordionExample{margin-top:0;margin-left:30px;}
    .flx_accordion .accordion{margin-top:0;margin-bottom:0;}
    .flx_accordion .accordion .buttons{margin:0 10px;}
    
    .flx_ansprechpartnerbox .container .text .person img{width:100%;}
    .flx_ansprechpartnerbox .container .text .person .info{padding: 20px 40px;}

    .flx_textblock{margin: 30px 0;}
    .flx_textblock.sublineblau h1{font-size:170%;}
    .flx_textblock.sublineblau .subline{font-size:140%;}
    .flx_textblock.mitbildlinks .text ul li{width:100%;}

    .flx_teamblock .team.card{height:400px;}
    .flx_teamblock .team.card .skills, .flx_teamblock .team.card .hobbies{display:none;}
    .flx_teamblock .team.card img{max-height:400px;}

    #page-footer .germany::after{top:140px;}
    #page-footer .germany button{top:210px;right:0;left:15%;}



}
@media (max-width:575px) {
    .navbar-toggler{position: absolute;right: 0px;top:-60px;}
}
/*-------------------------------------------------------------------------------------------*/
@media (max-width:400px) {
    #page-header #topheader a{margin-left:15px;}
}