@charset "UTF-8";
/*
// das ist noch in arbeit, im momment auskommentiert
body #main-content h1.entry-title.main_title { 
	color: $chari-farbe!important;
}
*/
/* Desktop */
/* Footer */
/* Hamburger  */
/* Blog btn */
.fott {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}
body.no-divi #wp-admin-bar-et-use-visual-builder {
  display: none;
}
body.logged-in.zeige-fott .fott {
  position: relative;
  clip: initial;
  -webkit-clip-path: initial;
  clip-path: initial;
  overflow: hidden;
  height: auto;
  width: auto;
  padding: 5px 10px;
  background: #999;
  opacity: 0.5;
  border: 2px #f00 dashed;
}
body.logged-in.zeige-fott .fott:before {
  content: "Ist fott !!!";
  display: block;
  font-size: 16px;
  text-transform: none;
  line-height: normal;
  letter-spacing: normal;
  font-weight: bold;
  /*
		animation-name: animation_blink;
	    animation-timing-function: ease-in;
	    animation-duration: 2s; 
	    animation-iteration-count: 7; //infinite;    
	    */
}
@keyframes animation_blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 1;
  }
}
*:focus-visible {
  box-shadow: white 0px 0px 0px 4px, black 0px 0px 0px 6px !important;
}
.hidden {
  display: none !important;
}
.ytVideoBgWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.nobr {
  white-space: nowrap;
}
.vcenter {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.hcenter {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
/* Teilen button */
.teilen-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  z-index: 9;
  display: block;
  background: #FFFDF2;
  font-size: 20px;
  line-height: 20px;
  border-radius: 7px 0 0 0;
  padding: 10px 10px 5px 10px;
  font-weight: 300;
}
@media (max-width: 567px) {
  .teilen-btn {
    padding: 10px 7px 5px 7px;
  }
}
.teilen-btn:hover {
  color: #000;
}
.teilenWrapp {
  font-weight: 300;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: center;
  z-index: 9;
  display: block;
  background: #FFFDF2;
  font-size: 20px;
  line-height: 20px;
  border-radius: 7px 0 0 0;
  padding: 10px 10px 5px 10px;
}
@media (max-width: 567px) {
  .teilenWrapp {
    padding: 10px 7px 5px 7px;
  }
}
.teilenWrapp a:hover {
  color: #8795AE;
}
.teilenWrapp .teilen-icon {
  transform: scale(1.4);
  display: inline-block;
  margin-left: 10px;
}
/*
 
// Teilen Btn
.teilenWrapp,
.teilen-btn {
	height: 40px;
    padding: 0 25px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    margin-bottom: 0px;
    position: absolute;
    bottom:-40px;
   // background: $teilen-btn-hintergrund;
  //  color: $teilen-btn-textfarbe;
    z-index: 11;
    right: 0px;
    
    .icon-mail,
    .fa-envelope-o {
		font-size: 22px;
		vertical-align: middle;
		position: relative;
		top: 0px;
		margin-left: 5px;
	    display: inline-block;  
    }
    .icon-whatsapp,
    .fa-whatsapp {
		font-size: 21px;
		vertical-align: middle;
		position: relative;
		top: 0px;
		margin-left: 10px;
	    display: inline-block;
    }  
    .icon-share-alt {
		font-size: 19px;
		vertical-align: middle;
		position: relative;
		top: 1px;
		display: inline-block;
    }  
    .fa {
	  // color: $teilen-btn-textfarbe;
    }
}  
.teilen-btn {
	
	.icon-whatsapp,
    .fa-whatsapp {
	  margin-left: 0px;
    }
	&:hover {
		cursor: pointer;
	    background: $teilen-btn-hintergrund-hover;
		color: $teilen-btn-textfarbe-hover;
	}
}
.teilenWrapp{
	a {
		color: $teilen-btn-textfarbe;
		&:hover {
			color: $teilen-btn-textfarbe-hover;
		}
	}
}

// wenn teilen-btn am Aussenrand sein soll
#main-header .container {
	position: initial;
}
*/
/****************/
/*   chatmail   */
/****************/
.chatMail {
  width: 360px;
  position: fixed;
  bottom: 0;
  right: -360px;
  z-index: 99;
  background: #fff;
  -webkit-transition: all 750ms ease 0s;
  -moz-transition: all 750ms ease 0s;
  -o-transition: all 750ms ease 0s;
  transition: all 750ms ease 0s;
  font-size: 18px;
}
.chatMail.auf {
  right: 0;
  box-shadow: 0 0 55px rgba(0, 0, 0, 0.15);
}
.chatMail .cm-x {
  position: absolute;
  top: -45px;
  right: 0px;
  width: 45px;
  background-color: #fff;
  height: 45px;
  opacity: 1;
  z-index: 10;
}
.chatMail .cm-x:hover {
  cursor: pointer;
  opacity: 1;
}
.chatMail .cm-x:before {
  font-family: ETmodules !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 0 0;
  direction: ltr;
  color: #000;
  content: "M";
  font-size: 45px;
  position: relative;
  left: 0;
  top: 0;
  cursor: pointer;
  transform: rotate(0deg);
  transform: rotate(90deg);
  transition: all 0.4s ease;
  display: block;
}
.chatMail .cm-header {
  background: #e40521;
  color: #fff;
}
.chatMail .cm-header p {
  text-align: center;
}
.chatMail .cm-header p span {
  display: inline-block;
  padding-bottom: 10px;
  padding-top: 10px;
}
.chatMail .cm-header .anfrage-bild {
  width: 100%;
  display: block;
}
.chatMail .cm-header.nameNebenBild {
  padding: 20px 20px;
  border: 1px solid #ccc;
}
.chatMail .cm-header.nameNebenBild p {
  line-height: 0;
  position: relative;
  text-align: left;
}
.chatMail .cm-header.nameNebenBild p .anfrage-bild {
  width: 60px;
  border-radius: 50%;
}
.chatMail .cm-header.nameNebenBild p span {
  position: absolute;
  top: 50%;
  left: 72px;
  transform: translateY(-50%);
}
.chatMail .cm-content {
  padding: 25px;
}
.chatMail .cm-content p {
  margin-bottom: 0;
  position: relative;
  margin-bottom: 25px;
}
.chatMail .cm-content p:last-child {
  margin-bottom: 0px;
}
.chatMail .cm-content a.btn {
  text-align: center;
  width: 100%;
  display: block;
  background-color: #e40521;
  color: #fff;
  border-radius: 0;
  padding: 10px 0;
}
.chatMail .cm-content a.btn:hover {
  color: #fff;
  background-color: #777;
}
/***************/
/* scrolldown  */
/***************/
#scrollpfeilwrap {
  position: fixed;
  z-index: 9;
  bottom: 15px;
  text-align: center;
  height: 60px;
  width: 100%;
  background: transparent;
}
@media only screen and (max-width: 980px) {
  #scrollpfeilwrap {
    display: none !important;
  }
}
#pfeilNachUntenWrap {
  z-index: 1;
  border-bottom: 20px;
  left: 50%;
  top: 0;
  bottom: 15px;
  width: 60px;
  margin-left: -30px;
  text-align: center;
  position: absolute;
}
#pfeilNachUnten {
  position: absolute;
  left: 0;
  top: 0;
}
/* bullets-liste */
.category-stellenangebote ul, ul.custom-bullets {
  padding-left: 0 !important;
  padding-bottom: 1.5em !important;
}
.category-stellenangebote ul li, ul.custom-bullets li {
  padding-left: 0;
  list-style: none;
  line-height: 1.2em;
  margin-bottom: 1em;
  font-size: inherit;
  padding-left: 1.8em;
  position: relative;
}
.category-stellenangebote ul li:before, ul.custom-bullets li:before {
  height: 1.2em;
  width: 1.2em;
  background: url(../images/checkmark-color.svg);
  background-repeat: no-repeat;
  border-radius: 100%;
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
}
.category-stellenangebote ul li:last-child, ul.custom-bullets li:last-child {
  margin-bottom: 0em;
}
.category-stellenangebote ul li:before {
  background: url(../images/bulletpoint-13.svg);
}
ul.custom-bullets.white li::before {
  background: url(../images/checkmark-white.svg);
}
ul.custom-bullets.white.x-icon li::before {
  background: url(../images/kreuz-white.png);
  background-size: cover;
}
/* nur ueber 980 */
@media only screen and (min-width: 980px) {
  /* das letzte element in der col nachunten */
  .btn-bottom .et_pb_column {
    display: flex;
    flex-flow: column nowrap;
  }
  .btn-bottom .et_pb_column .et_pb_button_module_wrapper {
    margin-top: auto !important;
    padding-top: 50px !important;
  }
}
/*
	Variante 2 wie oben .btn-bottom
	.last_element_bottom
	die classe in der row einfügen und spalten ausgleichen klicken
*/
.last_element_bottom .et_pb_column {
  display: flex;
  flex-direction: column;
}
.last_element_bottom .et_pb_column div:last-child {
  margin-top: auto;
}
/***
 * Animationen 
 ***/
