<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
Theme Name: Total Child Theme
Template: Total
Version: 1.0
*/

/* global styles */

/* color definitions */
:root {
  --background-color: #EEEBE7; /* Hintergrundfarbe, auch Schrift hell */
  --accent-color: #934714; /* Akzentfarbe, bei Intex auch Textlinkfarbe */
  --light-bg-color: #F6F4F1; /* Helle FlÃ¤chenfarbe und Header */
  --text-color: #000; /* Textfarbe */
  --form-placeholder-color: #C4C8CE; /* Formular Placeholder-Farbe */

  --in-accent-color: #172F46; /* Intex zweite Akzentfarbe (auch btn dark) */
  --in-accent-color-light: #CAC5B8; /* Intex helle Akzentfarbe (Hero unten; Hero-text) */
  --in-btn-color-hover: #A14F18; /* Intex Buttonfarbe hover fÃ¼r btn dark */
  --in-btn-color-light: #1D3855; /* Intex Buttonfarbe light */
  --in-section-bg-color: #CAC5B8; /* Intex Section Hintergrundfarbe */
  

  --op-btn-color-light: #86826D; /* Optisend Buttonfarbe light */
  --op-accent-color: #726F5D; /* Optisend zweite Akzentfarbe (auch Textlinks und btn dark) */
  --op-footer-color: #5D5A48; /* Optisend Footer-Farbe */
  --op-icon-color: #B94C2C;  /* Optisend Icon-Farbe */
  --op-icon-hover-color: #C2542B;  /* Optisend Icon-Hover-Farbe */
}


/* self-hosted fonts */

/* public-sans-100 - 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: 'Public Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/public-sans-v18-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/public-sans-v18-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* public-sans-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: 'Public Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/public-sans-v18-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/public-sans-v18-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* public-sans-200italic - 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: 'Public Sans';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/public-sans-v18-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/public-sans-v18-latin-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* public-sans-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: 'Public Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/public-sans-v18-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/public-sans-v18-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* public-sans-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: 'Public Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/public-sans-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/public-sans-v18-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* public-sans-italic - 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: 'Public Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/public-sans-v18-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/public-sans-v18-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* public-sans-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: 'Public Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/public-sans-v18-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/public-sans-v18-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* public-sans-500italic - 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: 'Public Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/public-sans-v18-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/public-sans-v18-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* public-sans-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: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/public-sans-v18-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/public-sans-v18-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* public-sans-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: 'Public Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/public-sans-v18-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/public-sans-v18-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* public-sans-800 - 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: 'Public Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/public-sans-v18-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/public-sans-v18-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* font styles  */

h1 {
  font-weight: 100;
  font-size: 66px;
}

h2 {
  font-size: 34px;
  font-weight: 600;
}

h3,
.wpex-h3,
.highlight-text-lg,
.highlight-text-lg p {
  font-size: 25px;
  font-weight: 600;
  margin-top: 0;
}

h4,
.wpex-h4  {
  font-size: 19px;
  font-weight: 700;
}

p {
  font-size: 19px;
}


.highlight-text-lg,
.highlight-text-lg p {
  font-weight: 500;
}

.highlight-text-sm,
.highlight-text-sm p {
  font-size: 25px;
  font-weight: 200;
  line-height: 1.4;
}

#site-header .main-navigation-ul .link-inner {
  font-weight: 500;
  font-size: 19px;
}

/*
@media screen and (max-width: 1440px) {
  h1 {
    font-size: 56px;
  }

  h2 {
    font-size: 30px;
  }

  h3,
  .wpex-h3,
  .highlight-text-lg,
  .highlight-text-lg p {
    font-size: 22px;
  }

  .highlight-text-sm,
  .highlight-text-sm p {
    font-size: 22px;
  }

  h4,
  .wpex-h4  {
    font-size: 17px;
  }

  #site-header .main-navigation-ul .link-inner {
    font-size: 17px;
  }

  p {
    font-size: 17px;
  }

}*/

@media screen and (max-width: 1440px) {
  h1 {
    font-size: 54px;
  }

  h2 {
    font-size: 28px;
  }

  h3,
  .wpex-h3,
  .highlight-text-lg,
  .highlight-text-lg p {
    font-size: 21px;
  }

  .highlight-text-sm,
  .highlight-text-sm p {
    font-size: 21px;
  }

  h4,
  .wpex-h4  {
    font-size: 16px;
  }

  #site-header .main-navigation-ul .link-inner {
    font-size: 16px;
  }

  p {
    font-size: 16px;
  }

}
/*
@media screen and (max-width: 1024px) {
  h1 {
    font-size: 54px;
  }

  h2 {
    font-size: 28px;
  }

  h3,
  .wpex-h3,
  .highlight-text-lg,
  .highlight-text-lg p {
    font-size: 21px;
  }

  .highlight-text-sm,
  .highlight-text-sm p {
    font-size: 21px;
  }

}
*/

