/* Themify Customize Styling */
body {	background: none;
	background-color: #023c3f;
	font-family: "Barlow";	font-weight:400;
 
}
a {	
	color: #04a9a5; 
}
a:hover {	
	color: #ed125f; 
}
:root {	
	--theme_accent: #04a9a5;
	--theme_accent_semi: #04a9a5;
	--theme_accent_hover: #023c3f; 
}
h1 {	
	font-family: "Barlow"; 
}
h2 {	
	font-family: "Barlow";	font-weight:600;
 
}
h3 {	
	font-family: "Barlow";	font-weight:600;
 
}
h4 {	
	font-family: "Barlow";	font-weight:600;
 
}
h5 {	
	font-family: "Barlow";	font-weight:600;
 
}
h6 {	
	font-family: "Barlow";	font-weight:600;
 
}
#headerwrap {	
	padding-top: 0px;
	padding-bottom: 0px; 
}
#header {	
	color: #000; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #fff; 
}
body #site-logo a img {		width: 200px; 
}
#main-nav a:hover {	
	color: #04a9a5; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #04a9a5; 
}
#main-nav .highlight-link > a {	background: none;
	background-color: #04a9a5;
	color: #ffffff;
	border: 1px solid #04a9a5; 
}
#footer a {	
	color: #04a9a5; 
}
@media(max-width: 1024px) { /* Themify Customize Styling */
body {	background: none;
	background-color: #023c3f;
	font-family: "Barlow";	font-weight:400;
 
}
a {	
	color: #04a9a5; 
}
:root {	
	--theme_accent: #04a9a5;
	--theme_accent_semi: #04a9a5;
	--theme_accent_hover: #023c3f; 
}
h1 {	
	font-family: "Barlow"; 
}
h2 {	
	font-family: "Barlow";	font-weight:600;
 
}
h3 {	
	font-family: "Barlow";	font-weight:600;
 
}
h4 {	
	font-family: "Barlow";	font-weight:600;
 
}
h5 {	
	font-family: "Barlow";	font-weight:600;
 
}
h6 {	
	font-family: "Barlow";	font-weight:600;
 
}
#header {	
	color: #000000; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #ffffff; 
}
#main-nav a:hover {	
	color: #04a9a5; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #04a9a5; 
}
#main-nav .highlight-link > a {	background: none;
	background-color: #04a9a5;
	color: #ffffff;
	border: 1px solid #04a9a5; 
}
#footer a {	
	color: #04a9a5; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
body #site-logo a img {		width: 200px; 
}
 }@media(max-width: 680px) { /* Themify Customize Styling */
body {	background: none;
	background-color: #023c3f;
	font-family: "Barlow";	font-weight:400;
 
}
a {	
	color: #04a9a5; 
}
:root {	
	--theme_accent: #04a9a5;
	--theme_accent_semi: #04a9a5;
	--theme_accent_hover: #023c3f; 
}
h1 {	
	font-family: "Barlow"; 
}
h2 {	
	font-family: "Barlow";	font-weight:600;
 
}
h3 {	
	font-family: "Barlow";	font-weight:600;
 
}
h4 {	
	font-family: "Barlow";	font-weight:600;
 
}
h5 {	
	font-family: "Barlow";	font-weight:600;
 
}
h6 {	
	font-family: "Barlow";	font-weight:600;
 
}
#header {	
	color: #000000; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #ffffff; 
}
#headerwrap.fixed-header #site-logo a img {		width: 120px; 
}
body #site-logo a img {		width: 140px; 
}
#main-nav a:hover {	
	color: #04a9a5; 
}
#main-nav .current_page_item > a, #main-nav .current-menu-item > a {	
	color: #04a9a5; 
}
#main-nav .highlight-link > a {	background: none;
	background-color: #04a9a5;
	color: #ffffff;
	border: 1px solid #04a9a5; 
}
#footer a {	
	color: #04a9a5; 
}
 }.mobile-menu-visible.header-slide-out .sidemenu-on, .mobile-menu-visible.header-overlay #headerwrap, .mobile_menu_active.header-leftpane #headerwrap, .mobile_menu_active.header-rightpane #headerwrap, .header-minbar .sidemenu-on, .mobile_menu_active #headerwrap .sidemenu-on { background: none;
	background-color: #023c3f; }.mobile_menu_active #menu-icon { 
	color: #023c3f; }
