/*
Theme Name:  Dilly Child Theme
Description: Dies ist ein benutzerdefiniertes Child-Theme für Dilly
Theme URI:   https://www.dilly.work
Author: Dilly
Author URI:  https://www.dilly.work
Template: dilly
Version: 1.0
*/

/**
* @license
*
* Font Family: Clash Grotesk
* Designed by: Indian Type Foundry
* URL: https://www.fontshare.com/fonts/clash-grotesk
* © 2025 Indian Type Foundry
*
* Clash Grotesk Extralight
* Clash Grotesk Light
* Clash Grotesk Regular
* Clash Grotesk Medium
* Clash Grotesk Semibold
* Clash Grotesk Bold
* Clash Grotesk Variable (Variable font)

*
*/
@font-face {
  font-family: 'ClashGrotesk-Extralight';
  src: url('fonts/ClashGrotesk-Extralight.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Extralight.woff') format('woff'),
       url('fonts/ClashGrotesk-Extralight.ttf') format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Light';
  src: url('fonts/ClashGrotesk-Light.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Light.woff') format('woff'),
       url('fonts/ClashGrotesk-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Regular';
  src: url('fonts/ClashGrotesk-Regular.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Regular.woff') format('woff'),
       url('fonts/ClashGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Medium';
  src: url('fonts/ClashGrotesk-Medium.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Medium.woff') format('woff'),
       url('fonts/ClashGrotesk-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Semibold';
  src: url('fonts/ClashGrotesk-Semibold.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Semibold.woff') format('woff'),
       url('fonts/ClashGrotesk-Semibold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashGrotesk-Bold';
  src: url('fonts/ClashGrotesk-Bold.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Bold.woff') format('woff'),
       url('fonts/ClashGrotesk-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 700.0;
*
* available axes:
'wght' (range from 200.0 to 700.0
*/
@font-face {
  font-family: 'ClashGrotesk-Variable';
  src: url('fonts/ClashGrotesk-Variable.woff2') format('woff2'),
       url('fonts/ClashGrotesk-Variable.woff') format('woff'),
       url('fonts/ClashGrotesk-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}

body{
	font-family: 'ClashGrotesk-Variable',Helvetica,sans-serif;
}

h1, h2, h3{
  overflow-wrap: break-word;
}

#header-outer #top .slide-out-widget-area-toggle a .lines-button:after,
#header-outer #top .slide-out-widget-area-toggle a .lines:after,
#header-outer #top .slide-out-widget-area-toggle a .lines:before{
	background-color: #C2FF26 !important;
	border-radius: 20px;
}

#top .slide-out-widget-area-toggle a span{
	overflow: unset;
}

.lines:before, body[data-slide-out-widget-area-style="slide-out-from-right-hover"] .slide-out-hover-icon-effect.slide-out-widget-area-toggle.small .lines:before{
	width: 1.4rem;
}

.text-uppercase{
	text-transform: uppercase !important;
}

strong, b{
	font-weight: 600 !important;
}

.footer-link{
	color: #C2FF26 !important;
	opacity: 1.0 !important;
		font-weight: 600 !important;
}

body h2{
	font-weight: 600;
}

.text-uppercase *{
  text-transform: uppercase !important;
}

.text-accent-color *{
  color: #8149C9 !important;
}

.text-accent-color2 *{
  color: #C2FF26 !important;
}

.custom-subline{
  color: #8149C9 !important;
  letter-spacing: 0.15rem;
  font-weight: 500;
  font-size: 150%;  
}

#cmplz-document h2{
	color: #000000;
}

.faq_yellowgreen div[data-style*=minimal] .toggle>.toggle-title a{
  font-size: 85% !important;
}

.faq_lila div[data-style*=minimal] .toggle>.toggle-title a{
  font-size: 85% !important;
}



.small-footer-links a{
	color: #C2FF26;
	opacity: 1.0 !important;
}

.yellow-headline h2, .yellow-headline h3, .yellow-headline h1{
  color: #C2FF26;
}

.small-footer-links a:hover{
	opacity: 0.65 !important;
}

.faq_yellowgreen{
  
}

#slide-out-widget-area.slide-out-from-right-hover .inner-wrap>.inner .off-canvas-menu-container li{
  margin: 25px 0px !important;
}



#slide-out-widget-area.slide-out-from-right-hover .inner-wrap>.inner .off-canvas-menu-container li .sub-menu li{
  margin: 10px 0px !important;
}

.faq_yellowgreen div[data-style="minimal"] .toggle{
  border: 3px solid #C2FF26;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 1rem;
}

.faq_yellowgreen div[data-style*=minimal] .toggle>.toggle-title a{
  color: #C2FF26;
}

.faq_yellowgreen div[data-style*=minimal] .toggle>.toggle-title i{
  border-color: #C2FF26;
}

.faq_yellowgreen div[data-style*=minimal] .toggle>.toggle-title i:after, .faq_yellowgreen div[data-style*=minimal] .toggle>.toggle-title i:before{
  background-color: #C2FF26;
}


.faq_lila{
  
}

.faq_lila div[data-style="minimal"] .toggle{
  border: 3px solid #8149C9;
  padding-left: 2rem;
  padding-right: 2rem;
  margin-bottom: 1rem;
}

.faq_lila div[data-style*=minimal] .toggle>.toggle-title a{
  color: #8149C9;
}

.faq_lila div[data-style*=minimal] .toggle>.toggle-title i{
  border-color: #8149C9;
}

.faq_lila div[data-style*=minimal] .toggle>.toggle-title i:after, .faq_lila div[data-style*=minimal] .toggle>.toggle-title i:before{
  background-color: #8149C9;
}



.timeline_years_tabs .tabbed > ul li .active-tab{
  
}

.custom-border-radius-bordered .vc_column-inner{
  border-radius: 20px;
  border: 3px solid #C2FF26;
  font-size: 125%;
  font-weight: 500;
  letter-spacing: 1px;
  color: #8149C9;
}

.timeline_years_tabs .tabbed > ul li .active-tab span{
  font-size: 150%;
  font-weight: 600;
  display: block;
  color: #C2FF26;
}

.flickity-page-dots{
  bottom: -100px !important;
}

.flickity-page-dots .dot{
  opacity: 1 !important;
}

.flickity-page-dots .dot:before{
  background: #D3D2D2 !important;
  border-radius: 20px !important;
  height: 8px !important;
}

.flickity-page-dots .is-selected:before{
  background: #C2FF26 !important;
}

.nectar-flickity:not(.masonry) .flickity-slider .cell{
  border-radius: 40px;
}

.portfolio-items .col .work-item{
  border-radius: 20px;
}

.timeline_years_tabs .tabbed > ul li a span{
  font-size: 75%;
  display: none;
}

.timeline_years_tabs .tabbed[data-style="minimal_flexible"] .wpb_tabs_nav > li{
    border-bottom: 5px solid #C2FF26;
}

.timeline_years_tabs .tabbed[data-style="minimal_flexible"] .wpb_tabs_nav > li a:before {
  position: absolute;
  display: block;
  content: "";
  bottom: -42px;
  left: 0;
  width: 100%;
  height: 24px;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'><circle cx='25' cy='25' r='25' fill='%23c2ff26'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 1;
  z-index: 0;
  box-shadow: none;
}

.timeline_years_tabs .tabbed[data-style="minimal_flexible"] .wpb_tabs_nav > li a.active-tab:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='89' height='89' viewBox='0 0 89 89'><circle cx='38' cy='38' r='38' transform='translate(6.5 6.5)' fill='%238149c9' stroke='%23c2ff26' stroke-width='13'/></svg>");
  height: 34px;
  bottom: -20px;
}

.timeline_years_tabs .tabbed[data-style="minimal_flexible"] .wpb_tabs_nav > li a:after{
  display: none;
}

.header-patterns3::before{
    content: "";
position: absolute;
left: -44%;
top: 50%;
transform: translateY(-50%);
width: 380px;
height: 100%;
    pointer-events: none;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="462.084" height="1071.252" viewBox="0 0 462.084 1071.252"><g id="Gruppe_248" data-name="Gruppe 248" transform="translate(63.782 -1205.384)"><g id="Gruppe_247" data-name="Gruppe 247" transform="translate(94.219 1205.384)"><path id="Pfad_602" data-name="Pfad 602" d="M71.9,0A71.951,71.951,0,0,0,0,71.864v195.4a71.9,71.9,0,0,0,143.805,0V71.864A71.976,71.976,0,0,0,71.9,0" transform="translate(143.805 1069.752) rotate(180)" fill="none" stroke="%234a1b87" stroke-width="3"/><path id="Pfad_606" data-name="Pfad 606" d="M71.9,0A71.951,71.951,0,0,0,0,71.864v195.4a71.9,71.9,0,0,0,143.805,0V71.864A71.976,71.976,0,0,0,71.9,0" transform="translate(143.805 339.127) rotate(180)" fill="%23c2ff26"/></g><path id="Pfad_609" data-name="Pfad 609" d="M0,230.164v37.1a71.9,71.9,0,0,0,143.8,0V71.868a71.9,71.9,0,0,0-143.8,0" transform="translate(396.803 1875.264) rotate(180)" fill="none" stroke="%234a1b87" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3"/><path id="Pfad_610" data-name="Pfad 610" d="M71.9,0A71.951,71.951,0,0,0,0,71.864v195.4a71.9,71.9,0,0,0,143.805,0V71.864A71.976,71.976,0,0,0,71.9,0" transform="translate(80.023 2046.511) rotate(180)" fill="%234a1b87"/></g></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

.header-patterns2::before{
    content: "";
position: absolute;
left: -44%;
top: 50%;
transform: translateY(-50%);
width: 380px;
height: 100%;
    pointer-events: none;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="609.066" height="2379.265" viewBox="0 0 609.066 2379.265"><path id="Pfad_612" data-name="Pfad 612" d="M15,310.034H286.906a23.127,23.127,0,0,1,23.127,23.128v27.5a23.127,23.127,0,0,1-23.127,23.128H111.886A23.128,23.128,0,0,0,88.758,406.92v27.5a23.128,23.128,0,0,0,23.128,23.128H360.663a23.128,23.128,0,0,0,23.128-23.128V259.4a23.128,23.128,0,0,0-23.128-23.128H259.4a23.127,23.127,0,0,1-23.127-23.128V111.887A23.128,23.128,0,0,1,259.4,88.759h27.5a23.128,23.128,0,0,1,23.127,23.128v27.5a23.128,23.128,0,0,0,23.128,23.127H655.7a23.128,23.128,0,0,1,23.128,23.128v27.5A23.128,23.128,0,0,1,655.7,236.275H480.678A23.128,23.128,0,0,0,457.55,259.4V360.664a23.128,23.128,0,0,0,23.128,23.128h27.5a23.128,23.128,0,0,0,23.128-23.128v-27.5a23.128,23.128,0,0,1,23.128-23.128h27.5a23.128,23.128,0,0,1,23.128,23.128V508.181a23.128,23.128,0,0,0,23.128,23.128h27.5a23.128,23.128,0,0,0,23.128-23.128V333.162a23.128,23.128,0,0,1,23.127-23.128h27.5a23.127,23.127,0,0,0,23.127-23.128V38.128A23.128,23.128,0,0,1,775.71,15h27.5a23.127,23.127,0,0,1,23.127,23.127V360.664a23.128,23.128,0,0,0,23.128,23.128h248.778a23.128,23.128,0,0,0,23.128-23.128v-27.5a23.128,23.128,0,0,0-23.128-23.128H923.227A23.128,23.128,0,0,1,900.1,286.906V185.645a23.128,23.128,0,0,1,23.128-23.128h26.909a23.128,23.128,0,0,1,23.128,23.128v27.5a23.127,23.127,0,0,0,23.127,23.128h28.1a23.128,23.128,0,0,0,23.128-23.128V111.887a23.128,23.128,0,0,1,23.128-23.128H1172a23.128,23.128,0,0,1,23.128,23.128V581.939a23.127,23.127,0,0,0,23.127,23.127h27.5a23.128,23.128,0,0,0,23.128-23.127V185.645a23.128,23.128,0,0,1,23.127-23.128H1540.8a23.128,23.128,0,0,1,23.128,23.128v27.5a23.128,23.128,0,0,1-23.128,23.128H1365.777a23.128,23.128,0,0,0-23.128,23.128v27.5a23.128,23.128,0,0,0,23.128,23.128h248.777a23.128,23.128,0,0,1,23.128,23.128v27.5a23.128,23.128,0,0,1-23.128,23.128h-27.5a23.128,23.128,0,0,0-23.128,23.128v27.5a23.128,23.128,0,0,0,23.128,23.128h101.261a23.129,23.129,0,0,0,23.128-23.128V185.645a23.128,23.128,0,0,1,23.127-23.128h27.5a23.128,23.128,0,0,1,23.127,23.128V360.664a23.128,23.128,0,0,0,23.128,23.128h27.5a23.128,23.128,0,0,0,23.127-23.128V111.887a23.128,23.128,0,0,1,23.128-23.128h322.536a23.128,23.128,0,0,1,23.127,23.128v27.5a23.128,23.128,0,0,1-23.127,23.127H1955.843a23.128,23.128,0,0,0-23.128,23.128v27.5a23.128,23.128,0,0,0,23.128,23.128H2057.1a23.128,23.128,0,0,1,23.128,23.128V434.423a23.128,23.128,0,0,0,23.128,23.128h27.5a23.129,23.129,0,0,0,23.128-23.128V259.4a23.127,23.127,0,0,1,23.127-23.128h198.147" transform="translate(614.567 -5.5) rotate(90)" fill="none" stroke="%23c2ff26" stroke-linecap="round" stroke-linejoin="round" stroke-width="19"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}

.header-patterns1::before {
    content: "";
position: absolute;
left: -50%;
top: 50%;
transform: translateY(-50%);
width: 380px;
height: auto;
aspect-ratio: 587.04 / 1168;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 587.04 1168'><rect width='356' height='123' rx='61.5' transform='translate(77.453 2.5)' fill='none' stroke='%234a1b87' stroke-width='5'/><rect width='356' height='123' rx='61.5' transform='translate(2.5 418.5)' fill='none' stroke='%234a1b87' stroke-width='5'/><rect width='356' height='123' rx='61.5' transform='translate(180.5 210.5)' fill='none' stroke='%23c2ff26' stroke-width='5'/><g transform='translate(250.453 -1206.263)'><path d='M124.6,125.5H64a61.5,61.5,0,0,1,0-123h84.994' transform='translate(62.688 2246.263)' fill='none' stroke='%23c2ff26' stroke-linecap='round' stroke-width='5'/><path d='M-18698.316-5078.237h28.68' transform='translate(18924.363 7450)' fill='none' stroke='%23c2ff26' stroke-linecap='round' stroke-width='5'/></g><g transform='translate(755.04 2314.463) rotate(-180)'><path d='M271.4,125.5H64a61.5,61.5,0,0,1,0-123H164.061' transform='translate(168 1562.263)' fill='none' stroke='%234a1b87' stroke-linecap='round' stroke-width='5'/><path d='M-18698.316-5078.237h28.68' transform='translate(19045.363 6643)' fill='none' stroke='%234a1b87' stroke-linecap='round' stroke-width='5'/></g></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
    z-index: -1;
}

.header-patterns1::after {
content: "";
position: absolute;
right: -50%;
top: 110px;
width: 380px;
height: auto;
aspect-ratio: 602.691 / 337;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 602.691 337'><rect width='356' height='123' rx='61.5' transform='translate(600.191 334.5) rotate(180)' fill='none' stroke='%234a1b87' stroke-width='5'/><g transform='translate(2269.898 1274.263) rotate(180)'><path d='M168.484,125.5H209.9a61.5,61.5,0,0,0,0-123H103.814' transform='translate(1996 1146.263)' fill='none' stroke='%23c2ff26' stroke-linecap='round' stroke-width='5'/><path d='M-18698.316-5078.237h28.68' transform='translate(20756.363 6350)' fill='none' stroke='%23c2ff26' stroke-linecap='round' stroke-width='5'/></g></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
    z-index: -1;
}


.header-patterns4::before {
    content: "";
position: absolute;
left: -50%;
top: 50%;
transform: translateY(-50%);
width: 380px;
height: auto;
aspect-ratio: 587.04 / 1168;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="617.952" height="918.804" viewBox="0 0 617.952 918.804"><g id="Gruppe_248" data-name="Gruppe 248" transform="translate(-453.301 562.305) rotate(-90)"><g id="Gruppe_247" data-name="Gruppe 247" transform="translate(158 0)"><path id="Pfad_602" data-name="Pfad 602" d="M71.9,339.127A71.951,71.951,0,0,1,0,267.263V71.864a71.9,71.9,0,0,1,143.8,0v195.4a71.976,71.976,0,0,1-71.9,71.864" transform="translate(-369.195 1069.753) rotate(180)" fill="none" stroke="%234a1b87" stroke-width="3"/><path id="Pfad_606" data-name="Pfad 606" d="M71.9,339.127A71.951,71.951,0,0,1,0,267.263V71.864a71.9,71.9,0,0,1,143.8,0v195.4a71.976,71.976,0,0,1-71.9,71.864" transform="translate(143.805 1069.752) rotate(180)" fill="%23c2ff26"/></g><path id="Pfad_609" data-name="Pfad 609" d="M0,108.963v-37.1a71.9,71.9,0,0,1,143.8,0v195.4a71.9,71.9,0,0,1-143.8,0" transform="translate(560.805 793.928) rotate(180)" fill="none" stroke="%234a1b87" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3"/><path id="Pfad_610" data-name="Pfad 610" d="M71.9,339.127A71.951,71.951,0,0,1,0,267.263V71.864a71.9,71.9,0,0,1,143.8,0v195.4a71.976,71.976,0,0,1-71.9,71.864" transform="translate(42.805 911.928) rotate(180)" fill="%234a1b87"/></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
    z-index: -1;
}

.header-patterns4::after {
content: "";
position: absolute;
right: -50%;
top: 110px;
width: 380px;
height: auto;
aspect-ratio: 602.691 / 337;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="510.19" height="411.305" viewBox="0 0 510.19 411.305"><g id="Gruppe_346" data-name="Gruppe 346" transform="translate(-559.562 143.805) rotate(-90)"><path id="Pfad_602" data-name="Pfad 602" d="M71.9,339.127A71.951,71.951,0,0,1,0,267.263V71.864a71.9,71.9,0,0,1,143.8,0v195.4a71.976,71.976,0,0,1-71.9,71.864" transform="translate(-122.195 900.189) rotate(180)" fill="none" stroke="%234a1b87" stroke-width="3"/><path id="Pfad_606" data-name="Pfad 606" d="M71.9,339.127A71.951,71.951,0,0,1,0,267.263V71.864a71.9,71.9,0,0,1,143.8,0v195.4a71.976,71.976,0,0,1-71.9,71.864" transform="translate(143.805 1069.752) rotate(180)" fill="%23c2ff26"/></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
    z-index: -1;
}

.textfeld-mit-rahmen-lr{
  padding: 4rem 6rem;
}

.textfeld-mit-rahmen-lr h2, .textfeld-mit-rahmen-lr h1{
  color: #C2FF26;
}

.textfeld-mit-rahmen-lr::before,
.textfeld-mit-rahmen-lr::after{
  content:"";
  position:absolute;           /* bleibt im Viewport */
  top:50%;
  width:200px;               /* Breite der Linie */
  height:100%;
  transform:translateY(-50%);
  background-repeat:no-repeat;
  background-size:contain;
  pointer-events:none;
  z-index:1;
}

/* linke Linie */
.textfeld-mit-rahmen-lr::before{
  left:0;
  background-image:url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 600'>\
    <path d='M60 5 C25 5 5 25 5 60 V540 C5 575 25 595 60 595' fill='none' \
          stroke='%23c2ff26' stroke-width='10' stroke-linecap='round'/>\
  </svg>");
}

/* rechte Linie (gespiegelt) */
.textfeld-mit-rahmen-lr::after{
  right:0;
  background-image:url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 600'>\
    <path d='M60 5 C25 5 5 25 5 60 V540 C5 575 25 595 60 595' fill='none' \
          stroke='%23c2ff26' stroke-width='10' stroke-linecap='round'/>\
  </svg>");
    transform:translateY(-50%) scaleX(-1);
}




.textfeld-mit-rahmen-lr-lila{
  padding: 4rem 6rem;
}

.textfeld-mit-rahmen-lr-lila h2, .textfeld-mit-rahmen-lr-lila h1, .textfeld-mit-rahmen-lr-lila h3{
  color: #8149C9;
}

.textfeld-mit-rahmen-lr-lila::before,
.textfeld-mit-rahmen-lr-lila::after{
  content:"";
  position:absolute;           /* bleibt im Viewport */
  top:50%;
  width:200px;               /* Breite der Linie */
  height:100%;
  transform:translateY(-50%);
  background-repeat:no-repeat;
  background-size:contain;
  pointer-events:none;
  z-index:1;
}

/* linke Linie */
.textfeld-mit-rahmen-lr-lila::before{
  left:0;
  background-image:url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 600'>\
    <path d='M60 5 C25 5 5 25 5 60 V540 C5 575 25 595 60 595' fill='none' \
          stroke='%238149C9' stroke-width='10' stroke-linecap='round'/>\
  </svg>");
}

/* rechte Linie (gespiegelt) */
.textfeld-mit-rahmen-lr-lila::after{
  right:0;
  background-image:url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 600'>\
    <path d='M60 5 C25 5 5 25 5 60 V540 C5 575 25 595 60 595' fill='none' \
          stroke='%238149C9' stroke-width='10' stroke-linecap='round'/>\
  </svg>");
    transform:translateY(-50%) scaleX(-1);
}




.nectar-button span{
  color: #8149C9;
}

.nectar-button:hover span{
  color: #ffffff;
}

.wide-background::before {
    content: "";
position: absolute;
top: -50%;
left: 150%;
transform: translate(-50%, -50%);
width: 400%;
height: auto;
  aspect-ratio: 6619.992 / 426.278;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7042" height="793" viewBox="0 0 7042 793"><g id="Gruppe_395" data-name="Gruppe 395" transform="translate(23944 13660)"><g id="Gruppe_394" data-name="Gruppe 394" transform="translate(-23730 -13474)"><path id="Pfad_538" data-name="Pfad 538" d="M633.966,0H391.292a89.3,89.3,0,0,0,0,178.6H633.966a89.3,89.3,0,0,0,0-178.6" transform="translate(1127.321 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_539" data-name="Pfad 539" d="M633.966,51.273H391.3a89.3,89.3,0,1,0,0,178.6H633.966a89.3,89.3,0,0,0,0-178.6" transform="translate(1127.321 191.401)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_540" data-name="Pfad 540" d="M491.956,0a89.4,89.4,0,0,0-89.3,89.3V331.976a89.3,89.3,0,1,0,178.6,0V89.3A89.4,89.4,0,0,0,491.956,0" transform="translate(1503.099 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_541" data-name="Pfad 541" d="M543.229,0a89.4,89.4,0,0,0-89.3,89.3V331.976a89.3,89.3,0,1,0,178.6,0V89.3A89.4,89.4,0,0,0,543.229,0" transform="translate(1694.502 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_542" data-name="Pfad 542" d="M835.293,0H592.623a89.3,89.3,0,1,0,0,178.6h242.67a89.3,89.3,0,0,0,0-178.6" transform="translate(1878.873 0)" fill="none" stroke="%234a1b87" stroke-width="5"/><path id="Pfad_543" data-name="Pfad 543" d="M835.293,51.273H592.623a89.3,89.3,0,1,0,0,178.6h242.67a89.3,89.3,0,0,0,0-178.6" transform="translate(1878.873 191.401)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_544" data-name="Pfad 544" d="M693.284,0a89.4,89.4,0,0,0-89.3,89.3V331.976a89.3,89.3,0,0,0,178.6,0V89.3A89.4,89.4,0,0,0,693.284,0" transform="translate(2254.654 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_545" data-name="Pfad 545" d="M744.556,0a89.4,89.4,0,0,0-89.3,89.3V331.976a89.3,89.3,0,1,0,178.6,0V89.3A89.4,89.4,0,0,0,744.556,0" transform="translate(2446.05 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_546" data-name="Pfad 546" d="M1036.621,0H793.951a89.3,89.3,0,1,0,0,178.6h242.669a89.3,89.3,0,1,0,0-178.6" transform="translate(2630.428 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_547" data-name="Pfad 547" d="M1036.621,51.273H793.951a89.3,89.3,0,1,0,0,178.6h242.669a89.3,89.3,0,1,0,0-178.6" transform="translate(2630.428 191.401)" fill="none" stroke="%234a1b87" stroke-width="5"/><path id="Pfad_548" data-name="Pfad 548" d="M894.612,0a89.4,89.4,0,0,0-89.3,89.3V331.976a89.3,89.3,0,1,0,178.6,0V89.3A89.4,89.4,0,0,0,894.612,0" transform="translate(3006.206 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_549" data-name="Pfad 549" d="M945.884,0a89.4,89.4,0,0,0-89.3,89.3V331.976a89.3,89.3,0,0,0,178.6,0V89.3A89.4,89.4,0,0,0,945.884,0" transform="translate(3197.605 0)" fill="none" stroke="%234a1b87" stroke-width="5"/><path id="Pfad_550" data-name="Pfad 550" d="M1237.949,0H995.279a89.3,89.3,0,1,0,0,178.6h242.669a89.3,89.3,0,1,0,0-178.6" transform="translate(3381.979 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_551" data-name="Pfad 551" d="M1237.949,51.273H995.279a89.3,89.3,0,1,0,0,178.6h242.669a89.3,89.3,0,1,0,0-178.6" transform="translate(3381.979 191.401)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_552" data-name="Pfad 552" d="M1095.935,0a89.4,89.4,0,0,0-89.3,89.3V331.976a89.3,89.3,0,1,0,178.6,0V89.3a89.4,89.4,0,0,0-89.3-89.3" transform="translate(3757.761 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_553" data-name="Pfad 553" d="M1147.211,0a89.4,89.4,0,0,0-89.3,89.3V331.976a89.3,89.3,0,1,0,178.6,0V89.3a89.4,89.4,0,0,0-89.3-89.3" transform="translate(3949.156 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_554" data-name="Pfad 554" d="M1439.276,0h-242.67a89.3,89.3,0,1,0,0,178.6h242.67a89.3,89.3,0,0,0,0-178.6" transform="translate(4133.53 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_555" data-name="Pfad 555" d="M1439.276,51.273h-242.67a89.3,89.3,0,1,0,0,178.6h242.67a89.3,89.3,0,0,0,0-178.6" transform="translate(4133.53 191.401)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_532" data-name="Pfad 532" d="M89.311,0A89.372,89.372,0,0,0,0,89.268V331.975a89.288,89.288,0,0,0,178.575,0V89.268A89.362,89.362,0,0,0,89.311,0" transform="translate(0 0.016)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_533" data-name="Pfad 533" d="M140.581,0A89.372,89.372,0,0,0,51.27,89.268V331.975a89.311,89.311,0,0,0,178.623,0V89.268A89.4,89.4,0,0,0,140.581,0" transform="translate(191.391 0.016)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_534" data-name="Pfad 534" d="M432.631,0H189.971a89.288,89.288,0,1,0,0,178.575h242.66A89.288,89.288,0,1,0,432.631,0" transform="translate(375.762 0.016)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_535" data-name="Pfad 535" d="M432.631,51.274H189.971a89.288,89.288,0,1,0,0,178.575h242.66a89.288,89.288,0,1,0,0-178.575" transform="translate(375.762 191.405)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_536" data-name="Pfad 536" d="M290.594,0A89.362,89.362,0,0,0,201.33,89.268V331.975a89.288,89.288,0,0,0,178.575,0V89.268A89.372,89.372,0,0,0,290.594,0" transform="translate(751.559 0.016)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_537" data-name="Pfad 537" d="M341.911,0A89.372,89.372,0,0,0,252.6,89.268V331.975a89.288,89.288,0,0,0,178.575,0V89.268A89.362,89.362,0,0,0,341.911,0" transform="translate(942.951 0.016)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_556" data-name="Pfad 556" d="M1297.267,0a89.4,89.4,0,0,0-89.3,89.3V331.976a89.3,89.3,0,0,0,178.6,0V89.3a89.4,89.4,0,0,0-89.3-89.3" transform="translate(4509.308 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_557" data-name="Pfad 557" d="M1348.539,0a89.4,89.4,0,0,0-89.3,89.3V331.976a89.3,89.3,0,1,0,178.6,0V89.3a89.4,89.4,0,0,0-89.3-89.3" transform="translate(4700.708 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_558" data-name="Pfad 558" d="M1397.93,178.6H1640.6a89.3,89.3,0,1,0,0-178.6H1397.93a89.3,89.3,0,0,0,0,178.6" transform="translate(4885.086 0)" fill="none" stroke="%23c2ff26" stroke-width="5"/><path id="Pfad_559" data-name="Pfad 559" d="M1640.609,51.273H1397.935a89.3,89.3,0,1,0,0,178.6h242.674a89.3,89.3,0,0,0,0-178.6" transform="translate(4885.082 191.401)" fill="none" stroke="%23c2ff26" stroke-width="5"/></g><rect id="Rechteck_240" data-name="Rechteck 240" width="7042" height="793" transform="translate(-23944 -13660)" fill="none"/></g></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom left;
  opacity: 1.0;
  z-index: 0;
  pointer-events: none;
}

.wide-background *{
  position: relative;
  z-index: 1;
}

.cmplz-cookiebanner.cmplz-show{
	box-shadow: rgb(0 0 0 / 5%) 0px 10px 20px, rgb(0 0 0 / 4%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show{
	    top: calc(100% - 80px) !important;
		width: 50px!important;
		height: 50px !important;
		border-radius: 100% !important;
		padding: 0px !important;
		min-width: 50px !important;
		background: var(--cmplz_button_accept_background_color) !important;
	box-shadow: rgb(0 0 0 / 5%) 0px 10px 20px, rgb(0 0 0 / 4%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show:hover{
	box-shadow: rgb(0 0 0 / 9%) 0px 10px 20px, rgb(0 0 0 / 13%) 0px 6px 6px !important;
}

button.cmplz-btn.cmplz-manage-consent.cmplz-show svg{
	width: 30px !important;
	height: 30px !important;
	margin-bottom: -5px;
}

.cmplz-description{
	line-height: 18px;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode{
	max-width: 100%;
}

.teamrow[data-column-margin="20px"] .child_column{
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.mobilebutton-fw{
  border: 2px solid rgb(194, 255, 38);
}

.mobilebutton-fw span{
    color: #000000;
}

.mobilebutton-fw:hover{
    background: transparent !important;
    border: 2px solid #000;
}

.mobilebutton-fw:hover span{
    color: #000000;
}

.produkthighlights .hover-wrap{
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.produkthighlights-title{
    margin-top: -10%;
    padding-bottom: 10%;
}



/* DIESEN BLOCK ans Ende deiner style.css setzen */
.produkthighlights .child_column .hover-wrap,
.produkthighlights .child_column .hover-wrap-inner{
  overflow: hidden;
  border-radius: 20px;
}

.produkthighlights .child_column .hover-wrap-inner img.img-with-animation{
  display: block;
  transform-origin: center center !important;
  backface-visibility: hidden;
  transition: transform .2s ease-out !important;
  will-change: transform;
}

/* Hover/Press vergrößert – Loslassen springt zurück */
.produkthighlights .child_column:hover .hover-wrap-inner img.img-with-animation,
.produkthighlights .child_column .hover-wrap:hover .hover-wrap-inner img.img-with-animation{
  transform: scale(1.08) !important;
}

.produkthighlights .child_column .hover-wrap:active .hover-wrap-inner img.img-with-animation{
  transform: scale(1.1) !important;
}

/* Touch-only (wenn kein Hover verfügbar ist) */
@media (hover:none){
  .produkthighlights .child_column .hover-wrap:active .hover-wrap-inner img.img-with-animation{
    transform: scale(1.1) !important;
  }
}

/* Falls Salient Inline-Transforms setzt, hiermit hart übersteuern */
.produkthighlights .child_column .hover-wrap-inner[style],
.produkthighlights .child_column .hover-wrap[style]{
  transform: none !important;
}



@media only screen and (min-width: 0px) and (max-width: 999px) {
  
  .mobilebutton-fw{
    width: 100% !important;
    text-align: center;
  }
  
  .header-patterns1::before, .header-patterns1::after,
  .header-patterns2::before, .header-patterns2::after,
  .header-patterns3::before, .header-patterns3::after,
  .header-patterns4::before, .header-patterns4::after {
    display: none;
  }
  
  .teammember-content h3{
    font-size: 150% !important;
  }
  
  .teamrow[data-column-margin="20px"] .child_column{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  .textfeld-mit-rahmen-lr, .textfeld-mit-rahmen-lr-lila{
    padding: 2rem 3rem;
  }
  
  .textfeld-mit-rahmen-lr::before{
    left:0;
    background-image:url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 600'>\
      <path d='M60 5 C25 5 5 25 5 60 V540 C5 575 25 595 60 595' fill='none' \
            stroke='%23c2ff26' stroke-width='3' stroke-linecap='round'/>\
    </svg>");
  }
  
  .textfeld-mit-rahmen-lr-lila::before{
    left:0;
    background-image:url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 600'>\
      <path d='M60 5 C25 5 5 25 5 60 V540 C5 575 25 595 60 595' fill='none' \
            stroke='%238149C9' stroke-width='3' stroke-linecap='round'/>\
    </svg>");
  }
  
  /* rechte Linie (gespiegelt) */
  .textfeld-mit-rahmen-lr::after{
    right:0;
    background-image:url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 600'>\
      <path d='M60 5 C25 5 5 25 5 60 V540 C5 575 25 595 60 595' fill='none' \
            stroke='%23c2ff26' stroke-width='3' stroke-linecap='round'/>\
    </svg>");
      transform:translateY(-50%) scaleX(-1);
  }
  
  .textfeld-mit-rahmen-lr-lila::after{
    right:0;
    background-image:url("data:image/svg+xml;utf8,\
    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 600'>\
      <path d='M60 5 C25 5 5 25 5 60 V540 C5 575 25 595 60 595' fill='none' \
            stroke='%238149C9' stroke-width='3' stroke-linecap='round'/>\
    </svg>");
      transform:translateY(-50%) scaleX(-1);
  }
  
  .timeline_years_tabs .tabbed[data-style="minimal_flexible"] .wpb_tabs_nav > li a:before {
  bottom: -57px;
  left: 0;
  width: 100%;
  height: 19px;
  }
  
  .flyover-button {
    display: none;
  }
  
  .timeline_years_tabs .tabbed > ul li .active-tab span{
    height: 45px;
  }
  .nectar-flickity:not(.masonry) .flickity-slider .cell{
    border-radius: 20px;
  }
}