@media screen and (max-width: 959px) {
  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 26px;
  }

  h3,
  .wpex-h3,
  .highlight-text-lg,
  .highlight-text-lg p {
    font-size: 19px;
  }

  .highlight-text-sm,
  .highlight-text-sm p {
    font-size: 19px;
  }

  p {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 40px;
    text-align: center;
  }

  h2 {
    font-size: 23px;
  }

  h3,
  .wpex-h3,
  .highlight-text-lg,
  .highlight-text-lg p,
  h4,
  .wpex-h4 {
    font-size: 19px;
  }

  .highlight-text-sm,
  .highlight-text-sm p {
    font-size: 19px;
  }
}

@media screen and (max-width: 599px) {
  p {
      hyphens: auto;
  }

  .highlight-text-lg p,
  .highlight-text-sm p,
  .vcex-icon-box p {
    hyphens: none;
  }

  h4,
  .wpex-h4 {
    font-size: 16px;
  }
}

/*  responsive size  */
:root, .site-boxed.wpex-responsive #wrap {
    --wpex-container-max-width: 92% !important;
    --wpex-container-width: 1480px !important;
}

/* ---------------------  */

body {
  background-color: var(--background-color);
  color: var(--text-color);
}
body, h1, h2, h3, h4, h5, p {
	  color: var(--text-color);
}

.site-main {
  min-height: calc(100vh - 85px - 134px);
}

}
.text-link-single {
  text-transform: uppercase;
}

.text-link-single a:before {
  content: '';
  display: inline-block;
  width: 24.287px;
  height: 11.721px;
  background-color: currentColor; 
  -webkit-mask: url('data:image/svg+xml,&lt;svg xmlns="http://www.w3.org/2000/svg" width="24.287" height="11.721" viewBox="0 0 24.287 11.721"&gt;&lt;path d="M366.043-698.773l-4.493-4.493a.8.8,0,0,1,0-1.133.8.8,0,0,1,1.133,0l5.06,5.06a.8.8,0,0,1,0,1.133l-5.06,5.06a.8.8,0,0,1-1.133,0,.8.8,0,0,1,0-1.133Zm-21.551.8h16.566a.8.8,0,0,0,.8-.8.8.8,0,0,0-.8-.8H344.491a.8.8,0,0,0-.8.8A.8.8,0,0,0,344.491-697.972Z" transform="translate(-343.69 704.634)"/&gt;&lt;/svg&gt;') no-repeat center;
  -webkit-mask-size: contain;
  mask: url('data:image/svg+xml,&lt;svg xmlns="http://www.w3.org/2000/svg" width="24.287" height="11.721" viewBox="0 0 24.287 11.721"&gt;&lt;path d="M366.043-698.773l-4.493-4.493a.8.8,0,0,1,0-1.133.8.8,0,0,1,1.133,0l5.06,5.06a.8.8,0,0,1,0,1.133l-5.06,5.06a.8.8,0,0,1-1.133,0,.8.8,0,0,1,0-1.133Zm-21.551.8h16.566a.8.8,0,0,0,.8-.8.8.8,0,0,0-.8-.8H344.491a.8.8,0,0,0-.8.8A.8.8,0,0,0,344.491-697.972Z" transform="translate(-343.69 704.634)"/&gt;&lt;/svg&gt;') no-repeat center;
  mask-size: contain;
  color: var(--accent-color); 
  margin-right: 10px;
  transition: transform 0.3s ease-in-out;
}

.text-link-single a:hover:before {
  transform: translateX(5px);
}

/* header */

#site-header-inner.wpex-py-30 {
  padding-block: 10px;
}

/* logo and header height */
.shrink-sticky-header.on-shrink-adjust-height:not(.fixed-scroll--mobile-only) #site-logo .logo-img {
  max-height: var(--wpex-site-header-shrink-start-height, 74px);
  width: auto;
}

#site-header {
  border-bottom: 2px solid #fff;
}

.main-navigation-ul&gt;.menu-item:not(:last-child) {
  margin-inline-end: 38px;
}

.main-navigation-ul&gt;.menu-item&gt;a&gt;.link-inner,
.main-navigation-ul&gt;.menu-item&gt;a {
  padding: 0;
}

#site-header,
#site-header-sticky-wrapper.is-sticky #site-header {
  background-color: #F5F3F1;
}

.main-navigation-ul .sub-menu {
  padding: 22px 12px !important;
  border: none;
}

.main-navigation-ul .megamenu .sub-menu li:first-child a,
.main-navigation-ul .sub-menu .megamenu__inner-ul li a {
  border-top: none;
}


.wpex-dropdown-menu .sub-menu {
  transition: none;
  background-color: #F5F3F1;
}
.wpex-dropdown-menu--onhover {
  --wpex-dropmenu-transition-delay: 0;
}