/* Themify Custom CSS */
.themify_builder .wow {
  visibility: inherit!important;
}
@media (max-width: 768px) {
.branchenslider_mobil  .post {
    position: relative;
}
.branchenslider_mobil .post::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.branchenslider_mobil .post-content {
    flex-grow: 1; 
}
.branchenslider_mobil .post-title a,
.branchenslider_mobil .post-image {
    position: relative;
    z-index: 2; 
}}
h1, h2, h3, h4, h5, h6, p, a {
  letter-spacing:0!important;
}
/*** Gallery Meta ***/
.mfp-bottom-bar {
  display: none;
}
/**************/
/*** BG DOTS ***/
/*************/
.dot_sektion_left:before {
  content: '';
  position: absolute;
  top: 48%;
  left: -570px;
  width: 70em;
  height: 70em;
  background: radial-gradient(circle, rgba(4,169,165,0.3) 0%, rgb(2, 60, 63) 60%);
	z-index:-2;
}
.dot_sektion_right::after {
  content: '';
  position: absolute;
  top: 62%;
  right: -364px;
  width: 40em;
  height: 40em;
  background: radial-gradient(circle, rgba(4,169,165,0.3) 0%, rgb(2, 60, 63) 50%);
	z-index:-2;
}
@media screen and (max-width: 450px) {
   .dot_sektion_left::before {
     top: 27%;
}
}
/*** MENU ***/
.transparent-header #headerwrap {
  background: rgba(255,255,255,0.5)!important;
}
.transparent-header #headerwrap.fixed-header {
  background: rgb(255,255,255)!important;
}

