/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* Brother1816-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: 'Brother1816';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Brother-1816-Regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Brother1816 - 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: 'Brother1816';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/BrotherXL-MediumXL.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Brother1816 -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: 'Brother1816';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/Brother-1816-Bold.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* =========================================================
   01. Custom Icon List
   ========================================================= */

.post-content ul.custom-icon-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

.post-content ul.custom-icon-list li {
  list-style: none !important;
  background-image: url("/wp-content/uploads/2026/03/Rectangle-21.png");
  background-repeat: no-repeat;
  background-size: 14px 14px;      /* Größe des Quadrats */
  background-position: left 7px;   /* vertikale Position */
  padding-left: 28px !important;   /* Abstand Icon zu Text */
  margin-bottom: 12px;
  line-height: 28px;
}

.post-content ul.custom-icon-list li::marker {
  content: "";
}


/* =========================================================
   02. Icon Box Styling
   ========================================================= */

/* Custom Color for Icon Box */
.style-light .panel-title > a > span:after,
.icon-box-heading > * {
  line-height: 1.5em;
  color: #a52150 ! Important;
}

/* Custom Padding for Icon Box */
.icon-box-left:not(.icon-box-space-reduced) .icon-box-content {
  padding-left: 15px;
}

.icon-box-left .icon-box-icon,
.icon-box-right .icon-box-icon {
  padding-top: 7px;
}


/* =========================================================
   03. Accordion Styling
   ========================================================= */

.wpb_accordion_content {
	padding: 14px 0;
}

@media (min-width: 960px) {
	.uncont:has(.wpb_accordion) {
		margin-top: -16px !important;
	}
	.panel:not(.has-padding) .panel-title > a {
		padding: 16px 0;
	}
	.panel-title > a > span::after {
		top: 30px;
	}
}
@media (max-width: 959px) {
	.uncont:has(.wpb_accordion) {
		margin-top: -10px !important;
	}
	.wpb_accordion_content {
		padding: 10px 0;
	}
	.panel:not(.has-padding) .panel-title > a {
		padding: 14px 0;
	 }
	.panel-title > a > span::after {
		top: 25px;
	}
}

@media (max-width: 570px) {
		.uncont:has(.wpb_accordion) {
			margin-top: -16px !important;
		}
	  .wpb_accordion_content {
		padding: 6px 0;
	  }
	 .panel:not(.has-padding) .panel-title > a {
		padding: 12px 0;
	 }
	.panel-title > a > span::after {
		top: 23px;
	}
}

.panel-title > a.single-block-padding {
  margin-bottom: -65px;
  margin-top: -55px;
}

/* =========================================================
   04. Global Typography
   ========================================================= */

p {
  line-height: 34px;
}


/* =========================================================
   05. Button / Arrow Styling
   ========================================================= */

/* Custom Arrow Style */
.btn-icon-right .fa {
  position: relative;
  top: 2px;
}


/* =========================================================
   06. Mobile Menu / Burger Icon
   ========================================================= */

@media (max-width: 959px) {
  .mmb-container .mobile-menu-button.lines-button .lines,
  .mmb-container .mobile-menu-button.lines-button .lines:before,
  .mmb-container .mobile-menu-button.lines-button .lines:after,
  .mmb-container .mobile-menu-button.lines-button span,
  .mmb-container .mobile-menu-button.lines-button span:before,
  .mmb-container .mobile-menu-button.lines-button span:after {
    background-color: #a52150 !important;
    height: 3px !important;
    border-radius: 0 !important;
  }

  .mmb-container .mobile-menu-button.lines-button .lines:before,
  .mmb-container .mobile-menu-button.lines-button span:before {
    top: -7px !important;
  }

  .mmb-container .mobile-menu-button.lines-button .lines:after,
  .mmb-container .mobile-menu-button.lines-button span:after {
    top: 7px !important;
  }
}


/* =========================================================
   07. Mobile Layout Anpassungen: Hero, Intro, Bilder, Rows
   ========================================================= */

@media (min-width: 571px) and (max-width: 959px) {
	.hero .col-md-66 {
		width: 60%;
	}
	.hero .col-md-33 {
		width: 40%;
	}
}

@media (max-width: 570px) {
  .mobile-hero.uncell.single-block-padding,
  .mobile-hero .uncell.single-block-padding {
    padding: 25px 20px 25px 20px !important;
  }
}

/* @media (max-width: 1024px) {
  .row-container.mobile-intro .row-parent.double-top-padding.double-bottom-padding.quad-h-padding {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
} */

@media (max-width: 570px) {
  .row-container.mobile-picture .row-parent {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

@media (max-width: 570px) {
  .main-container .row-container .col-half-gutter > .row-inner > div:not(.vc_helper) {
    padding-top: 10px !important;
  }
}

/* @media (max-width: 570px) {
  .uncode-single-media .uncode-single-media-wrapper > .dummy ~ img,
  .uncode-single-media .uncode-single-media-wrapper > .dummy + * {
    padding-top: 10px !important;
  }
} */

@media (max-width: 570px) {
  .main-container .col-half-gutter > .cols-sm-responsive > div[class*=col-sm] {
    padding-left: 10px;
  }
}

@media (max-width: 570px) {
  .main-container .row-container .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]),
  .main-container .row-container .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]) {
    margin-top: 0px !important;
  }
}

@media (max-width: 570px) {
  .row-container.mobile-intro-leistungen .row-parent,
  .quad-h-padding {
    padding: 1px 20px 30px 20px !important;
  }
}