.main-navigation-ul .sub-menu .menu-item a {
  border: none;
  color: var(--text-color);
  padding-left: 20px;
  padding-right: 20px;
}

.main-navigation-ul .sub-menu &gt;.menu-item:first-child,
.main-navigation-ul .sub-menu .menu-item.mega-menu-heading {
  padding-top:15px;
}

.main-navigation-ul .sub-menu .menu-item a:hover {
  background-color: inherit;
  color: var(--text-color);
}

.main-navigation-ul .sub-menu .menu-item a:hover span {
  padding-bottom: 5px;
  box-shadow: inset 0 -1px 0 0 var(--text-color);
}

#site-navigation-wrap.has-menu-underline .main-navigation-ul&gt;li&gt;a&gt;.link-inner::after {
  background: var(--accent-color);
}

/* underline active submenu-item */

.main-navigation-ul .current-menu-parent,
.main-navigation-ul .current-menu-ancestor.megamenu {
  box-shadow: inset 0 -4px 0 0 var(--accent-color);
}
.main-navigation-ul .sub-menu .current-menu-item a .link-inner {
 /* color: var(--accent-color);*/
 padding-bottom: 5px;
 box-shadow: inset 0 -1px 0 0 var(--text-color);
}

.mobile-toggle-nav .current-menu-ancestor &gt;.mobile-toggle-nav__link-wrap .mobile-toggle-nav__link-inner,
.mobile-toggle-nav .current_page_item &gt;.mobile-toggle-nav__link-wrap .mobile-toggle-nav__link-inner {
  border-bottom: 1px solid var(--text-color);
} 

.mega-menu-heading.current-menu-parent &gt;.mobile-toggle-nav__link-wrap .mobile-toggle-nav__link-inner {
  border-bottom: none;
}
/* extra-menu shop */

.main-navigation-ul .shop-menu-item {
  position: relative;
  padding-left: 38px; 
}

.user-menu-item .wpex-icon::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.574' height='14.794' viewBox='0 0 14.574 14.794'%3E%3Cg transform='translate(-1345.133 -44)'%3E%3Cpath d='M1345.883,58.044h13.074a6.462,6.462,0,0,0-6.412-5.08A6.877,6.877,0,0,0,1345.883,58.044Z' fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cg transform='translate(1349 44)' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Ccircle cx='3.5' cy='3.5' r='3.5' stroke='none'/%3E%3Ccircle cx='3.5' cy='3.5' r='2.75' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  display: inline-block; 
  width: 10px; 
  height: 15px;  
}

.user-menu-item .wpex-icon svg {
  display: none; 
}

.main-navigation-ul .shop-menu-item::before {
  content: '';
  position: absolute;
  top: 10px; 
  bottom: 12px; 
  left: 0; 
  width: 1px; 
  background-color: var(--text-color); 
}

/* megamenu */

.megamenu .sub-menu {
  top: 50px!important;
}

.mega-menu-heading &gt;a .link-inner {
  color: var(--accent-color) !important;
  font-weight: 700 !important;
}

.megamenu .sub-menu .current-menu-parent {
  box-shadow: initial;
}

.main-navigation .megamenu&gt;.sub-menu {
  width: 60%;
}

/* White line above submenu */
.main-navigation-ul .sub-menu::after,
.main-navigation-ul .megamenu .sub-menu::after {
  content: '';
  position: absolute;
  top: 17px; 
  left: 0;
  width: 100%;
  height: 2px; 
  background-color: #fff;
}

/* sticky header */

.sticky-header-shrunk .navbar-fixed-line-height .main-navigation-ul&gt;.menu-item&gt;a {
  height: var(--wpex-main-nav-height, 45px);
}

.sticky-header-shrunk .megamenu .sub-menu {
  top: 45px!important;
}

.sticky-header-shrunk .main-navigation-ul .sub-menu {
  padding-top: 15px !important;
}

/* White line above submenu */
.sticky-header-shrunk .main-navigation-ul .sub-menu::after,
.sticky-header-shrunk .main-navigation-ul .megamenu .sub-menu::after {
  content: '';
  position: absolute;
  top: 15px; 
  left: 0;
  width: 100%;
  height: 2px; 
  background-color: #fff;
}

/* mobile menu */

#site-header .mobile-toggle-nav {
  padding-left: 38px;
}
/*
.sub-menu.mobile-toggle-nav__sub-menu.wpex-hidden .current-menu-parent .megamenu__inner-ul.sub-menu.wpex-hidden {
  display: block;
}*/

.sub-menu.mobile-toggle-nav__sub-menu.wpex-hidden .megamenu__inner-ul.sub-menu.wpex-hidden {
  display: block;
}

.mobile-toggle-nav .mega-menu-heading &gt;.mobile-toggle-nav__link-wrap button {
  width: 100%;
}

.mega-menu-heading &gt;span .mobile-toggle-nav__link .link-inner {
    color: var(--accent-color);
    font-weight: 700;
}

