#master_content 	{ display: block; text-align: left; }
.content_inner { display: block; position: relative; width: 100%; height: inherit; box-sizing: border-box;  }
.content_inner2 { display: block; position: relative; width: 100%; height: inherit; margin: 0 auto; box-sizing: border-box; max-width: var(--mw); margin: 0 auto; box-sizing: border-box; padding: 80px 40px; text-align: left; }
.content_inner2 ul li { margin: 10px 0; }

.zweiteiler { display: inline-block; width: 49%; vertical-align: middle; text-align: left; padding-right: 40px; box-sizing: border-box; }



.dreiteiler { display: inline-block; width: 33%; vertical-align: middle; text-align: left; padding-right: 30px; box-sizing: border-box;}
.vierteiler { display: inline-block; width: 24%; vertical-align: middle; text-align: left; padding-right: 20px; box-sizing: border-box;}
.fuenfteiler { display: inline-block; width: 19%; vertical-align: top; text-align: center; padding-right: 20px; box-sizing: border-box;}
.einruecker { display: block; max-width: 1200px; margin: 0 auto; }
.einruecker2 { display: block; max-width: 1320px; margin: 0 auto; background-color: var(--weiss); }
.left { text-align: left; }
.center { text-align: center; }
.center .content_inner2 { text-align: center; }
.right { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.hidden { display: none; }
.show { display: block; }
.nomargin { margin: 0 !important; padding: 0 !important; }
.nm { margin: 0; }
.w33 { width: 33% !important; }
.w66 { width: 66% !important; }
.inaktiv { pointer-events: none; }
.button { display: inline-block; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; font-family: inherit; }
.klein { font-size: 16px; max-width: 80% !important; line-height: 22px; }
.responsive { display: none; }

.content_inner .h3 { max-width: 80%; margin: 20px 0 }
.fullwidth .content_inner2 { max-width: 100%; padding: 0; display: flex; flex-wrap: wrap; align-items: stretch; }

.fullwidth .zweiteiler { padding: 40px; width: 50%; box-sizing: border-box; }
.fullwidth .zweiteiler .zweiteiler { width: 49%; }

.fullwidth2 .content_inner2 { max-width: 100%; }

.fullwidth3 .content_inner2 { max-width: 100%;  padding: 40px; }
.fullwidth3 .content_inner2 img { max-height: 100px; }
.fullwidth3 .dreiteiler { margin-top: 40px; }
.fullwidth3 .weiter { color: var(--blau) !important; background-color: transparent !important; }

.fullwidth3 ul { display: block; margin: 40px 0 0 0; padding: 0; }
.fullwidth3 ul li { display: inline-block; vertical-align: top; margin: 0; padding: 110px 50px 0 50px; background-image: url('../../img/profil_icon.png'); background-repeat: no-repeat; background-position: top center; padding-right: 35px; background-size: auto 100px; font-weight: 700; font-size: 30px; line-height: 40px; width: 19%; box-sizing: border-box; text-align: center;  }

.stellenanzeige h4 { display: inline-block; border-bottom: 4px solid var(--blau);  margin-top: 20px; }


.fullwidth3 .button { color: var(--blau) !important; background-color: transparent !important; background-image: url('../../img/pfeil_blau_runter.png'); padding-left: 0; background-repeat: no-repeat; background-position: right 5px center; padding-right: 35px; background-size: 20px; }

.fett { font-family: 'Arvo' !important; font-size: 20px; font-weight: 700; text-transform: uppercase; }

.referenzen_content { display: block; margin: 0 0 60px 0; }


.bg_weiss 		{ background-color: var(--weiss); }


.bg_schwarz 	{ background-color: var(--schwarz); color: var(--weiss); }
.bg_schwarz h2, .bg_schwarz .h2, .bg_schwarz h3, .bg_schwarz .h3, .bg_schwarz .h4, .bg_schwarz h4, .bg_schwarz .h5, .bg_schwarz h5, .bg_schwarz a	{ color: var(--weiss); }

.blau { color: var(--blau); }
.bg_blau 		{ background-color: var(--blau); color: var(--weiss); }
.bg_blau .content_inner2 { align-items: center; }
.bg_blau .zweiteiler { padding: 20px 40px; }
.bg_blau h2, .bg_blau .h2, .bg_blau h3, .bg_blau .h3, .bg_blau .h4, .bg_blau h4, .bg_blau a	{ color: var(--weiss); }

.bg_dunkelgrau 	{ background-color: var(--dunkelgrau); }






.icon_location { min-height: 50px; background-image: url('../../img/standort_icon.svg'); background-position: left 8px top; background-repeat: no-repeat; background-size: auto 40px; padding-left: 60px; }
.icon_telefon  { min-height: 50px; background-image: url('../../img/telefon_icon.svg'); background-position: left 8px top; background-repeat: no-repeat; background-size: auto 40px; padding-left: 60px; }
.icon_mail     { min-height: 50px; background-image: url('../../img/e_mail_icon.svg'); background-position: left 2px top; background-repeat: no-repeat; background-size: auto 30px; padding-left: 60px; -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; -o-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; }
.button2 { display: block; color: var(--dunkelgrau); text-transform: uppercase; font-weight: 400; font-size: 20px; transition: 0.15s ease-in-out; letter-spacing: 1.5px; background-image: url('../../img/pfeil_tuerkis.svg'); background-position: left center; background-repeat: no-repeat; background-size: auto 21px; padding-left: 30px; }
.button2:hover { font-size: 22px; }




#content_700 #kontaktformular { margin-top: 20px; }
#content_700 #kontaktformular .zweiteiler { padding-top: 20px; padding-bottom: 20px; }





#submenu_startseite h2 { color: var(--weiss); display: inline-block; margin: auto; }
#submenu_startseite ul { display: flex; margin: 0; padding: 0; overflow: hidden; }
#submenu_startseite ul li {  width: 50%; margin: 0; padding: 0; list-style: none; background-position: top center; height: calc(100vh - 95px); }
#submenu_startseite ul li:nth-child(2) div { display: flex; flex-direction: column-reverse; }
#submenu_startseite ul li div { display: flex; width: 100%; height: 100%; flex-wrap: wrap;  }
#submenu_startseite ul li div span.bild { width: 100%; position: relative; background-color: var(--blau); color: var(--weiss); height: 50%;   }
#submenu_startseite ul li div span.bild video { width: 100%; height: 100%; padding: 0; object-fit: cover; }
#submenu_startseite ul li div span.text { width: 100%; position: relative; background-color: var(--blau); color: var(--weiss); height: 50%; vertical-align: middle; text-align: center; font-family: "Arvo", Arial, Helvetica, sans-serif; color: var(--weiss); font-size: 46px; line-height: 56px; text-transform: uppercase;  display: flex; justify-content: center; align-items: center; text-align: left; padding: 20px 60px;  box-sizing: border-box;}
#submenu_startseite ul li div span.text > span { display: inline; }
#submenu_startseite ul li div span.text > span::after { content: ""; display: inline-block; width: 40px; height: 40px; margin-left: 10px; background: url('../../img/pfeil_weiss.svg') center/18px no-repeat; vertical-align: middle; }
#submenu_startseite ul li div span.bild:after { content: ''; background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0.5) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; }





#submenu_leistungen ul { display: flex; margin: 0; padding: 0; overflow: hidden; }
#submenu_leistungen ul li {  width: 33.3%; margin: 0; padding: 0; list-style: none; background-position: top center; height: 600px; }
#submenu_leistungen ul li:nth-child(2) a { display: flex; flex-direction: column-reverse; }
#submenu_leistungen ul li a { display: flex; width: 100%; height: 100%; flex-wrap: wrap;  }
#submenu_leistungen ul li a span.bild { width: 100%; position: relative; background-color: var(--blau); color: var(--weiss); height: 300px;   }
#submenu_leistungen ul li a span.bild img { display: block; width: 100%; height: 100%; position: relative; object-fit: cover; object-position: center; }
#submenu_leistungen ul li a span.text { width: 100%; position: relative; background-color: var(--blau); color: var(--weiss); height: 300px; vertical-align: middle; text-align: center; font-family: "Arvo", Arial, Helvetica, sans-serif; color: var(--weiss); font-size: 46px; line-height: 56px; text-transform: uppercase;  display: flex; justify-content: center; align-items: center;text-align: right; padding: 20px 80px; box-sizing: border-box; }
#submenu_leistungen ul li a span.text > span { display: inline; max-width: 360px; hyphens: auto; margin-left: -40px; }
#submenu_leistungen ul li a span.text > span::after { position: absolute; content: ""; display: inline-block; width: 40px; height: 40px; margin-left: 10px; background: url('../../img/pfeil_weiss.svg') center/18px no-repeat; vertical-align: middle; margin-top: 8px; }
#submenu_leistungen ul li a span.bild:after { content: ''; background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0.5) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; }








#content_1001 { margin-top: 40px; overflow: hidden; }
#content_1001 .zweiteiler:nth-of-type(2n + 1) { width: 33.3%; }
#content_1001 .zweiteiler:nth-of-type(2n) { width: 66.6%; padding-right: 0; padding-left: 0; }

#content_1001 .teiler1 .bus { position: absolute; background-color: var(--weiss); margin-top: 55%; margin-left: 0; width: 50%; padding: 10px; box-sizing: border-box; display: block; font-size: 18px; line-heigth: 24px; }
#content_1001 .teiler1 .bus strong { font-family: 'Arvo' !important; color: var(--blau); text-transform: uppercase; }
#content_1001 .teiler2 { display: flex; width: 50%; background-color: var(--blau); vertical-align: middle; color: var(--weiss); padding: 30px; box-sizing: border-box; font-size: 18px; align-items: center; }
#content_1001 .teiler2 h3 { color: #fff; }
#content_1001 .teiler2 .button { background: none; background-image: url('../../img/pfeil_weiss.svg'); background-repeat: no-repeat; background-position: right 5px center; }

#content_1001 h4 { border-bottom: 4px solid var(--blau); }

#content_1002 { margin-top: 40px; overflow: hidden; }

#content_1003 { margin-top: 80px; overflow: hidden; }

#content_1001 .content_inner2 > .teiler0 img { width: 100%; height: 100%; object-fit: cover;  display: block; }



.block1 { margin-top: 40px; overflow: hidden; }
.block1 .content_inner2 { align-items: center !important; }
.block1 .zweiteiler:nth-of-type(2n + 1) { width: 33.3%; }
.block1 .zweiteiler:nth-of-type(2n) { width: 66.6%; padding-right: 0; padding-left: 0; }
.block1 .teiler0 { display: flex; width: 100%; position: relative; }
.block1 .teiler1 { width: 50%; position: relative; vertical-align: middle; align-items: stretch; display: flex; }
.block1 .teiler1 img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center }
.block1 .teiler1 .bus { position: absolute; background-color: var(--weiss); margin-top: 50%; margin-left: 0; width: 50%; padding: 6px; box-sizing: border-box; display: block; }
.block1 .teiler1 .bus strong { color: var(--blau); }
.block1 .teiler2 { display: flex; width: 50%; background-color: var(--blau); vertical-align: middle; color: var(--weiss); padding: 25px; box-sizing: border-box; font-size: 18px; align-items: center; flex-wrap: wrap; }
.block1 .teiler2 h3 { color: #fff; }
.block1 .teiler2 .button { background: none; background-image: url('../../img/pfeil_weiss_runter.png'); background-repeat: no-repeat; background-position: right 5px center; padding-right: 35px; background-size: 20px; }
.block1 h4 { border-bottom: 4px solid var(--blau); }


.block2 { margin-top: 40px;  }
.block2 h4 { border-bottom: 4px solid var(--blau); }
.block2 .button { color: var(--schwarz); background: none; background-image: url('../../img/pfeil_blau_runter.png'); background-repeat: no-repeat; background-position: right 5px center; padding-right: 35px; background-size: 20px; }


.content_inner2 .click::before { content: '+'; display: inline-block; margin-right: 5px; color: var(--blau); }
.content_inner2 .click_aktiv::before { content: '-'; display: inline-block; margin-right: 5px; color: var(--blau); }
.content_inner2 .click { font-weight: 800; display: block; padding: 10px 0; margin: 5px 0; color: var(--schwarz); font-size: 28px; }


.sticky .test1 {
    position: sticky;
    top: 120px;
}

.sticky .content_inner2 {
    display: flex;
    width: 100%;
    align-items: stretch;
}




.intro { background-size: cover; background-position: center; }
.intro, .intro .content_inner, .intro .content_inner2 { height: calc(100vh - 95px); }
.intro .content_inner:after { content: ''; background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0.5) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; }
.intro .content_inner2 { position: absolute; right: 0; bottom: 0; width: 50%; height: 45%; background-color: var(--blau); z-index: 1; display: flex; justify-content: center; align-items: center; }
.intro .content_inner2 h1 { color: var(--weiss); }