@media (max-width: 570px) {
  .row-container.mobile-value-leistung .row-parent.triple-top-padding.triple-bottom-padding {
    padding-top: 23px !important;
    padding-bottom: 23px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 570px) {
  .main-container .cols-sm-responsive > div[class*=col-sm].col-sm-clear {
    padding-top: 10px;
  }
}

@media (min-width: 960px) {
	.main-container .row-container .row-parent{
		padding-left: 72px;
		padding-right: 72px;
	}
	.row-mb-80px {
		margin-bottom: 80px;
	}
	.row-pt-56px > .row {
		padding-top: 56px !important;
	}
	.row-pt-88px > .row {
		padding-top: 88px !important;
	}
	.row-pb-88px > .row {
		padding-bottom: 88px !important;
	}
	.row-pt-128px > .row {
		padding-top: 128px !important;
	}
	.row-pb-128px > .row {
		padding-bottom: 128px !important;
	}
	.row-w-60pc > .row {
		max-width: 60%;
	}
	.row-w-83pc > .row {
		max-width: 82.5%;
	}
	.col-w-528px .uncont {
		max-width: 528px !important;
	}
	.vc_custom_heading_wrap + .btn-container,
	.uncode_text_column + .btn-container,
	.vc_custom_heading_wrap + .uncode_text_column,
	.uncode-single-media + .vc_custom_heading_wrap  {
		margin-top: 48px !important;
	}
}
@media (max-width: 959px) {
	.main-container .row-container .row-parent{
		padding-left: 56px;
		padding-right: 56px;
	}
	.row-mb-80px {
		margin-bottom: 40px;
	}
	.main-container .row-mb-80px .row-inner > div:not(:first-child):not([class*="col-md"]) {
		padding-top: 40px;
	}
	.row-pt-56px > .row {
		padding-top: 32px !important;
	}
	.row-pt-88px > .row {
		padding-top: 68px !important;
	}
	.row-pb-88px > .row {
		padding-bottom: 68px !important;
	}
	.row-pt-128px > .row {
		padding-top: 68px !important;
	}
	.row-pb-128px > .row {
		padding-bottom: 68px !important;
	}
	.vc_custom_heading_wrap + .btn-container,
	.uncode_text_column + .btn-container,
	.vc_custom_heading_wrap + .uncode_text_column,
	.uncode-single-media + .vc_custom_heading_wrap {
		margin-top: 32px !important;
	}
}
@media (max-width: 570px) {
	.main-container .row-container .row-parent{
		padding-left: 20px;
		padding-right: 20px;
	}
	.row-mb-80px {
		margin-bottom: 32px;
	}
	.main-container .row-mb-80px .row-inner > div:not(:first-child):not([class*="col-md"]) {
		padding-top: 32px;
	}
	.row-pt-88px > .row {
		padding-top: 40px !important;
	}
	.row-pb-88px > .row {
		padding-bottom: 40px !important;
	}
	.row-pt-128px > .row {
		padding-top: 48px !important;
	}
	.row-pb-128px > .row {
		padding-bottom: 48px !important;
	}
	.vc_custom_heading_wrap + .btn-container,
	.uncode_text_column + .btn-container,
	.vc_custom_heading_wrap + .uncode_text_column,
	.uncode-single-media + .vc_custom_heading_wrap {
		padding-top: 24px !important;
		margin-top: 0 !important;
	}

}

.hero .uncode-single-media img {
	object-fit: cover;
	max-height: 390px;
}
@media (min-width: 571px) {
	.hero .uncode-single-media,
	.hero .uncode-single-media * {
		display: block;
		height: 100%;
	}
	.hero .uncode-single-media img {
		min-height: 495px;
		max-height: 581px;
	}
	.hero .uncode-single-media img {
		min-height: 315px;
	}
}

@media (min-width: 960px) {
	.mobile-hero .single-block-padding {
		padding: 72px;
		max-height: 581px;
	}
	.hero .uncode-single-media img {
		min-height: 495px;
		max-height: 581px;
	}
}

/* =========================================================
   08. Mobile Typography
   Breakpoint: bis 572px
   ========================================================= */

@media (max-width: 572px) {
	body, p, li, dt, dd, dl, address, label, pre, code, .nav-tabs .tab-excerpt, .block-wrapper-parent {
		font-size: 15px;
	}
  h1:not([class*="fontsize-"]),
  .h1:not([class*="fontsize-"]),
  .fontheight-525889 {
    font-size: 20px;
    line-height: 24px !important;
  }
  h2:not([class*="fontsize-"]),
  .h2:not([class*="fontsize-"]),
  .fontheight-105116,
  .text-lead,
  .text-lead:not(ul):not(ol) > * {
    font-size: 15px;
    line-height: 20px !important;
  }
  h3:not([class*="fontsize-"]),
  .h3:not([class*="fontsize-"]),
  .fontheight-146109 {
    font-size: 15px;
    line-height: 18px !important;
  }
  h4:not([class*="fontsize-"]),
  .h4:not([class*="fontsize-"]),
  .fontheight-199205 {
    font-size: 15px;
    line-height: 20px !Important;
  }
  h5:not([class*="fontsize-"]),
  .h5:not([class*="fontsize-"]),
  .h5 {
    font-size: 12px;
    line-height: 18px !important;
  }
  p {
    font-size: 15px;
    line-height: 20px;
  }
  .fontsize-102795 {
    font-size: 15px;
    line-height: 16px !important;
  }
  .mobile-text {
    line-height: 30px !Important;
  }
}


/* =========================================================
   Globale Tablet-Typografie nach Figma
   Ersetzt den bisherigen Block für 571–959 px vollständig.
   ========================================================= */

@media (min-width: 571px) and (max-width: 959px) {
  body,
  p,
  li,
  dt,
  dd,
  dl,
  address,
  label,
  pre,
  code,
  .nav-tabs .tab-excerpt,
  .block-wrapper-parent {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
  }

  h1:not([class*="fontsize-"]),
  .h1:not([class*="fontsize-"]),
  .fontheight-525889 {
    font-size: 26px;
    line-height: 32px !important;
    letter-spacing: 0;
  }

  h2:not([class*="fontsize-"]),
  .h2:not([class*="fontsize-"]),
  .fontheight-105116,
  .text-lead,
  .text-lead:not(ul):not(ol) > * {
    font-size: 20px;
    line-height: 28px !important;
    letter-spacing: 0;
  }

  h3:not([class*="fontsize-"]),
  .h3:not([class*="fontsize-"]),
  .fontheight-146109 {
    font-size: 17px;
    line-height: 22px !important;
    letter-spacing: 0;
  }

  h4:not([class*="fontsize-"]),
  .h4:not([class*="fontsize-"]),
  .fontheight-199205,
  h5:not([class*="fontsize-"]),
  .h5:not([class*="fontsize-"]),
  .h5 {
    font-size: 14px;
    line-height: 20px !important;
    letter-spacing: 0;
  }

  p {
    font-size: 16px;
    line-height: 22px;
  }

  .fontsize-102795 {
    font-size: 16px;
    line-height: 22px !important;
  }
}
/* =========================================================
   Values Slider
   Desktop: 2 Cards sichtbar, 3. Card angeschnitten
   Tablet: 2 Cards sichtbar
   Mobile: 1 Card sichtbar
   ========================================================= */

.values-scroll {
  display: flex;
  gap: 45px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 45px;
  padding-right: 0;

  scrollbar-width: none;
  -ms-overflow-style: none;

  align-items: flex-start;
}

.values-scroll::-webkit-scrollbar {
  display: none;
}

.value-card {
  flex: 0 0 calc((100% - 180px) / 2.3);
  scroll-snap-align: start;

  display: grid;
  grid-template-columns: 40px 1fr;
  grid-template-rows: auto auto;
  column-gap: 28px;

  align-items: start;
  align-content: start;
  justify-items: start;
}

.value-head {
  display: contents;
}

.value-number {
  grid-column: 1;
  grid-row: 1;
  font-size: 38px;
  font-weight: 700;
  line-height: 40px;
  color: #b01855;

  align-self: start;
}

.value-title {
  grid-column: 2;
  grid-row: 1;
  font-size: 22px;
  line-height: 34px;
  color: #213b56;

  align-self: start;
}

.value-card p {
  grid-column: 2;
  grid-row: 2;
  font-size: 24px;
  line-height: 1.42;
  color: #fff;
  margin: 10px 0 0 0;
  text-align: left;
  max-width: 520px;

  align-self: start;
}

/* Tablet */
@media (max-width: 959px) and (min-width: 571px) {
  .values-scroll {
    gap: 40px;
    align-items: flex-start;
  }

  .value-card {
    flex: 0 0 calc((100% - 40px) / 2);
    grid-template-columns: 70px 1fr;
    column-gap: 18px;

    align-items: start;
    align-content: start;
  }

  .value-card p {
    font-size: 16px !important;
    line-height: 22px !important;
  }
}

/* Mobile */
@media (max-width: 570px) {
  .values-scroll {
    gap: 30px;
    align-items: flex-start;
  }

  .value-card {
    flex: 0 0 85%;
    grid-template-columns: 55px 1fr;
    column-gap: 15px;

    align-items: start;
    align-content: start;
  }

  .value-card p {
    font-size: 15px !important;
    line-height: 20px !important;
    margin-top: 12px;
  }
}
/* =========================================================
   12. Jobs List Shortcode
   ========================================================= */


.jobs-list-item {
	margin-bottom: 80px !important;
}

.jobs-list-item .uncode_text_column.text-small {
	margin: 0 !important;
	padding: 0 !important;
}

.jobs-list-item p {
	margin: 24px 0 !important;
}

.jobs-list-item h4,
.jobs-list-item p,
.jobs-list-item .text-small,
.jobs-list-item .text-small > * {
  font-size: 18px !important;
  line-height: 1.5;
}

@media (max-width: 570px) {
  .jobs-list-item h4,
  .jobs-list-item p,
  .jobs-list-item .text-small,
  .jobs-list-item .text-small > * {
    font-size: 15px !important;
  }
}
@media (min-width: 960px) {
  .main-container .row-container.values-slider-row .row-parent {
    padding-left: 72px !important;
    padding-right: 0 !important;
  }

  .main-container .row-container.values-slider-row .values-scroll {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* =========================================================
   13. Header
   ========================================================= */
#masthead .row-menu-inner {
	padding: 36px 72px !important;
}
@media (min-width: 571px) and (max-width: 959px) {
	#masthead .row-menu-inner {
		padding: 0 !important;
	}
	#logo-container-mobile {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
}
@media (max-width: 570px) {

	#masthead {

		transition: none
	}
	.is_stuck #masthead {
		transition: all 0.25s;
	}
	#masthead .row-menu-inner {
		padding: 0 !important;
	}
	#logo-container-mobile {
		padding: 72px 20px 22px !important;
	}
	.is_stuck #logo-container-mobile {
		padding-top: 22px !important;
	}
	#main-logo .navbar-brand img {
		object-fit: contain;
	}
	.mobile-menu-button {
		align-items: flex-end;
		padding-bottom: 32px;
	}
}

/* Quote */

.row-quote-icon,
.row-quote-icon * {
	margin: 0 !important;
	padding: 0 !important;
}
.row-quote-icon {
	margin-bottom: 8px !important;
}

.row-quote-icon .shift_x_single {
	left: 0 !important;
}
.row-quote-icon .single-wrapper {
	max-width: none !important;
}
@media (min-width: 960px) {
	.row-quote-icon ~ * {
		padding-right: 109px;
	}
	.row-quote-icon .single-wrapper {
		max-width: none !important;
		width: 58px;
	}
}
@media (min-width: 571px) and (max-width: 959px) {
	.row-quote-icon .single-wrapper {
		width: 40px;
	}
}
@media (max-width: 570px) {
	.row-quote-icon .single-wrapper {
		width: 35px;
	}
}

    min-height: 100vh !important;
    overflow-y: auto !important;
    background: #ebe7e4 !important;
  }

  body.open-overlay-menu #logo-container-mobile {
    position: relative !important;
    z-index: 3 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  body.open-overlay-menu #main-logo {
    visibility: hidden !important;
  }

  

  body.open-overlay-menu .main-menu-container,
  body.open-overlay-menu .menu-horizontal,
  body.open-overlay-menu #uncode-mobile-menu-block,
  body.open-overlay-menu #row-unique-0 {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 100vh !important;
    background: #ebe7e4 !important;
  }

  body.open-overlay-menu #row-unique-0 {
    padding: 0 !important;
  }

  body.open-overlay-menu #row-unique-0 > .row-parent {
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh !important;
    padding: 0 15.6% !important;
  }

  body.open-overlay-menu #row-unique-0 .uncont {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
  }

  body.open-overlay-menu #row-unique-0 .empty-space {
    display: none !important;
  }

  body.open-overlay-menu #menu-home-menue-1 {
    display: grid !important;
    row-gap: 18px !important;
    width: 100% !important;
    margin-top: 28vh !important;
  }

  body.open-overlay-menu #menu-home-menue-1 > li,
  body.open-overlay-menu #menu-home-menue-1 > li > a {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.open-overlay-menu #menu-home-menue-1 > li > a,
  body.open-overlay-menu #menu-home-menue-1 > li > a > span {
    font-size: 28px !important;
    line-height: 34px !important;
  }

  body.open-overlay-menu .mobile-menu-custom {
    margin-top: auto !important;
    margin-bottom: 14vh !important;
    font-size: 16px !important;
    line-height: 20px !important;
  }

  body.open-overlay-menu .mobile-menu-custom p,
  body.open-overlay-menu .mobile-menu-custom a {
    font-size: 16px !important;
    line-height: 20px !important;
  }
}

/* =========================================================
   Startseite – Mobile
   ========================================================= */

@media (max-width: 570px) {
  /* Bereits vorhandene Startseiten-Korrektur zentralisieren */
  body:is(.page-id-65, .page-id-565)
  .row-container.mobile-intro.row-w-60pc.row-pt-128px.row-pb-128px
  .vc_custom_heading_wrap + .uncode_text_column {
    margin-top: 0 !important;
    padding-top: 16px !important;
  }

  /* Hero-Textfläche im Figma etwas höher */
  body:is(.page-id-65, .page-id-565) .mobile-hero.uncell.single-block-padding,
  body:is(.page-id-65, .page-id-565) .mobile-hero .uncell.single-block-padding {
    padding: 32px 20px !important;
  }

  /* Jobs: vertikale Abstände zwischen Bild, Text und Button */
  body:is(.page-id-65, .page-id-565) #row-unique-3
  .uncode-single-media + .vc_custom_heading_wrap,
  body:is(.page-id-65, .page-id-565) #row-unique-3
  .vc_custom_heading_wrap + .btn-container {
    margin-top: 0 !important;
    padding-top: 16px !important;
  }
}

/* =========================================================
   Tablet-Footer – bisheriges finales Layout, ohne Doppelregeln
   ========================================================= */