.sub-menu.mobile-toggle-nav__sub-menu li a {
  color: var(--text-color);
 /* display: inline-block;
  padding-right: 0;*/
}

.wpex-rotate-180 {
    transform: rotateZ(0deg);
}

.mobile-toggle-nav__link.wpex-pr-50 {
  padding-inline-end: 0px;
  display: inline-block;
}

.wpex-mobile-menu .wpex-open-submenu {
    width: 35px;
    position: relative;
    display: inline-block;
}

.mobile-toggle-nav__sub-menu .wpex-open-submenu {
  display: none;
}


@media screen and (max-width: 1440px) {

  .main-navigation-ul&gt;.menu-item:not(:last-child) {
      margin-inline-end: 30px;
  }

  .main-navigation-ul .shop-menu-item {
      padding-left: 30px;
  }

}

@media screen and (max-width: 767px) {

  #site-header .mobile-toggle-nav {
    padding-left: 10px;
    padding-right: 10px;
  }

}


/*  footer  */

#footer,
#footer a,
#footer-bottom,
#footer-bottom a {
  color: var(--background-color);
}


#footer-widgets .footer-box .menu-footer-menu-container ul li {
  display: inline-block;
  margin: 0 100px;
  text-transform: uppercase;
}

#footer-widgets .footer-box .menu-footer-menu-container ul {
  text-align: center;
}

.wpex-bordered-list li:first-child {
  border-block-start: none;
}

.wpex-bordered-list li {
  border-block-end: none  /*1px solid var(--wpex-border-main)*/;
}

@media screen and (max-width: 899px) and (min-width: 550px) {

  #footer-widgets .footer-box .menu-footer-menu-container ul li {
    margin: 0 40px;
  }
}

@media screen and (max-width: 549px) {

  #footer-inner {
    padding-top: 10px;
  }

  #footer-inner .footer-widget {
    padding-bottom: 10px;
  }
}

/* content styles  */

/* hero section  */

.bg-fallback {
  position: absolute !important;
  height: calc(100vh - 85px); /* HÃ¶he minus 96px header; Standard-Fallback fÃ¼r Ã¤ltere Browser */
}
@media screen and (min-width: 1921px) {

  .wpex-video-bg.wpex-video-bg-center {
    max-width: 100vw;
  }
}

@media screen and (max-width: 1920px) {

  .wpex-video-bg.wpex-video-bg-center {
    max-width: 1920px;
  }
}

@media screen and (max-width: 600px) {

  .wpex-video-bg.wpex-video-bg-center {
    max-width: none;
    max-height: 100%;
  }
}

.single-page-content .hero-top-row {
  height: calc(84vh - 85px); /* HÃ¶he minus 85px header; Standard-Fallback fÃ¼r Ã¤ltere Browser */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover !important;
  min-height: 600px;
}


@supports (height: 84svh) {
  .hero-top-row {
    height: calc(84svh - 85px); /* HÃ¶he minus 85px header; Wird von Browsern mit 'svh'-UnterstÃ¼tzung verwendet */
  }
}

.hero-top-row h1,
.hero-top-row h2 {
  color: var(--in-accent-color-light);
}

.hero-top-row h2 {
  font-weight: 400;
}


.hero-bottom-row {
  height: 32vh; /* Standard-Fallback fÃ¼r Ã¤ltere Browser */
  z-index:999;
  position: relative; 
  transform: translateY(-16vh); 

  display: flex;
  flex-direction: column;
  align-items: flex-start;
}


@supports (height: 32svh) {
  .hero-bottom-row {
    height: 32svh; 
    transform: translateY(-16svh); 
  } 
}

/*  hero bottom row subpages  */

.hero-bottom-row-sub {
  /* height: 40vh; *//* Standard-Fallback fÃ¼r Ã¤ltere Browser */
  height: auto;
  min-height: calc(40vh + 10px);
  z-index:999;
  position: relative; 
  transform: translateY(-24vh); 

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 12svh;
}


.hero-follow-bg-sub {
  transform: translateY(-24.2vh);
  display: none;
}

@media screen and (min-width: 960px) {
  .hero-bottom-text-sub .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 959px) {
  .hero-bottom-row-sub {
    min-height: calc(36vh + 10px);
    transform: translateY(-20vh); 
    padding-top: 10svh;
  }

  .hero-follow-bg-sub {
    transform: translateY(-20.2vh);
  }
}



@media screen and (max-width: 600px) {
  .home .single-page-content .hero-top-row {
    background-position-x: right !important;
  }

  .hero-bottom-row-sub {
    /*height: calc(40vh + 10px);*/
    height: 350px;
    min-height: unset;
    padding-top: 9svh;
  }

  .hero-follow-bg-sub.long-text {
      display: block;
      height: 100px;
  }
}

/* hero buttons and image slider */

