/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         3 Plus Solutions
 Author URI:     https://www.3plus.solutions
 Template:       Divi
 Version:        1.0.2
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */



/*----------- FONTS ----------*/

/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../../../wp-content/uploads/fonts/poppins-v23-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../../../wp-content/uploads/fonts/poppins-v23-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../../../wp-content/uploads/fonts/poppins-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../../../wp-content/uploads/fonts/poppins-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../../../wp-content/uploads/fonts/poppins-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 200;
  src: url('../../../wp-content/uploads/fonts/poppins-v23-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../../../wp-content/uploads/fonts/poppins-v23-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../../../wp-content/uploads/fonts/poppins-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../../../wp-content/uploads/fonts/poppins-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../../../wp-content/uploads/fonts/poppins-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../../../wp-content/uploads/fonts/poppins-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@media only screen and (max-width: 593px){
	#main-heading.defaulth2 {
		font-size: 30px;
	}}


/*---- SPALTENINHALT AUSRICHTEN ----*/
 
.vertikal-zentrieren {
display: flex;
flex-direction: column;
justify-content: center;
}

/*---- SPALTENINHALT UNTEN AUSRICHTEN ----*/
 
.unten-ausrichten {
display: flex;
flex-direction: column;
justify-content: flex-end;
}

/*----- MENU -----*/

#main-header {
	backdrop-filter: blur(10px);
}

#main-header .nav li ul {
  background-color: rgba(160,160,160,0.31);
  backdrop-filter: blur(10px);
}

#top-menu-nav > ul > li > a:hover{
	opacity: 1;
	color: #1BC1C1;
}
#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .mobile_menu_bar::after, .mobile_menu_bar::before {
  color: #fff !important;
}
.et_mobile_menu li a:hover, .nav ul li a:hover {
  	background-color: transparent;
  	opacity: 1;
	color: #00cccc;
}

/*--- MENÜ BUTTON ---*/
#top-menu li.menu-cta a, .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li.menu-cta > a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li.menu-cta > a, #mobile_menu.et_mobile_menu li.menu-cta a, .empfehlen-cta a {
	background-image: linear-gradient(150deg,rgba(37,46,86,0.3) 0%,#00cccc 65%,rgba(37,46,86,0.3) 100%);
  	background-color: #1BC1C1;
	color: #fff !important;
	font-weight: 600 !important;
	padding: 10px 20px !important;
	margin:auto;
	border-radius: 30px;
	font-size: 14px;
	cursor: pointer;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.15);
	transition: all 0.3s;
	background-size: 120%;
}
#top-menu li.menu-cta a:hover, #mobile_menu.et_mobile_menu li.menu-cta a:hover, .et_pb_menu_0_tb_header.et_pb_menu ul li.empfehlen-cta:hover > a {
	background-position: right;
	color: #fff !important;
	transform: scaleX(1.05) scaleY(1.05);
	transition: all 300ms ease 0ms !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.empfehlen-cta:hover > a {
	color: #fff;
}

#top-menu-nav > ul > li > a:hover {
	color: #1BC1C1 !important;
	transition: transform 300ms ease 0ms,
}

/*-- MENÜ BUTTON MOBIL --*/ 
@media only screen and (max-width: 980px) { 
	#mobile_menu.et_mobile_menu li.menu-cta a {
	margin: 20px;
	text-align: center;
	}
	#top-menu li.menu-cta a, .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li.menu-cta > a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li.menu-cta > a {
	font-size: 12px;
	padding: 12px 18px !important;
	}
}

/*---- BUTTON original ----*/

.et_pb_button.gradient-button {
	text-shadow: 1px 1px 4px rgba(0,0,0,0.15);
	transition: background-position 0.3s;
	background-size: 200%;
}
.et_pb_button.gradient-button:hover {
	background-position: right;
}