.puls {
  animation: pulsieren 2s ease-in-out 3s infinite alternate;
  -webkit-animation: pulsieren 2s ease-in-out 3s infinite alternate;
  -moz-animation: pulsieren 2s ease-in-out 3s infinite alternate;
}
.puls-direkt {
  animation: pulsieren 2s ease-in-out 500ms infinite alternate;
  -webkit-animation: pulsieren 2s ease-in-out 500ms infinite alternate;
  -moz-animation: pulsieren 2s ease-in-out 500ms infinite alternate;
}
@-webkit-keyframes pulsieren {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@-moz-keyframes pulsierenButton {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
@keyframes pulsierenButton {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.updown {
  -moz-animation: hochrunter 1s infinite alternate;
  -webkit-animation: hochrunter 1s infinite alternate;
  animation: hochrunter 1s infinite alternate;
}
@-webkit-keyframes hochrunter {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}
@-moz-keyframes hochrunter {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}
@keyframes hochrunter {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}
/* nur unter 980 */
@media (max-width: 980px) {
  /* divi spalten reihenfolge selber aendern */
  /* variante 1 - Manuel sortieren */
  /*** diese Klasse der ROW geben  ***/
  /*** und mit diesen Klassen anordnen ***/
  /*** add margin to last column ***/
  /* variante 2 - automatisch sortieren bei zweispalten */
  .no-tb {
    display: none;
  }
  .custom_row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari 6.1+ */
    flex-wrap: wrap;
  }
  .first-on-mobile {
    -webkit-order: 1;
    order: 1;
  }
  .second-on-mobile {
    -webkit-order: 2;
    order: 2;
  }
  .third-on-mobile {
    -webkit-order: 3;
    order: 3;
  }
  .fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
  }
  .custom_row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
  }
  .spalten-tausch, .mobile-turnaround-2cols {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari 6.1+ */
    flex-wrap: wrap;
  }
  .spalten-tausch > div:last-child, .mobile-turnaround-2cols > div:last-child {
    -webkit-order: 1;
    order: 1;
  }
  .spalten-tausch > div:first-child, .mobile-turnaround-2cols > div:first-child {
    -webkit-order: 2;
    order: 2;
  }
}
@media (max-width: 767px) {
  /* variante 2 - automatisch sortieren bei zweispalten */
  .no-sm {
    display: none;
  }
  .sm-spalten-tausch, .sm-turnaround-2cols {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    /* Safari 6.1+ */
    flex-wrap: wrap;
  }
  .sm-spalten-tausch > div:last-child, .sm-turnaround-2cols > div:last-child {
    -webkit-order: 1;
    order: 1;
  }
  .sm-spalten-tausch > div:first-child, .sm-turnaround-2cols > div:first-child {
    -webkit-order: 2;
    order: 2;
  }
}
/* DIVI Menu schublade 100% width */
@media (max-width: 980px) {
  #main-header .container {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
  }
}
/* Datenschutz ect... */
#main-content .container {
  width: 90%;
  max-width: 1100px;
  margin: auto;
  padding: 0 !important;
}
/* zeilen breite */
.et_pb_row {
  width: 90%;
}
body.home .parallax_wrap .et_pb_row {
  width: 100%;
}
.parallax_wrap {
  overflow: hidden;
}
.parallax_wrap .et_pb_image_wrap, .parallax_wrap img {
  width: 100%;
  max-width: none;
}
/* Hauptmenü mobilen Breakpoint ändern */
@media (max-width: 1200px) {
  #et_mobile_nav_menu {
    display: block !important;
  }
  #top-menu {
    display: none;
  }
  .et_mobile_menu li a, .nav li li a {
    font-size: 16px;
  }
}
.et_header_style_left .logo_container {
  width: 90%;
}
.et_mobile_menu li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
/* hamburger menu vergrössern */
.mobile_menu_bar.et_pb_header_toggle {
  width: 60px;
}
.mobile_menu_bar:before, .et_toggle_slide_menu:after {
  font-size: 60px;
}
.et_toggle_slide_menu:after {
  left: -60px;
}
/* Divi Formular with Label  */
.et_pb_contact_form_label {
  display: block;
  font-size: 18px;
  font-weight: bold;
}
.et_pb_contact_form_label.required:after {
  content: "*";
}
/* Hides placeholder text */
.et_pb_contact_form_container .input::placeholder {
  color: transparent !important;
}
/* Hides duplicate titles on checkboxes and radios */
.et_pb_contact_field_options_title {
  display: none;
}
.et_pb_contact_field[data-type=select]:after {
  top: 64%;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  border-top-color: #000;
}
.et_pb_contact_field a {
  font-weight: 300;
}
@media (min-width: 935px) {
  .et_pb_contact_field a {
    display: block;
    margin-left: 24px;
  }
}
.et_pb_contact_field a:hover {
  color: #000;
}
.et-pb-contact-message {
  font-size: 18px;
  color: #000;
}
.success_message {
  background-color: #8795AE;
  padding: 25px 95px !important;
  font-size: 28px !important;
  color: #fff !important;
  font-weight: bold;
  border-radius: 7px;
  line-height: 1.4em;
  text-align: center;
}
.et_pb_contact_form_label:has(+ .et_contact_error) {
  color: #000 !important;
}
.et_pb_contact p .et_contact_error {
  border: 5px solid #000 !important;
}
.label-white .et_pb_contact_field_checkbox, .label-white .et_pb_contact_field_5 .input + label {
  color: #fff !important;
}
.et_pb_contact .et_pb_contact_form p.et_contact_error input[type=checkbox] + label {
  color: #000 !important;
  font-weight: bold;
}
.pfichtfeld {
  font-size: 16px;
  text-align: right;
  display: block;
}
/*
#main-content .container:before {background: none;}
 
//** Hide Sidebar 
#sidebar {display:none;}
 
//** Expand the content area to fullwidth
#left-area {
    width: 100%;
    padding: 23px 0px 50px 0px !important;
    float: none !important;
}

*/
/***
 * sonstige allgemaine 
 ***/