#hero-button-row .vc_column-inner {
  margin-bottom: 0;
}


#hero-button-row  {
  /*position: relative; 
  top: 50%; */ 
  transform: translateY(-50%); 
}

#hero-button-row .wpb_column:first-child {
  top: -15px;
}

#hero-button-row .hero-diamond-slider .sp-mask,
#mobile-hero-slider .hero-diamond-slider .sp-mask {
  pointer-events: none;
  touch-action: none;
}

#hero-button-row .hero-diamond-slider .sp-mask img,
#mobile-hero-slider .hero-diamond-slider .sp-mask img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  object-fit: cover; 
  pointer-events: none;
  touch-action: none;
  clip-path: polygon(
    50% 0%,  /* obere Mitte */
    100% 50%, /* rechte Mitte */
    50% 100%, /* untere Mitte */
    0% 50%    /* linke Mitte */
  );

}

#btn-neuzustellung {
  float: right;
}


/* --------------------- tracking-button ------------------------------*/

.tracking-container { 
  max-width: 100%; 
  margin: 20px 0; 
}

.tracking-form { 
  display: flex; 
  align-items: center; 
}

.tracking-input-container { 
  flex-grow: 1; 
  display: flex; 
  align-items: stretch; 
  border: 0.5px solid var(--light-bg-color); 
  border-radius: 3px; 
  overflow: hidden; 
}

.tracking-input { 
  flex-grow: 1; 
  padding: 12px 18px 12px 45px; 
  border: none; 
  border-radius: 3px 0 0 3px;
  font-size: 16px; 
  background-color: #031E30; 
  color: #F6F4F1; 
  font-weight: 500;
}

.tracking-input::placeholder { 
  color: var(--light-bg-color); 
  opacity: 1; 
}

.tracking-input:focus { 
  outline: none; 
  color: var(--light-bg-color); 
  background-color: var(--in-btn-color-light); 
}

.tracking-input:hover { 
  background-color: var(--in-btn-color-light); 
}

.chevron-icon {
    position: absolute;
    left: 18px;
    top: 48%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    color: var(--accent-color);
    display: flex;
    align-items: center;
}

.search-button { 
  background-color: var(--accent-color); 
  border: none; 
  border-radius: 0 3px 3px 0;
  padding: 12px 18px; 
  cursor: pointer; 
  color: var(--light-bg-color); 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  min-width: 36px; 
}

.search-button:hover { 
  background-color: var(--in-btn-color-hover); 
}

.search-icon { 
  width: 18px; 
  height: 18px; 
}

.tracking-input-container {
    position: relative;
}

input:-webkit-autofill {
    background-color: var(--in-btn-color-light) !important;
    box-shadow: 0 0 0px 1000px var(--in-btn-color-light) inset !important; /* Setzt die Hintergrundfarbe */
    color: var(--light-bg-color) !important;
    -webkit-text-fill-color: var(--light-bg-color) !important;
  }
/*-----------------------------------*/

.hero-bottom-slogan {
  position: absolute;
  width: 100%;
  bottom: 0px;
}

#content .hero-bottom-slogan .vc_column-inner .wpb_text_column h2 {
  margin-bottom: 10px;
}

.hero-follow-bg {
  transform: translateY(-16svh);
  z-index: 999;
}

@media screen and (min-width: 1921px) {
  .hero-follow-bg .highlight-text-sm {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 1200px) {

  @media (max-height: 820px) {
      .hero-top-row .vcex-spacing {
          height: 5vh; 
      }
  }
}

@media screen and (max-width: 1024px) {
    #hero-button-row .wpb_column:first-child {
      top: -35px;
  }
}

@media screen and (min-width: 768px)  and (max-width: 959px) {
  #hero-button-row {
      transform: translateY(-110%);
  }

    #hero-button-row .wpb_column:first-child {
      top: 0px;
  }

  .tracking-container {
      margin-bottom: 0;
  }

  .hero-top-row .vcex-spacing {
    height: 2vh;
  }

  @media (min-height: 1024px) {
      .hero-top-row .vcex-spacing {
          height: 6vh; 
      }
  }

  .hero-top-row h2 {
    margin-top: 15px;
  }
}
@media screen and (max-width: 959px) {

 .sticky-header-shrunk.on-shrink-adjust-height {
    --wpex-site-header-shrink-end-height: 43px;
  }
}