/*---- HALO BUTTON ----*/
.et_pb_button.halo-button {
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15);
	transition: background-position 0.3s, all 1.25s cubic-bezier(0.19, 1, 0.22, 1);
	background-size: 200%;
	
	border: 0 solid;
	box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
	outline: 1px solid rgba(255, 255, 255);
	outline-offset: 0px;
}

.et_pb_button.halo-button:hover {
	background-position: right;

	border: 1px solid rgba(255, 255, 255) !important;
	box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.1);
	outline-color: rgba(255, 255, 255, 0);
	outline-offset: 15px;
}

/*----- PULSIERENDE ZEILE -----*/
@keyframes halo-row-pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.pulsing-row {
  animation: halo-row-pulse 2s ease-in-out infinite;
}

/*-----HOVER EFFEKT UNDERLINE 
.hover-underline {
  position: relative;
  display: inline-block;
}

.hover-underline::after,
.hover-underline::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #12aab2, #00cccc);
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease-out;
}

.hover-underline:hover::after,
.hover-underline:hover::before {
  transform: scaleX(1);
}
-----*/

/*------------ HOVER VERLAUF VORTEILE -----------*/
/*
 * By default, the text is a solid color, but the gradient is
 * ready and waiting in the background.
 */

.hover-gradient .et_pb_module_header,
.hover-gradient .icon-branchen,
.hover-gradient .et-pb-icon,
.hover-gradient .et_pb_text,
.hover-gradient .et_pb_text * {
    /* This is the solid color that is visible by default */
    color: #252e56;

    /* The gradient is set, but its position is off-screen.
     * The -webkit- properties are also here to prepare for the transition.
     */
    background: linear-gradient(90deg,#252e56 0%, #252e56 50%, #00cccc 100%);
    background-size: 350% 100%;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    /* We transition both the 'color' and 'background-position'
     * for a smooth, combined fade and sweep effect.
     */
    transition: color 0.1s ease, background-position 0.1s ease;
}

/*
 * On hover, we smoothly transition the solid color to transparent
 * and slide the gradient into view.
 */
.hover-gradient:hover .et_pb_module_header,
.hover-gradient:hover .icon-branche,
.hover-gradient:hover .et-pb-icon,
.hover-gradient:hover .et_pb_text,
.hover-gradient:hover .et_pb_text * {
    /* The color transitions to transparent */
    color: transparent;

    /* The background slides from 0% to 100% */
    background-position: 100% 50%;
}



/* Spalten-Hover triggert Füllung im SVG */
.hover-gradient:hover svg .st0 {
  fill: url(#hover-gradient);
}

/* Optional: sanfter Übergang, ändert die Optik nicht */
.hover-gradient svg .st0 {
  transition: fill 0.5s ease-in-out;
}


/*------------ 3D HOVER EFFEKT BEWEGENDE SPALTEN ------------*/
.mouse-parallax-column {
  perspective: 800px;
  perspective-origin: center;
  overflow: visible;
}

.mouse-parallax-column .inner-parallax {
  transform-style: preserve-3d;
  transition: transform 0.3s ease-out;
  will-change: transform;
  transform-origin: center;
  border-radius: 8px;
}


/*------------ HOVER EFFEKT ECKRAHMEN ------------*/
.eckrahmen-box {
  position: relative;
  background: #fff;
  border-radius: 30px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index:10 !important;
}

.eckrahmen-box::before,
.eckrahmen-box::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  border: 3px solid #00cccc;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.4s ease, transform 0.4s ease;
  z-index: -10;
}

/* Oben rechts */
.eckrahmen-box::before {
  top: -10px;
  right: -10px;
  border-left: none;
  border-bottom: none;
  border-top-right-radius: 30px;
}

/* Unten links */
.eckrahmen-box::after {
  bottom: -10px;
  left: -10px;
  border-top: none;
  border-right: none;
  border-bottom-left-radius: 30px;
}

.eckrahmen-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.eckrahmen-box:hover::before,
.eckrahmen-box:hover::after {
  opacity: 1;
  transform: scale(1);
}

/*----- TEXT BEI HOVER EINBLENDEN -----*/

.show-on-hover {
  transition: padding 0.6s ease, border 0.6s ease;
}

.show-on-hover .reveal-text {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  margin-top: 0px;
  transition: max-height 0.6s ease, opacity 0.6s ease, margin 0.6s ease;
}

.show-on-hover:hover .reveal-text {
  max-height: 300px; 
  opacity: 1;
  margin-top: 0px;
}

.show-on-hover .et_pb_icon_wrap {
  background-color: white;
  transition: background-color 0.3s ease, opacity 0.3s ease;
  opacity: 1;
}

.show-on-hover:hover .et_pb_icon_wrap {
  background-color: transparent;
  opacity: 0;
}

.show-on-hover .et-pb-icon {
  transition: opacity 0.6s ease;
  opacity: 1;
}

.show-on-hover:hover .et-pb-icon {
  opacity: 0;
}

@media only screen and (min-width: 981px) {
	.section-fixed-height {
		height: 550px;
		overflow: hidden;
		position: relative;
	}
}
/*----- STELLENANGEBOTE ICON HOVER -----*/
.hover-row .icon-hover {
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.hover-row:hover .icon-hover {
  opacity: 1;
  transform: translateX(0);
}


/*
		#heading-container {
            position: relative;
            display: inline-block; 
            cursor: default !important;
            user-select: none; 
            padding: 1rem; 
            border-radius: 0.75rem;
            transition: background-color 0.3s ease; 
        }

        .heading-container:hover {
        }
.heading-container h1 {
    font-size: 4rem;
    font-weight: 800;
    color: #1f2937;
    display: inline-block;
    line-height: 1.2;
    letter-spacing: -0.05em;
}

.heading-container h1 span {
    display: inline-block;
    transition: color 0.1s ease-out, transform 0.1s ease-out;
    will-change: color, transform;
}

@media (max-width: 768px) {
    .heading-container h1 {
        font-size: 2.5rem;
    }
}

@media (max-width: 480px) {
    .heading-container h1 {
        font-size: 1.8rem;
    }
}
*/




        /* Styles for the base heading */
  
        #main-heading, h2{
            color: #fff; /* Equivalent to text-gray-300 */
      font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
      font-size: 45px;
      font-style: bold;
      line-height: 1.2em;
      font-weight: 700;
        }

          #heading-container {
            position: relative;
            align-items: center;
            justify-content: center;
            display: flex;
            overflow: hidden;
            cursor: default;
            /* Removed the transform transition as the hover effect is being removed */
        }
  
        /* Custom styles for the hover effect heading */
        #hover-effect-heading {
                font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif;
      font-size: 45px;
      font-style: bold;
      line-height: 1.2em;
      font-weight: 700;
            position: absolute; /* Equivalent to absolute */
            top: 0; /* Equivalent to top-0 */
            left: 0; /* Equivalent to left-0 */
            width: 100%; /* Equivalent to w-full */
            height: 100%; /* Equivalent to h-full */
            color: #00cccc; /* Equivalent to text-yellow-400 */
            display: flex; /* Equivalent to flex */
            align-items: center; /* Equivalent to items-center */
            justify-content: center; /* Equivalent to justify-center */
            /* Initially, the hover effect text is completely clipped (hidden) */
            clip-path: circle(0% at 0 0);
            -webkit-clip-path: circle(0% at 0 0); /* For WebKit browsers */
            /* Add a smooth transition for the clip-path property */
            transition: clip-path 0.1s linear;
        }