@media (min-width: 571px) and (max-width: 959px) {
  body #colophon
  .row-container.style-color-320570-bg.desktop-hidden.mobile-hidden
  .row-parent {
    padding: 72px 56px !important;
  }

  body #colophon
  .row-container.style-color-320570-bg.desktop-hidden.mobile-hidden
  .row-inner {
    display: grid !important;
    grid-template-columns: 24% 44% 18% 14% !important;
    align-items: start !important;
    column-gap: 0 !important;
  }

  body #colophon
  .row-container.style-color-320570-bg.desktop-hidden.mobile-hidden
  .row-inner > .wpb_column {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
  }

  body #colophon .footer-tablet-logo,
  body #colophon .footer-tablet-contact,
  body #colophon .footer-tablet-nav-main,
  body #colophon .footer-tablet-nav-meta {
    left: 0 !important;
    transform: none !important;
  }

  body #colophon .footer-tablet-logo img,
  body #colophon .footer-tablet-logo .uncode-single-media,
  body #colophon .footer-tablet-logo .single-wrapper,
  body #colophon .footer-tablet-logo .uncode-single-media-wrapper {
    width: 130px !important;
    max-width: 130px !important;
    height: auto !important;
  }

	/* Nach dem kompakten vRGP-Block einfügen. */
@media (min-width:571px) and (max-width:959px){
 body.open-overlay-menu .menu-container.style-color-xsdn-bg,
 body.open-overlay-menu .row-menu,
 body.open-overlay-menu .row-menu-inner,
 body.open-overlay-menu #logo-container-mobile,
 body.open-overlay-menu .mmb-container{background:#ebe7e4!important}

 body.open-overlay-menu .main-menu-container{
  position:fixed!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100vh!important;
  min-height:100vh!important;
  background:#ebe7e4!important
 }
}
/*
 * WICHTIG: Die erste Klammer schließt den versehentlich offenen
 * Tablet-Media-Block im bestehenden Stylesheet.
 * Diesen gesamten Block ganz ans Ende der style.css setzen.
 */
}

@media (min-width:960px){
  /* Jobs-Bild auf dieselbe linke 72-px-Kante wie der Block darüber. */
  body:is(.page-id-65, .page-id-565) #row-unique-3
  .row-internal .wpb_column.pos-top .uncont{
    margin-left:0!important;
    margin-right:auto!important;
  }

  /* Beide nachfolgenden Textblöcke weiter nach rechts laufen lassen. */
  body:is(.page-id-65, .page-id-565) .row-w-60pc>.row{
    max-width:70%!important;
  }

  /* Abstand unter "Gemeinsam gewachsen" verkleinern. */
  body:is(.page-id-65, .page-id-565) #row-unique-4
  .vc_custom_heading_wrap+.uncode_text_column{
    margin-top:16px!important;
  }
}
/* CTA-Pfeile entsprechend der Figma-Vorlage vergrößern. */
.btn-icon-right .fa.fa-arrow-right2{
  position:relative;
  top:3px;
  margin-left:12px!important;
  font-size:24px!important;
  line-height:24px!important;
}
@media (min-width: 571px) and (max-width: 959px) {
  body:is(.page-id-65, .page-id-565) #row-unique-4 h3,
  body:is(.page-id-65, .page-id-565) #row-unique-4 .vc_custom_heading_wrap {
    font-size: 17px !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
  }

  body:is(.page-id-65, .page-id-565) .main-container p {
    font-size: 16px !important;
    line-height: 22px !important;
  }
}

/* Über uns – Partnerkarten / Logos auf Tablet */
@media (min-width: 571px) and (max-width: 959px) {

  /* Leere Rasterspalten entfernen */
  body:is(.page-id-68, .page-id-834) .row-container.mobile-intro
  .vc_row.row-internal .row-inner:has(> .col-lg-2)
  > .col-md-clear {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  /* Nur das erste Logo auf die korrekte Größe bringen */
  body:is(.page-id-68, .page-id-834) .row-container.mobile-intro
  .uncode-single-media:has(img.wp-image-137) .single-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Erstes Logo auf Tablet 16 px einrücken */
  body:is(.page-id-68, .page-id-834) .row-container.mobile-intro img.wp-image-137 {
    display: block !important;
    width: 55% !important;
    height: auto !important;
    max-width: none !important;
    transform: translate(16px, 18px) !important;
  }

  /* Abstand zwischen Logos und Zertifizierungstext */
  body:is(.page-id-68, .page-id-834) .row-container.mobile-intro
  .vc_row.row-internal:has(.col-lg-2) + .vc_custom_heading_wrap {
    margin-top: 32px !important;
  }
}
/* =========================================================
   Leistungen – Desktop-Korrekturen nach Figma
   Seite: /leistungen/ (page-id-70)
   ========================================================= */

@media (min-width: 960px) {
  /* Zitat weiter nach rechts laufen lassen.
     Die globale Quote-Regel begrenzt es sonst um 109 px. */
  body:is(.page-id-70, .page-id-832) .leistungen-quote
  .row-quote-icon ~ .row-container {
    padding-right: 0 !important;
  }

  /* Abschlussbild auf die vollständige Breite seiner
     linken Rasterspalte bringen statt auf 528 px begrenzen. */
  body:is(.page-id-70, .page-id-832) .leistungen-team-cta
  .wpb_column:has(img.wp-image-181) .uncont {
    width: 100% !important;
    max-width: none !important;
  }

  body:is(.page-id-70, .page-id-832) .leistungen-team-cta
  .wpb_column:has(img.wp-image-181) .uncode-single-media,
  body:is(.page-id-70, .page-id-832) .leistungen-team-cta
  .wpb_column:has(img.wp-image-181) .single-wrapper,
  body:is(.page-id-70, .page-id-832) .leistungen-team-cta img.wp-image-181 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
  }

  /* CTA-Pfeil identisch zu den bereits angepassten Pfeilen. */
  body:is(.page-id-70, .page-id-832) .leistungen-team-cta
  .btn-icon-right .fa.fa-arrow-right2 {
    position: relative !important;
    top: 3px !important;
    margin-left: 12px !important;
    font-size: 24px !important;
    line-height: 24px !important;
  }
}
@media (max-width: 570px) {
  body:is(.page-id-70, .page-id-832) .leistungen-services ul.custom-icon-list li {
    background-size: 8px 8px !important;
    background-position: left 10px !important;
    padding-left: 20px !important;
  }
}
/* =========================================================
   Jobs – Abstände zwischen den Stellenangeboten
   Seite: /jobs/ (page-id-72)
   ========================================================= */

/* Desktop */
@media (min-width: 960px) {
  body:is(.page-id-72, .page-id-836) .jobs-list-item {
    margin-bottom: 48px !important;
  }
}

/* Tablet */
@media (min-width: 571px) and (max-width: 959px) {
  body:is(.page-id-72, .page-id-836) .jobs-list-item {
    margin-bottom: 40px !important;
  }
}

/* Mobile */
@media (max-width: 570px) {
  body:is(.page-id-72, .page-id-836) .jobs-list-item {
    margin-bottom: 32px !important;
  }
}
/* =========================================================
   Kontakt – responsive Abstände
   Seite: /kontakt/ (page-id-74)

   Desktop und Tablet entsprechen bereits der Figma-Struktur.
   Auf Mobile überschreibt eine globale .quad-h-padding-Regel
   den oberen Innenabstand der Kontaktzeile mit nur 1 px.
   ========================================================= */

@media (max-width: 570px) {
  body:is(.page-id-74, .page-id-830) .kontakt-main > .row.quad-h-padding {
    padding-top: 64px !important;
    padding-right: 20px !important;
    padding-bottom: 44px !important;
    padding-left: 20px !important;
  }
}
/* =========================================================
   vRGP Footer – finaler Figma-Abgleich

   Diese Regeln ganz ans Ende des Custom CSS setzen.
   Sie überschreiben insbesondere die ältere Tablet-Regel,
   die den Footertext auf 18/28 px vergrößert.
   ========================================================= */

/* Einheitliche Footer-Typografie */
body #colophon .mobilefooter,
body #colophon .mobilefooter p,
body #colophon .mobilefooter a,
body #colophon h5,
body #colophon h5 span,
body #colophon h5 a {
  font-size: 14px !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
}

body #colophon .mobilefooter p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body #colophon .mobilefooter p + p {
  margin-top: 16px !important;
}

body #colophon h5,
body #colophon h5 span,
body #colophon h5 a {
  margin: 0 !important;
  padding: 0 !important;
}

body #colophon h5 span {
  display: block !important;
}

/* ---------------------------------------------------------
   Desktop – 1440-px-Figma-Raster
   --------------------------------------------------------- */
@media (min-width: 960px) {
  body #colophon
  .row-container.style-color-320570-bg.tablet-hidden
  > .row-parent {
    min-height: 320px !important;
    padding-top: 72px !important;
  }

  /* Firmenblock im Figma-Raster 18 px weiter rechts. */
  body #colophon .tablet-hidden
  .vc_row.row-internal .row-inner:not(.cols-sm-responsive)
  > .column_child:nth-child(2) {
    transform: translateX(18px) !important;
  }

  /* Navigation und Metanavigation auf die Figma-Spalten setzen. */
  body #colophon .tablet-hidden
  .row-inner.cols-sm-responsive
  > .column_child:nth-child(1) {
    transform: translateX(-38px) !important;
  }

  body #colophon .tablet-hidden
  .row-inner.cols-sm-responsive
  > .column_child:nth-child(2) {
    transform: translateX(-10px) !important;
  }
}

/* ---------------------------------------------------------
   Tablet – vier bündige Spalten, Figma-Typografie
   --------------------------------------------------------- */