@media screen and (max-width: 767px) {

  .shrink-sticky-header.on-shrink-adjust-height:not(.fixed-scroll--mobile-only) #site-logo .logo-img {
      max-height: var(--wpex-site-header-shrink-start-height, 45px);
      width: auto;
  }

 .sticky-header-shrunk.on-shrink-adjust-height {
    --wpex-site-header-shrink-end-height: 40px;
  }

  .hero-top-row h2 {
    text-align: center;
  }

  .hero-subtite-desktop {
    display: none;
  }

   .hero-top-row {
    height: calc(90vh - 70px) /* Standard-Fallback fÃ¼r Ã¤ltere Browser */ 
    background: no-repeat center center;
    background-size: cover;
    min-height: 640px;
  }

  .hero-top-row .vc_column-inner {
    margin-bottom: 15px;
  }

  @supports (height: 90svh) {
    .hero-top-row {
      height: calc(90svh - 70px) /* Wird von Browsern mit 'svh'-UnterstÃ¼tzung verwendet */
    }
  }

  .hero-bottom-row {
    height: 24vh;   
    transform: translateY(-14vh); 
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }


  #hero-button-row .wpb_column:first-child {
    top: 70px;
}

  #hero-button-row .hero-diamond-slider .sp-mask,
  #mobile-hero-slider .hero-diamond-slider .sp-mask {

    pointer-events: none;
    touch-action: none;
  }

  #hero-button-row .hero-diamond-slider .sp-mask img, #mobile-hero-slider .hero-diamond-slider .sp-mask img {
    max-height: 55vw;
    max-width: 55vw;
    margin-left: auto;
    margin-right: auto;

    width: 60%;
    height: 60%;
    object-fit: cover;
    pointer-events: none;
    touch-action: none;
  }


  #hero-button-row {
      transform: translateY(15px);
  }

  .hero-bottom-row .hero-bottom-slogan {
    display: none;
  }

  .hero-follow-bg {
    transform: translateY(-14.2vh);
  }

  .hero-bottom-row .tracking-container {
      margin: 10px 0;
  }

  .search-button { 
    padding: 14px !important;
  }
  
}

@media screen and (min-width: 768px) {

  .hero-follow-bg .hero-bottom-slogan-mobile {
    display: none;
  }
}

@media screen and (max-width: 600px) {

  .hero-top-row h2 {
    margin-top: 0px;
  }

  .hero-top-row {
    height: calc(85vh - 70px) /* Standard-Fallback fÃ¼r Ã¤ltere Browser */ 
  }


    @supports (height: 85svh) {
      .hero-top-row {
        height: calc(85svh - 70px) /* Wird von Browsern mit 'svh'-UnterstÃ¼tzung verwendet */
      }
    }

  .hero-bottom-row {
    height: 22vh; /* Standard-Fallback fÃ¼r Ã¤ltere Browser */ 
    transform: translateY(-7vh); 
  }

 
    @supports (height: 22svh) {
      .hero-bottom-row {
        height: 22svh; 
        transform: translateY(-7svh); 
      }
    }

    #hero-button-row .wpb_column:first-child {
      top: 70px;
  }


  #hero-button-row .hero-diamond-slider .sp-mask,
    #mobile-hero-slider .hero-diamond-slider .sp-mask {
      pointer-events: none;
      touch-action: none;
    }

    #hero-button-row .hero-diamond-slider .sp-mask img, #mobile-hero-slider .hero-diamond-slider .sp-mask img {
      max-height: 65vw;
      max-width: 65vw;
      
      width: 78%;
      height: 78%;
      object-fit: cover;
      pointer-events: none;
      touch-action: none;
    }

    /* test*/
      #hero-button-row {
          transform: translateY(45px);
      }


      .hero-follow-bg {
        transform: translateY(-7.2vh);
        /*padding-bottom: 40px;*/
      }

    /* test Ende */
}


/*  all buttons  */

.theme-button {
    color: var(--light-bg-color);
    border: none;
    border-radius: 3px;
    background-color: var(--in-accent-color);
    padding: 19px 33px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.3px;
}

.theme-button.minimal-border {
    color: var(--light-bg-color);
    border: 0.5px solid var(--light-bg-color);
    border-radius: 3px;
}

.theme-button:hover,
.theme-button.minimal-border:hover {
    background-color: var(--in-btn-color-light);
}


@media screen and (max-width: 1440px) {
  .vcex-button span {
    font-size: 14px;
  }

  #tracking-form input {
        font-size: 14px;
  }

}

@media screen and (max-width: 959px) {
  .vcex-button span {
    font-size: 12px;
  }

  #tracking-form input {
        font-size: 12px;
  }

    #tracking-form svg {
        top: 47%;
        width: 17px;
        height: 17px;
  }
}

@media screen and (max-width: 767px) {
  .vcex-button span {
    font-size: 12px;
  }

  #tracking-form input {
        font-size: 12px;
  }

    #tracking-form svg {
        top: 47%;
        width: 17px;
        height: 17px;
  }

  .center-mobile {
    text-align: center;
  }

}


/*  page-content below hero  */

.below-hero &gt;.wpb_column {
  margin-top: -16vh;
}

.sub-below-hero &gt;.wpb_column {
  margin-top: -24.2vh;
}

.below-hero .vcex-icon-box:hover img {
      filter: invert(16%) saturate(180%);
}