/* FIELD STYLING GRAVITY FORMS */

 input[type=text],
 input[type=email],
 input[type=tel],
input[type=number],
 textarea, select{
 background: none;
 border: 1px solid #d8d8d8;
 border-radius: 30px;
 color: #252E56 !important;
 padding: 8px 15px !important;
   width: auto;
}

input[type=text]:focus,
 input[type=email]:focus,
 input[type=tel]:focus,
input[type=number]:focus,
textarea:focus, select:focus {
	border-color: #00cccc;
}
input[type=text]:hover,
 input[type=email]:hover,
 input[type=tel]:hover,
textarea:hover, select:hover {
	border-color: #00cccc;
}

.gform_button,.gform_next_button  {
	color: #FFFFFF;
	border: none;
	border-radius: 30px;
	padding: 7px 20px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	background-image: linear-gradient(150deg,rgba(37,46,86,0.3) 0%,#00cccc 65%,rgba(37,46,86,0.3) 100%);
	background-color: #1BC1C1;
	transition-property: all;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.15);
	background-size: 150%;
	transition: all 300ms ease 0ms
}
.gform_button:hover,.gform_next_button:hover{
	background-position: right;
}
.gform_previous_button {
	border-radius: 30px;
	color: #252e56 !important;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #00cccc;
	cursor: pointer;
	padding: 7px 20px;
	background-color: transparent;
	transition: all 300ms ease 0ms
}