@media (min-width: 571px) and (max-width: 959px) {
  body #colophon
  .row-container.style-color-320570-bg.desktop-hidden.mobile-hidden
  > .row-parent {
    min-height: 360px !important;
    padding: 72px 56px !important;
  }

  /* Alte Uncode-Innengutter entfernen: alle vier Spalten
     beginnen dadurch auf derselben Oberkante. */
  body #colophon .footer-tablet-logo,
  body #colophon .footer-tablet-contact,
  body #colophon .footer-tablet-nav-main,
  body #colophon .footer-tablet-nav-meta {
    padding-top: 0 !important;
  }

  body #colophon .footer-tablet-contact .uncode_text_column {
    margin: 0 !important;
  }

  body #colophon .footer-tablet-contact
  .uncode_text_column + .uncode_text_column {
    margin-top: 24px !important;
  }

  body #colophon .footer-tablet-contact a,
  body #colophon .footer-tablet-nav-main a,
  body #colophon .footer-tablet-nav-meta a {
    line-height: 20px !important;
  }
}

/* ---------------------------------------------------------
   Mobile – bestehende Anordnung beibehalten, nur exakt setzen
   --------------------------------------------------------- */
@media (max-width: 570px) {
  body #colophon
  .row-container.style-color-320570-bg.tablet-hidden
  > .row-parent {
    padding: 36px 20px 72px !important;
  }

  body #colophon .tablet-hidden
  .column_child.single-internal-gutter {
    padding-top: 36px !important;
  }

  body #colophon .tablet-hidden
  .column_child.single-internal-gutter:first-child {
    padding-top: 0 !important;
  }

  body #colophon .tablet-hidden
  .row-inner.cols-sm-responsive a {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}

/* ---------------------------------------------------------
   DESKTOP ab 960 px
   --------------------------------------------------------- */
@media (min-width: 960px) {
  body #colophon
  .row-container.style-color-320570-bg.tablet-hidden
  > .row-parent {
    box-sizing: border-box !important;
    min-height: 320px !important;
    padding: 72px 72px 88px !important;
  }

  /* Desktop-Typografie */
  body #colophon .tablet-hidden .mobilefooter,
  body #colophon .tablet-hidden .mobilefooter p,
  body #colophon .tablet-hidden .mobilefooter a,
  body #colophon .tablet-hidden h5,
  body #colophon .tablet-hidden h5 span,
  body #colophon .tablet-hidden h5 a {
    font-size: 18px !important;
    line-height: 27px !important;
    letter-spacing: 0 !important;
  }

  /* Firmenblock entsprechend dem Desktop-Raster einrücken. */
  body #colophon .tablet-hidden
  .vc_row.row-internal .row-inner:not(.cols-sm-responsive)
  > .column_child:nth-child(2) {
    transform: translateX(18px) !important;
  }

  /* Die beiden rechten Navigationsblöcke weiter trennen. */
  body #colophon .tablet-hidden
  .row-inner.cols-sm-responsive
  > .column_child:nth-child(1) {
    transform: translateX(-60px) !important;
  }

  body #colophon .tablet-hidden
  .row-inner.cols-sm-responsive
  > .column_child:nth-child(2) {
    transform: translateX(8px) !important;
  }

  body #colophon .tablet-hidden
  .row-inner.cols-sm-responsive h5,
  body #colophon .tablet-hidden
  .row-inner.cols-sm-responsive h5 span,
  body #colophon .tablet-hidden
  .row-inner.cols-sm-responsive h5 span > a {
    line-height: 32px !important;
  }
}

/* ---------------------------------------------------------
   TABLET 571–959 px
   --------------------------------------------------------- */
@media (min-width: 571px) and (max-width: 959px) {
  body #colophon
  .row-container.style-color-320570-bg.desktop-hidden.mobile-hidden
  > .row-parent {
    box-sizing: border-box !important;
    min-height: 360px !important;
    padding: 72px 56px !important;
  }

  /* Vollständiges Vier-Spalten-Raster. */
  body #colophon
  .row-container.style-color-320570-bg.desktop-hidden.mobile-hidden
  .row-inner {
    display: grid !important;
    grid-template-columns: 24% 44% 18% 14% !important;
    align-items: start !important;
    column-gap: 0 !important;
  }

  body #colophon
  .row-container.style-color-320570-bg.desktop-hidden.mobile-hidden
  .row-inner > .wpb_column {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    left: auto !important;
  }

  body #colophon .footer-tablet-logo,
  body #colophon .footer-tablet-contact,
  body #colophon .footer-tablet-nav-main,
  body #colophon .footer-tablet-nav-meta {
    padding-top: 0 !important;
  }

  /* Tablet-Logo */
  body #colophon .footer-tablet-logo img,
  body #colophon .footer-tablet-logo .uncode-single-media,
  body #colophon .footer-tablet-logo .single-wrapper,
  body #colophon .footer-tablet-logo .uncode-single-media-wrapper {
    width: 130px !important;
    max-width: 130px !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* Kontaktblöcke */
  body #colophon .footer-tablet-contact {
    transform: none !important;
  }

  body #colophon .footer-tablet-contact .uncode_text_column {
    margin: 0 !important;
  }

  body #colophon .footer-tablet-contact
  .uncode_text_column + .uncode_text_column {
    margin-top: 24px !important;
  }

  body #colophon .footer-tablet-contact a {
    display: block !important;
    margin: 0 !important;
    line-height: 20px !important;
  }

  /* Rechte Navigationsblöcke horizontal weiter trennen. */
  body #colophon .footer-tablet-nav-main {
    transform: translateX(-12px) !important;
  }

  body #colophon .footer-tablet-nav-meta {
    transform: translateX(12px) !important;
  }

  /* Mehr vertikaler Abstand zwischen den Links. */
  body #colophon .footer-tablet-nav-main h5,
  body #colophon .footer-tablet-nav-meta h5,
  body #colophon .footer-tablet-nav-main h5 span,
  body #colophon .footer-tablet-nav-meta h5 span,
  body #colophon .footer-tablet-nav-main h5 span > a,
  body #colophon .footer-tablet-nav-meta h5 span > a {
    font-size: 14px !important;
    line-height: 28px !important;
  }
}

/* ---------------------------------------------------------
   MOBILE bis 570 px
   --------------------------------------------------------- */
@media (max-width: 570px) {
  body #colophon
  .row-container.style-color-320570-bg.tablet-hidden
  > .row-parent {
    box-sizing: border-box !important;
    padding: 36px 20px 72px !important;
  }

  /* Mobile-Logo */
  body #colophon .tablet-hidden img.wp-image-97,
  body #colophon .tablet-hidden .uncode-single-media:has(img.wp-image-97),
  body #colophon .tablet-hidden
  .uncode-single-media:has(img.wp-image-97) .single-wrapper {
    width: 105px !important;
    max-width: 105px !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* Gleichmäßige Abstände zwischen Logo und Kontaktblöcken. */
  body #colophon .tablet-hidden
  .column_child.single-internal-gutter {
    padding-top: 36px !important;
  }

  body #colophon .tablet-hidden
  .column_child.single-internal-gutter:first-child {
    padding-top: 0 !important;
  }

  /* Zwei getrennte Navigationsspalten mit größerem Abstand. */
  body #colophon .tablet-hidden
  .row-inner.cols-sm-responsive {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 32px !important;
    align-items: start !important;
  }

  body #colophon .tablet-hidden
  .row-inner.cols-sm-responsive > .column_child {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  body #colophon .tablet-hidden
  .row-inner.cols-sm-responsive h5,
  body #colophon .tablet-hidden
  .row-inner.cols-sm-responsive h5 span,
  body #colophon .tablet-hidden
  .row-inner.cols-sm-responsive h5 span > a {
    font-size: 14px !important;
    line-height: 28px !important;
  }
}


 /* =========================================================
   Über uns – Partnerlogos sauberer Reset v2
   Seite: /ueber-uns/ = page-id-68

   Bitte:
   1. Alle alten partner-logos-row Regeln löschen.
   2. Diesen Block ganz ans Ende vom Custom CSS setzen.
   3. Single-Media-Module normal / 100% lassen.

   Grund:
   Uncode setzt bei Logo 2–4 zusätzlich .shift_x_neg_double
   mit left:-72px. Dadurch stimmt das Grid zwar, aber die Logos
   werden optisch nach links gezogen.
   ========================================================= */

body:is(.page-id-68, .page-id-834) .partner-logos-row
> .row.row-child {
  display: block !important;
}

body:is(.page-id-68, .page-id-834) .partner-logos-row
> .row.row-child
> .row-inner {
  display: inline-grid !important;
  align-items: center !important;
  justify-content: start !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
}

body:is(.page-id-68, .page-id-834) .partner-logos-row
> .row.row-child
> .row-inner
> .wpb_column {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  clear: none !important;
}

/* Wichtig: Uncode-Verschiebung der Logos 2–4 neutralisieren. */
body:is(.page-id-68, .page-id-834) .partner-logos-row .uncol,
body:is(.page-id-68, .page-id-834) .partner-logos-row .shift_x_neg_double {
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

body:is(.page-id-68, .page-id-834) .partner-logos-row .uncol,
body:is(.page-id-68, .page-id-834) .partner-logos-row .uncoltable,
body:is(.page-id-68, .page-id-834) .partner-logos-row .uncell,
body:is(.page-id-68, .page-id-834) .partner-logos-row .uncont,
body:is(.page-id-68, .page-id-834) .partner-logos-row .uncode-single-media,
body:is(.page-id-68, .page-id-834) .partner-logos-row .single-wrapper,
body:is(.page-id-68, .page-id-834) .partner-logos-row .tmb,
body:is(.page-id-68, .page-id-834) .partner-logos-row .t-inside,
body:is(.page-id-68, .page-id-834) .partner-logos-row .t-entry-visual,
body:is(.page-id-68, .page-id-834) .partner-logos-row .t-entry-visual-tc,
body:is(.page-id-68, .page-id-834) .partner-logos-row .uncode-single-media-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

body:is(.page-id-68, .page-id-834) .partner-logos-row img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  object-fit: contain !important;
}

/* Desktop */
@media (min-width: 960px) {
  body:is(.page-id-68, .page-id-834) .partner-logos-row
  > .row.row-child
  > .row-inner {
    grid-template-columns: 42px 112px 128px 128px !important;
    column-gap: 28px !important;
  }
}

/* Tablet */
@media (min-width: 571px) and (max-width: 959px) {
  body:is(.page-id-68, .page-id-834) .partner-logos-row
  > .row.row-child
  > .row-inner {
    grid-template-columns: 30px 79px 79px 79px !important;
    column-gap: 16px !important;
  }
}

/* Mobile */
@media (max-width: 570px) {
  body:is(.page-id-68, .page-id-834) .partner-logos-row
  > .row.row-child
  > .row-inner {
    grid-template-columns: 30px 91px 91px 91px !important;
    column-gap: 16px !important;
  }
}
@media (min-width: 571px) and (max-width: 959px) {
  body:is(.page-id-68, .page-id-834) .values-slider-row .values-scroll {
    box-sizing: border-box !important;
    padding-left: 72px !important;
    padding-right: 72px !important;
    scroll-padding-left: 72px !important;
    scroll-padding-right: 72px !important;
  }
}

@media (max-width: 570px) {
  body:is(.page-id-68, .page-id-834) .values-slider-row .values-scroll {
    box-sizing: border-box !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    scroll-padding-left: 32px !important;
    scroll-padding-right: 32px !important;
  }
}
/* =========================================================
   Header – Polylang minimaler Figma-Fix v6

   Final:
   - CTA-Sprachumschalter reserviert keinen Platz im Menüfluss.
   - Rechts bündig mit "Kontakt".
   - Reihenfolge: DE EN.
   - Typo: 14px / 24px.
   - Klickbar: liegt über der 127px hohen Kontakt-Hitbox.

   Bitte ältere Header-Polylang-Blöcke löschen/ersetzen.
   ========================================================= */

@media (min-width: 960px) {
  body #masthead .main-menu-container {
    position: relative !important;
	}}

  body #masthead .navbar-cta.navbar-nav-last {
    position: absolute !important;
    right: 13px !important;
    top: 24px !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 24px !important;
    z-index: 1000 !important;
    pointer-events: auto !important;
  }

  body #masthead #menu-sprachumschalter.menu-cta-inner {
    position: relative !important;
    z-index: 1001 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 8px !important;
    line-height: 24px !important;
    pointer-events: auto !important;
  }

  body #masthead #menu-sprachumschalter > li.lang-item {
    position: relative !important;
    z-index: 1002 !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 24px !important;
    pointer-events: auto !important;
  }

  body #masthead #menu-sprachumschalter > li.lang-item > a {
    position: relative !important;
    z-index: 1003 !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 24px !important;
    letter-spacing: 0 !important;
    pointer-events: auto !important;
  }

  /* Figma-Reihenfolge: DE EN */
  body #masthead #menu-sprachumschalter > li.lang-item-de {
    order: 1 !important;
  }

  body #masthead #menu-sprachumschalter > li.lang-item-en {
    order: 2 !important;
  }

 body #masthead #menu-sprachumschalter > li.current-lang > a {
  color: rgba(52, 73, 94, 0.45) !important;
}