.below-hero .vcex-icon-box:hover .vcex-icon-box-heading {
  color: var(--in-btn-color-light);
}

@media screen and (max-width: 900px) {
  .home .vcex-icon-box .vcex-icon-box-symbol img {
    max-height: 90px;
  }
}

@media screen and (max-width: 767px) {
  .home .vcex-icon-box {
    margin-bottom: 80px;
  }
    .home .vc_inner .vc_column_container:last-child .vcex-icon-box {
    margin-bottom: 0px;
  }

  .below-hero &gt;.wpb_column {
    /*top: calc(160px - 16vh);*/
    margin-top: -14vh;
  }
}

@media screen and (max-width: 600px) {

  .below-hero &gt;.wpb_column {
    margin-top: -7vh;
  }
}

/*  spacings */

@media screen and (min-width: 1921px) {
  .page .hero-top-row .vcex-spacing {
    height: 15vh;
  }
}

@media screen and (max-width: 1440px) {
  .page:not(.home) .hero-top-row .vcex-spacing {
    height: 15vh;
  }
}

.vcex-spacing.in-op-space-sm {
  height: 60px;
}

.vcex-spacing.in-op-space-md {
  height: 100px;
}

.vcex-spacing.in-op-space-lg {
  height: 160px;
}

@media screen and (max-width: 1024px) {
  .vcex-spacing.in-op-space-sm {
    height: 40px;
  }

  .vcex-spacing.in-op-space-md {
    height: 80px;
  }

  .vcex-spacing.in-op-space-lg {
    height: 120px;
  }
}

@media screen and (max-width: 600px) {
  .vcex-spacing.in-op-space-md {
    height: 60px;
  }

  .vcex-spacing.in-op-space-lg {
    height: 60px;
  }
}

/* Background-sections */
.section-bg {
  background-color: var(--in-section-bg-color);
}

/*  core-values box  - StÃ¤rken &amp; Services */
/*  light-bg box */
.core-values .vc_column-inner,
.light-bg-color-box .vc_column-inner {
  background-color: var(--light-bg-color);
}

.core-values .vc_column-inner {
  margin-left: 15px;
  margin-right: 15px;
}

.core-values .vcex-icon-box {
  margin: 50px 12%;
}

.p-inline {
  display: inline;
  margin-bottom: 10px;
}

.in-bg-dark {
  background-color: var(--in-accent-color);
}

.in-bg-dark h3,
.in-bg-dark p {
  color: var(--background-color);
}


@media screen and (max-width: 1440px) {
  .core-values .vcex-icon-box {
      margin: 50px 8%;
  }
}


/*  Service Process */

.service-process {
  position: relative;
  top: -38px;
}

.service-process .vcex-icon-box .vcex-icon-box-text {
  hyphens: auto;
}


/* Service Process Mobile */
.service-process-mobile .vcex-icon-box .vcex-icon-box-symbol { 
  position: relative;
}

.service-process-mobile .vcex-icon-box .vcex-icon-box-symbol img { 
  position: relative;
  z-index: 2;
}

.service-process-mobile .vcex-icon-box:nth-child(1) .vcex-icon-box-symbol::after,
.service-process-mobile .vcex-icon-box:nth-child(4) .vcex-icon-box-symbol::after,
.service-process-mobile .vcex-icon-box:nth-child(5) .vcex-icon-box-symbol::after {
  content: "";
  position: absolute;
  top: 50%; 
  left: 50%; 
  width: 25vw; 
  height: 2px; 
  background-color: black; 
  z-index: 1;
}

.service-process-mobile &gt; :nth-child(3) {
    grid-column: 2; /* 3. Element nach rechts */
    grid-row: 2; /* In die zweite Zeile */
}

.service-process-mobile &gt; :nth-child(4) {
    grid-column: 1; /* 4. Element nach links */
    grid-row: 2;
}

.curved-line {
  position: absolute;
  top: 80px;
  left: 62%;
  /* left: 70%; */
  width: 206px;
  height: 120px;
  border: 2px solid black;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  /*border-top-left-radius: 120px;
  border-top-right-radius: 120px; */
  border-bottom: none;
  rotate: 90deg;
}

.curved-line-left {
  position: absolute;
  top: 283px;
  right: 62%;
  /* right: 70%; */ 
  width: 206px;
  height: 120px;
  border: 2px solid black;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  /*border-top-left-radius: 120px;
  border-top-right-radius: 120px;*/
  border-bottom: none;
  rotate: 270deg;
}

@media screen and (max-width: 767px) {

  .service-process-mobile .vcex-icon-box .vcex-icon-box-symbol img {
      max-width: 74px;
  }

  .service-process-mobile-container .vcex-grid-container {
    row-gap: 58px !important;
  }

  .curved-line-left {
      top: 285px;
  }

  .service-process-mobile .vcex-icon-box:nth-child(1) .vcex-icon-box-symbol::after,
  .service-process-mobile .vcex-icon-box:nth-child(4) .vcex-icon-box-symbol::after,
  .service-process-mobile .vcex-icon-box:nth-child(5) .vcex-icon-box-symbol::after {
    width: 30vw; 
  }
}