#main-nav .has-mega-sub-menu .mega-sub-menu ul li {
   pointer-events: auto;
}
.navbar-wrapper.tf_clearfix {
  display: none;
}
#mobile-menu {
  background: #023c3f;
}
.header-icons :is(a, a:hover) {
  color: #023c3f!Important;
}
.mobile-menu-visible .header-icons :is(a, a:hover) {
  color: #fff!Important;
}
@media screen and (max-width: 1200px) {
  .mobile-menu-visible #headerwrap #site-logo {
    position: initial!important;
  }
}
/*** HEADLINES ***/
.headline_big h1 {
	font-size:50px;
	font-weight:600;
}
.subhead p {
   color: #04a9a5;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom:0;
}
.headline_mid h2, .headline_mid h3, .headline_mid h4, .headline_mid h5, .headline_mid h6 {
   color: #fff;
	margin-bottom:0;
	font-size:50px;
}
.headline_blurbs h2, .headline_blurbs h3, .headline_blurbs h4, .headline_blurbs h5, .headline_blurbs h6 {
     color: #fff;
	margin-bottom:0;
	font-size:26px;
} 
.lauftext p, .lauftext span, .lauftext a {
	color:#fff;
	font-size:18px;
}
@media screen and (max-width: 450px) {
   .headline_big h1 {
   	font-size:34px;
   	font-weight:600;
   }
	.headline_mid h2, .headline_mid h3, .headline_mid h4, .headline_mid h5, .headline_mid h6 {
	font-size:32px;
}
}
/*** Marker ***/
em.h_decoration {
  visibility: visible;
  -webkit-box-direction: normal;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  margin: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  position: relative;
  display: inline-block;
  text-transform: inherit;
  letter-spacing: inherit;
  padding: 0 3px 0 0;
  color: inherit;
	z-index: 1;
}
em.h_decoration::before {
  background: linear-gradient(45deg,#04a9a5,#04E0DD);
  transform: scaleX(1);
  height: 17%;
  top: auto;
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: -1;
  transform-origin: left bottom;
	transition:all 0.3s ease;
	bottom:5px;
}
p:hover em.h_decoration::before, h1:hover em.h_decoration::before, h2:hover em.h_decoration::before, h3:hover em.h_decoration::before, h4:hover em.h_decoration::before, h5:hover em.h_decoration::before , h6:hover em.h_decoration::before{
  height: 78%!important;
}
/**************/
/*** MENU ***/
/**************/

/*** MENU BUTTON ***/
.highlight-link a {
   padding:4px 15px 5px 15px!important;
}
.highlight-link:hover a {
   background:#fff!important;
}

/**************/
/*** BUTTON ***/
/**************/
.gradient_button .builder_button:before {
	content: "";
  position: absolute;
  inset: 0;
  border-radius: 100px; 
  padding: 2px; 
  background:linear-gradient(45deg,#04a9a5,#04E0DD); 
  -webkit-mask: 
     linear-gradient(#fff 0 0) content-box, 
     linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude; 
}
/**************/
/*** HERO SEKTION ***/
/**************/
.gradient_button.pink .builder_button::before {
  background: linear-gradient(45deg,#ED125F,#FF1467);
}
.inline_btn .module_column {
 display: flex;
  gap: 15px;  
}
@media screen and (max-width: 450px) {
.inline_btn .module_column {
 display: block;
}
}
/**************/
/*** SLIDER ***/
/**************/
.themify_builder_slider_wrap {
   display: grid;
}
.story_slider .themify_builder_slider {
   order:2;
}
.story_slider .tf_carousel_nav_wrap {
   order:1;
	margin-top: 0;
  margin-bottom: 20px;
}
.story_slider .slide-content.tb_text_wrap {
  left: unset !important;
}
.story_slider .slide-content.tb_text_wrap {
  width: 100%!Important;
}
.story_slider .slide-content {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.8) 100%) !important;
	max-width: 90%!important;
	bottom: 0!important;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.story_slider .tf_swiper-slide {
  margin-left: 10px;
  margin-right: 10px;
}
/*** INTERVIEW SLIDER ***/
.interview_slider .tf_carousel_nav_wrap {
  justify-content: left!important;
}
/*** Slider Arrows ***/
.tf_box.tf_overflow.carousel-next, .tf_box.tf_overflow.carousel-prev {
  padding: 8px 7px 10px 7px;
  border: 1px solid #fff;
}
/*** SLIDER HOVER EFFEKT ***/
.story_slider .slide-inner-wrap .slide-content p {
	height: 0px!Important;
	display:none;
}
.story_slider .slide-inner-wrap:hover .slide-content p {
   height:100%!important;
	display:block;
	transition: height 4s;
}
/*** Overlay ***/
.story_slider .slider_sektion:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0px;
  width: 31%;
  height: 100%;
  background: linear-gradient(90deg, rgb(2, 60, 63) 0%, rgba(255,0,0,0) 80%);
  z-index: 99;
}
.story_slider .slider_sektion:after {
  content: '';
  position: absolute;
  top: 0;
  right: -90px;
  width: 31%;
  height: 100%;
  background: linear-gradient(90deg, rgba(255,0,0,0) 0%, rgb(2, 60, 63) 80%);
  z-index: 99;
}
@media screen and (max-width: 450px) {
   .story_slider .slider_sektion:before {
     display:none;
}
   .story_slider .slider_sektion:after {
     display:none;
}
}
/*****************/
/*** BRANCHEN SLIDER ***/
/*****************/
.loesungen_slider .slide-image a:before {
  content: ''!important;
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  width: 100%!important;
  height: 100%!important;
  background: rgba(0, 0, 0, 0.3)!Important;
	border-radius:10px;
}
.loesungen_slider .tf_swiper-slide {
  margin-left: 10px!Important;
  margin-right: 10px!Important;
}
.themify_builder_content-560 .tb_3fuj388 a, .themify_builder_content-560 .tb_p0fg745 a {
    text-decoration: none;
}
.slide-content.tb_text_wrap {
  bottom: 0!Important;
}
.loesungen_slider .slide-image a {
   z-index:99999;
}
/**********************/
/*** BRANCHEN SLIDER MOBIL ***/
/*********************/
html .branchenslider_mobil .post-content {
  height: 100% !important;
  background-color: rgba(0,0,0,.2) !important;
}
html .branchenslider_mobil .post-content-inner {
  bottom: 0;
  position: absolute;
}

/**************/
/*** Testimonial Sektion ***/
/**************/
.testimonial_blurb .testimonial-content {
  margin-left: 0!Important;
  margin-right: 0 !important;
}
/**************/
/*** Youtube Video ***/
/**************/
.video-wrap.tf_rel.tf_overflow {
  border-radius: 10px;
}
/**************/
/*** Herzblut Sektion Start ***/
/**************/
.herzblut_logo {
  position: absolute!important;
  right: 0!important;
  z-index: 2!important;
}
/**************/
/*** Herzblut Sektion Stellenangebote ***/
/**************/
.stelle_herzblut_logo {
   position:absolute!Important;
	bottom:200px;
}
@media screen and (max-width: 450px) {
.stelle_herzblut_logo {
  bottom: 10px;
}
}
/*************/
/*** LOGO SLIDER ***/
/*************/
.logo_slider .tf_swiper-slide {
  width: auto !important;
  margin-right: 9%;
  height: 80px !important;
}
/************/
/*** Ansprechpartner Sektion ***/
/***********/
.portfolio_btn_mitarbeiter_anrufen a, .portfolio_btn_mitarbeiter_mail a {
	color:#fff!Important;
}
.portfolio_btn_mitarbeiter_anrufen, .portfolio_btn_mitarbeiter_mail {
	border: solid 2px #04a9a5;
	padding:9px 20px 10px 20px;
	background:transparent;
}
.portfolio_btn_mitarbeiter_anrufen:hover, .portfolio_btn_mitarbeiter_mail:hover {
	background:#04a9a5;
}
.polaroid .post:hover .post-image + .post-content, .polaroid .product:hover .post-image + .product-content {
  padding-top: 32px;
  transition: 0.2s ease-in-out;
}
.portfolio_btn_mitarbeiter_anrufen {
	margin-top:3px;
	margin-bottom:10px;
}
.portfolio_btn_mitarbeiter_mail {
	text-transform:none!Important;
}
.loops-wrapper.polaroid .post-image + .post-content, .loops-wrapper.polaroid .post-image + .product-content {
  background-color: rgba(2,60,63,.4)!important;
}
/***************/
/*** FOOTER ***/
/***************/
#footerwrap {
  display: none;
}
/*** Social Icons ***/
.social_icons img {
	border-radius:100px;
}
.social_icons img:hover {
	background:#023c3f;
}
/**********/
/*** BRANCHEN SEITE ***/
/**********/
.ptb-post-nav.tf_clearfix {
  display: none!Important;
}
/***********/
/*** Kontaktformular ***/
/***********/
.gform-body input {
    font-weight: normal!important;
    color: #ffffff!important;
    border-width: 1px!important;
    border-color: #04a9a5!important;
    border-style: solid!important;
    border-radius: 100px!important;
}
.gform-body textarea {
    font-weight: normal;
    color: #ffffff;
    border-width: 1px;
    border-color: #04a9a5;
    border-style: solid;
    border-radius: 10px;
}
.gform-body legend {
	color: #ffffff!important;
}
.gform-body label {
    color: #ffffff!important;
}
.gform-body .gfield_description {
   color:#fff!important;
}
.gform-body input, .gform-body textarea {
   background: rgba(255,255,255,0.05)!important;
	box-shadow: 0 0 100px 1px rgba(0, 0, 0, .2);
}
.gform-field-label.gform-field-label--type-inline.gfield_consent_label {
  color: #fff!Important;
}
.gform-body input:focus, .gform-body textarea:focus {
  box-shadow: none!Important;
	color:#fff!important;
}
.gform-body .gform_fields {
  row-gap: 20px;
}
.gform-body .gform_fields input:placeholder, .gform-body .gform_fields textarea:placeholder {
  color:#fff;
}
/*** STORYS ***/
.story_img img {
	border-radius:10px;
	box-shadow: 0 0 100px 1px rgba(0, 0, 0, .2);
}
.story_headline h1 a {
	color:#fff!Important;
	font-size:50px!Important;
	font-weight:600;
}
.story_text p {
	color:#fff;
	line-height:1.3em;
}
/*** BRANDSCHUTZ SEITE ***/
.nolink {
   pointer-events: none;
}
.post-title a {
  text-decoration: none!important;
}
/*** GLOBALS ***/
:is(button, a, input, select, textarea, .button):focus {
  outline: none!Important;
}
/***************/
/*** TABS ***/
/**************/
.ui.vertical {
  grid-template-columns: 280px 1fr!important;
}
/*********************/
/*** JOBPORTAL ***/
/********************/
.job_portal_hero {
  width: 140%;
}
.job_portal_hero_2 {
  width: 140%;
	margin-left:-40%;
}
.bullet_list {
  display:flex!Important;
}
.stellenangebot:hover {
  border-color: #04a9a5!Important;
  transition: ease 0.2s;
}
.post-filter.tf_textc {
  margin-left: 0;
}
@media screen and (max-width: 450px) {
.ter_jobportal_quote {
  left: 70px !important;
}
}
/*** STELLENANGEBOT ***/
.module-icon-item + .module-icon-item {
  margin-left: 0!Important;
}
/*** Leistungsseiten ***/
#content {
  padding-top: 0;
}
/*** Mitarbeiter Seite ***/
.wrapper_mitarbeiter {
	margin-top:100px;
}
.img_mitarbeiter, .img_mitarbeiter figure {
   margin-bottom:0px;
}
.img_mitarbeiter figure img{
   border-radius: 10px;
}
.name_mitarbeiter h1, .position_mitarbeiter {
   color:#fff;
}
.name_mitarbeiter h1 {
   margin-bottom: 0;
	margin-top:-25px
}
.position_mitarbeiter {
  font-size: 24px;
  font-weight: 600;
}
.wrapper_mitarbeiter .ptb_col.ptb_col4-2.ptb_col_last {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wrapper_vision {
  margin-top: 30px;
  color: #fff;
  font-size: 28px;
  font-style: italic;
	width:70%;
	line-height:1.2em;
}
@media screen and (max-width: 600px) {
.wrapper_vision {
	width:100%;
}
	.name_mitarbeiter h1 {
		margin-top:20px;
}
}