body #masthead #menu-sprachumschalter > li:not(.current-lang) > a {
  color: #34495e !important;
}
	/* =========================================================
   Header – englisches Logo über Polylang/Sprache
   ========================================================= */

html[lang^="en"] #masthead .navbar-brand img {
  content: url("/wp-content/uploads/2026/06/vRGP_Logo_EN.svg") !important;
  max-height: 55px !important;
  width: auto !important;
}
	/* =========================================================
   Textlinks mit Pfeil – Hoverfarbe
   Beispiele: Unsere Leistungen, Zu den Jobs, Mehr erfahren
   ========================================================= */

body .btn-container a.custom-link.btn-icon-right:hover,
body .btn-container a.custom-link.btn-icon-right:focus {
  color: #80193E !important;
  border-color: #80193E !important;
  background-color: transparent !important;
}

body .btn-container a.custom-link.btn-icon-right:hover *,
body .btn-container a.custom-link.btn-icon-right:focus * {
  color: #80193E !important;
  border-color: #80193E !important;
}

	/* =========================================================
   Über uns / About us – fehlende seiteninterne Uncode-Regeln

   Live-Check:
   Die englische About-Seite ist page-id-834.
   Diese Regeln existieren live nur als Inline-CSS für page-id-68
   und waren deshalb nicht in der großen Custom-CSS-Datei enthalten.

   Diesen Block ganz ans Ende vom Custom CSS setzen.
   ========================================================= */