/* responsive h2 im banner  */
/*
@media (min-width: 981px) and (max-width: 1680px) { 
	.et_pb_module.et_pb_text_1 .et_pb_text_inner h2 {
		font-size: 3vw;
	}
}
*/
/* form btn center */
.et_contact_bottom_container {
  float: none;
}
.et_contact_bottom_container .et_pb_contact_submit.et_pb_button {
  margin: 0 auto;
}
/***
 * blog 
 ***/
/*
.et_pb_row .more-link {
	background: $moreLinkBg;
    color: $moreLinkColor;
    padding: 7px 25px;
    margin-top: 20px;
    display: block;
    text-align: center;
    font-weight: 500;
    border-radius: 50px;
    
    @include transition(all, 500ms, ease, 0s);
} 
.et_pb_row .more-link:hover {
	background: $moreLinkBgHover;
	color: $moreLinkColorHover;
} 
*/
/* 
	eigenes Blog grid und Produkte
	
	im Divi Modul Layout auf 'Volle Breite' setzten
	und diese Klassen vergeben:
	
	custom-grid (damit die nebeneinander gehen)
	blog-eval-height (damit der Artikel gleiche höhe hat)			
	title-on-img (titel über das Bild) 
	spalte-3, spalte-4, spalte-5 (Beitraege nebeneinander)
	mit-abstand (damit die nicht zusammen kleben)
*/
@media (max-width: 767px) {
  .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li {
    width: auto;
  }
}
.et_pb_module.custom-grid .et_pb_ajax_pagination_container, .et_pb_module.custom-grid .et_pb_portfolio_items {
  display: flex;
  flex-wrap: wrap;
}
.et_pb_module.custom-grid .et_pb_portfolio_item, .et_pb_module.custom-grid .et_pb_post {
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}
@media (min-width: 550px) {
  .et_pb_module.custom-grid.spalte-3 .et_pb_portfolio_item, .et_pb_module.custom-grid.spalte-3 .et_pb_post {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .et_pb_module.custom-grid.spalte-3 .et_pb_portfolio_item, .et_pb_module.custom-grid.spalte-3 .et_pb_post {
    width: 33.33%;
  }
}
@media (min-width: 650px) {
  .et_pb_module.custom-grid.spalte-4 .et_pb_portfolio_item, .et_pb_module.custom-grid.spalte-4 .et_pb_post {
    width: 50%;
  }
}
@media (min-width: 1000px) {
  .et_pb_module.custom-grid.spalte-4 .et_pb_portfolio_item, .et_pb_module.custom-grid.spalte-4 .et_pb_post {
    width: 25%;
  }
}
@media (min-width: 650px) {
  .et_pb_module.custom-grid.spalte-5 .et_pb_portfolio_item {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .et_pb_module.custom-grid.spalte-5 .et_pb_portfolio_item {
    width: 33.33%;
  }
}
@media (min-width: 1000px) {
  .et_pb_module.custom-grid.spalte-5 .et_pb_portfolio_item {
    width: 20%;
  }
}
.et_pb_module.custom-grid.title-on-img .et_pb_module_header {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 100%;
  margin: 0;
  padding: 10px 5px;
  transform: translateY(100%);
  -webkit-transition: transform 500ms ease 0s;
  -moz-transition: transform 500ms ease 0s;
  -o-transition: transform 500ms ease 0s;
  transition: transform 500ms ease 0s;
}
.et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_portfolio_item {
  margin-bottom: 10%;
}
.et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_portfolio_item:last-child {
  margin-bottom: 0;
}
.et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_portfolio_item, .et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_post {
  margin-bottom: 5.5%;
}
@media (min-width: 550px) {
  .et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_portfolio_item, .et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_post {
    width: 47.25%;
    margin-right: 5.5%;
  }
  .et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_portfolio_item:nth-child(2n), .et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_post:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_portfolio_item, .et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_post {
    width: 29.667%;
    margin-right: 5.5%;
  }
  .et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_portfolio_item:nth-child(2n), .et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_post:nth-child(2n) {
    margin-right: 5.5%;
  }
  .et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_portfolio_item:nth-child(3n), .et_pb_module.custom-grid.mit-abstand.spalte-3 .et_pb_post:nth-child(3n) {
    margin-right: 0;
  }
}
.et_pb_module.custom-grid.mit-abstand.spalte-4 .et_pb_portfolio_item, .et_pb_module.custom-grid.mit-abstand.spalte-4 .et_pb_post {
  margin-bottom: 5.5%;
}
@media (min-width: 650px) {
  .et_pb_module.custom-grid.mit-abstand.spalte-4 .et_pb_portfolio_item, .et_pb_module.custom-grid.mit-abstand.spalte-4 .et_pb_post {
    width: 47.25%;
    margin-right: 5.5%;
  }
  .et_pb_module.custom-grid.mit-abstand.spalte-4 .et_pb_portfolio_item:nth-child(2n), .et_pb_module.custom-grid.mit-abstand.spalte-4 .et_pb_post:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 1000px) {
  .et_pb_module.custom-grid.mit-abstand.spalte-4 .et_pb_portfolio_item, .et_pb_module.custom-grid.mit-abstand.spalte-4 .et_pb_post {
    width: 22.37%;
    margin-right: 3.5%;
  }
  .et_pb_module.custom-grid.mit-abstand.spalte-4 .et_pb_portfolio_item:nth-child(2n), .et_pb_module.custom-grid.mit-abstand.spalte-4 .et_pb_post:nth-child(2n) {
    margin-right: 3.5%;
  }
  .et_pb_module.custom-grid.mit-abstand.spalte-4 .et_pb_portfolio_item:nth-child(4n), .et_pb_module.custom-grid.mit-abstand.spalte-4 .et_pb_post:nth-child(4n) {
    margin-right: 0;
  }
}
.et_pb_blog_grid .et_pb_post {
  background-color: #D9F5E8;
  border-radius: 12px;
  overflow: hidden;
}
.single-post .et_pb_post .entry-content {
  padding-top: 0;
}
.single-post .et_pb_post img {
  border-radius: 20px;
  overflow: hidden;
}
.et-fb .et_pb_module.custom-grid.et_pb_posts > div, .et-fb .et_pb_module.custom-grid .et_pb_portfolio_grid_items {
  display: flex;
  flex-wrap: wrap;
}
.et_pb_module.custom-grid.title-on-img .et_pb_portfolio_item:hover .et_pb_module_header {
  transform: translateY(0%);
}
.blog-eval-height .et_pb_post {
  background-color: #ddd;
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.blog-eval-height .et_pb_post .entry-featured-image-url {
  margin-bottom: 15px;
}
.blog-eval-height .et_pb_post .entry-title, .blog-eval-height .et_pb_post .post-meta, .blog-eval-height .et_pb_post .post-content, .blog-eval-height .et_pb_post .more-link-wrapp {
  padding-left: 15px;
  padding-right: 15px;
}
.blog-eval-height .et_pb_post .more-link-wrapp {
  margin-bottom: 0;
  margin-top: auto;
}
.blog-eval-height .et_pb_post .post-meta span {
  font-size: 80%;
  font-weight: 700;
}
@media (max-width: 980px) {
  .et_pb_blurb_content {
    max-width: 100%;
  }
}
#main-nav {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 0;
  width: 100%;
  background: #364F81;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  overflow: hidden;
  transition: 0.3s all ease-out;
  -o-transition: 0.3s all ease-out;
  -ms-transition: 0.3s all ease-out;
  -moz-transition: 0.3s all ease-out;
  -webkit-transition: 0.3s all ease-out;
}
#main-nav .custom-menu-class {
  padding-top: 100px;
  padding-bottom: 100px;
  margin: auto;
}
#main-nav ul li {
  display: block;
  padding: 0 10px 5px 10px;
  font-size: 34px;
  color: #FFF;
  font-family: "Futura", Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0px;
  outline: none;
  text-align: center;
}
@media (max-width: 767px) {
  #main-nav ul li {
    font-size: 20px;
  }
}
#main-nav ul li a, #main-nav ul li span {
  position: relative;
  display: inline-block;
  color: #FFF;
  text-decoration: none;
  opacity: 0;
  -webkit-transform: translate3d(0, -25px, 0);
  transform: translate3d(0, -25px, 0);
  transition: opacity 0.5s ease 0.49s, transform 0.5s ease 0.49s, letter-spacing 0.5s ease 0s;
  line-height: 0.95em;
}
ul li#main-nav:nth-child(1), ul li#main-nav:nth-child(2), ul li#main-nav:nth-child(3), ul li#main-nav:nth-child(4), ul li#main-nav:nth-child(5), ul li#main-nav:nth-child(6), ul li#main-nav:nth-child(7), ul li#main-nav:nth-child(8), ul li#main-nav:nth-child(9), ul li#main-nav:nth-child(10), ul li#main-nav:nth-child(11), ul li#main-nav:nth-child(12), ul li#main-nav:nth-child(13), ul li#main-nav:nth-child(14) {
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
#main-nav ul li:nth-child(14) a, #main-nav.auf ul li:nth-child(14) a {
  transition: opacity 0.5s ease 0.1s, transform 0.5s ease 0.1s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.1s, -webkit-transform 0.5s ease 0.1s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(13) a, #main-nav.auf ul li:nth-child(13) a {
  transition: opacity 0.5s ease 0.16s, transform 0.5s ease 0.16s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.16s, -webkit-transform 0.5s ease 0.16s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(12) a, #main-nav.auf ul li:nth-child(12) a {
  transition: opacity 0.5s ease 0.22, transform 0.5s ease 0.22s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.22s, -webkit-transform 0.5s ease 0.22s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(11) a, #main-nav.auf ul li:nth-child(11) a {
  transition: opacity 0.5s ease 0.28s, transform 0.5s ease 0.28s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.28s, -webkit-transform 0.5s ease 0.28s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(10) a, #main-nav.auf ul li:nth-child(10) a {
  transition: opacity 0.5s ease 0.34s, transform 0.5s ease 0.34s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.34s, -webkit-transform 0.5s ease 0.34s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(9) a, #main-nav.auf ul li:nth-child(9) a {
  transition: opacity 0.5s ease 0.4s, transform 0.5s ease 0.4s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.4s, -webkit-transform 0.5s ease 0.4s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(8) a, #main-nav.auf ul li:nth-child(8) a {
  transition: opacity 0.5s ease 0.46s, transform 0.5s ease 0.46s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.46s, -webkit-transform 0.5s ease 0.46s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(7) a, #main-nav.auf ul li:nth-child(7) a {
  transition: opacity 0.5s ease 0.52s, transform 0.5s ease 0.52s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.52s, -webkit-transform 0.5s ease 0.52s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(6) span, #main-nav.auf ul li:nth-child(6) span, #main-nav ul li:nth-child(6) a, #main-nav.auf ul li:nth-child(6) a {
  transition: opacity 0.5s ease 0.58s, transform 0.5s ease 0.58s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.58s, -webkit-transform 0.5s ease 0.58s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(5) a, #main-nav.auf ul li:nth-child(5) a {
  transition: opacity 0.5s ease 0.64s, transform 0.5s ease 0.64s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.64s, -webkit-transform 0.5s ease 0.64s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(4) a, #main-nav.auf ul li:nth-child(4) a {
  transition: opacity 0.5s ease 0.68s, transform 0.5s ease 0.68s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.68s, -webkit-transform 0.5s ease 0.68s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(3) a, #main-nav.auf ul li:nth-child(3) a {
  transition: opacity 0.5s ease 0.72s, transform 0.5s ease 0.72s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.72s, -webkit-transform 0.5s ease 0.72s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(2) a, #main-nav.auf ul li:nth-child(2) a {
  transition: opacity 0.5s ease 0.76s, transform 0.5s ease 0.76s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.76s, -webkit-transform 0.5s ease 0.76s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(1) a, #main-nav.auf ul li:nth-child(1) a {
  transition: opacity 0.5s ease 0.8s, transform 0.5s ease 0.8s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.8s, -webkit-transform 0.5s ease 0.8s, letter-spacing 0.5s ease 0;
}
#main-nav ul li:nth-child(0) a, #main-nav.auf ul li:nth-child(1) a {
  transition: opacity 0.5s ease 0.84s, transform 0.5s ease 0.84s, letter-spacing 0.5s ease 0s;
  -webkit-transition: opacity 0.5s ease 0.84s, -webkit-transform 0.5s ease 0.84s, letter-spacing 0.5s ease 0;
}
#main-nav.auf {
  height: 100vh;
  overflow-y: scroll;
}
#main-nav.auf li a, #main-nav.auf li span {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  cursor: pointer;
}
.is-desktop #main-nav ul li a:hover, .is-desktop #main-nav ul li span:hover {
  letter-spacing: 4px;
}
.mt-30 {
  margin-top: 30px;
}
/* untermenu */
.menu-item-has-children .sub-menu {
  max-height: 0;
  height: auto;
  overflow: hidden;
  transition: max-height 0.9s linear, padding 0.9s linear;
  margin-top: 0px;
  padding-top: 0px;
}
.menu-item-has-children .sub-menu a {
  font-weight: 100;
}
.is-mobile .menu-item-has-children.et-show-dropdown, .is-desktop .menu-item-has-children.auf {
  margin-top: 15px;
}
.is-mobile .menu-item-has-children.et-show-dropdown .sub-menu, .is-desktop .menu-item-has-children.auf .sub-menu {
  transition: max-height 1.3s ease-out, padding 0.5s linear;
  max-height: 300px;
  padding-top: 15px;
}
.logo-top {
  position: fixed;
  z-index: 910001;
  top: 30px;
  height: 35px;
  mix-blend-mode: difference;
  left: 40px;
}
.logo-top.menuAuf {
  mix-blend-mode: normal;
}
@media (max-width: 567px) {
  .logo-top {
    left: 20px;
    top: 26px;
  }
}
.logo-top a img {
  height: 100%;
  width: auto;
}
.logo-top .headerTel {
  top: -11px;
  position: relative;
  font-size: 23px;
  font-weight: 700;
  color: #db7943;
  transform: scale(1);
  display: inline-block;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}