@media screen and (max-width: 599px) {

  .service-process-mobile-container .vc_col-xs-2 {
    width: 8.33333333%;
  }

  .service-process-mobile-container .vc_col-xs-8 {
    width: 83.33333333%;
  }

  .service-process-mobile-container .vcex-grid-container {
    row-gap: 74px !important;
    column-gap: 15px !important;
  }

  .service-process-mobile .vcex-icon-box .vcex-icon-box-symbol img {
      max-width: 60px;
  }

  .service-process-mobile .vcex-icon-box:nth-child(1) .vcex-icon-box-symbol::after,
  .service-process-mobile .vcex-icon-box:nth-child(4) .vcex-icon-box-symbol::after,
  .service-process-mobile .vcex-icon-box:nth-child(5) .vcex-icon-box-symbol::after {
    width: 40vw; 
  }

  .curved-line {
    top: 91px;
    left: 63%;
    width: 200px;
    height: 78px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    rotate: 90deg;
  }

  .curved-line-left {
    top: 289px;
    right: 63%; 
    width: 200px;
    height: 78px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    rotate: 270deg;
  }
}

@media screen and (max-width: 430px) {

  .curved-line {
    left: 56%;
  }

  .curved-line-left {
    right: 56%; 
  }
}

/*  ------------  */

@media screen and (max-width: 1179px) {
  .service-process .vcex-icon-box {
    flex-basis: 14%;
  }
}

@media screen and (max-width: 1023px) {
  .core-values .vcex-icon-box {
      margin: 50px 4%;
  }

  .core-values .vcex-icon-box-symbol {
    margin-block-end: 10px ;
    margin-inline-end: 30px;
  }

  .core-values .vcex-icon-box-symbol img {
    height: 45px;
  }

  .core-values .vcex-icon-box-content .wpex-icon {
     margin-right: 8px !important;
   }
}

@media screen and (max-width: 767px) { 
 .core-values .vcex-icon-box {
     margin: 50px 1%;
 }

 .core-values .vcex-icon-box-symbol {
     margin-inline-end: 20px;
 }

  /*.service-process-mobile-container {
    display: none;
  }

  .service-process-container {
    display: block !important;
  }*/

  .service-process .vcex-icon-box .vcex-icon-box-symbol img {
        max-width: 60px;
  }


  .service-process .vcex-icon-box .vcex-icon-box-symbol {
    margin-bottom: 8px;
  }

  .service-process .vcex-icon-box .vcex-icon-box-heading {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 600px) { 

/*
  .core-values .vcex-icon-box {
    flex-direction: column;
  }

  .core-values .vcex-icon-box-symbol {
      margin-inline-end: 0px;
  }

  .core-values .vcex-icon-box-text {
    text-align: center;
  }
  */
}

/*  legal-sites boxes  */

.light-bg-color-box .hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover {
    transform: scale(1.05) !important;
}

.light-bg-color-container .wpb_wrapper {
  background-color: var(--light-bg-color);
  margin-bottom: 20px;
}

/*  footer-contact-cta  */

.footer-contact-cta h2,
.footer-contact-cta h3,
.footer-contact-cta p {
  color: var(--light-bg-color);
}

.footer-contact-cta h2 {
  font-weight: 400;
}

.vc_row.footer-contact-cta {
  background-position: left center !important;
}

@media screen and (max-width: 1600px) { 

  .vc_row.footer-contact-cta {
        background-position: -15vw center !important;
  }
}

@media screen and (max-width: 600px) { 

  .vc_row.footer-contact-cta {
        background-position: -50vw center !important;
  }
}

/*  Tables  */

.tablepress tr td h3 {
  margin-bottom: 0;
}

.tablepress tr td:first-child {
  color: var(--accent-color);
  padding-left: 0;
  width: 10%;
}
.tablepress tr td {
  border: none;
  padding-bottom: 4px;
  font-size: 17px;
}

table.tablepress thead th {
  background-color: none;
}

.milestones &gt;.vc_column-inner &gt;.wpb_wrapper {
  padding: 40px 11% ;
}

.milestones.text &gt;.vc_column-inner &gt;.wpb_wrapper {
  padding: 40px 10% ;
}

@media (max-width: 600px) {
    .milestones &gt;.vc_column-inner &gt;.wpb_wrapper {
      padding: 40px 0 ;
    }
}

/* breakpoint for 2/3 + 1/3 text + image  */


@media (max-width: 900px) {
    .vc_row.vc_inner.vc_row-o-equal-height.vc_row-o-content-middle .vc_col-sm-6 {
        width: 100%;
    }
}</pre></body></html>