#submenu_karriere ul { display: flex; margin: 0; padding: 0; overflow: hidden; flex-wrap: wrap; }
#submenu_karriere ul li {  width: 50%; margin: 0; padding: 0; list-style: none; background-position: top center; height: 800px; }
#submenu_karriere ul li:nth-child(2) a { display: flex; flex-direction: column-reverse; }
#submenu_karriere ul li a { display: flex; width: 100%; height: 100%; flex-wrap: wrap;  }
#submenu_karriere ul li a span.bild { width: 100%; position: relative; background-color: var(--blau); color: var(--weiss); height: 400px;   }
#submenu_karriere ul li a span.bild img { display: block; width: 100%; height: 100%; position: relative; object-fit: cover; object-position: center; }
#submenu_karriere ul li a .text { width: 100%; position: relative; background-color: var(--blau); color: var(--weiss); height: 400px; vertical-align: middle; text-align: center; font-family: "Arvo", Arial, Helvetica, sans-serif; color: var(--weiss); font-size: 46px; line-height: 56px; text-transform: uppercase;  display: flex; justify-content: left; align-items: center;text-align: left; padding: 20px 60px;  box-sizing: border-box; flex-wrap: wrap;     align-content: center;
}


#submenu_karriere ul li a .text p { font-size: 18px; font-family: 'Barlow'; text-transform: none; line-height: 26px; }
#submenu_karriere ul li a .text p.mehr { font-family: 'Arvo' !important; font-size: 20px; text-transform: none; line-height: 30px; text-align: right; text-transform: uppercase; width: 100% }
#submenu_karriere ul li a .text p.mehr::after { content: ""; display: inline-block; width: 20px; height: 20px; margin-left: 5px; background: url('../../img/pfeil_weiss.svg') center/9px no-repeat; vertical-align: middle; }
#submenu_karriere ul li a .text > span { display: inline; }
#submenu_karriere ul li a span.bild:after { content: ''; background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0.5) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; }



#content_1201 .teiler1 .nomargin { width: 100%; }
#content_1201 .teiler1 img { width: 300px !important; margin: auto; object-fit: contain; }
#content_1201 .teiler1:after { content: ''; background: radial-gradient(circle,rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0.5) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; }


#kontaktform .button { background-image: url('../../img/pfeil_blau_rechts.png'); padding-right: 35px; background-position: right 5px center; background-size: 14px auto; }
#kontaktform_inner .dreiteiler, #kontaktform .dreiteiler { margin-bottom: 30px; }


#content_1301 .content_inner2 .right { text-align: right; width: 100%; padding: 0; margin: 0; }


#content_1303 .content_inner2 { display: table !important; }
#content_1303 .content_inner2 .zweiteiler { display: table-cell !important; vertical-align: middle }

#content_30002 .content_inner2 { display: table !important; }
#content_30002 .content_inner2 .zweiteiler { display: table-cell !important; vertical-align: middle }


#content_30002 .button {   color: var(--weiss) !important; background-color: transparent !important; background-image: url('../../img/pfeil_weiss_runter.png'); padding-left: 0; background-repeat: no-repeat; background-position: right 5px center; padding-right: 35px; background-size: 20px; }