.gf_progressbar_percentage.percentbar_blue {
  	background-color: #00cccc !important;
}
.gf_progressbar_blue {
  	background: #f4f2f2 !important;
}
.gfield-choice-input {
	vertical-align: top !important;
	margin-top: 5px !important;
}
.gsection {
	margin: -20px 0px 20px 0px;
}
#field_1_20 a:hover {
	color: #096d8b;
}
.gform_wrapper.gravity-theme .gfield_required {
  color: #00cccc;
}



/*--RADIO UND CHECK BUTTONS NUR FÜR GRAVITY FORMS--*/

.gform_wrapper input[type=checkbox],
.gform_wrapper input[type=radio] {
  	visibility: hidden!important;
 	margin: 0!important;
  	width: 0!important;
}

.gform_wrapper input[type=checkbox] + label:before,
.gform_wrapper input[type=checkbox] + span:before,
.gform_wrapper input[type=radio] + label:before {
	visibility: visible;
	font-family: "ETmodules";
	font-size: 25px;
	position: relative;
	top: 6px;
	padding-right: 8px;
	color: #00cccc;
}
.gform_wrapper input[type=checkbox] + label:hover,
.gform_wrapper input[type=checkbox] + span:hover,
.gform_wrapper input[type=radio] + label:hover { 
  	cursor: pointer; 
}
.gform_wrapper input[type=checkbox] + label:before,
.gform_wrapper input[type=checkbox] + span:before { 
  	content: '\56'; 
}
.gform_wrapper input[type=checkbox] + label:hover:before,
.gform_wrapper input[type=checkbox] + span:hover:before {
  content: '\5a'; 
  	filter: alpha(opacity=20); 
  	opacity: 0.2;
}
.gform_wrapper input[type=checkbox]:checked + label:before,
.gform_wrapper input[type=checkbox]:checked + span:before {
  	content: '\5a';
}
.gform_wrapper input[type=checkbox]:checked + label:hover:before,
.gform_wrapper input[type=checkbox]:checked + span:hover:before { 
  	filter: alpha(opacity=100);
  	opacity: 1; 
}
.gform_wrapper input[type=radio] + label:before { 
  	content: '\5b';
}
.gform_wrapper input[type=radio] + label:hover:before { 
  	content: '\5c'; 
  	filter: alpha(opacity=20); 
  	opacity: 0.2; 
}
.gform_wrapper input[type=radio]:checked + label:before { 
  	content: '\5c'; 
}
.gform_wrapper input[type=radio]:checked + label:hover:before { 
  	filter: alpha(opacity=100);
  	opacity: 1; 
}



/*----- RECRUITEE STYLING -----*/
.rt-list__offer-item {
	border-color: #d8d8d8 !important;
}