.logo-top .headerTel:hover {
  transform: scale(1.05);
}
#mobileNavOffner {
  position: fixed;
  width: auto;
  height: 50px;
  line-height: 50px;
  z-index: 9991000;
  float: none;
  top: 17px;
  right: 40px;
  mix-blend-mode: difference;
  /**
	 * Style 2
	 * 
	 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
	 * down to center and transform into an "x".
	 */
}
@media (max-width: 567px) {
  #mobileNavOffner {
    right: 20px;
  }
}
#mobileNavOffner.menuAuf {
  mix-blend-mode: normal;
}
#mobileNavOffner .c-hamburger {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 105px;
  height: 50px;
  font-size: 22px;
  text-indent: 0;
  cursor: pointer;
}
#mobileNavOffner .c-hamburger i {
  position: absolute;
  top: 2px;
  left: 0;
  color: #fff;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 21px;
  letter-spacing: 2px;
  transform: scale(1);
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}
@media (max-width: 567px) {
  #mobileNavOffner .c-hamburger i {
    display: none;
  }
}
#mobileNavOffner .c-hamburger:focus {
  outline: none;
}
#mobileNavOffner .c-hamburger span {
  display: block;
  position: absolute;
  top: 25px;
  right: 0;
  left: auto;
  height: 2px;
  background: #fff;
  color: #FFF;
  width: 28px;
}
#mobileNavOffner .c-hamburger span::before, #mobileNavOffner .c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 28px;
  height: 2px;
  background-color: #fff;
  content: "";
}
#mobileNavOffner .c-hamburger span::before {
  top: -6px;
}
#mobileNavOffner .c-hamburger span::after {
  bottom: -6px;
}
#mobileNavOffner .c-hamburger-htx span {
  -webkit-transition: background 0s 0.3s;
  transition: background 0s 0.3s;
}
#mobileNavOffner .c-hamburger-htx span::before, #mobileNavOffner .c-hamburger-htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
}
#mobileNavOffner .c-hamburger-htx span::before {
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
}
#mobileNavOffner .c-hamburger-htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
}
#mobileNavOffner .c-hamburger-htx.is-active span {
  background: none;
}
#mobileNavOffner .c-hamburger-htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#mobileNavOffner .c-hamburger-htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#mobileNavOffner .c-hamburger-htx.is-active span::before, #mobileNavOffner .c-hamburger-htx.is-active span::after {
  -webkit-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}