@media (max-width: 959px) {
  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel.wpb_accordion_section.single-block-padding.has-padding.no-h-padding,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel.wpb_accordion_section.single-block-padding.has-padding.no-h-padding {
    padding-top: 10px !important;
    padding-bottom: 18px !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-title,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-title {
    margin: 0 !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-title > a.single-block-padding.no-h-padding,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-title > a.single-block-padding.no-h-padding {
    margin: 0 !important;
    padding: 0 24px 6px 0 !important;
    min-height: auto !important;
    line-height: inherit !important;
    position: relative !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span {
    display: block !important;
    padding-right: 0 !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span::after,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span::after {
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-collapse.in .wpb_accordion_content,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-collapse.in .wpb_accordion_content {
    margin-top: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 18px !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .wpb_accordion_content .vc_custom_heading_wrap:first-child,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .wpb_accordion_content .vc_custom_heading_wrap:first-child {
    margin-top: 0 !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .row-parent.double-bottom-padding {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 570px) {
  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel.wpb_accordion_section.single-block-padding.has-padding.no-h-padding,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel.wpb_accordion_section.single-block-padding.has-padding.no-h-padding {
    padding-top: 8px !important;
    padding-bottom: 14px !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-title > a.single-block-padding.no-h-padding,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-title > a.single-block-padding.no-h-padding {
    padding-right: 20px !important;
    padding-bottom: 4px !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span::after,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span::after {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-collapse.in .wpb_accordion_content,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-collapse.in .wpb_accordion_content {
    padding-top: 0 !important;
    padding-bottom: 14px !important;
  }
}

@media (min-width: 960px) {
  body:is(.page-id-68, .page-id-834) .tablet-hidden.mobile-hidden .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span::after {
    top: 35px !important;
    transform: translateY(0) !important;
  }
}
/* =========================================================
   vRGP – EN Zusatzfixes für seiteninterne Inline-Regeln

   Live-Check vom 29.06.2026:
   Der große Custom-CSS-Transfer ist geladen. Einige ältere
   Uncode-/Page-CSS-Regeln werden aber zusätzlich als Inline-CSS
   nur mit deutschen Page-IDs ausgegeben. Diese greifen auf den
   englischen Seiten nicht.

   Diesen Sammelblock ganz ans Ende vom Custom CSS setzen.

   Live-IDs:
   Start DE 65       -> Start EN 565
   Über uns DE 68    -> About EN 834
   Leistungen DE 70  -> Services EN 832
   Jobs DE 72        -> Jobs EN 836
   Kontakt DE 74     -> Contact EN 830

   Kontakt wurde live geprüft: Dort wurden keine fehlenden
   page-id-74-only Inline-Regeln gefunden.
   ========================================================= */

/* ---------------------------------------------------------
   Start / Home
   Fehlende Inline-Regeln von page-id-65 auf page-id-565
   --------------------------------------------------------- */

@media (min-width: 960px) {
  body:is(.page-id-65, .page-id-565) .row-container.mobile-intro.row-w-60pc.row-pt-128px.row-pb-128px .vc_custom_heading_wrap + .uncode_text_column {
    margin-top: 32px !important;
  }
}

@media (min-width: 571px) and (max-width: 959px) {
  body:is(.page-id-65, .page-id-565) .row-container.mobile-intro.row-w-60pc.row-pt-128px.row-pb-128px .vc_custom_heading_wrap + .uncode_text_column {
    margin-top: 24px !important;
  }
}

@media (max-width: 570px) {
  body:is(.page-id-65, .page-id-565) .row-container.mobile-intro.row-w-60pc.row-pt-128px.row-pb-128px .vc_custom_heading_wrap + .uncode_text_column {
    margin-top: 0 !important;
    padding-top: 16px !important;
  }
}

/* ---------------------------------------------------------
   Über uns / About us
   Fehlende Inline-Regeln von page-id-68 auf page-id-834
   --------------------------------------------------------- */

@media (max-width: 959px) {
  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel.wpb_accordion_section.single-block-padding.has-padding.no-h-padding,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel.wpb_accordion_section.single-block-padding.has-padding.no-h-padding {
    padding-top: 10px !important;
    padding-bottom: 18px !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-title,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-title {
    margin: 0 !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-title > a.single-block-padding.no-h-padding,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-title > a.single-block-padding.no-h-padding {
    margin: 0 !important;
    padding: 0 24px 6px 0 !important;
    min-height: auto !important;
    line-height: inherit !important;
    position: relative !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span {
    display: block !important;
    padding-right: 0 !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span::after,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span::after {
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-collapse.in .wpb_accordion_content,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-collapse.in .wpb_accordion_content {
    margin-top: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 18px !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .wpb_accordion_content .vc_custom_heading_wrap:first-child,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .wpb_accordion_content .vc_custom_heading_wrap:first-child {
    margin-top: 0 !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .row-parent.double-bottom-padding {
    padding-bottom: 0 !important;
  }
}

@media (max-width: 570px) {
  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel.wpb_accordion_section.single-block-padding.has-padding.no-h-padding,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel.wpb_accordion_section.single-block-padding.has-padding.no-h-padding {
    padding-top: 8px !important;
    padding-bottom: 14px !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-title > a.single-block-padding.no-h-padding,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-title > a.single-block-padding.no-h-padding {
    padding-right: 20px !important;
    padding-bottom: 4px !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span::after,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span::after {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  body:is(.page-id-68, .page-id-834) .desktop-hidden .wpb_accordion .panel-collapse.in .wpb_accordion_content,
  body:is(.page-id-68, .page-id-834) .about-team-grid .wpb_accordion .panel-collapse.in .wpb_accordion_content {
    padding-top: 0 !important;
    padding-bottom: 14px !important;
  }
}

@media (min-width: 960px) {
  body:is(.page-id-68, .page-id-834) .tablet-hidden.mobile-hidden .wpb_accordion .panel-title > a.single-block-padding.no-h-padding > span::after {
    top: 35px !important;
    transform: translateY(0) !important;
  }
}

/* ---------------------------------------------------------
   Leistungen / Services
   Fehlende Inline-Regeln von page-id-70 auf page-id-832
   --------------------------------------------------------- */

@media (min-width: 960px) {
  body:is(.page-id-70, .page-id-832) .leistungen-services .vc_custom_heading_wrap + .uncode_text_column {
    margin-top: 24px !important;
  }
}

@media (min-width: 571px) and (max-width: 959px) {
  body:is(.page-id-70, .page-id-832) .leistungen-services .vc_custom_heading_wrap + .uncode_text_column {
    margin-top: 20px !important;
  }
}

@media (max-width: 570px) {
  body:is(.page-id-70, .page-id-832) .leistungen-services .vc_custom_heading_wrap + .uncode_text_column {
    padding-top: 8px !important;
    margin-top: 0 !important;
  }

  body:is(.page-id-70, .page-id-832) .leistungen-services .uncode_text_column p:first-child {
    margin-top: 0 !important;
  }
}

/* ---------------------------------------------------------
   Jobs
   Fehlende Inline-Regeln von page-id-72 auf page-id-836
   --------------------------------------------------------- */

@media (min-width: 960px) {
  body:is(.page-id-72, .page-id-836) .jobs-list-section .col-w-528px .vc_custom_heading_wrap + .uncode_text_column {
    margin-top: 6px !important;
  }
}

@media (min-width: 571px) and (max-width: 959px) {
  body:is(.page-id-72, .page-id-836) .jobs-list-section .col-w-528px .vc_custom_heading_wrap + .uncode_text_column {
    margin-top: 20px !important;
  }
}

@media (max-width: 570px) {
  body:is(.page-id-72, .page-id-836) .jobs-list-section .col-w-528px .vc_custom_heading_wrap + .uncode_text_column {
    padding-top: 16px !important;
    margin-top: 0 !important;
  }

  body:is(.page-id-72, .page-id-836) .jobs-list-section .jobs-list-item .vc_custom_heading_wrap + .uncode_text_column {
    padding-top: 8px !important;
    margin-top: 0 !important;
  }

  body:is(.page-id-72, .page-id-836) .jobs-list-section .jobs-list-item .uncode_text_column p:first-child {
    margin-top: 0 !important;
  }
}
/* =========================================================
   Über uns EN – Team-Akkordeon Tablet + Mobile
   Seite: /en/about-us/ (page-id-834)

   Wichtig:
   - Ganz ans Ende des Custom CSS setzen.
   - Kein :is(), damit WordPress/Minifier/Theme nichts verschluckt.
   - Extra spezifisch, weil Uncode hier negative Margins und 36px
     Padding auf den Akkordeon-Titeln setzt.
   ========================================================= */

@media (min-width: 571px) and (max-width: 959px) {
  html body.page-id-834 .main-container
  .uncode-accordion.wpb_accordion.wpb_content_element
  .panel-group.wpb_accordion_wrapper
  > .panel.wpb_accordion_section.single-block-padding.has-padding.no-h-padding {
    padding-top: 10px !important;
    padding-bottom: 18px !important;
  }

  html body.page-id-834 .main-container
  .uncode-accordion.wpb_accordion.wpb_content_element
  .panel-group.wpb_accordion_wrapper
  > .panel.wpb_accordion_section
  .panel-title {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.page-id-834 .main-container
  .uncode-accordion.wpb_accordion.wpb_content_element
  .panel-group.wpb_accordion_wrapper
  > .panel.wpb_accordion_section
  .panel-title
  > a.single-block-padding.no-h-padding {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-right: 24px !important;
    padding-bottom: 6px !important;
    padding-left: 0 !important;
    min-height: auto !important;
    line-height: inherit !important;
    position: relative !important;
  }

  html body.page-id-834 .main-container
  .uncode-accordion.wpb_accordion.wpb_content_element
  .panel-group.wpb_accordion_wrapper
  > .panel.wpb_accordion_section
  .panel-title
  > a.single-block-padding.no-h-padding
  > span {
    display: block !important;
    padding-right: 0 !important;
  }

  html body.page-id-834 .main-container
  .uncode-accordion.wpb_accordion.wpb_content_element
  .panel-group.wpb_accordion_wrapper
  > .panel.wpb_accordion_section
  .panel-title
  > a.single-block-padding.no-h-padding
  > span::after {
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
  }

  html body.page-id-834 .main-container
  .uncode-accordion.wpb_accordion.wpb_content_element
  .panel-group.wpb_accordion_wrapper
  > .panel.wpb_accordion_section
  .panel-collapse.in
  .wpb_accordion_content {
    margin-top: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 18px !important;
  }
}

@media (max-width: 570px) {
  html body.page-id-834 .main-container
  .uncode-accordion.wpb_accordion.wpb_content_element
  .panel-group.wpb_accordion_wrapper
  > .panel.wpb_accordion_section.single-block-padding.has-padding.no-h-padding {
    padding-top: 8px !important;
    padding-bottom: 14px !important;
  }

  html body.page-id-834 .main-container
  .uncode-accordion.wpb_accordion.wpb_content_element
  .panel-group.wpb_accordion_wrapper
  > .panel.wpb_accordion_section
  .panel-title {
    margin: 0 !important;
    padding: 0 !important;
  }

  html body.page-id-834 .main-container
  .uncode-accordion.wpb_accordion.wpb_content_element
  .panel-group.wpb_accordion_wrapper
  > .panel.wpb_accordion_section
  .panel-title
  > a.single-block-padding.no-h-padding {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-right: 20px !important;
    padding-bottom: 4px !important;
    padding-left: 0 !important;
    min-height: auto !important;
    line-height: inherit !important;
    position: relative !important;
  }

  html body.page-id-834 .main-container
  .uncode-accordion.wpb_accordion.wpb_content_element
  .panel-group.wpb_accordion_wrapper
  > .panel.wpb_accordion_section
  .panel-title
  > a.single-block-padding.no-h-padding
  > span {
    display: block !important;
    padding-right: 0 !important;
  }

  html body.page-id-834 .main-container
  .uncode-accordion.wpb_accordion.wpb_content_element
  .panel-group.wpb_accordion_wrapper
  > .panel.wpb_accordion_section
  .panel-title
  > a.single-block-padding.no-h-padding
  > span::after {
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
  }

  html body.page-id-834 .main-container
  .uncode-accordion.wpb_accordion.wpb_content_element
  .panel-group.wpb_accordion_wrapper
  > .panel.wpb_accordion_section
  .panel-collapse.in
  .wpb_accordion_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 14px !important;
  }
}
/* =========================================================
   Jobs – leeren ACF-Restabsatz entfernen
   Seiten: Jobs DE (page-id-72) / Jobs EN (page-id-836)

   Ursache:
   Nach dem Ansprechpartner wird noch ein leerer <p><br></p>
   ausgegeben. Dieser erzeugt unnötigen Abstand.

   Besser langfristig:
   Im Job-Template/Shortcode das gelöschte ACF-Feld nur ausgeben,
   wenn es wirklich Inhalt hat.
   ========================================================= */

body:is(.page-id-72, .page-id-836)
.jobs-list-section
.uncode_text_column.text-small
p:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body:is(.page-id-72, .page-id-836)
.jobs-list-section
.uncode_text_column.text-small
p:has(> br:only-child) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* =========================================================
   Mobile Menü – X wiederherstellen + Menüeinträge höher
   ========================================================= */

@media (max-width: 570px) {
  /* Menüeinträge weiter nach oben */
  body.open-overlay-menu #menu-home-menue-1 {
    margin-top: 6vh !important;
  }

  /* Close-Icon wieder als sauberes X */
  body.open-overlay-menu .mobile-menu-button.close .lines,
  body.open-overlay-menu .mobile-menu-button.close span {
    position: relative !important;
    width: 32px !important;
    height: 2px !important;
    background: transparent !important;
  }

  body.open-overlay-menu .mobile-menu-button.close .lines::before,
  body.open-overlay-menu .mobile-menu-button.close .lines::after,
  body.open-overlay-menu .mobile-menu-button.close span::before,
  body.open-overlay-menu .mobile-menu-button.close span::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 32px !important;
    height: 2px !important;
    background: #a52150 !important;
    transform-origin: center !important;
  }

  body.open-overlay-menu .mobile-menu-button.close .lines::before,
  body.open-overlay-menu .mobile-menu-button.close span::before {
    transform: rotate(45deg) !important;
  }

  body.open-overlay-menu .mobile-menu-button.close .lines::after,
  body.open-overlay-menu .mobile-menu-button.close span::after {
    transform: rotate(-45deg) !important;
  }
}
/* =========================================================
   Über uns – Mitarbeitenden-Accordion stabilisieren
   Fix gegen Sprung beim Wechsel collapsing -> collapse in
   Seiten: DE 68 / EN 834
   ========================================================= */

@media (min-width: 571px) and (max-width: 959px) {
  html body.page-id-68 .main-container .wpb_accordion .panel-collapse .wpb_accordion_content,
  html body.page-id-68 .main-container .wpb_accordion .panel-collapse.collapsing .wpb_accordion_content,
  html body.page-id-68 .main-container .wpb_accordion .panel-collapse.in .wpb_accordion_content,
  html body.page-id-834 .main-container .wpb_accordion .panel-collapse .wpb_accordion_content,
  html body.page-id-834 .main-container .wpb_accordion .panel-collapse.collapsing .wpb_accordion_content,
  html body.page-id-834 .main-container .wpb_accordion .panel-collapse.in .wpb_accordion_content {
    margin-top: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 18px !important;
    transition: none !important;
  }

  html body.page-id-68 .main-container .wpb_accordion .wpb_accordion_content > *,
  html body.page-id-834 .main-container .wpb_accordion .wpb_accordion_content > * {
    transition: none !important;
  }
}

@media (max-width: 570px) {
  html body.page-id-68 .main-container .wpb_accordion .panel-collapse .wpb_accordion_content,
  html body.page-id-68 .main-container .wpb_accordion .panel-collapse.collapsing .wpb_accordion_content,
  html body.page-id-68 .main-container .wpb_accordion .panel-collapse.in .wpb_accordion_content,
  html body.page-id-834 .main-container .wpb_accordion .panel-collapse .wpb_accordion_content,
  html body.page-id-834 .main-container .wpb_accordion .panel-collapse.collapsing .wpb_accordion_content,
  html body.page-id-834 .main-container .wpb_accordion .panel-collapse.in .wpb_accordion_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 14px !important;
    transition: none !important;
  }

  html body.page-id-68 .main-container .wpb_accordion .wpb_accordion_content > *,
  html body.page-id-834 .main-container .wpb_accordion .wpb_accordion_content > * {
    transition: none !important;
  }
}
/* =========================================================
   Über uns – Werte-Slider Mobile finaler Figma-Abgleich
   Seiten: DE 68 / EN 834
   ========================================================= */

@media (max-width: 570px) {
  html body:is(.page-id-68, .page-id-834) .values-slider-row,
  html body:is(.page-id-68, .page-id-834) .values-slider-row > .row-parent,
  html body:is(.page-id-68, .page-id-834) #valuesScroll.values-scroll {
    background: #A6A39A !important;
    background-color: #A6A39A!important;
  }

  html body:is(.page-id-68, .page-id-834) .values-slider-row > .row-parent {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  html body:is(.page-id-68, .page-id-834) #valuesScroll.values-scroll {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-start !important;
    gap: 22px !important;

    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding-top: 32px !important;
    padding-right: 0 !important;
    padding-bottom: 32px !important;
    padding-left: 20px !important;

    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  html body:is(.page-id-68, .page-id-834) #valuesScroll.values-scroll::-webkit-scrollbar {
    display: none !important;
  }

  html body:is(.page-id-68, .page-id-834) #valuesScroll.values-scroll .value-card {
    display: block !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 0 !important;

    flex: 0 0 265px !important;
    width: 265px !important;
    min-width: 265px !important;
    max-width: 265px !important;

    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    scroll-snap-align: start !important;
  }

  html body:is(.page-id-68, .page-id-834) #valuesScroll.values-scroll .value-head {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;

    width: 100% !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
  }

  html body:is(.page-id-68, .page-id-834) #valuesScroll.values-scroll .value-number {
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;

    font-size: 19px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    color: #b0174f !important;
  }

  html body:is(.page-id-68, .page-id-834) #valuesScroll.values-scroll .value-title {
    display: inline-flex !important;
    align-items: center !important;
    position: relative !important;
    top: 2px !important;

    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: #31465d !important;
  }

  html body:is(.page-id-68, .page-id-834) #valuesScroll.values-scroll .value-card p {
    display: block !important;
    grid-column: auto !important;

    width: 250px !important;
    max-width: 250px !important;
    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: #ffffff !important;
  }
}
/* =========================================================
   Jobs – Mail/PDF Bild-Icons Tablet & Mobile kleiner
   Seiten: Jobs DE 72 / Jobs EN 836
   ========================================================= */

@media (max-width: 959px) {
  html body:is(.page-id-72, .page-id-836) .jobs-list-section .icon-box.icon-media-image .icon-box-icon.fa-container {
    width: 19px !important;
    min-width: 19px !important;
    max-width: 19px !important;
  }

  html body:is(.page-id-72, .page-id-836) .jobs-list-section .icon-box.icon-media-image .icon-box-icon.fa-container img {
    width: 21px !important;
    max-width: 21px !important;
    height: auto !important;
    max-height: 21px !important;
    object-fit: contain !important;
  }

  html body:is(.page-id-72, .page-id-836) .jobs-list-section .icon-box.icon-media-image .icon-box-content {
    padding-left: 12px !important;
  }

  html body:is(.page-id-72, .page-id-836) .jobs-list-section .icon-box.icon-media-image {
    align-items: center !important;
  }
}

@media (max-width: 570px) {
  html body:is(.page-id-72, .page-id-836) .jobs-list-section .icon-box.icon-media-image .icon-box-icon.fa-container {
    width: 19px !important;
    min-width: 19px !important;
    max-width: 19px !important;
  }

  html body:is(.page-id-72, .page-id-836) .jobs-list-section .icon-box.icon-media-image .icon-box-icon.fa-container img {
    width: 19px !important;
    max-width: 19px !important;
    height: auto !important;
    max-height: 19px !important;
    object-fit: contain !important;
  }

  html body:is(.page-id-72, .page-id-836) .jobs-list-section .icon-box.icon-media-image .icon-box-content {
    padding-left: 12px !important;
  }
}
/* =========================================================
   Globale Button-/Textlink-Pfeile ersetzen und mittig setzen
   Neuer Pfeil: /uploads/2026/07/Union.png
   ========================================================= */

body .custom-link.btn-icon-right,
body .btn-icon-right {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body .custom-link.btn-icon-right i.fa-arrow-right2,
body .btn-icon-right i.fa-arrow-right2,
body .btn-container i.fa-arrow-right2 {
  display: inline-block !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  flex: 0 0 22px !important;

  margin-left: 0 !important;
  vertical-align: middle !important;
  position: relative !important;
  top: 2px !important;

  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;

  background-image: url("/wp-content/uploads/2026/07/Union.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;
}

body .custom-link.btn-icon-right i.fa-arrow-right2::before,
body .btn-icon-right i.fa-arrow-right2::before,
body .btn-container i.fa-arrow-right2::before {
  content: "" !important;
  display: none !important;
}

body .custom-link.btn-icon-right:hover i.fa-arrow-right2,
body .btn-icon-right:hover i.fa-arrow-right2,
body .btn-container:hover i.fa-arrow-right2 {
  background-image: url("/wp-content/uploads/2026/07/Union.png") !important;
}
/* Pfeilgröße Tablet */
@media (min-width: 571px) and (max-width: 959px) {
  body .custom-link.btn-icon-right i.fa-arrow-right2,
  body .btn-icon-right i.fa-arrow-right2,
  body .btn-container i.fa-arrow-right2 {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex-basis: 20px !important;
  }
}

/* Pfeilgröße Mobile */
@media (max-width: 570px) {
  body .custom-link.btn-icon-right i.fa-arrow-right2,
  body .btn-icon-right i.fa-arrow-right2,
  body .btn-container i.fa-arrow-right2 {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex-basis: 18px !important;
  }
}
/* =========================================================
   Jobs – FAQ Accordion Plus-Icon ersetzen
   Seiten: Jobs DE 72 / Jobs EN 836
   Icon: /uploads/2026/07/Icon-Wrapper.png
   ========================================================= */

body:is(.page-id-72, .page-id-836)
.main-container .wpb_accordion.plus-signed .panel-title > a > span {
  position: relative !important;
  display: inline-block !important;
  padding-right: 32px !important;
}

body:is(.page-id-72, .page-id-836)
.main-container .wpb_accordion.plus-signed .panel-title > a > span::after {
  content: "" !important;
  display: block !important;

  position: absolute !important;
  right: 0 !important;
  top: 50% !important;

  width: 18px !important;
  height: 18px !important;

  background-image: url("/wp-content/uploads/2026/07/Icon-Wrapper.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;

  font-size: 0 !important;
  line-height: 0 !important;
  font-family: initial !important;

  transform: translateY(-50%) rotate(0deg) !important;
  transform-origin: center center !important;
  transition: transform 0.2s ease !important;
}

/* Geöffneter Zustand – Icon drehen */
body:is(.page-id-72, .page-id-836)
.main-container .wpb_accordion.plus-signed .panel-title > a:not(.collapsed) > span::after,
body:is(.page-id-72, .page-id-836)
.main-container .wpb_accordion.plus-signed .panel-collapse.in
~ .panel-heading .panel-title > a > span::after {
  transform: translateY(-50%) rotate(45deg) !important;
}
body:is(.page-id-72, .page-id-836)
.main-container .wpb_accordion.plus-signed .panel.wpb_accordion_section:has(.panel-collapse.in)
.panel-title > a > span::after {
  transform: translateY(-50%) rotate(45deg) !important;
}
/* =========================================================
   Jobs – FAQ Icon Rotation korrigieren
   Geschlossen = 0deg / Offen = 45deg
   Seiten: Jobs DE 72 / Jobs EN 836
   ========================================================= */

/* Standard: geschlossen */
body:is(.page-id-72, .page-id-836)
.main-container .wpb_accordion.plus-signed
.panel.wpb_accordion_section
.panel-title > a > span::after {
  transform: translateY(-50%) rotate(0deg) !important;
}

/* Nur geöffnet drehen */
body:is(.page-id-72, .page-id-836)
.main-container .wpb_accordion.plus-signed
.panel.wpb_accordion_section:has(.panel-collapse.in)
.panel-title > a > span::after {
  transform: translateY(-50%) rotate(45deg) !important;
}
/* =========================================================
   Mobile/Tablet Menü – Close-X wiederherstellen
   Verhindert Pfeil-/Button-Styles auf dem Menüschalter
   ========================================================= */

@media (max-width: 959px) {
  body.open-overlay-menu .mmb-container,
  body.open-overlay-menu .mobile-menu-button,
  body.open-overlay-menu .mobile-menu-button.close,
  body.open-overlay-menu .mobile-menu-button.lines-button {
    background-image: none !important;
    transform: none !important;
  }

  body.open-overlay-menu .mobile-menu-button .lines,
  body.open-overlay-menu .mobile-menu-button.close .lines,
  body.open-overlay-menu .mobile-menu-button.lines-button .lines {
    display: block !important;
    position: relative !important;

    width: 28px !important;
    height: 2px !important;

    background: transparent !important;
    background-image: none !important;

    font-size: 0 !important;
    line-height: 0 !important;
    transform: none !important;
  }

  body.open-overlay-menu .mobile-menu-button .lines::before,
  body.open-overlay-menu .mobile-menu-button .lines::after,
  body.open-overlay-menu .mobile-menu-button.close .lines::before,
  body.open-overlay-menu .mobile-menu-button.close .lines::after,
  body.open-overlay-menu .mobile-menu-button.lines-button .lines::before,
  body.open-overlay-menu .mobile-menu-button.lines-button .lines::after {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    left: 0 !important;
    top: 0 !important;

    width: 28px !important;
    height: 2px !important;

    background: #a52150 !important;
    background-image: none !important;

    transform-origin: center center !important;
  }

  body.open-overlay-menu .mobile-menu-button .lines::before,
  body.open-overlay-menu .mobile-menu-button.close .lines::before,
  body.open-overlay-menu .mobile-menu-button.lines-button .lines::before {
    transform: rotate(45deg) !important;
  }

  body.open-overlay-menu .mobile-menu-button .lines::after,
  body.open-overlay-menu .mobile-menu-button.close .lines::after,
  body.open-overlay-menu .mobile-menu-button.lines-button .lines::after {
    transform: rotate(-45deg) !important;
  }

  body.open-overlay-menu .mobile-menu-button .lines > span,
  body.open-overlay-menu .mobile-menu-button.close .lines > span,
  body.open-overlay-menu .mobile-menu-button.lines-button .lines > span {
    display: none !important;
  }
}
/* Mobile/Tablet Menü – X ohne langsame Animation */
@media (max-width: 959px) {
  body.open-overlay-menu .mmb-container,
  body.open-overlay-menu .mobile-menu-button,
  body.open-overlay-menu .mobile-menu-button *,
  body.open-overlay-menu .mobile-menu-button .lines,
  body.open-overlay-menu .mobile-menu-button .lines::before,
  body.open-overlay-menu .mobile-menu-button .lines::after {
    transition: none !important;
    animation: none !important;
  }
}
/* Mobile Menü – Sprachumschalter nebeneinander */
@media (max-width: 959px) {
  body.open-overlay-menu #menu-sprachumschalter-1 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 24px !important;
  }

  body.open-overlay-menu #menu-sprachumschalter-1 > li.lang-item {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  body.open-overlay-menu #menu-sprachumschalter-1 > li.lang-item > a {
    display: inline-flex !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
@media (max-width: 959px) {
  body.open-overlay-menu #menu-sprachumschalter-1 > li.lang-item-de {
    order: 1 !important;
  }

  body.open-overlay-menu #menu-sprachumschalter-1 > li.lang-item-en {
    order: 2 !important;
  }
}
/* Mobile Menü – linken Restabstand beim Sprachumschalter entfernen */
@media (max-width: 959px) {
  body.open-overlay-menu #menu-sprachumschalter-1 {
    margin-left: 0 !important;
    padding-left: 0 !important;
    transform: translateX(-23px) !important;
  }
}
@media (max-width: 959px) {
  body.open-overlay-menu #menu-sprachumschalter-1 {
    margin-top: 36px !important;
	  margin-bottom:36px!important;
  }
}
/* =========================================================
   Mobile Header – Normalzustand wie Sticky Header
   Gemessen: normal 127px -> sticky 77px
   ========================================================= */

@media (max-width: 570px) {
  body:not(.open-overlay-menu) .menu-container,
  body:not(.open-overlay-menu) .row-menu,
  body:not(.open-overlay-menu) .row-menu-inner,
  body:not(.open-overlay-menu) #logo-container-mobile,
  body:not(.open-overlay-menu) .mmb-container,
  body:not(.open-overlay-menu) .mobile-menu-button {
    height: 77px !important;
    min-height: 77px !important;
    max-height: 77px !important;
  }

  body:not(.open-overlay-menu) #logo-container-mobile {
    padding-top: 22px !important;
    padding-right: 20px !important;
    padding-bottom: 22px !important;
    padding-left: 20px !important;
  }

  body:not(.open-overlay-menu) .mobile-menu-button {
    padding-top: 0 !important;
    padding-right: 36px !important;
    padding-bottom: 32px !important;
    padding-left: 36px !important;
  }
}
/* =========================================================
   Mobile Menü offen – weißen Header-Abstand oben reduzieren
   X-Bereich wie Sticky Header: 77px statt 127px
   ========================================================= */

@media (max-width: 570px) {
  body.open-overlay-menu .row-menu,
  body.open-overlay-menu .row-menu-inner,
  body.open-overlay-menu #logo-container-mobile,
  body.open-overlay-menu .mmb-container,
  body.open-overlay-menu .mobile-menu-button.close {
    height: 77px !important;
    min-height: 77px !important;
    max-height: 77px !important;
  }

  body.open-overlay-menu #logo-container-mobile {
    padding-top: 22px !important;
    padding-right: 20px !important;
    padding-bottom: 22px !important;
    padding-left: 20px !important;
  }

  body.open-overlay-menu .mobile-menu-button.close {
    padding-top: 0 !important;
    padding-right: 36px !important;
    padding-bottom: 32px !important;
    padding-left: 36px !important;
  }
}
/* =========================================================
   EN Mobile Menü offen – Start-Abstand an DE angleichen
   ========================================================= */

@media (max-width: 570px) {
  body.page-id-565.open-overlay-menu #menu-englisches-menue-1 {
    margin-top: 50.64px !important;
  }
}
/* Über uns – HypZert F Logo kleiner */
body:is(.page-id-68, .page-id-834) img.wp-image-951 {
  height: 32px !important;
  max-height: 32px !important;
  width: auto !important;
  object-fit: contain !important;
}
@media (min-width: 890px) {
  html body:is(.page-id-68, .page-id-834) .main-container
  .wpb_accordion .panel.wpb_accordion_section.single-block-padding.has-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* =========================================================
   Jobs – FAQ Accordion Plus-Icon oben rechts ausrichten
   Seiten: Jobs DE 72 / Jobs EN 836
   ========================================================= */

body:is(.page-id-72, .page-id-836)
.jobs-faq-section .wpb_accordion.plus-signed .panel-title > a {
  position: relative !important;
  display: block !important;
}

body:is(.page-id-72, .page-id-836)
.jobs-faq-section .wpb_accordion.plus-signed .panel-title > a > span {
  display: block !important;
  padding-right: 0 !important;
}

body:is(.page-id-72, .page-id-836)
.jobs-faq-section .wpb_accordion.plus-signed .panel-title > a > span::after {
  content: none !important;
  display: none !important;
}

body:is(.page-id-72, .page-id-836)
.jobs-faq-section .wpb_accordion.plus-signed .panel-title > a::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;

  background-image: url("/wp-content/uploads/2026/07/Icon-Wrapper.png") !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: contain !important;

  transform: rotate(0deg) !important;
  transform-origin: center center !important;
  transition: transform 0.2s ease !important;
}

body:is(.page-id-72, .page-id-836)
.jobs-faq-section .wpb_accordion.plus-signed
.panel.wpb_accordion_section:has(.panel-collapse.in)
.panel-title > a::after {
  transform: rotate(45deg) !important;
}


/* 1440 / Desktop */
@media (min-width: 960px) {
  body:is(.page-id-72, .page-id-836)
  .jobs-faq-section .wpb_accordion.plus-signed .panel-title > a {
    padding-right: 70px !important;
  }

  body:is(.page-id-72, .page-id-836)
  .jobs-faq-section .wpb_accordion.plus-signed .panel-title > a::after {
    width: 18px !important;
    height: 18px !important;
    top: 22px !important;
    right: 0 !important;
  }
}


/* 890 / Tablet */
@media (min-width: 571px) and (max-width: 959px) {
  body:is(.page-id-72, .page-id-836)
  .jobs-faq-section .wpb_accordion.plus-signed .panel-title > a {
    padding-right: 56px !important;
  }

  body:is(.page-id-72, .page-id-836)
  .jobs-faq-section .wpb_accordion.plus-signed .panel-title > a::after {
    width: 18px !important;
    height: 18px !important;
    top: 18px !important;
    right: 0 !important;
  }
}


/* 390 / Mobile */
@media (max-width: 570px) {
  body:is(.page-id-72, .page-id-836)
  .jobs-faq-section .wpb_accordion.plus-signed .panel-title > a {
    padding-right: 42px !important;
  }

  body:is(.page-id-72, .page-id-836)
  .jobs-faq-section .wpb_accordion.plus-signed .panel-title > a::after {
    width: 16px !important;
    height: 16px !important;
    top: 16px !important;
    right: 0 !important;
  }
}
.text-lead:not(ul):not(ol) > * {
    line-height: 34px;
}
/* =========================================================
   Über uns – Partner Logo-Leisten Raw HTML
   Seiten: Über uns DE 68 / About EN 834
   ========================================================= */

body:is(.page-id-68, .page-id-834) .partner-logo-strip {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 24px;
  padding: 20px 0;
  max-width: 100%;
}

body:is(.page-id-68, .page-id-834) .partner-logo-strip .partner-logo {
  display: block;
  width: auto;
  height: auto;
  max-height: 32px;
  max-width: 118px;
  object-fit: contain;
  margin: 0;
}

body:is(.page-id-68, .page-id-834) .partner-logo--oebuv,
body:is(.page-id-68, .page-id-834) .partner-logo--dia {
  max-height: 36px;
  max-width: 46px;
}

body:is(.page-id-68, .page-id-834) .partner-logo--hypzert {
  max-height: 32px;
  max-width: 88px;
}

/* Tablet */
@media (min-width: 571px) and (max-width: 959px) {
  body:is(.page-id-68, .page-id-834) .partner-logo-strip {
    gap: 18px;
  }

  body:is(.page-id-68, .page-id-834) .partner-logo-strip .partner-logo {
    max-height: 30px;
    max-width: 104px;
  }

  body:is(.page-id-68, .page-id-834) .partner-logo--oebuv,
  body:is(.page-id-68, .page-id-834) .partner-logo--dia {
    max-height: 34px;
    max-width: 44px;
  }

  body:is(.page-id-68, .page-id-834) .partner-logo--hypzert {
    max-height: 30px;
    max-width: 84px;
  }
}

/* Mobile */
@media (max-width: 570px) {
  body:is(.page-id-68, .page-id-834) .partner-logo-strip {
    gap: 16px;
    flex-wrap: wrap;
  }

  body:is(.page-id-68, .page-id-834) .partner-logo-strip .partner-logo {
    max-height: 30px;
    max-width: 96px;
  }

  body:is(.page-id-68, .page-id-834) .partner-logo--oebuv,
  body:is(.page-id-68, .page-id-834) .partner-logo--dia {
    max-height: 34px;
    max-width: 42px;
  }

  body:is(.page-id-68, .page-id-834) .partner-logo--hypzert {
    max-height: 30px;
    max-width: 80px;
  }
}
#valuesScroll {
  cursor: grab;
}

#valuesScroll.is-dragging {
  cursor: grabbing;
  user-select: none;
}
#valuesScroll.is-dragging {
  cursor: grabbing;
  user-select: none;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}