.rt-theme-light.rt-body {
	background: #fff;
	border: none !important;
	border-radius: 30px !important;
	box-shadow: none !important;
}
.rt-list__offer-item:hover .rt-list__offer-title {
	color: #252E56 !important;
	text-decoration: none !important;
}
.rt-body {
	padding: 30px 42px 20px 40px !important;
}
#recruitee-careers-details-container .rt-theme-light .rt__button--action {
	border-radius: 30px !important;
	padding: 17px 20px !important;
	color: #fff !important;
 	font-size: 17px !important;
 	font-weight: 600 !important;
	background-image: linear-gradient(150deg,rgba(37,46,86,0.3) 0%,#00cccc 65%,rgba(37,46,86,0.3) 100%) ;
	background-color: #1BC1C1 !important;
	transition-property: all !important;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.15);
	background-size: 150%;
	transition: all 300ms ease 0ms;
	border: none !important;
}
.rt__button--action:hover {
	background-position: right;
}

#recruitee-careers-details-container .rt-theme-light .rt__button:not(.rt__button--action),
#recruitee-careers .rt-theme-light .rt__button:not(.rt__button--action) {
	box-shadow: none !important;
	border-radius: 30px;
	color: #252e56 !important;
	font-size: 17px;
	font-weight: 600;
	border: 1px solid #00cccc !important;
	padding: 17px 20px;		
}

/*----- Merkbätter -----*/



.merkblattzeile a {
  color: #252e56;
	font-size: 16px;
}



ul li.merkblattzeile {
  list-style: none;
  position: relative;
	margin-bottom: 10px;
}

ul li.merkblattzeile::before {
  content: '';
display: inline-block;      
  background: url('/wp-content/uploads/2025/10/list-type-merkblaetter.webp') no-repeat center;
  background-size: contain;
  width: 12px;
  height: 12px;
	margin-right: 5px;
}

ul li.merkblattzeile:has(.mb_teaser[style*="display: block"])::before {
  background-image: url('/wp-content/uploads/2025/10/list-type-merkblaetter.webp');
}

/*----- Zwei Spalten nebeneinander -----*/
@media only screen and (min-width: 594px) and (max-width: 980px) { 
  .zwei-columns-nebeneinander-handy .et_pb_column {
    margin-right: 5%;
  }

  .zwei-columns-nebeneinander-handy .spalte1-handy {
    width: 30% !important;
  }

  .zwei-columns-nebeneinander-handy .spalte2-handy {
    width: 60% !important;
    margin-right: 5%; /* optional, falls du den Abstand bei der zweiten Spalte weghaben willst */
  }
}


@media only screen and (min-width: 594px) and (max-width: 980px) { 
.zwei-columns-nebeneinander .et_pb_column {
	width: 45% !important;
	margin-right: 5%;

}
}


/*----- Drei Spalten nebeneinander -----*/

@media only screen and (min-width: 594px) and (max-width: 980px) {
.drei-columns-app .et_pb_column, .drei-columns-checkliste .et_pb_column{
	width: 29.6667% !important;
	margin-right: 4%;

	}
}

/*---- SPALTENREIHENFOLGE MOBIL ÄNDERN ----*/
@media only screen and (max-width: 980px) {
.change-col-order {
	display: flex; flex-wrap: wrap; 
}
.change-col-order .et_pb_column:first-child {
	order: 2;
	margin-bottom: 0;
}
.change-col-order .et_pb_column:last-child {
	order: 1;
	margin-bottom: 30px;
}
}



/*---- Mobile Optimierung Menü ----*/

@media only screen and (min-width: 975px) and (max-width: 1123px) {
	#top-menu li  {
    font-size: 13px;
	} }
@media only screen and (min-width: 975px) and (max-width: 1123px) {
  #logo {
    max-height: 40% !important;
	 }
	}
	

.pe-front-page{
	width:95%
}