#mobileNavOffner:hover i {
  transform: scale(1.1);
}
.fixed-btn {
  position: fixed;
  z-index: 10001;
  top: 17px;
  right: calc(2vw + 70px);
  height: 35px;
}
@media (max-width: 567px) {
  .fixed-btn {
    top: auto;
    right: 5%;
    width: 90%;
    bottom: 35px;
  }
}
.fixed-btn a {
  background-color: #00b3ff;
}
.fixed-btn a:hover {
  color: #fff !important;
  background-color: #0076e3;
}
@media screen and (max-height: 567px) {
  #main-nav ul li {
    padding: 5px 32px;
    font-size: 25px;
  }
}
@media screen and (orientation: landscape) and (max-width: 900px) and (max-height: 567px) {
  #main-nav ul li {
    line-height: 1.2em;
  }
}
/* footer */
/*
#left-area ul, 
.entry-content ul, 
.et-l--header ul, 
.et-l--body ul,
.et-l--footer ul,
.comment-content ul,
body.et-pb-preview #main-content .container ul {
    list-style-type: none;
    padding: 0;
    line-height: inherit;
}
*/
#sitemap-sektion .separator {
  font-size: 22px;
  margin-bottom: 5px;
  color: white;
  text-transform: uppercase;
}
#sitemap-sektion a {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.7);
}
#sitemap-sektion a:hover {
  color: white;
}
#sitemap-sektion #smap-item-491 > .separator {
  display: none;
}
@media (min-width: 981px) {
  #sitemap-sektion #kontakt-sitemap-nav, #sitemap-sektion #smap-item-818 {
    text-align: right;
  }
}
/* 
	produkte liste in 4 spalten 
	DIVI Grid nachgebaut
*/
#produkte-sitemap-nav #smap-item-491 > .sub-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#produkte-sitemap-nav #smap-item-491 > .sub-menu > li {
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 480px) {
  #produkte-sitemap-nav #smap-item-491 > .sub-menu > li {
    float: left;
    width: 47.25%;
    margin-right: 5.5%;
  }
  #produkte-sitemap-nav #smap-item-491 > .sub-menu > li:last-child {
    margin-right: 0 !important;
  }
}
@media (max-width: 980px) {
  #produkte-sitemap-nav #smap-item-491 > .sub-menu > li:nth-child(even) {
    margin-right: 0 !important;
  }
}
@media (min-width: 981px) {
  #produkte-sitemap-nav #smap-item-491 > .sub-menu > li {
    width: 20.875%;
  }
  #produkte-sitemap-nav #smap-item-491 > .sub-menu > li:last-child {
    margin-right: 0 !important;
  }
}
#menu-rechtliches {
  padding: 0;
}
#menu-rechtliches li {
  list-style-type: none;
  font-size: 16px;
}
@media (min-width: 980px) {
  #menu-rechtliches li {
    float: left;
    padding-right: 15px;
  }
}
#menu-rechtliches li.copy span {
  margin-bottom: 0px;
  color: rgba(255, 255, 255, 0.7);
  text-transform: none;
}
#menu-rechtliches li.wDesign a {
  color: rgba(255, 255, 255, 0.7);
}
#menu-rechtliches li.wDesign a:hover {
  color: white;
}
@media (min-width: 980px) {
  #menu-rechtliches li.wDesign {
    float: right;
    padding-right: 0;
  }
}
.et_pb_code_inner .sitemap-nav {
  padding: 5px 0 0 0;
  text-align: center;
}
.et_pb_code_inner .sitemap-nav li {
  list-style-type: none;
  font-size: 16px;
}
@media (min-width: 980px) {
  .et_pb_code_inner .sitemap-nav li {
    display: inline-block;
    padding-right: 10px;
  }
}
.et_pb_code_inner .sitemap-nav li a, .et_pb_code_inner .sitemap-nav li span {
  color: rgba(255, 255, 255, 0.7);
}
.et_pb_code_inner .sitemap-nav li a:hover, .et_pb_code_inner .sitemap-nav li span:hover {
  color: white;
}
/* sitemap menu */
.lang-de .en-menu {
  display: none;
}
.lang-en .de-menu {
  display: none;
}
/* 
	templatte
*/
/* CCD BTN Style */
.ccd-caption-content .btn {
  color: #0c2848 !important;
  border-radius: 100px;
  letter-spacing: 4px;
  font-size: 20px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  background-color: #f15bb5;
  padding: 15px 40px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.ccd-caption-content .btn:hover {
  color: #f15bb5 !important;
  letter-spacing: 2px;
  background-image: initial !important;
  background-color: #ffffff !important;
}
.ovl-content p {
  font-size: 18px;
  line-height: 1.3em;
}
.ccd-toggle-checkbox label::before {
  top: -5px;
}
.ccd-toggle-checkbox label::after {
  top: -3px;
}
.ccd-overlay-wrap .ml-3 {
  margin-left: 0;
}
.ccd-overlay-wrap .ovl-footer .ccd-btn {
  font-size: 1.2rem;
}
.ovl-header {
  font-size: 1.4rem;
  line-height: 1.3em;
}
.datenschutzPlugin {
  margin-bottom: 1em;
}
.pb-0 {
  padding-bottom: 0;
}
.pt-100 {
  padding-top: 100px;
}
.fadein {
  opacity: 0;
  -webkit-transition: opacity 1000ms ease 0s;
  -moz-transition: opacity 1000ms ease 0s;
  -o-transition: opacity 1000ms ease 0s;
  transition: opacity 1000ms ease 0s;
}
@media (max-width: 576px) {
  .fadein {
    opacity: 1;
  }
}
.fadein.visible {
  opacity: 1;
}
/* DIVI Frontbuilder aktiv */
.et-fb-root-ancestor .fadein {
  opacity: 1;
}
.textlink {
  text-decoration: underline;
  white-space: nowrap;
}
/* ========== KUNDEN Anpassugen =============== */
html {
  background-color: #ffffff;
}
.only-desktop {
  display: block;
}
@media (max-width: 1150px) {
  .only-desktop {
    display: none;
  }
}
/* ohne DIVI seiten */
.single-post #main-content, .et_full_width_page #main-content {
  padding: 60px 0;
}
@media (max-width: 767px) {
  .single-post #main-content, .et_full_width_page #main-content {
    padding: 20px 0 40px 0;
  }
}
.single-post #main-content h1, .et_full_width_page #main-content h1 {
  font-size: 32px;
  line-height: 1.2em;
}
@media (max-width: 767px) {
  .single-post #main-content h1, .et_full_width_page #main-content h1 {
    font-size: 30px;
  }
}
.single-post #main-content h2, .et_full_width_page #main-content h2 {
  font-size: 28px;
  line-height: 1.3em;
}
@media (max-width: 767px) {
  .single-post #main-content h2, .et_full_width_page #main-content h2 {
    font-size: 26px;
    line-height: 1.3em;
    padding-bottom: 10px;
  }
}
.single-post #main-content h3, .et_full_width_page #main-content h3 {
  font-size: 26px;
  line-height: 1.3em;
}
@media (max-width: 767px) {
  .single-post #main-content h3, .et_full_width_page #main-content h3 {
    font-size: 22px;
    padding-bottom: 10px;
  }
}
.single-post #main-content p, .single-post #main-content a, .single-post #main-content li, .single-post #main-content div, .single-post #main-content h4, .single-post #main-content h5, .single-post #main-content h6, .et_full_width_page #main-content p, .et_full_width_page #main-content a, .et_full_width_page #main-content li, .et_full_width_page #main-content div, .et_full_width_page #main-content h4, .et_full_width_page #main-content h5, .et_full_width_page #main-content h6 {
  font-size: 21px;
  line-height: 1.4em;
}
@media (max-width: 567px) {
  .single-post #main-content p, .single-post #main-content a, .single-post #main-content li, .single-post #main-content div, .single-post #main-content h4, .single-post #main-content h5, .single-post #main-content h6, .et_full_width_page #main-content p, .et_full_width_page #main-content a, .et_full_width_page #main-content li, .et_full_width_page #main-content div, .et_full_width_page #main-content h4, .et_full_width_page #main-content h5, .et_full_width_page #main-content h6 {
    line-height: 1.3em;
  }
}
.single-post #main-content a, .et_full_width_page #main-content a {
  text-decoration: underline;
}
.single-post #main-content a:hover, .et_full_width_page #main-content a:hover {
  color: #000;
}
.single-post #main-content h2, .et_full_width_page #main-content h2 {
  margin-top: 1em;
}
.single-post #main-content h3, .single-post #main-content h4, .et_full_width_page #main-content h3, .et_full_width_page #main-content h4 {
  font-weight: bold;
  margin-top: 0.5em;
}
.single-post #main-content h5, .et_full_width_page #main-content h5 {
  font-weight: 500;
}
html body {
  font-weight: 300;
}
body {
  position: relative;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
  /* responsive anpassungen global */
}
body h3 {
  font-size: 32px;
  line-height: 1.3em;
}
@media (max-width: 1200px) {
  body .et_pb_text_inner h2 {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  body .et_pb_text_inner h2 {
    font-size: 32px;
  }
  body h3 {
    font-size: 22px;
  }
  body h3, body p, body .et_pb_text_inner, body .et_pb_toggle_content, body .et_pb_module.et_pb_toggle h3.et_pb_toggle_title {
    font-size: 22px;
    line-height: 1.2em;
  }
  body .et_pb_button {
    line-height: 1.3em !important;
  }
}
@media (max-width: 567px) {
  body .et_pb_text_inner h2 {
    font-size: 28px;
  }
  body .et_pb_button {
    text-align: center;
  }
}
.et_pb_section.full-banner {
  height: calc(100vh - 114px);
}
.bg-overlay:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.text-verlauf h2, .text-verlauf h3 {
  background: -webkit-linear-gradient(left, #0297bf, #09c984);
  background: -o-linear-gradient(right, #0297bf, #09c984);
  background: -moz-linear-gradient(right, #0297bf, #09c984);
  background: linear-gradient(to right, #0297bf, #09c984);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.box-rahmen {
  box-shadow: 2px 2px 0px #09C984 inset, 0px -2px 0px #09C984 inset, 0 -2px 0px #09C984 inset, -2px 0px 0px #09C984 inset;
}
.box-rahmen:hover {
  box-shadow: 2px 2px 0px #fff inset, 0px -2px 0px #fff inset, 0 -2px 0px #fff inset, -2px 0px 0px #fff inset;
}
.et-fb-root-ancestor .img-out-right .et_pb_image, .et-fb-root-ancestor .img-out-left .et_pb_image {
  transform: translateY(0%);
  opacity: 1;
}
.et-fb-root-ancestor .img-out-left .et_pb_image {
  left: 0;
}
/* weiterlesen */
#main-content {
  /*
	.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title{
		margin-top:30px!important;
	}
	*/
}
#main-content .et_pb_toggle .et_pb_toggle_title {
  margin-top: 0 !important;
  -webkit-transition: margin 500ms ease 0s;
  -moz-transition: margin 500ms ease 0s;
  -o-transition: margin 500ms ease 0s;
  transition: margin 500ms ease 0s;
}
#main-content .et_pb_text_align_right .et_pb_toggle_title {
  margin-right: 0;
  margin-left: auto;
}
#main-content .et_pb_text_align_center .et_pb_toggle_title {
  margin-right: auto;
  margin-left: auto;
}
#main-content .et_pb_text_align_right + .et_pb_toggle .et_pb_toggle_title {
  margin-right: 4px;
  margin-left: auto;
}
#main-content .et_pb_text_align_right + .et_pb_toggle .et_pb_toggle_content {
  text-align: right;
}
.et_pb_slide_content {
  line-height: 1.4em;
}
/* logos animation 
   die .et_pb_column muss dopplet sein 
*/
.et_pb_row.logos-animation .et_pb_image {
  width: 250px;
  height: 250px;
  display: inline-block;
  vertical-align: top;
  margin: 20px;
  padding: 20px;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .et_pb_row.logos-animation .et_pb_image {
    width: 150px;
    height: 150px;
    margin: 10px;
    padding: 10px;
    box-sizing: content-box;
  }
  .et_pb_row.logos-animation .et_pb_image img {
    max-width: 150px;
  }
}
body:not(.et-fb) .et_pb_row.logos-animation {
  display: flex;
}
body:not(.et-fb) .et_pb_row.logos-animation .et_pb_column {
  display: flex;
  max-width: max-content;
  width: max-content;
  margin-right: 0;
}
@media (max-width: 768px) {
  body:not(.et-fb) .et_pb_row.logos-animation .et_pb_column {
    max-width: 1710px !important;
    width: 1710px !important;
    margin-bottom: 0 !important;
  }
}
body:not(.et-fb) .et_pb_row.logos-animation .et_pb_image {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
body:not(.et-fb) .right-to-left .et_pb_column {
  animation: ticker 30s linear infinite;
}
body:not(.et-fb) .left-to-right .et_pb_column {
  animation: ticker2 30s linear infinite;
}
@keyframes ticker {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes ticker2 {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
.et_multi_view_image__loaded {
  -webkit-animation: multi-view-image-fade 0.1s;
  animation: multi-view-image-fade 0.1s;
}
@media (max-width: 567px) {
  p.et_pb_contact_field {
    margin-bottom: 6%;
  }
}
.et_pb_row .more-link, .custom-button, .et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
  padding: 12px 45px !important;
}
.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button.ohne_rahmen, .et_button_no_icon.et_button_left .et_pb_button.ohne_rahmen:hover, .et_button_no_icon .et_pb_button.ohne_rahmen, .et_button_no_icon .et_pb_button.ohne_rahmen:hover {
  padding: 15px 45px !important;
}
.et_pb_row .more-link, .custom-button {
  margin-top: 25px;
  display: inline-block;
  font-weight: 600;
  font-size: 22px;
  line-height: 1.7em;
  background-color: transparent;
  border: 3px solid #09C984;
  border-radius: 50px;
  cursor: pointer;
  color: #09C984;
  text-decoration: none !important;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}
.et_pb_row .more-link i, .custom-button i {
  position: relative;
  top: 2px;
}
.et_pb_row .more-link:hover, .custom-button:hover {
  color: #0297BF !important;
  border-color: #0297BF !important;
  background-color: transparent;
}
.et_pb_row .more-link.bg-white, .custom-button.bg-white {
  color: #000;
  background-color: #fff;
}
.et_pb_row .more-link.bg-white:hover, .custom-button.bg-white:hover {
  color: #fff;
  background-color: #000;
}
.et_pb_row .more-link.border-white, .custom-button.border-white {
  color: #fff;
  border-color: #fff;
}
.et_pb_row .more-link.border-white:hover, .custom-button.border-white:hover {
  color: #000 !important;
  border-color: #000 !important;
}
.et_pb_row .more-link.bg-beige, .custom-button.bg-beige {
  color: #364f81;
  background-color: #FFFDF2;
  border: 2px solid #FFFDF2;
}
.et_pb_row .more-link.bg-beige:hover, .custom-button.bg-beige:hover {
  color: #FFFDF2 !important;
  background-color: #364f81;
  border: 2px solid #FFFDF2;
}
.et_pb_row .more-link {
  display: block;
  text-align: center;
  padding: 8px 35px !important;
}
.sterne {
  max-width: 120px;
  padding-bottom: 10px;
  display: inline-block;
}
.icon {
  vertical-align: middle;
}
/* header btn */
.header-button a {
  padding: 15px 30px !important;
  margin-top: -15px;
  line-height: 1em;
  background-image: linear-gradient(45deg, #0297bf 0%, #09c984 100%);
  border: 0px;
  color: #fff !important;
  border-radius: 100px;
}
.header-button a:hover {
  background-image: linear-gradient(235deg, #0297bf 0%, #09c984 100%);
  color: #fff !important;
  opacity: 1 !important;
}
@media (max-width: 1200px) {
  .header-button {
    display: none;
  }
  .lang-item {
    width: 50%;
    float: left;
  }
  .lang-item a {
    padding: 0 15px;
  }
  .lang-item-first a {
    text-align: right;
  }
}
.et-fixed-header #top-menu li.header-button a, .et-fixed-header #top-menu li.current-menu-item.header-button a, .et-fixed-header #top-menu li.current_page_item.header-button a:hover {
  color: #fff !important;
}
/* Sprachumschalter */
#top-menu .lang-item-de {
  padding-right: 10px;
}
#top-menu .lang-item-de:after {
  content: "/";
  position: absolute;
  top: 0;
  right: -5px;
  width: 10px;
  height: auto;
  display: inline-block;
  padding-left: 7px;
  padding-right: 0;
  color: #000;
}
#top-menu .lang-item a {
  opacity: 0.5;
}
#top-menu .lang-item a:hover {
  opacity: 1;
}
#top-menu .lang-item.current-lang a {
  opacity: 1;
}
#top-menu .lang-item.current-lang a:hover {
  cursor: text !important;
}
/*
	sektions verlauf
*/
.verlauf-unten-gruen:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(180deg, rgba(217, 245, 232, 0) 10%, #d9f5e8 100%);
}
/* sublime farben */
.vjs-sublime-skin.video-js .vjs-load-progress div {
  background: rgba(54, 79, 129, 0.6);
}
.vjs-sublime-skin.video-js .vjs-control-bar {
  background-color: #364F81;
}
.vjs-close_overlay.back {
  background: rgba(54, 79, 129, 0.6);
}
.vjs-sublime-skin .vjs-big-play-button {
  font-size: 5vw;
  line-height: 8vw;
  height: 8vw;
  width: 8vw;
  border: 0;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin-left: -4vw;
  margin-top: -4vw;
  background-color: rgba(54, 79, 129, 0.8) !important;
  cursor: pointer;
  -webkit-transition: all 500ms ease 0s;
  -moz-transition: all 500ms ease 0s;
  -o-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
}
.vjs-sublime-skin:hover .vjs-big-play-button {
  background-color: #364f81 !important;
}
@media (min-width: 981px) {
  .et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 {
    width: 29.65% !important;
  }
}
#main-content .faq.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
  margin-top: 0px !important;
}
/* CSS GRID */
.grid-item {
  position: relative;
  margin-bottom: 10px;
}
@media (min-width: 981px) {
  /*
	.g-item-1 {
		grid-row-start: 1;
		grid-row-end: 3;
	}
	.g-item-7 {
		grid-column-start: 2;
		grid-column-end: 4;
	}
	*/
  .grid-container {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 3%;
    row-gap: 3%;
  }
  .grid-container.spalten-2 {
    grid-template-columns: auto auto;
  }
  .grid-container.spalten-3 {
    grid-template-columns: auto auto auto;
  }
  .grid-container.spalten-4 {
    grid-template-columns: auto auto auto auto;
  }
  .grid-container.spalten-3a {
    grid-template-columns: auto;
    max-width: 400px;
    margin: 0px auto 80px auto;
  }
  .grid-item {
    margin-bottom: 0px;
  }
}
@media (min-width: 1320px) {
  .grid-container.spalten-3a {
    display: grid;
    grid-template-columns: auto auto auto;
    column-gap: 3%;
    row-gap: 3%;
    max-width: 100%;
    margin: auto;
  }
  .grid-item {
    margin-bottom: 0px;
  }
}
/*
	blau  5061a9
	rot   c94c52
	gruen 74aa86

*/
/* im slick-slider */
.box-wrapp, .flip-wrapp {
  margin-left: 0px;
  margin-right: 15px;
  margin-left: 15px;
}
/* HEIGHT EQUALS WIDTH WITH PURE CSS */
.box {
  position: relative;
}
.box:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/
}
.box-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  /*
	line-height:100%;
	background: #333;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	*/
}
/* Other ratios */
.ratio2_1:before {
  padding-top: 50%;
}
.ratio1_2:before {
  padding-top: 200%;
}
.ratio4_3:before {
  padding-top: 75%;
}
.ratio16_9:before {
  padding-top: 56.25%;
}
/* FLIP Box für die Höhe */
.flip_box {
  position: relative;
}
.flip_box:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/
}
/* FLIP CARD */
.flip_card, .over_card {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  perspective: 1000px;
}
.is-desktop .flip_card.enterKey .flip_content, .is-desktop .flip_card:hover .flip_content, .is-mobile .flip_card.hover .flip_content {
  -webkit-transform: rotateY(180deg);
  -webkit-transition: transform 0.7s;
  transform: rotateY(180deg);
  transition: transform 0.7s;
}
.flip_card .flip_content {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: transform 0.7s;
  -webkit-transform-style: preserve-3d;
  transition: transform 0.7s;
  transform-style: preserve-3d;
}
.flip_card .flip_front, .flip_card .flip_back {
  position: absolute;
  height: 100%;
  width: 100%;
  color: #fff;
  text-align: center;
  backface-visibility: hidden;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  z-index: 1;
}
.flip_card .flip_front h2, .flip_card .flip_front h3, .flip_card .flip_front p, .flip_card .flip_back h2, .flip_card .flip_back h3, .flip_card .flip_back p {
  color: #fff;
}
.flip_card .flip_front h2, .flip_card .flip_front h3, .flip_card .flip_back h2, .flip_card .flip_back h3 {
  font-weight: 700;
  font-size: 28px;
  letter-spacing: 0px;
  line-height: 1.1em;
  position: relative;
  text-align: left;
  text-align: left;
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .flip_card .flip_front h2, .flip_card .flip_front h3, .flip_card .flip_back h2, .flip_card .flip_back h3 {
    font-size: 24px;
  }
}
.flip_card .flip_front h2, .flip_card .flip_back h2 {
  color: #0297BF;
}
.flip_card .flip_front h3, .flip_card .flip_back h3 {
  font-size: 44px;
}
@media (max-width: 767px) {
  .flip_card .flip_front h3, .flip_card .flip_back h3 {
    font-size: 28px;
  }
}
@media (min-width: 981px) {
  .flip_card .flip_front .custom-bullets, .flip_card .flip_back .custom-bullets {
    width: 100%;
  }
}
.flip_card .flip_front .custom-bullets li, .flip_card .flip_back .custom-bullets li {
  margin-bottom: 3px;
  text-align: left;
  color: #000;
  font-size: 18px;
}
@media (max-width: 576px) {
  .flip_card .flip_front .custom-bullets li, .flip_card .flip_back .custom-bullets li {
    font-size: 12px;
  }
}
.flip_card .flip_front p, .flip_card .flip_back p {
  font-size: 18px;
  line-height: 1.4em;
}
.flip_card .flip_front .farbBalken, .flip_card .flip_back .farbBalken {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  display: block;
}
.flip_card .flip_back {
  background-color: #fff;
  transform: rotateY(180deg);
  padding: 0 20px;
  z-index: 2;
}
.flip_card .flip_back h2, .flip_card .flip_back h3, .flip_card .flip_back p {
  color: #000;
  text-align: center;
}
.flip_card .flip_back p {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.2em;
}
.flip_card .flip_back li {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.2em;
}
@media (max-width: 567px) {
  .flip_card .flip_back h3 {
    font-size: 19px;
    padding-bottom: 2px;
  }
  .flip_card .flip_back p {
    font-size: 19px;
    line-height: 1.2em;
  }
  .flip_card .flip_back .custom-button {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-top: 12px;
    font-size: 18px;
    line-height: 20px;
  }
}
.flip_card .flip_front, .flip_card .flip_back {
  border-radius: 20px;
  overflow: hidden;
}
.flip_card .flip_front:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.flip_card .heller .flip_front:before {
  background: black;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
}
.front_h_bottom .flip_card .flip_front {
  justify-content: flex-end;
}
.front_h_top .flip_card .flip_front {
  justify-content: flex-start;
}
.mob-x {
  display: none;
}
.is-mobile .mob-x {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  background-image: url("../images/x-close-black.svg");
  background-position: center center;
  background-size: 25px;
  background-repeat: no-repeat;
}
.is-mobile .mob-x.white {
  background-image: url("../images/x-close-white.svg");
}
.is-mobile .flip_front:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 1px;
  right: 1px;
  width: 45px;
  height: 45px;
  background-image: url("../images/pointer-white.svg");
  background-position: center center;
  background-size: 40px;
  background-repeat: no-repeat;
  z-index: 0;
}
.over_card {
  overflow: hidden;
}
.over_card .box_front {
  position: absolute;
  height: 100%;
  width: 100%;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  padding: 20px;
  z-index: 1;
  border-radius: 20px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .over_card .box_front {
    padding: 35px;
  }
}
.over_card .box_front h2, .over_card .box_front h3, .over_card .box_front p {
  color: #fff;
}
.over_card .box_front h2 {
  background: -webkit-linear-gradient(left, #0297bf, #09c984);
  background: -o-linear-gradient(right, #0297bf, #09c984);
  background: -moz-linear-gradient(right, #0297bf, #09c984);
  background: linear-gradient(to right, #0297bf, #09c984);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 28px;
  line-height: 1.1em;
}
.over_card .box_front h3 {
  font-size: 40px;
  line-height: 1.1em;
}
@media (max-width: 1200px) {
  .over_card .box_front h2 {
    font-size: 3vw;
  }
  .over_card .box_front h3 {
    font-size: 5vw;
  }
}
@media (max-width: 567px) {
  .over_card .box_front h2 {
    font-size: 5vw;
  }
  .over_card .box_front h3 {
    font-size: 7vw;
  }
}
.over_card .box_front:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%);
  z-index: -1;
}
.over_card .box_back {
  position: absolute;
  top: 100%;
  left: 0;
  height: 100%;
  width: 100%;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  z-index: 2;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: top 0.7s;
  transition: top 0.7s;
}
.over_card .box_back h2, .over_card .box_back h3 {
  background: -webkit-linear-gradient(left, #0297bf, #09c984);
  background: -o-linear-gradient(right, #0297bf, #09c984);
  background: -moz-linear-gradient(right, #0297bf, #09c984);
  background: linear-gradient(to right, #0297bf, #09c984);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}
.over_card .box_back p {
  color: #000;
  text-align: center;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.2em;
  max-width: 450px;
}
.over_card .box_back li {
  font-weight: 300;
  font-size: 22px;
  line-height: 1.2em;
}
@media (max-width: 1200px) {
  .over_card .box_back h3 {
    font-size: 19px;
    padding-bottom: 2px;
  }
  .over_card .box_back p {
    font-size: 19px;
    line-height: 1.2em;
  }
  .over_card .box_back .custom-button {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-top: 12px;
    font-size: 18px;
    line-height: 20px;
  }
}
.is-desktop .over_card.enterKey .box_back, .is-desktop .over_card:hover .box_back, .is-mobile .over_card.hover .box_back {
  top: 0%;
}
/*# sourceMappingURL=custom.css.map */