:root {
  /* colors */

    --color-eminence: #642875;
    --color-pumpkin: #f58138;
    --color-yellow-green: #a1c150;
    --color-robin-egg-blue: #4dc2c4;
    --color-midnight-green: #225264;
    --color-cadet-gray: #89A7B6;
    --color-russian-violet: #350242;
    --color-thistle: #cdbfd3;
    --color-mangolia: #EEEAF0;
    --color-peach: #fbbd92;
    --color-apricot: #fdd4b6;
    --color-champagne-pink: #ffecde;
    --color-tea-green: #d5e0b2;
    --color-ivory: #f5f8ec;
    --color-mint-green: #c5e7e7;
    --color-mint-cream: #EFF8F7;
    --color-alice-blue: #e3ebf0;
    --color-white: #FFFFFF;

  /* New semantic colors */
    --color-success: #6BAE45;
    --color-warning: #E6A623;
    --color-error: #C73C4E;
    --color-info: #3CA9B1;
    --error-bg: #F2CFD4;


  /* additional gradient helper bg */
  --light-blue-grad: linear-gradient(8deg,rgba(77, 194, 196, 1) 42%, rgba(197, 231, 231, 0.81) 100%);
  --dark-blue-grad: linear-gradient(8deg,rgba(34, 82, 100, 1) 42%, rgba(137, 167, 182, 0.81) 100%);
  --pumpkin-grad: linear-gradient(8deg,rgba(245, 129, 56, 1) 42%, rgba(253, 212, 182, 0.81) 100%);
  --eminence-grad: linear-gradient(8deg,rgba(100, 40, 117, 1) 42%, rgba(205, 191, 211, 0.81) 100%);
  --yellow-green-grad: linear-gradient(8deg,rgba(161, 193, 80, 1) 42%, rgba(213, 224, 178, 0.81) 100%);


  /*
    CONVERSION FORMULAS:
    1pt = 4/3 px
    1rem = 16px (assuming default browser font size)
  */

  /* This single line makes all your rem-based font sizes smaller */
  font-size: 14px; /* Adjust this value to control the overall scale */

  /* 55pt = 73.33px. A suitable minimum on mobile would be around 40px or 2.5rem */
  --font-size-55pt: clamp(2.5rem, 5vw, 4.583rem);
  
  /* 28pt = 37.33px. min: ~28px / 1.75rem */
  --font-size-28pt: clamp(1.75rem, 2.5vw, 2.333rem);
  
  /* 24pt = 32px. min: ~24px / 1.5rem */
  --font-size-24pt: clamp(1.5rem, 2.2vw, 2rem);
  
  /* 20.34pt = 27.12px. min: ~20px / 1.25rem */
  --font-size-20pt: clamp(1.25rem, 1.8vw, 1.695rem);
  
  /* 19pt = 25.33px. min: ~19px / 1.1875rem */
  --font-size-19pt: clamp(1.1875rem, 1.7vw, 1.583rem);

  /* 17.5pt ≈ 23.33px. min: 17.5px / 1.09375rem */
  --font-size-17_5pt: clamp(1.09375rem, 1.6vw, 1.4583rem);
  
  /* 16pt = 21.33px. min: ~16px / 1rem */
  --font-size-16pt: clamp(1rem, 1.5vw, 1.333rem);
  
  /* 14pt = 18.67px. min: ~14px / 0.875rem */
  --font-size-14pt: clamp(0.875rem, 1.3vw, 1.167rem);
  
  /* 13pt = 17.33px. min: ~13px / 0.8125rem */
  --font-size-13pt: clamp(0.8125rem, 1.2vw, 1.083rem);

  /* 10pt ≈ 13.3px. min: ~12px / 0.75rem */
  --font-size-10pt: clamp(0.75rem, 1vw, 0.85rem);

  /* Font-weight variables */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-heavy: 800;
  --font-weight-black: 900;

  /* font line-height variables */
  --lh-none: 1;
  --font-line-height-12: 1.2;
  --lh-tight: 1.2;
  --font-line-height-13: 1.3;
  --lh-normal: 1.3;
  --font-line-height-14: 1.4;
  --lh-relaxed: 1.4;

  --radius-sm: 0.5rem;   /* ~8px */
  --radius-md: 1rem;     /* ~16px */
  --radius-lg: 1.75rem;  /* ~28px */

  --space-0: 0;
  --space-xs: 0.5rem;   /* ~8px  */
  --space-sm: 1rem;     /* ~16px */
  --space-md: 1.5rem;   /* ~24px */
  --space-lg: 2rem;     /* ~32px */
  --space-slg: 2.2rem;     /* ~32px */
  --space-xl: 3rem;     /* ~48px */
  --space-2xl: 4rem;    /* ~64px */
  --space-special: 6rem;

  /* ≥ 600px (tablet) */
@media (min-width: 600px) {
    --space-sm: 1.125rem;  /* 18px */
    --space-md: 1.75rem;   /* 28px */
    --space-lg: 2.5rem;    /* 40px */
    --space-slg: 3rem;      /* 48px */
    --space-xl: 3.5rem;    /* 56px */
    --space-2xl: 4.5rem;   /* 72px */
}

/* ≥ 1024px (desktop) */
@media (min-width: 1024px) {
    --space-sm:  1.25rem;   /* 20px */
    --space-md:  2rem;      /* 32px */
    --space-lg:  3rem;      /* 48px */
    --space-slg: 3.5rem;      /* 48px */
    --space-xl:  4rem;      /* 64px */
    --space-2xl: 5rem;     /* 80px */
  
}
}

/* general scroll effect */
html {
  scroll-behavior: smooth!important;
}
h1, h2, h3, h4, h5, h6, p:not(.main-blog-content) {
  margin-block-start: 0!important;
  margin-block-end: 0!important;
}

.main-blog-content .post_content p {
  margin-block-end: 1.5rem!important;
}

.w-btn-wrapper {
  margin-block-start: 0!important;
  margin-block-end: 0!important;
}

/* Apply this class on sections you control */
.l-section.u-reset,
.l-section.u-reset.height_small,
.l-section.u-reset.height_medium,
.l-sidebar.u-reset {
  padding-top: 0;
  padding-bottom: 0;
}

.main-header-navigation li:hover span,
.main-header-navigation .current-menu-item {
	font-weight: var(--font-weight-black);
}

/* section padding css */
.hero-section-no-bp {
	padding-top: 2.5rem !important;
  padding-bottom: 0rem !important;
}

@media (max-width: 600px) {
  .hero-section-no-bp {
	  padding-top: 1.5rem !important;
    padding-bottom: 0rem !important;
}
}

.section-with-badge {
	padding-top: 3.825rem !important;
  padding-bottom: 4.5rem !important;
}

@media (max-width: 600px) {
.section-with-badge {
	padding-top: 5rem !important;
  padding-bottom: 1.5rem !important;
}
}

.section-between-badge-sections-spezial {
	padding-top: 2.525rem !important;
  /* padding-top: 3.825rem !important; */
  padding-bottom: 4.5rem !important;
}

@media (max-width: 600px) {
.section-between-badge-sections-spezial {
	padding-top: 1.5rem !important;
  padding-bottom: 5.5rem !important;
}
}

.section-between-badge-sections {
	padding-top: 3.825rem !important;
  padding-bottom: 4.5rem !important;
}

@media (max-width: 600px) {
.section-between-badge-sections {
	padding-top: 1.5rem !important;
  padding-bottom: 5.5rem !important;
}
}

.section-normal {
	padding-top: 3.825rem !important;
  padding-bottom: 4.5rem !important;
}

@media (max-width: 600px) {
.section-normal {
	padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
}

.section-above-badge-small-top {
	padding-top: 3.825rem !important;
	padding-bottom: 4.5rem !important;
}

@media (max-width: 1024px) {
.section-above-badge-small-top {
	padding-top: 1.5rem !important;
	padding-bottom: 5.5rem !important;
}
}

.hero-section-above-badge {
	padding-top: 2.5rem !important;
  padding-bottom: 4.5rem !important;
}

@media (max-width: 600px) {
.hero-section-above-badge {
	padding-top: 1.5rem !important;
  padding-bottom: 4.5rem !important;
}
}

.hero-section-no-badge-below {
	padding-top: 2.5rem !important;
  padding-bottom: 4.5rem !important;
}

@media (max-width: 600px) {
.hero-section-no-badge-below {
	padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
}

.section-no-bp {
	padding-top: 3.825rem !important;
	padding-bottom: 0rem !important;
}

.legal-section {
  padding-top: 3.825rem !important;
  padding-bottom: 0rem !important;
}

/* end of section padding css */

/* Y-axis (both) */
.u-py-0   { padding-top: var(--space-0) !important;  padding-bottom: var(--space-0) !important; }
.u-py-lg  { padding-top: var(--space-lg) !important; padding-bottom: var(--space-lg) !important; }
.u-py-xl  { padding-top: var(--space-xl) !important; padding-bottom: var(--space-xl) !important; }
.u-py-2xl { padding-top: var(--space-2xl) !important; padding-bottom: var(--space-2xl) !important; }
.u-p-first-section {padding-top: 2.5rem!important; padding-bottom: 0rem!important;}

@media (max-width: 600px) {
  .u-p-first-section {padding-top: 1.5rem!important; padding-bottom: 1.5rem!important;}
}

.u-p-first-section-special-pb {padding-top: 2.5rem!important; padding-bottom: 3.825rem!important;}

@media (max-width: 600px) {
  .u-p-first-section-special-pb {padding-top: 1.5rem!important; padding-bottom: 3.825rem!important;}
}

.u-p-section-zero-bp {padding-bottom: 0rem!important;}

@media (max-width: 600px) {
  .u-p-section-zero-bp { padding-bottom: 1.5rem!important;}
}

/* Padding Top */
.u-pt-0   { padding-top: var(--space-0) !important; }
.u-pt-lg  { padding-top: 3.825rem !important; }

.u-pt-lg-special { padding-top: var(--space-lg) !important; }

.u-pt-xl  { padding-top: var(--space-xl) !important; }
.u-pt-2xl { padding-top: var(--space-2xl) !important; }

.u-pt-special {padding-top: 3.825rem !important;}
@media (max-width: 600px) {
  .u-pt-special {padding-top: var(--space-special) !important;}
  .u-pt-lg-special {padding-top: 0!important;}
}

/* Bottom only */
.u-pb-0   { padding-bottom: var(--space-0) !important; }
.u-pb-xs  { padding-bottom: var(--space-xs) !important; }
.u-pb-sm  { padding-bottom: var(--space-sm) !important; }
.u-pb-md  { padding-bottom: var(--space-md) !important; }
.u-pb-lg  { padding-bottom: 4.5rem !important; }
.u-pb-slg  { padding-bottom: var(--space-slg) !important; }
.u-pb-xl  { padding-bottom: var(--space-xl) !important; }
.u-pb-2xl { padding-bottom: var(--space-2xl) !important; }

.u-pb-special {padding-bottom: var(--space-lg) !important;}
@media (max-width: 600px) {
  .u-pb-special {padding-bottom: var(--space-special) !important;}
}

.u-pb-special-big {padding-bottom: 4.5rem !important;}
@media (max-width: 600px) {
  .u-pb-special-big {padding-bottom: var(--space-special) !important;}
}

.w-separator.size_medium {
	height: 0.5rem !important;
}

@media (max-width: 1024px) {
    .w-separator.size_medium {
        height: 0.3rem !important;
    }
}

.w-separator.size_small {
	height: 1.8rem !important;
}

@media (max-width: 1024px) {
    .w-separator.size_small {
        height: 1.3rem !important;
    }
}

.w-separator.size_large {
	height: 3rem !important;
}

@media (max-width: 1024px) {
    .w-separator.size_large {
        height: 1.3rem !important;
    }
}

/* spcial text span elements */
.text-box-display {
  display: block;
}

/* Desktop: show the break (2 lines) */
.desktop-break {
  display: block;
}

/* Mobile: hide the break (1 line) */
@media (max-width: 600px) {
  .desktop-break {
    display: none;
  }
}

/* Base font-size classes */
.text-55pt {font-size: var(--font-size-55pt);}
.text-28pt, .text-28pt h1 {font-size: var(--font-size-28pt);}
.text-24pt {font-size: var(--font-size-24pt);}
.text-20pt {font-size: var(--font-size-20pt);}
.text-19pt {font-size: var(--font-size-19pt);}
.text-16pt {font-size: var(--font-size-16pt);}
.text-17_5pt {font-size: var(--font-size-17_5pt);}
.text-14pt {font-size: var(--font-size-14pt);}
.text-13pt {font-size: var(--font-size-13pt);}
.text-10pt {font-size: var(--font-size-10pt);}

/* responsive line heights */
@media (max-width: 1024px) {
  .text-28pt, .text-28pt h1 {
    font-size: var(--font-size-28pt);
    line-height: 1.1!important;
  }
  .text-24pt {
    font-size: var(--font-size-24pt);
    line-height: 1.2!important;
  }
  .text-19pt {
    font-size: var(--font-size-19pt);
    line-height: 1.3;
  }
}

@media (max-width: 600px) {
  .special-text-width {
    width: 92%;
  }
}

/* Base font-weight classes */
.font-weight-regular {font-weight: var(--font-weight-regular);}
.font-weight-bold {font-weight: var(--font-weight-bold);}
.font-weight-heavy {font-weight: var(--font-weight-heavy);}
.font-weight-black {font-weight: var(--font-weight-black);}

.lh-none: {line-height: var(--lh-none);}
.font-line-height-12,
.font-line-height-12 p,
.lh-tight { line-height: var(--font-line-height-12, 1.2);}
.font-line-height-13,
.font-line-height-13 p,
.lh-normal { line-height: var(--font-line-height-13, 1.3);}
.font-line-height-14,
.font-line-height-14 p,
.lh-relaxed { line-height: var(--font-line-height-14, 1.4);}

/* Italic font-style classes */
.font-italic {font-style: italic;}

/* Combined classes for convenience */
.font-regular-italic {font-weight: var(--font-weight-regular); font-style: italic;}
.font-heavy-italic {font-weight: var(--font-weight-heavy); font-style: italic;}
.font-black-italic {font-weight: var(--font-weight-black); font-style: italic;}

/* Base text color classes */
.u-text-eminence { color: var(--color-eminence) !important; }
.u-text-pumpkin { color: var(--color-pumpkin) !important; }
.u-text-yellow-green { color: var(--color-yellow-green) !important; }
.u-text-robin-egg-blue { color: var(--color-robin-egg-blue) !important; }
.u-text-midnight-green { color: var(--color-midnight-green) !important; }
.u-text-thistle { color: var(--color-thistle) !important; }
.u-text-apricot { color: var(--color-apricot) !important; }
.u-text-tea-green { color: var(--color-tea-green) !important; }
.u-text-ivory { color: var(--color-ivory) !important; }
.u-text-mint-green { color: var(--color-mint-green) !important; }
.u-text-alice-blue { color: var(--color-alice-blue) !important; }
.u-text-white { color: var( --color-white) !important; }
.u-text-champagne-pink { color: var( --color-champagne-pink) !important; }
.u-text-peach { color: var( --color-peach) !important; }
.u-text-success { color: var( --color-success) !important; }

/* Base background-color classes */
.u-bg-eminence { background: var(--color-eminence) !important; }
.u-bg-pumpkin { background: var(--color-pumpkin) !important; }
.u-bg-yellow-green { background: var(--color-yellow-green) !important; }
.u-bg-robin-egg-blue { background: var(--color-robin-egg-blue) !important; }
.u-bg-midnight-green { background: var(--color-midnight-green) !important; }
.u-bg-thistle { background: var(--color-thistle) !important; }
.u-bg-mangolia { background: var(--color-mangolia) !important; }
.u-bg-apricot { background: var(--color-apricot) !important; }
.u-bg-tea-green { background: var(--color-tea-green) !important; }
.u-bg-ivory { background: var(--color-ivory) !important; }
.u-bg-mint-green { background: var(--color-mint-green) !important; }
.u-bg-mint-cream { background: var(--color-mint-cream) !important; }
.u-bg-alice-blue { background: var(--color-alice-blue) !important; }
.u-bg-white { background: var( --color-white) !important; }
.u-bg-champagne-pink { background: var( --color-champagne-pink) !important; }
.u-bg-peach { background: var( --color-peach) !important; }
.u-bg-light-blue-gradient {background: var(--light-blue-grad) !important; }
.u-bg-dark-blue-gradient {background: var(--dark-blue-grad) !important; }
.u-bg-pumpkin-gradient {background: var(--pumpkin-grad) !important; }

/* Base border-color classes */
.u-border-eminence { border-color: var(--color-eminence) !important; }
.u-border-pumpkin { border-color: var(--color-pumpkin) !important; }
.u-border-yellow-green { border-color: var(--color-yellow-green) !important; }
.u-border-robin-egg-blue { border-color: var(--color-robin-egg-blue) !important; }
.u-border-midnight-green { border-color: var(--color-midnight-green) !important; }
.u-border-thistle { border-color: var(--color-thistle) !important; }
.u-border-apricot { border-color: var(--color-apricot) !important; }
.u-border-tea-green { border-color: var(--color-tea-green) !important; }
.u-border-ivory { border-color: var(--color-ivory) !important; }
.u-border-mint-green { border-color: var(--color-mint-green) !important; }
.u-border-alice-blue { border-color: var(--color-alice-blue) !important; }
.u-border-white { border-color: var( --color-white) !important; }
.u-border-champagne-pink { border-color: var( --color-champagne-pink) !important; }
.u-border-peach { border-color: var( --color-peach) !important; }

.u-dot-style .dotstyle_circle .owl-dot.active span {
    background: var(--color-eminence) !important;
    box-shadow: unset!important;
    opacity: 1;
}

/* text box width classes */
.text-box { margin: 0 auto!important; }
.text-box--50 {width: 50%;}
.text-box--60 {width: 60%;}
.text-box--70 {width: 70%;}
.text-box--80 {width: 80%;}
.text-box--90 {width: 90%;}

/* Responsive override */
@media (max-width: 600px) {
  .text-box {width: 100% !important;}
}

/* smartphone override – one query for all */
@media (max-width: 600px) {
  [class*="text-box-"] {width: 100%!important;}
}

.spezial-text-box--50 {
  width: 50%!important;
  margin: 0 auto!important;
}

/* text align utility classes */
.u-text-left {text-align: left !important;}
.u-text-center {text-align: center !important;}
.u-text-right {text-align: right !important;}

.u-spez-img-size {
  width: 80% !important;
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1024px) {
  .u-spez-img-size {
    width: 100% !important;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}
}

/* marging, padding and radius */
.u-m-0 { margin: 0 !important; }
.u-m-1 { margin: 0.25rem !important; }
.u-m-2 { margin: 0.5rem !important; }
.u-m-3 { margin: 1rem !important; }
.u-m-4 { margin: 1.5rem !important; }
.u-m-5 { margin: 2rem !important; }
.u-m-6 { margin: 2.5rem !important; }
.u-m-7 { margin: 3rem !important; }

/* Directional */
.u-mt-1 { margin-top: 0.25rem !important; }
.u-mr-1 { margin-right: 0.25rem !important; }
.u-mb-1 { margin-bottom: 0.25rem !important; }
.u-ml-1 { margin-left: 0.25rem !important; }
.u-mt-2 { margin-top: 0.5rem !important; }
.u-mr-2 { margin-right: 0.5rem !important; }
.u-mb-2 { margin-bottom: 0.5rem !important; }
.u-ml-2 { margin-left: 0.5rem !important; }
.u-mt-3 { margin-top: 0.75rem !important; }
.u-mr-3 { margin-right: 0.75rem !important; }
.u-mb-3 { margin-bottom: 0.75rem !important; }
.u-ml-3 { margin-left: 0.75rem !important; }
.u-mt-4 { margin-top: 1rem !important; }
.u-mr-4 { margin-right: 1rem !important; }
.u-mb-4 { margin-bottom: 1rem !important; }
.u-ml-4 { margin-left: 1rem !important; }
.u-mt-5 { margin-top: 1.5rem !important; }
.u-mr-5 { margin-right: 1.5rem !important; }
.u-mb-5 { margin-bottom: 1.5rem !important; }
.u-ml-5 { margin-left: 1.5rem !important; }

@media (max-width: 1024px) {
  .u-mt-5 { margin-top: 1rem !important; }
  .u-mr-5 { margin-right: 1rem !important; }
  .u-mb-5 { margin-bottom: 1rem !important; }
  .u-ml-5 { margin-left: 1rem !important; }
}

/* Repeat for other sizes as needed */

.u-p-0 { padding: 0 !important; }
.u-p-1 { padding: 0.25rem !important; }
.u-p-2 { padding: 0.5rem !important; }
.u-p-3 { padding: 1rem !important; }
.u-p-4 { padding: 1.5rem !important; }
.u-p-5 { padding: 2rem !important; }
.u-p-6 { padding: 2.5rem !important; }
.u-p-7 { padding: 3rem !important; }

@media (max-width: 600px) {
  .u-p-6 { padding: 1.5rem !important; }
  .u-p-7 { padding: 1.5rem !important; }
  .u-mb-4 { margin-bottom: 0.4rem !important; }
}

/* Directional */
.u-pt-1 { padding-top: 0.25rem !important; }
.u-pr-1 { padding-right: 0.25rem !important; }
.u-pb-1 { padding-bottom: 0.25rem !important; }
.u-pl-1 { padding-left: 0.25rem !important; }
.u-pt-5 { padding-top: 0.25rem !important; }
.u-pr-5 { padding-right: 0.25rem !important; }
.u-pb-5 { padding-bottom: 0.25rem !important; }
.u-pl-5 { padding-left: 0.25rem !important; }
/* Repeat for other sizes as needed */

.u-radius-0 { border-radius: 0 !important; }
.u-radius-sm { border-radius: var(--radius-sm, 8px) !important; }
.u-radius-md { border-radius: var(--radius-md, 16px) !important; }
.u-radius-lg { border-radius: var(--radius-lg, 28px) !important; }
.u-radius-full { border-radius: 9999px !important; } /* For pill shapes */

@media (max-width: 600px) {
.two-buttons {
  display: grid!important;
  row-gap: 1.3rem!important;
}
}

.u-copy-right-footer {
  color: var(--color-midnight-green);
  font-weight: var(--font-weight-black);
  font-size: var(--font-size-10pt);
  text-align: center;
}

@media (max-width: 1024px) {
.u-copy-right-footer {
  color: var(--color-midnight-green);
  font-weight: var(--font-weight-black);
  font-size: var(--font-size-10pt);
  text-align: left;
}
}

.w-toplink {
    background: linear-gradient(to top right, var(--color-pumpkin, #f58138) 0%, var(--color-pumpkin, #f58138) 45%, rgba(255, 255, 255, 0.7) 100%)!important;
}

.no-touch .w-toplink.active:hover {
    background: var(--color-eminence, #642875)!important;
}

.my-inner-row .vc_column-inner {
	padding-left: 0!important;
	padding-right: 0!important;
}

/* .btn--robin-egg-blue  { --btn-color: #4dc2c4; }*/

/* Button classes */
/* Normal state */
.w-btn.us-btn-style_1.btn--robin-egg-blue {
    position: relative;
    background: linear-gradient(to top right, var(--color-robin-egg-blue, #4dc2c4) 0%, var(--color-robin-egg-blue, #4dc2c4) 45%, var(--color-mint-green, #c5e7e7) 100%) !important;
    /*transition: background 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;*/
    transition: background 0.3s ease!important;
    color: var(--color-white, #FFFFFF) !important;
}

/* Hover state */
.w-btn.us-btn-style_1.btn--robin-egg-blue:hover {
    background: var(--color-pumpkin, #f58138) !important;
    color: var(--color-white, #FFFFFF) !important;
    transition: background 0.3s ease!important;
}

.w-btn.us-btn-style_1.btn--midnight {
    position: relative;
    background: linear-gradient(to top right, var(--color-midnight-green, #225264) 0%, var(--color-midnight-green, #225264) 45%, var(--color-cadet-gray, #89A7B6) 100%) !important;
    transition: background 0.3s ease!important;
    color: var(--color-white, #FFFFFF) !important;
}

/* Hover state */
.w-btn.us-btn-style_1.btn--midnight:hover {
    background: var(--color-pumpkin, #f58138) !important;
    transition: background 0.3s ease!important;
    color: var(--color-white, #FFFFFF) !important;
}

.w-btn.us-btn-style_1.btn--yellowgreen {
    position: relative;
    background: linear-gradient(to top right, var(--color-yellow-green, #a1c150) 0%, var(--color-yellow-green, #a1c150) 45%, var(--color-tea-green, #d5e0b2) 100%) !important;
    transition: background 0.3s ease!important;
    color: var(--color-white, #FFFFFF) !important;
}

/* Hover state */
.w-btn.us-btn-style_1.btn--yellowgreen:hover {
    background: var(--color-pumpkin, #f58138) !important;
    color: var(--color-white, #FFFFFF) !important;
    transition: background 0.3s ease!important;
}

.w-btn.us-btn-style_1.btn--eminence {
    position: relative;
    background: linear-gradient(to top right, var(--color-eminence, #642875) 0%, var(--color-eminence, #642875) 45%, var(--color-thistle, #cdbfd3) 100%) !important;
    transition: background 0.3s ease!important;
    color: var(--color-white, #FFFFFF) !important;
}

/* Hover state */
.w-btn.us-btn-style_1.btn--eminence:hover {
    background: var(--color-pumpkin, #f58138) !important;
    color: var(--color-white, #FFFFFF) !important;
    transition: background 0.3s ease!important;
}

.w-btn.us-btn-style_1.btn--pumpkin {
    position: relative;
    background: linear-gradient(to top right, var(--color-pumpkin, #f58138) 0%, var(--color-pumpkin, #f58138) 45%, var(--color-apricot, #fdd4b6) 100%) !important;
    transition: background 0.3s ease!important;
    color: var(--color-white, #FFFFFF) !important;
}

/* Hover state */
.w-btn.us-btn-style_1.btn--pumpkin:hover {
    background: var(--color-eminence, #642875) !important;
    color: var(--color-white, #FFFFFF) !important;
    transition: background 0.3s ease!important;
}

/* Make sure the label stays on top */
.w-btn.us-btn-style_1.btn--robin-egg-blue .w-btn-label,
.w-btn.us-btn-style_1.btn--pumpkin .w-btn-label
.w-btn.us-btn-style_1.btn--midnight .w-btn-label
.w-btn.us-btn-style_1.btn--yellowgreen .w-btn-label,
.w-btn.us-btn-style_1.btn--eminence .w-btn-label {
    position: relative;
    z-index: 1;
}

/* Normalize the icon on “icon_atright” buttons */
.w-btn.us-btn-style_1.icon_atright > i {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-left: 0.5em;
  opacity: 1 !important;
  color: color: currentColor !important;
  transform: none !important;
  right: auto !important;
}

/* If your theme wraps the icon: <span class="w-btn-icon"><i>… */
.w-btn.us-btn-style_1 [class*="w-btn-icon"] i {
  position: relative;
  z-index: 1;
  opacity: 1 !important;
  color: color: currentColor !important;
}

/* Optional: keep the icon white on hover too */
.w-btn.us-btn-style_1[class*="btn--"]:hover i {
  color: color: currentColor !important;
  opacity: 1 !important;
}

/* Base button */
.btn {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.2;
  padding: 0.75em 1.5em;
  border-radius: 9999px; /* pill shape */
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  text-align: center;
  font-weight: 800!important;
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.02em!important;
}

/* ===== Danger ===== */
.btn--danger {
  background: #e63946 !important;
  color: #ffffff !important;
}
.btn--danger:hover {
  background: #b92d38 !important;
  color: #ffffff !important;
}

/* ===== Light ===== */
.btn--light {
  background: #ffffff !important;
  color: #212121 !important;
  border: 1px solid #e0e0e0 !important;
}
.btn--light:hover {
  background: #f5f5f5 !important;
  color: #212121 !important;
}

/* ===== Dark ===== */
.btn--dark {
  background: #212121 !important;
  color: #ffffff !important;
}
.btn--dark:hover {
  background: #000000 !important;
  color: #ffffff !important;
}

/* ===== Gradient Teal ===== */
.btn--gradient-teal {
  background: linear-gradient(135deg, #0b7f90 0%, #079d72 100%) !important;
  color: #ffffff !important;
}
.btn--gradient-teal:hover {
  background: linear-gradient(135deg, #095f6a 0%, #056b50 100%) !important;
  color: #ffffff !important;
}

/* ===== Gradient Sunset ===== */
.btn--gradient-sunset {
  background: linear-gradient(135deg, #ff9966 0%, #ff5e62 100%) !important;
  color: #ffffff !important;
}
.btn--gradient-sunset:hover {
  background: linear-gradient(135deg, #e67a4a 0%, #e0484c 100%) !important;
  color: #ffffff !important;
}

/* Text always above overlay */
.w-btn.us-btn-style_1[class*="btn--"],
.w-btn.us-btn-style_1[class*="btn--"] .w-btn-label {
  position: relative;
  z-index: 1;
}

/* Hover = fade gradient away → solid color */
.w-btn.us-btn-style_1[class*="btn--"]:hover::before {
  opacity: 0 !important;
}

/* header css */
.l-subheader.width_full {
  padding-left: 0!important;
}
/* end of header css */

/* Nav item base */
.main-header-navigation .w-nav-list.level_1 .w-nav-item {
  position: relative;
  display: inline-block;
  padding: 0 14px;
}

/* Slanted divider – show only on desktop (>1024px) */
@media (min-width: 1025px) {
  .main-header-navigation .w-nav-list.level_1 .w-nav-item:not(:nth-last-child(2))::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(25deg);
    width: 2px;
    height: 26px;
    background-color: var(--color-pumpkin);
  }
}

/* end of header css */

/* mobile navigation */

.mobile-navigation .level_1 {
	font-size: var(--font-size-55pt)!important;
  font-weight: var(--font-weight-regular);
}

.mobile-navigation .level_1:hover {
	font-size: var(--font-size-55pt)!important;
  font-weight: var(--font-weight-black);
}

@media (max-width: 1024px) {
.main-header-navigation .w-nav-list.level_1 .w-nav-item {
  position: relative;
  display: block;
  padding: 0 14px;
}
.mobile-navigation a.level_1 {
    line-height: 1.1!important;
    padding: 0.5rem!important;
    transition: none;
}
}

.mobile-navigation .w-nav-list.level_1 {
  height: calc(100dvh - 76px) !important;
  height: calc(100vh - 76px) !important;
  overflow-y: auto !important;
}

.mobile-navigation .w-nav-list.level_1 > li:first-child {
  margin-top: 3rem!important; /* adjust as needed */
}

.mobile-navigation li:hover span,
.mobile-navigation .current-menu-item .level_1,
.mobile-navigation .current_page_item .level_1 {
    font-weight: var(--font-weight-black)!important;
}

/* Add lines only to first 4 menu items */
.mobile-navigation .w-nav-list.level_1 > li.menu-item {
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
}

.mobile-navigation .w-nav-list.level_1 > li.menu-item:nth-child(5) {
  margin-bottom: 30px; /* adjust as needed */
}

/* Create centered line with ::after for first 4 items only */
.mobile-navigation .w-nav-list.level_1 > li.menu-item:nth-child(-n+4)::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 3px;
  background-color: #E07856;
}

/* Remove line from last menu item */
.mobile-navigation .w-nav-list.level_1 > li.menu-item:last-of-type::after {
  display: none;
}

/* end of mobile navigation */

/* gradient css */

.aktualitaeten-banner-startseite {
    background: #642875 ;
    background: -webkit-linear-gradient(0deg, rgba(100, 40, 117, 0.78) 0%, rgba(179, 156, 187, 0) 100%);
    background: -moz-linear-gradient(0deg, rgba(100, 40, 117, 0.78) 0%, rgba(179, 156, 187, 0) 100%);
    background: linear-gradient(0deg, rgba(100, 40, 117, 0.78) 0%, rgba(179, 156, 187, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#642875", endColorstr="#B39CBB", GradientType=0);
}

.footer-gradient-color {
  background: linear-gradient(-124.7164deg,rgba(200, 215, 224, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

/* end of gradient css */

/* footer css */

.footer-logo-entrepreneur-skills {
    width: 230px !important;
}

.footer-radius-top-right {
  border-radius: 0 380px 0 0!important;
}

/* Tweak the radius responsively so it always feels “large” */
@media (max-width: 1280px){
  .footer-radius-top-right {
    border-radius: 0 360px 0 0!important;
  }
}
@media (max-width: 1024px){
  .footer-radius-top-right {
    border-radius: 0 180px 0 0!important;
  }
}
@media (max-width: 600px){
  .footer-radius-top-right {
    border-radius: 0 90px 0 0!important;
  }
}

.inner-footer-text-width-hr p {
  margin-bottom: 0;
}

.inner-footer-text-width-hr hr {
    height: 0;
    border-style: solid;
    border-width: 0 0 2px;
    border-color: var(--color-pumpkin);
    margin-left: 0;
    width: 66%;
}

.inner-footer-text-width-hr a:hover {
  font-weight: var(--font-weight-black)!important;
}

@media (max-width: 600px) {
  .inner-footer-text-width-hr hr {
    width: 100%!important;
  }
}

.footer-cta-row {
  position: relative;        /* anchor badge */
  padding-top: 3.5rem;            /* no top padding because badge will peek above */
  padding-bottom: 0;
  margin-bottom: -5.6rem;      /* some bottom space for safety */
  overflow: visible;         /* allow overlap */
}

@media (max-width: 1024px) {
  .footer-cta-row { margin-bottom: -4.4rem; }
}

@media (max-width: 600px) {
  .footer-cta-row { margin-bottom: -4rem; }
}

.footer-cta-anchor {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.my-footer-search {
  /* width: 66%!important;*/
}

.my-footer-search input:not([type="submit"]) {
  background: #FFFFFF!important;
  height: 39.2px;
}

/* Base grid setup - 2 columns for tablets and smartphones */
@media (max-width: 1024px) {
  .mobile-footer-links-wrapper {
    display: grid!important;
    grid-template-columns: repeat(2, 1fr)!important;
    gap: 0rem; /* adjust spacing between columns */
  }
}

/* end of footer css */

/*  AKTUALITAETEN BANNER STARTSEITE */

/* Wrapper: keep exact image proportion (1280x415) */
.news-hero.aktualitaeten-banner-startseite {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-lg, 28px);
  width: 100%;
  aspect-ratio: 1280 / 415;   /* prevents vertical stretching -> less crop */
  /* remove any min-height from older snippets */
}

@media (max-width: 1024px) {
  .news-hero.aktualitaeten-banner-startseite {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-lg, 28px);
    width: 100%;
    aspect-ratio: 1280 / 830;   /* prevents vertical stretching -> less crop */
    /* remove any min-height from older snippets */
}
}

/* Image fills container completely (no white bars) */
.news-hero.aktualitaeten-banner-startseite .w-post-elm.post_image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.news-hero.aktualitaeten-banner-startseite .w-post-elm.post_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;          /* fill and crop as needed */
  object-position: center 45%;/* tweak focal point (lower value shows more top) */
  display: block;
}

/* Gradient overlay (your purple fade) */
.news-hero.aktualitaeten-banner-startseite::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    0deg,
    rgba(100, 40, 117, 0.78) 0%,
    rgba(179, 156, 187, 0) 100%
  );
  pointer-events: none;
  z-index: 1;
}

/* Title */
.news-hero__title {
  position: absolute;
  left: clamp(16px, 5vw, 48px);
  bottom: clamp(72px, 8vw, 110px);  /* adjust if it overlaps */
  margin: 0;
  color: #fff;
  font-weight: var(--font-weight-heavy);
  font-style: italic;
  line-height: 1.05;
  font-size: clamp(2rem, -0.2791rem + 6.0776vw, 4.583rem);
  /* font-size: var(--font-size-55pt); */
  text-shadow: 0 2px 16px rgba(0,0,0,.35);
  z-index: 2;
}

/* Badge (pill) */
.news-hero__badge,
.news-hero.aktualitaeten-banner-startseite .w-btn {
  position: absolute !important;
  left: clamp(16px, 5vw, 48px);
  bottom: clamp(16px, 3vw, 28px);
  background: var(--color-white);
  color: var(--color-eminence)!important;
  border-radius: 999px;
  padding: 14px 22px;
  font-weight: 700;
  font-size: clamp(14px, 1.6vw, 18px);
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  z-index: 2;
}

.news-hero__badge:hover {
    background: var(--color-pumpkin)!important;
    border-color: transparent;
    color: var(--color-white)!important;
}

/* Optional: mobile tweaks (reduce vertical space if needed) */
@media (max-width: 600px) {
  .news-hero__title {
    bottom: 84px;
  }
  .news-hero__badge { 
    bottom: 18px;
  }
}
/* end of AKTUALITAETEN BANNER STARTSEITE */

.my-white-bg-circle svg.circle-badge-svg circle {
	fill: #FFFFFF!important;
}

.my-tranasparent-bg-circle svg.circle-badge-svg circle {
	fill: transparent!important;
}

/* startseite benefit boxes */
.startseite-benefit-box .w-grid-list article:nth-of-type(1) .benefit-box {
  border-top-left-radius: 1.75rem;
}

.startseite-benefit-box .w-grid-list article:nth-of-type(2) .benefit-box {
  border-top-right-radius: 1.75rem;
}

.startseite-benefit-box .w-grid-list article:nth-of-type(3) .benefit-box {
  border-bottom-left-radius: 1.75rem;
}

.startseite-benefit-box .w-grid-list article:nth-of-type(4) .benefit-box {
  border-bottom-right-radius: 1.75rem;
}

@media (max-width: 1024px) {
  .startseite-benefit-box .w-grid-list article:nth-of-type(1) .benefit-box {
    border-radius: 1.75rem 1.75rem 0 0;
  }
  
  .startseite-benefit-box .w-grid-list article:nth-of-type(2) .benefit-box,
  .startseite-benefit-box .w-grid-list article:nth-of-type(3) .benefit-box {
    border-radius: 0;
  }

  .startseite-benefit-box .w-grid-list article:nth-of-type(4) .benefit-box {
    border-radius: 0 0 1.75rem 1.75rem;
  }

  .startseite-benefit-box .benefit-box__title,
  .ablauf-benefit-box .benefit-box__title {
    margin-bottom: 0.1rem!important;
    line-height: 1.2;
  }

}

/* end of startseite benefit boxes */

/* Responsive video wrapper */
.video__embed {
  position: relative;
  width: 100%;
  /* modern browsers */
  aspect-ratio: 16 / 9;
  /* fallback */
}
@supports not (aspect-ratio: 1 / 1) {
  .video__embed {
    height: 0;
    padding-bottom: 56.25%; /* 16:9 */
  }
}
.video__embed > iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: var(--radius-lg, 28px) !important;
}

/* Optional ratio utilities */
.ratio__16x9 { aspect-ratio: 16 / 9; }
.ratio__4x3  { aspect-ratio: 4 / 3; }
.ratio__1x1  { aspect-ratio: 1 / 1; }

@supports not (aspect-ratio: 1 / 1) {
  .ratio__16x9 { height: 0; padding-bottom: 56.25%; }
  .ratio__4x3  { height: 0; padding-bottom: 75%; }
  .ratio__1x1  { height: 0; padding-bottom: 100%; }
}

/* Contestant Raster-Layout CSS */

@media (max-width: 600px) {
  .contestant-grid .contestant-grid__image {
    width: 86%!important;
}
  .contestant-grid .contestant-grid__title {
    width: 86%!important;
}
}

.contestant-grid__content p {
  position: relative;
  display: inline; /* keep paragraph inline so quotes sit next to text */
}

.contestant-grid__content p::before {
  content: "«";
  margin-right: 0.05em;
}

.contestant-grid__content p::after {
  content: "»";
  margin-left: 0.05em;
}

.contestant-grid .w-grid.type_carousel .w-grid-item
.contestant-grid article.w-grid-item {
    padding: 1.5rem!important;
}

.contestant-grid button.general-button {
    --btn-color-local: #225264;
    position: relative;
    display: inline-block;
    padding: 0.75em 1.5em;
    border-radius: 9999px;
    font-weight: 800;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0.02em;
    color: #fff !important;
    background: var(--btn-color-local) !important;
    overflow: hidden;
    border: 0;
    transition: transform .2s ease;
    margin: 0;
}

.contestant-grid button.general-button::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to top right, var(--btn-color-local) 0%, var(--btn-color-local) 45%, rgba(255, 255, 255, .7) 100%
100%
);
    opacity: 1;
    transition: opacity .6s ease;
    z-index: 0;
}

.contestant-grid button.general-button > span {
    position: relative;
    z-index: 1;
}

/* End of Contestant Raster-Layout CSS */

/* type-schritt-swissskills CPT grid cards */
.schritt-swissskills {
  height: 100%;
}

@media (max-width: 600px) {
.type-schritt-swissskills .w-grid-list {
  row-gap: 1.3rem !important;
}
}

.schritt-swissskills .w-grid-item-h {
  border-radius: var(--radius-lg, 28px);
  padding: 1.5rem 2.0rem 1.5rem 2.0rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.schritt-swissskills .w-vwrapper {
  display: flex;
  flex-direction: column;
  /*gap: .7rem;*/
  flex: 1;
}

/* Typography */
.schritt-swissskills .post_title {
  font-weight: var(--font-weight-black);
  font-size: var(--font-size-19pt); /* ~18px */
  color: var(--color-midnight-green, #225264);
  line-height: var(--lh-normal);
}

/* Title + first two fields: balanced dividers */
.schritt-swissskills .post_title,
.schritt-swissskills .usg_post_custom_field_1,
.schritt-swissskills .usg_post_custom_field_2 {
  border-bottom: 2px solid var(--color-white, #FFFFFF);
  line-height: var(--lh-normal);
  /* Equal spacing top and bottom */
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin: 0; /* reset margin so it doesn’t shift the line */
}

/* Optional: remove extra top padding on the very first one */
.schritt-swissskills .post_title {
  padding-top: 0.5rem;
}

/* Paragraph text */
.schritt-swissskills .usg_post_custom_field_3 .w-post-elm-value {
  display: block;
  line-height: 1.5;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--color-midnight-green, #225264);
  line-height: var(--lh-normal);
}

/* Odd cards = peach */
.type-schritt-swissskills .schritt-swissskills:nth-child(odd) .w-grid-item-h {
  background-color: var(--color-apricot)!important;
}

/* Even cards = apricot */
.type-schritt-swissskills .schritt-swissskills:nth-child(even) .w-grid-item-h {
  background-color: var(--color-peach)!important;
}

.type-talentprogramm .schritt-swissskills:nth-child(odd) .w-grid-item-h {
  background-color: var(--color-tea-green, #d5e0b2)!important;
}

/* Even cards = apricot */
.type-talentprogramm .schritt-swissskills:nth-child(even) .w-grid-item-h {
  background-color: var(--color-tea-green, #d5e0b2)!important;
}

@media (max-width: 600px) {
.type-talentprogramm .w-grid-list {
  row-gap: 1.3rem !important;
}
}

/* End of type-schritt-swissskills CPT grid cards */

/* news-grid css */
/* -----------------------------------
   News / Blog card (theme grid stays)
   ----------------------------------- */
/* .news-grid { --news-gap: 12px; }*/

/* Single card wrapper */
.news-grid .post-card__body {
  display: flex;
  flex-direction: column;
  height: 100%;                 /* lets CTA sit at bottom */
}

/* Image full-bleed & consistent height */
.news-grid .post-card__img {
  line-height:0;
}
.news-grid .post-card__img img {
  display: block;
  width:100%;
  height: auto;
  aspect-ratio: 3 / 2;           /* keep rows tidy */
  object-fit: cover;
}

.news-grid .post-card__img::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(100, 40, 117, 0.78) 0%, rgba(179, 156, 187, 0) 100%);
    pointer-events: none;
    z-index: 1;
}

.news-grid .post-card__img:hover::before {
    background: unset;
}

/* Date */
.news-grid .post-card__date {
  order:1;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
  font-weight: 400;
  color: var(--color-midnight-green, #225264);
}

/* Title (clamp to 2 lines where supported) */
.news-grid .post-card__title {
  order:2;
  font-size: var(--font-size-19pt);
  font-weight: var(--font-weight-black, 900);
  line-height:1.3;
  display:-webkit-box;
  -webkit-line-clamp:2;        /* not 100% everywhere, but good coverage */
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-wrap: balance;
  font-style: italic;
  max-inline-size: 30ch;
  line-clamp: 2;
  /* width: 86%; */
}

/* Excerpt (max 3 lines + ellipsis) */
.news-grid .post-card__excerpt {
  order:3;
  color: var(--color-midnight-green, #225264);
  font-size: var(--font-size-16pt);
  line-height:1.4;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  width: 90%;
  /* fade-out am rechten Rand (wirkt wie mehr Abstand vorm …) */
}

/* CTA (“Mehr erfahren”) — works if it's <a> or a theme text element */
.news-grid .post-card__cta {
  order: 4;
  margin-top: auto;             /* pushes CTA to the bottom */
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: var(--font-weight-black, 900);
  font-size: var(--font-size-14pt);
  color: var(--color-midnight-green, #225264);
  text-decoration: none;
  cursor: pointer;
  transition: color .2s ease;
}
.news-grid .post-card__cta:hover,
.news-grid .post-card__cta:focus {
  color: var(--color-pumpkin, #f58138);
}

/* Arrow nudge on hover (Font Awesome icon in your markup) */
.news-grid .post-card__cta i {
  transition: transform .2s ease;
}
.news-grid .post-card__cta:hover i,
.news-grid .post-card__cta:focus i {
  transform: translateX(4px);
}

.all-blogs .w-grid-list {
    row-gap: calc(4rem)!important;
    column-gap: calc(1.6rem)!important;
}

@media (max-width: 600px) {
  .all-blogs .w-grid-list,
  .news-grid .w-grid-list {
    row-gap: calc(2.8rem)!important;
    column-gap: calc(1.6rem)!important;
}
  .news-grid .post-card__date {
    margin-bottom: 0.3rem!important;
  }
  .news-grid .post-card__title {
    margin-bottom: 0.2rem!important;
  }
  .news-grid .post-card__excerpt {
    line-height: 1.2!important;
    margin-bottom: 0.2rem!important;
  }
}

/* End of news-grid css */

/* Ablauf und Termine Grid CSS */
.ablauf-termine-grid {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1024px) {
  .ablauf-termine-grid {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

}

.ablauf-termine-outer-wrapper {
	width: 100%;
  display: flex;
  align-items: flex-start; /* Grundausrichtung */
}

.ablauf-termine-date-wrapper {
	width: 25%;
}
.ablauf-termine-date-text {
  font-size: var(--font-size-16pt);
  line-height: 1.8;
}

.ablauf-termine-content-wrapper {
	width: 75%;
}

.ablauf-termine-date-wrapper,
.ablauf-termine-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center; /* sorgt für vertikale Ausrichtung */
}

.ablauf-termine-title-text {
  font-size: var(--font-size-19pt);
  font-weight: var(--font-weight-black);
  line-height: 1.2;
  margin-top: 0.2rem;
}

.ablauf-termine-content-text {
  font-size: var(--font-size-16pt);
  line-height: 1.3;
}

.ablauf-termine-content-text strong {
  display: inline-block;
  padding-top: 0;
  padding-bottom: 0.1rem;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  border-radius: 9999px; /* makes it pill-shaped */
  font-weight: 700;
  font-family: 'Lato', sans-serif;
  color: #ffffff;
  font-size: var(--font-size-16pt);
  background: linear-gradient(to top right, var(--color-pumpkin, #f58138) 0%, var(--color-pumpkin, #f58138) 45%, rgba(255, 255, 255, 0.7) 100%);
  text-decoration: none;
  white-space: nowrap;
  /*transition: background 0.3s ease;*/
}

.ablauf-termine-content-text strong:hover {
  background: var(--color-eminence, #642875);
}

.ablauf-termine-grid .w-grid-item {
  border-bottom: 2px solid var(--color-pumpkin, #f58138);
  padding-bottom: 1.6rem; /* gleich dem grid-gap für sauberen Abstand */
}

.ablauf-termine-grid .w-grid-item:last-child {
  border-bottom: none; /* letzte Zeile ohne Linie */
  padding-bottom: 0!important;
}

/* End of Ablauf und Termine Grid CSS */

/* Ablauf benefit boxes */
.ablauf-benefit-box .w-grid-list article:nth-of-type(1) .benefit-box {
  border-top-left-radius: 1.75rem;
}

.ablauf-benefit-box .w-grid-list article:nth-of-type(3) .benefit-box {
  border-top-right-radius: 1.75rem;
}

.ablauf-benefit-box .w-grid-list article:nth-of-type(7) .benefit-box {
  border-bottom-left-radius: 1.75rem;
}

.ablauf-benefit-box .w-grid-list article:nth-of-type(9) .benefit-box {
  border-bottom-right-radius: 1.75rem;
}

@media (max-width: 1024px) {
  .ablauf-benefit-box .w-grid-list article:nth-of-type(1) .benefit-box {
    border-radius: 1.75rem 1.75rem 0 0;
  }
  
  .ablauf-benefit-box .w-grid-list article:nth-of-type(2) .benefit-box,
  .ablauf-benefit-box .w-grid-list article:nth-of-type(3) .benefit-box {
    border-radius: 0;
  }

  .ablauf-benefit-box .w-grid-list article:nth-of-type(4) .benefit-box {
    border-radius: 0 0 1.75rem 1.75rem;
  }
}

@media (max-width: 600px) {
  .ablauf-benefit-box .w-grid-list article:nth-of-type(1) .benefit-box {
    border-radius: 1.75rem 1.75rem 0 0!important;
  }

  .ablauf-benefit-box .w-grid-list article:nth-of-type(2) .benefit-box,
  .ablauf-benefit-box .w-grid-list article:nth-of-type(3) .benefit-box,
  .ablauf-benefit-box .w-grid-list article:nth-of-type(4) .benefit-box,
  .ablauf-benefit-box .w-grid-list article:nth-of-type(5) .benefit-box,
  .ablauf-benefit-box .w-grid-list article:nth-of-type(6) .benefit-box,
  .ablauf-benefit-box .w-grid-list article:nth-of-type(7) .benefit-box,
  .ablauf-benefit-box .w-grid-list article:nth-of-type(8) .benefit-box {
    border-radius: 0!important;
  }

  .ablauf-benefit-box .w-grid-list article:nth-of-type(9) .benefit-box {
    border-radius: 0 0 1.75rem 1.75rem!important;
  }

}

/* 2 columns on desktop, 1 column ≤1024px */
.two-col-responsive .wpb_wrapper,
.ablauf-accordion .eg-panel-inner {
  column-count: 2;
  column-gap: 3.5rem;        /* spacing between columns */
  column-fill: balance;
}

/* keep paragraphs/lists intact (avoid splitting across columns) */
.two-col-responsive .wpb_wrapper p,
.two-col-responsive .wpb_wrapper ul,
.two-col-responsive .wpb_wrapper ol,
.ablauf-accordion .eg-panel-inner p,
.ablauf-accordion .eg-panel-inner ul,
.ablauf-accordion .eg-panel-inner ol {
  break-inside: auto;
  font-size: var(--font-size-16pt);
}

/* ensure nothing inside starts its own multicolumn layout */
.two-col-responsive .wpb_wrapper *,
.ablauf-accordion .eg-panel-inner * {
  column-count: initial;
  column-width: initial;
}

/* 1 column from 1024px down */
@media (max-width: 1024px) {
  .two-col-responsive .wpb_wrapper,
  .ablauf-accordion .eg-panel-inner {
    column-count: 1;
  }
}
/* End of Ablauf benefit boxes */

/* Ablauf FAQ (Accordion) */
.ablauf-accordion { 

}

/* Only round the summary part */

/* the grid itself will then fill only the wrapper’s width */
.ablauf-accordion .eg-accordion {
  width: 100%;
}

.eg-accordion .eg-item {
    background: transparent!important;
    background: unset!important;
}

/* ---- BUTTON (summary) ---- */
/* pill only on the button; arrow is inside the button’s padding */
.ablauf-accordion .eg-summary {
  display: flex;                          /* put title and arrow in a row */
  justify-content: space-between;         /* title left, arrow right */
  align-items: center;
  padding: 0.45rem 1.3rem !important;     /* your exact padding */
  border-radius: 9999px;                  /* pill */
  border: 0;
  font-size: var(--font-size-17_5pt);
  color: var(--color-white, #fff);
  background: linear-gradient(
    to top right,
    var(--color-yellow-green) 0%,
    var(--color-yellow-green) 45%,
    rgba(255, 255, 255, 0.7) 100%
  );
  transition: background 0.3s ease;
}

.ablauf-accordion .eg-summary:hover {
  background: var(--color-yellow-green, #a1c150)!important;
}

/* arrow box lives INSIDE the button’s padding */
.ablauf-accordion .eg-summary .eg-acc-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 0.75rem;   /* gap between title and arrow */
}
.ablauf-accordion .icon-arrow .eg-summary .eg-acc-icon i {
  font-size: 1.4em;       /* make arrow bigger if you want */
  line-height: 1;
}

/* ---- PANEL (content) ---- */
/* no border, no radius, just plain content below the pill */
.ablauf-accordion .eg-panel {
  border: 0;
  border-radius: 0;
  background: transparent; /* optional, keep your page bg */
}

/* if you’re using multi-column content, apply it to the inner wrapper */
.ablauf-accordion .eg-panel-inner {
  column-count: 2;
  column-gap: 2rem;
  column-fill: balance;
}
.ablauf-accordion .eg-panel-inner > * { break-inside: avoid-column; }
@media (max-width: 900px) {
  .ablauf-accordion .eg-panel-inner { column-count: 1; }
}

/* optional: remove any outer borders/radius that might clip the pill ends */
.ablauf-accordion .eg-item { border: 0; border-radius: 0; overflow: visible; }

/* End of Ablauf FAQ (Accordion) */

/* footer partner grid */
.partner-grid {

}

.partner-grid__item {

}

.partner-grid__cat {
  font-size: var(--font-size-10pt);
  font-weight: var(--font-weight-black);
  color: var(--color-cadet-gray);
}

.partner-grid__image,
.my-sohk-img img {
  transition: opacity 0.3s ease;
}

.partner-grid__image:hover,
.my-sohk-img img:hover {
  opacity: 0.6;
}

.my-sohk-img img {
  margin-top: 1.5rem;
}

@media (max-width: 600px) {
  .my-sohk-img img {
    margin-top: 1.3rem;
  }
}

/* Divider after each partner item */
.partner-grid__item {
  position: relative;
}

.partner-grid__item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;                /* thickness of divider */
  height: 100%;              /* exactly matches .partner-grid__item */
  background-color: var(--color-cadet-gray);    /* adjust color as needed */
  margin-right: -30px;
}

@media (max-width: 1024px) {
  .partner-grid__item::after {
    display: none;
  }
}

/* Remove divider on the last item */
.partner-grid .owl-item:last-child .partner-grid__item::after {
  display: none;
}

/* end of footer partner grid */

/* About us text box */

.about_us_wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 3.5rem;
}

@media (max-width: 1024px) {
  .about_us_wrapper {
    grid-template-columns: 1fr;
    row-gap: 1.2rem; /* Adjust this value as needed */
  }
}

.about_us_inner_wrapper {

}

/* entrepreneurskill-step css */

/*.entrepreneurskill-step-grid .w-grid-item {
  height: 250px;
}*/

.entrepreneurskill-step-grid  .w-grid-item-h {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.entrepreneurskill-step-grid__wrapper {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
  background-color: var(--color-white, #FFFFFF);
}

.entrepreneurskill-step-grid__title {
  margin: 0;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.entrepreneurskill-step-grid__content {
  margin: 0;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.entrepreneurskill-step-grid__content p {
  margin: 0;
}

/* end of entrepreneurskill-step css */

/* entrepreneurskill-step-coloured css */

.entrepreneurskill-step-grid-coloured .w-grid-list {
  column-gap: 0.1rem !important;
}

@media (max-width: 600px) {
  .entrepreneurskill-step-grid-coloured .w-grid-list {
    column-gap: 2.5rem !important;
}

}

@media (max-width: 1024px) {
  .entrepreneurskill-step-grid-coloured {
    width: 60% !important;
  }
}

@media (max-width: 600px) {
  .entrepreneurskill-step-grid-coloured {
    width: 60%!important;
    /*padding-top: 0.8rem;
    padding-bottom: 0.8rem;*/
  }
  .entrepreneurskill-step-grid-coloured .w-grid-list {
    row-gap: 2rem!important;
  }
}
.entrepreneurskill-step-grid-coloured  .w-grid-item-h {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.entrepreneurskill-step-grid-coloured .entrepreneurskill-step-grid__wrapper {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
}

@media (max-width: 600px) {
.entrepreneurskill-step-grid-coloured .entrepreneurskill-step-grid__wrapper {
  width: 100px!important;
  height: 100px!important;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  box-sizing: border-box;
}
}

/* Default wrapper style */
.entrepreneurskill-step-grid-coloured 
.entrepreneurskill-step-grid__wrapper {
  color: var(--color-midnight-green, #225264);
}

/* Assign different background colors per item */
.entrepreneurskill-step-grid-coloured 
.w-grid-item:nth-child(1) .entrepreneurskill-step-grid__wrapper {
  background: var(--pumpkin-grad) !important;
  color: var(--color-white, #FFFFFF) !important;
}

.entrepreneurskill-step-grid-coloured 
.w-grid-item:nth-child(1) .entrepreneurskill-step-grid__wrapper:hover {
  background: var(--color-pumpkin, #f58138)!important;
}

.entrepreneurskill-step-grid-coloured 
.w-grid-item:nth-child(2) .entrepreneurskill-step-grid__wrapper {
  background: var(--eminence-grad) !important;
  color: var(--color-white, #FFFFFF);
}

.entrepreneurskill-step-grid-coloured 
.w-grid-item:nth-child(2) .entrepreneurskill-step-grid__wrapper:hover {
  background: var(--color-eminence, #642875)!important;
}

.entrepreneurskill-step-grid-coloured 
.w-grid-item:nth-child(3) .entrepreneurskill-step-grid__wrapper {
  background: var(--yellow-green-grad) !important;
  color: var(--color-midnight-green, #225264);
}

.entrepreneurskill-step-grid-coloured 
.w-grid-item:nth-child(3) .entrepreneurskill-step-grid__wrapper:hover {
  background: var(--color-yellow-green, #a1c150)!important;
}

.entrepreneurskill-step-grid-coloured 
.w-grid-item:nth-child(4) .entrepreneurskill-step-grid__wrapper {
  background: var(--dark-blue-grad) !important;
  color: var(--color-white, #FFFFFF);
}

.entrepreneurskill-step-grid-coloured 
.w-grid-item:nth-child(4) .entrepreneurskill-step-grid__wrapper:hover {
  background: var(--color-midnight-green, #225264)!important;
}

.entrepreneurskill-step-grid-coloured .entrepreneurskill-step-grid__title {
  margin: 0;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

/*.entrepreneurskill-step-grid-coloured .entrepreneurskill-step-grid__content {
  margin: 0;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.2;
}*/

.entrepreneurskill-step-grid-coloured .entrepreneurskill-step-grid__content {
    margin: 0;
    text-align: center;
    line-height: 1.2;
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    -webkit-box-orient: unset !important;
}

.entrepreneurskill-step-grid-coloured .entrepreneurskill-step-grid__image {
  margin-bottom: 0!important;
}

.entrepreneurskill-step-grid-coloured .w-grid-item:nth-child(1) .entrepreneurskill-step-grid__image {
  width: 63%;
}

.entrepreneurskill-step-grid-coloured .w-grid-item:nth-child(2) .entrepreneurskill-step-grid__image {
  width: 70%;
  top: -0.8rem;
}

.entrepreneurskill-step-grid-coloured .w-grid-item:nth-child(3) .entrepreneurskill-step-grid__image {
  width: 63%;
}

.entrepreneurskill-step-grid-coloured .w-grid-item:nth-child(4) .entrepreneurskill-step-grid__image {
  width: 70%;
  top: -0.8rem;
}

.entrepreneurskill-step-grid-coloured .entrepreneurskill-step-grid__content p {
  margin: 0;
}

/* end of entrepreneurskill-step-coloured css */

/* uber uns box css */

.about-us-boxes-grid {
  
}

.uber-uns-box .w-grid-item-h {
    background-color: var(--color-white, #FFFFFF) !important;
}

.uber-uns-box .w-grid-item-h {
    border-radius: var(--radius-lg, 28px);
    padding: 1.5rem 2.0rem 1.5rem 2.0rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.about-us-boxes__item {

}

.about-us-boxes__title {

}

.about-us-boxes__content {

}

.about-us-boxes__additional {

}

.about-us-boxes__image {
  width: 25%;
}

.my-sohk-img .alignleft {
  margin-bottom: 0!important;
  margin-right: 0!important;
}

.about-us-leading {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0rem; /* spacing between items */
  justify-items: center; /* center badges inside cells */
}

@media (max-width: 1024px) {
  .about-us-leading {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 1rem;
    column-gap: 1rem;
    width: 70%!important;
  }
  /* First item spans both columns
  .about-us-leading > *:first-child {
    grid-column: span 2;
    max-width: 50%;
    margin: 0 auto;
    margin-top: 0px!important;
  }*/
  .about-us-leading > * {
    /* margin-top: -10px!important;  brings items closer horizontally */
  }
}

@media (max-width: 600px) {
  .about-us-leading {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 0rem!important;
    column-gap: 0rem!important;
    width: 70%!important;
  }
  /* First item spans both columns
  .about-us-leading > *:first-child {
    grid-column: span 2;
    max-width: 48%;
    margin: 0 auto;
    margin-top: 0px!important;
  }*/
  .about-us-leading > * {
    /* margin-top: -24px!important;  brings items closer horizontally */
  }

}

/* end of uber uns box css */

/* team member grid css */
.team-member-grid {

}
/* parent wrapper */
.team-member-wrapper {
  position: relative;
  overflow: hidden;
  /*border-radius: 1rem; /* adjust to your card rounding */
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
}

.team-member-inner-wrapper {
  /*margin-left: var(--space-xs);
  margin-right: var(--space-xs);*/
}

.team-member-inner-wrapper > *:not(:last-child)::after {
  content: '';
  display: block;
  border-bottom: 1px solid var(--color-cadet-gray, #89A7B6);
  opacity: 0.4;
  margin-top: 0.1rem; /* match your vwrapper-gap */
}

.team-member__title {
  font-size: var(--font-size-16pt);
  font-weight: var(--font-weight-black);
  margin-top: 0.3rem;
}

.team-member__company {
  font-size: var(--font-size-13pt);
  font-weight: var(--font-weight-regular);
}

.team-member__region,
.team-member__content {
  font-size: var(--font-size-13pt);
  font-weight: var(--font-weight-regular);
}

/* ensure wrapper positions children correctly */
.team-member__image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 1rem; /* match card rounding */
}

/* ensure the image fills */
.team-member__image {
  position: relative;       /* so overlay aligns with this */
  display: block;
  border-radius: inherit;
}

.team-member__image img {
  display: block;
  width: 100%;
  height: auto;
  transition: transform .35s ease;
  border-radius: inherit;
  background: linear-gradient(0deg,rgba(100, 40, 117, 0.77) 14%, rgba(205, 191, 211, 0.81) 100%);
}

.team-member__image_blue_grad img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .35s ease;
    border-radius: inherit;
    background: linear-gradient(0deg, rgba(77, 194, 196, 1) 14%, rgba(197, 231, 231, 0.81) 100%);
}

/* overlay covers only the image wrapper */
.team-member-overlay {
  position: absolute !important;
  top: 0%;
  left: 0%;
  right: 0%;
  bottom: 0%;
  width: auto;
  height: auto;

  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    180deg,
    rgba(100, 40, 117, 0.9) 0%,
    rgba(53, 2, 66, 0.9) 100%
  );
  border-radius: 1rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity .35s ease;
  z-index: 2;
}
/* reveal on hover */
.team-member__image-wrapper:hover .team-member-overlay {
  opacity: 0; /* was opacity: 1; */
  pointer-events: auto;
}

.team-member__image-wrapper:hover .team-member__image img {
  transform: scale(1.05);
}

.team-member__email-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;   /* smaller circle */
  height: 40px;  /* smaller circle */
  border-radius: 50%;
  background: var(--color-white, #ffffff);
  color: var(--color-eminence, #642875);
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  transition: all 0.3s ease;
}

.team-member__email-link:hover {
  background: var(--color-pumpkin, #f58138);
  color: var(--color-white, #ffffff);
}

.team-member__email-link svg {
  width: 18px;   /* smaller icon */
  height: 18px;
}

.team-member__email-link svg path {
  fill: var(--color-eminence, #642875); /* force CSS control */
}

.team-member__email-link:hover svg path {
  fill: var(--color-white, #ffffff);
}

/* filter css */

/* scope */
.team-member-grid-filter .w-filter-item-values {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem; /* tighter spacing between chips */
}

/* small button */
.team-member__email-link--sm { width: 36px; height: 36px; }
.team-member__email-link--sm svg { width: 16px; height: 16px; }

/* medium (default) */
.team-member__email-link--md { width: 44px; height: 44px; }
.team-member__email-link--md svg { width: 18px; height: 18px; }

/* large */
.team-member__email-link--lg { width: 56px; height: 56px; }
.team-member__email-link--lg svg { width: 24px; height: 24px; }

/* kill the theme's padding/size on the wrapper button */
.team-member-grid-filter .w-filter-item-value.w-btn.us-btn-style_1 {
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  font-size: inherit;
  line-height: 1;
  --btn-height: auto;
}

/* hide native radios */
.team-member-grid-filter .w-filter-item-value input[type="radio"] {
  display: none;
}

/* make the label just a container */
.team-member-grid-filter .w-filter-item-value label {
  display: inline-block;
  cursor: pointer;
}

/* the actual pill */
.team-member-grid-filter .w-filter-item-value .w-filter-item-value-label {
  /* compact typography */
  font-family: 'Lato', sans-serif;
  font-size: 0.925rem;
  font-weight: var(--font-weight-regular, 400);
  line-height: 1;

  /* compact padding + pill shape */
  display: block;
  padding: 0.6rem 0.9rem;          /* << smaller */
  border-radius: 9999px;

  /* color + gradient overlay */
  position: relative;
  color: var(--color-white, #ffffff);
  --btn-color: var(--color-pumpkin, #f58138);
  overflow: hidden;
}

/* glossy gradient 
.team-member-grid-filter .w-filter-item-value .w-filter-item-value-label::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top right,
    var(--btn-color) 0%,
    var(--btn-color) 45%,
    rgba(255, 255, 255, 0.7) 100%
  );
  z-index: -1;
  transition: opacity 0.3s ease;
}*/

/* Default state - Orange gradient */
.team-member-grid-filter .w-filter-item-value .w-filter-item-value-label {
  background: linear-gradient(
    to top right,
    var(--color-pumpkin, #f58138) 0%,
    var(--color-pumpkin, #f58138) 45%,
    rgba(255, 255, 255, 0.7) 100%
  ) !important;
  transition: background 0.3s ease-in-out;
}

/* Default state hover - Solid midnight green */
.team-member-grid-filter .w-filter-item-value .w-filter-item-value-label:hover {
  background: var(--color-midnight-green, #225264) !important;
}

/* checked = midnight green */
/* Checked state - Dark gradient (use ~ or + to select sibling) */
.team-member-grid-filter .w-filter-item-value input[type="radio"]:checked ~ .w-filter-item-value-label {
  background: linear-gradient(
    to top right,
    var(--color-midnight-green, #225264) 0%,
    var(--color-midnight-green, #225264) 45%,
    rgba(255, 255, 255, 0.7) 100%
  ) !important;
  transition: background 0.3s ease-in-out;
}

/* Checked state hover - Solid orange */
.team-member-grid-filter .w-filter-item-value input[type="radio"]:checked ~ .w-filter-item-value-label:hover {
  background: var(--color-pumpkin, #f58138) !important;
}

/* checked = midnight green */
/*.team-member-grid-filter .w-filter-item-value input[type="radio"]:checked .w-filter-item-value-label {
  background: linear-gradient(
    to top right,
    var(--color-midnight-green, #225264) 0%,
    var(--color-midnight-green, #225264) 45%,
    rgba(255, 255, 255, 0.7) 100%
  )!important;
  transition: background-color 0.3s ease-in-out;
}*/

/* (optional) subtle hover */
/*.team-member-grid-filter .w-filter-item-value label:hover .w-filter-item-value-label::before {
  opacity: 0.9;
}*/

/*.team-member-grid-filter .w-filter-item-value .w-filter-item-value-label {
  transition: background-color 0.4s ease, color 0.4s ease, filter 0.4s ease;
}*/

/*.team-member-grid-filter .w-filter-item-value .w-filter-item-value-label::before {
  transition: background 0.4s ease, opacity 0.4s ease;
}*/

/* end of filter css */

/* single blog css */
.blog-image {
  position: relative;
  display: inline-block;
  width: 100%;
  border-radius: var(--radius-lg, 28px);
  overflow: hidden; /* keeps gradient and image rounded */
}

.blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 45%;
  display: block;
  aspect-ratio: 1280 / 853;
}

.blog-image::after {
  content: "";
  position: absolute;
  inset: 0; /* cover full area */
  background: linear-gradient(
    0deg,
    rgba(100, 40, 117, 0.78) 0%,
    rgba(179, 156, 187, 0) 100%
  );
  border-radius: inherit;
  pointer-events: none; /* keeps overlay from blocking clicks */
}

.main-blog-content .w-gallery.wp_gallery.ratio_1x1 .w-gallery-item,
.w-gallery.wp_gallery.ratio_1x1 .w-gallery-item {
    aspect-ratio: auto !important;
}

@media (max-width: 600px) {
.main-blog-content .w-gallery-list {
  grid-template-columns: repeat( 1,1fr )!important;
}
}

.main-blog-content .w-gallery-item-img {
    height: auto !important;
    border-radius: var(--radius-md, 28px);
}


.main-blog-content img,
.main-blog-content figure {
    width: 100% !important;
    height: auto;
    border-radius: var(--radius-md, 28px);
}

.main-blog-content .w-image-title,
.main-blog-content .w-gallery-item-title,
.main-blog-content .wp-caption-text {
    font-size: var(--font-size-14pt)!important;
    font-weight: var(--font-weight-regular)!important;
    line-height: 1.2 !important;
    text-align: left;
}

.main-blog-content .wp-caption-text {
  margin: 0!important;
  padding-left: 0rem!important;
  padding-right: 0.6rem!important;
  padding-top: 0.4rem!important;
  padding-bottom: 0.4rem!important;
  opacity: 0.7;
  font-style: italic;
}

.main-blog-content h2,
.main-blog-content h3,
.main-blog-content h4 {
  font-size: var(--font-size-19pt)!important;
  font-weight: var(--font-weight-black)!important;
  line-height: 1.2 !important;
  margin-top: 4rem !important;
  padding-top: 0 !important;
  margin-bottom: 1.5rem !important;
}

@media (max-width: 600px) {
  .main-blog-content h2,
  .main-blog-content h3,
  .main-blog-content h4 {
    font-size: var(--font-size-19pt)!important;
    font-weight: var(--font-weight-black)!important;
    line-height: 1.2 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important;
    padding-top: 0 !important;
}
}

.main-blog-content .w-gallery.wp_gallery .w-gallery-item-meta {
    padding-left: 0rem!important;
    padding-right: 0.6rem!important;
    padding-top: 0.4rem!important;
    padding-bottom: 0.4rem!important;
    opacity: 0.7;
    font-style: italic;
}

@media (max-width: 600px) {
    .main-blog-content .w-gallery {
        --columns: 1!important;
    }
}

.widget_tag_cloud .widgettitle {
  display: none!important;
}

.tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: flex-start;
    flex-direction: column;
}

/* Tagcloud links - button styling */
.tagcloud a {
    /* Override inline font-size */
    font-size: var(--font-size-13pt) !important;
    
    /* Button styling */
    display: inline-block;
    border-radius: 3em;
    position: relative;
    font-style: normal;
    text-transform: none;
    line-height: 1.2 !important;
    padding: 0.6em 1.2em;
    font-weight: 700;
    text-decoration: none;
    
    /* Gradient background */
    background: linear-gradient(to top right, var(--color-eminence, #642875) 0%, var(--color-eminence, #642875) 45%, var(--color-thistle, #cdbfd3) 100%) !important;
    
    /* Color and transition */
    color: var(--color-white, #FFFFFF) !important;
    transition: background 0.3s ease !important;
}

/* Hover state */
.tagcloud a:hover {
    background: var(--color-pumpkin, #f58138) !important;
    color: var(--color-white, #FFFFFF) !important;
}

/* end of single blog css */

/* misc social links css */
/* Base state */
.my-social-icon {
  transition: background-color 0.3s ease, color 0.3s ease!important;
}
/* end of misc social links css */
/* language switcher css */

/* Make the language switcher same size as search field */
/* Language Switcher compact style */

.es-ls {
  position: relative;
  display: inline-block;
  width: auto;
}


/* The clickable circle */
.es-ls__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  padding: 0;
  width: auto;
  cursor: pointer;
  width: 1.875rem!important;
  height: 1.875rem;
}

/* The visible badge defines exact size */
.es-ls__badge {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: var(--color-alice-blue, #e3ebf0);
  color: var(--color-midnight-green, #225264);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  transition: background .2s ease;
}

/*.es-ls__chev {
  margin-left: 4px;
  width: 0.94rem;
  height: 0.94rem;
  color: var(--color-midnight-green, #225264);
}*/

.es-ls__badge:hover {
  background: rgba(227, 235, 240, .85);
}

/* === DROPDOWN BELOW === */
.es-ls__menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 1.875rem;       /* 👈 exact same width as badge */
  display: none;
  z-index: 5;
}

.es-ls:hover .es-ls__menu,
.es-ls:focus-within .es-ls__menu {
  display: block;
}

/* Stack items below in the center */
.es-ls__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

.es-ls__link {
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  padding: unset!important;
  padding: 0!important;
}

.es-ls__link .es-ls__badge {
  background: var(--color-alice-blue, #e3ebf0);
  color: var(--color-midnight-green, #225264);
}

.es-ls__link .es-ls__badge:hover {
  background: rgba(227, 235, 240, .85);
}
/* enf of language switcher css */
/* events impression css */
.events-title {
  font-size: var(--font-size-24pt);
  font-weight: var(--font-weight-heavy);
  font-style: italic;
  margin-bottom: 0!important;
}

@media (max-width: 600px) {
  /* Put the location + date on a new line */
  .event-info-wrapper .event-title-location-wrap {
    display: block;
  }
}

.event-info-wrapper {
  line-height: 1.1!important;
}

.events-content {
  font-size: var(--font-size-16pt);
  font-weight: var(--font-weight-regular);
}

.events-image-gallery {
  margin-top: 2rem!important;
}


.events-image-gallery .w-gallery-item-img img {
  border-radius: var(--radius-lg, 28px);
}

/* reset */
.es-event-anchor-list { margin:0; padding:0; list-style:none; }

.es-event-anchor-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.es-event-anchor-list li {
  margin: 0;
  padding: 0 0 0.4rem;
  position: relative;
  line-height: 1.4;
  font-size: var(--font-size-16pt);
  font-weight: var(--font-weight-regular);
}

/* make full line clickable */
.es-event-anchor-list a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  transition: color 0.25s ease;
}

.es-event-anchor-list a:hover {
  color: var(--color-pumpkin);
}

/* short separator line between items */
.es-event-anchor-list li + li {
  margin-top: 0.35rem;
}

.es-event-anchor-list li + li::before {
  content: "";
  display: block;
  width: 45%; /* adjust to 40–50% as desired */
  border-bottom: 2px solid var(--color-pumpkin);
  margin: 0.35rem 0;
}

@media (max-width: 600px) {
  /* Hide the separator before the title on small screens */
  .es-event-anchor-list .es-event-sep--before-title {
    display: none;
  }

  /* Put the title on its own line */
  .es-event-anchor-list .es-event-title {
    display: block;
    margin-top: 0.1em; /* tweak if needed */
  }
}

.events-image-gallery .w-gallery-loadmore .w-btn {
    position: relative;
    background: linear-gradient(to top right, var(--color-pumpkin, #f58138) 0%, var(--color-pumpkin, #f58138) 45%, var(--color-apricot, #fdd4b6) 100%) !important;
    transition: background 0.3s ease !important;
    color: var(--color-white, #FFFFFF) !important;
}

.events-image-gallery .w-gallery-loadmore .w-btn:hover {
    background: var(--color-eminence, #642875) !important;
    color: var(--color-white, #FFFFFF) !important;
    transition: background 0.3s ease !important;
}

/* imprint and privacy css */
.legal-heading {
  font-weight: var(--font-weight-bold)!important;
  font-size: var(--font-size-17_5pt)!important;
  display: block;
  margin-bottom: 0.5rem;
  margin-top: 1.8rem;
}

@media (max-width: 1024px) {
  .legal-heading {
    font-weight: var(--font-weight-bold)!important;
    font-size: var(--font-size-17_5pt)!important;
    display: block;
    margin-bottom: 0.3rem;
    margin-top: 1.3rem;
}
}

.legal-heading-nm {
  font-weight: var(--font-weight-bold)!important;
  font-size: var(--font-size-17_5pt)!important;
  display: block;
  margin-bottom: 0.5rem;
  margin-top: 0rem;
}

@media (max-width: 1024px) {
  .legal-heading-nm {
    font-weight: var(--font-weight-bold)!important;
    font-size: var(--font-size-17_5pt)!important;
    display: block;
    margin-bottom: 0.3rem;
    margin-top: 0rem;
}
}

/* Desktop/Laptop: 2 columns */
.legal-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 2rem;
  row-gap: 2rem; /* In case content wraps on smaller desktops */
}

/* Tablet and smartphone: 1 column */
@media (max-width: 1024px) {
  .legal-wrapper {
    grid-template-columns: 1fr;
    row-gap: 1.3rem;
  }
}

/* Optional: If you want a different gap on mobile */
@media (max-width: 600px) {
  .legal-wrapper {
    grid-template-columns: 1fr;
    row-gap: 1.3rem;
  }
}

.impressum-phone,
.impressum-email {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/* end of imprint and privacy */

/* Medienmitteilungen Grid CSS */
.medien-mitteilung__item {
	width: 100%;
  display: flex;
  align-items: flex-start; /* Grundausrichtung */
}

@media (max-width: 1024px) {
  .medien-mitteilung__item {
	    width: 100%;
      display: flex;
      align-items: flex-start; /* Grundausrichtung */
      flex-direction: column;
}
}

.medien-mitteilung-wrapper__date {
	width: 20%;
}

.medien-mitteilung-wrapper__content {
	width: 80%;
}

@media (max-width: 1024px) {
  .medien-mitteilung__item {
	    width: 100%;
      display: flex;
      align-items: flex-start; /* Grundausrichtung */
      flex-direction: column;
}
  .medien-mitteilung-wrapper__date {
	width: 50%;
}

.medien-mitteilung-wrapper__content {
	width: 100%;
}

}

.medien-mitteilung__date {
  font-size: var(--font-size-14pt);
  line-height: 1.2;
}

.medien-mitteilung-wrapper__date,
.medien-mitteilung-wrapper__content {
  display: flex;
  flex-direction: column;
  justify-content: center; /* sorgt für vertikale Ausrichtung */
}

.medien-mitteilung__content {
  font-size: var(--font-size-14pt);
  font-weight: var(--font-weight-black);
  line-height: 1.2;
  margin-top: 0rem;
}

.medien-mitteilung-grid .w-grid-item {
  border-bottom: 2px solid var(--color-pumpkin, #f58138);
  padding-bottom: 0.8rem; /* gleich dem grid-gap für sauberen Abstand */
  padding-top: 0.8rem; /* gleich dem grid-gap für sauberen Abstand */
}

.medien-mitteilung-grid .w-grid-item:last-child {
  border-bottom: none; /* letzte Zeile ohne Linie */
}

/* End of Medienmitteilungen Grid CSS */

/* Berichterstattung Grid CSS */
.berichterstattung__item {
	width: 100%;
  display: flex;
  align-items: flex-start; /* Grundausrichtung */
}

@media (max-width: 1024px) {
  .berichterstattung__item {
	    width: 100%;
      display: flex;
      align-items: flex-start; /* Grundausrichtung */
      flex-direction: column;
}
}

.berichterstattung-wrapper__date {
	width: 20%;
}

.berichterstattung-wrapper__content {
	width: 80%;
}

@media (max-width: 1024px) {
  .berichterstattung__item {
	    width: 100%;
      display: flex;
      align-items: flex-start; /* Grundausrichtung */
      flex-direction: column;
}
  .berichterstattung-wrapper__date {
	width: 50%;
}

.berichterstattung-wrapper__content {
	width: 100%;
}

}

.berichterstattung__date {
  font-size: var(--font-size-14pt);
  line-height: 1.2;
}

.berichterstattung__media-company {
  font-size: var(--font-size-13pt);
  line-height: 1.2;
}

.berichterstattung__media-company {
  margin-bottom: 0.2rem !important;
}

.berichterstattung-wrapper__date,
.berichterstattung-wrapper__content {
  display: flex;
  flex-direction: column;
  justify-content: center; /* sorgt für vertikale Ausrichtung */
}

.berichterstattung__content {
  font-size: var(--font-size-14pt);
  font-weight: var(--font-weight-black);
  line-height: 1.2;
  margin-top: 0rem;
}

.berichterstattung-grid .w-grid-item {
  border-bottom: 2px solid var(--color-pumpkin, #f58138);
  padding-bottom: 0.8rem; /* gleich dem grid-gap für sauberen Abstand */
  padding-top: 0.8rem; /* gleich dem grid-gap für sauberen Abstand */
}

.berichterstattung-grid .w-grid-item:last-child {
  border-bottom: none; /* letzte Zeile ohne Linie */
}

/* End of Berichterstattung Grid CSS */

/* Foto Sieger Grid CSS */

.fotosieger-wrapper__item {

}


.fotosieger-wrapper__image {
  border-radius: var(--radius-md, 16px) !important;
}

.fotosieger-wrapper__title {
  font-size: var(--font-size-14pt);
  font-weight: var(--font-weight-black);
  line-height: 1.2;
}


/* End of Foto Sieger Grid CSS */


/* Download Grid CSS */

.download-wrapper__item {

}


.download-wrapper__image {
  border-radius: var(--radius-md, 16px) !important;
}

.download-wrapper__title {
  font-size: var(--font-size-14pt);
  font-weight: var(--font-weight-black);
  line-height: 1.2;
}


/* End of Download Grid CSS */

/* sponsor carousel css */
.hauptsponsor .news-hero.aktualitaeten-banner-startseite::before {
    content: "";
    position: absolute;
    inset: 0;
    background: unset !important;
    pointer-events: none;
    z-index: 1;
}

/* Target only the wrapper that contains this special button */
.w-btn-wrapper:has(.button-move) {
    padding-left: 15%;  /* align with the 70% content band */
}

@media (max-width: 600px) {
  .w-btn-wrapper:has(.button-move) {
    padding-left: unset;  /* align with the 70% content band */
}
}

.equipment-partner-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.6rem!important;
}

@media (max-width: 1024px) {
.equipment-partner-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.6rem!important;
}
}

.equipment-partner_slider .w-post-elm {
  border-radius: var(--radius-lg, 28px);
}

.equipment_partner_inner_wrapper p {
    margin-bottom: 1.5rem !important;
}

.si-partner-list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 3rem; /* spacing between columns */
}

@media (max-width: 600px) {
    .si-partner-list {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }
}

ul.si-partner-list {
  margin-left: 1.5rem!important;
  font-size: var(--font-size-14pt);
}

/* end of sponsor carousel css */

/* -----------------------------------
   SEARCH RESULTS GRID
   ----------------------------------- */

/* Grid container */
.search-results-grid .w-grid-list {
  display: grid;
  gap: 1.5rem;
}

/* Result item wrappers */
.search-results-item {
  padding: 1.25rem 1.5rem;
  border-radius: 0.5rem;
  position: relative;
  cursor: pointer; /* Better UX */
}

/* Even/odd background variation */
.search-results-grid .w-grid-list article:nth-child(odd) .search-results-item {
  background: var(--color-champagne-pink);
}

.search-results-grid .w-grid-list article:nth-child(even) .search-results-item {
  background: var(--color-ivory);
}

/* (OLD / UNUSED NOW)
   Full clickable area via .w-vwrapper-link is no longer needed
   since the theme uses .w-grid-item-anchor.
   -> removed
*/

/* -----------------------------------
   TITLE BASE STYLING
   ----------------------------------- */
.search-results__title {
  font-size: var(--font-size-16pt);
  font-weight: var(--font-weight-heavy);
  margin-bottom: 0.4rem;
  line-height: 1.3;
  /* z-index + position no longer needed here */
}

/* If you ever wrap the title in a link again */
.search-results__title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

/* -----------------------------------
   BOX-HOVER TITLE COLOR (ODD / EVEN)
   ----------------------------------- */
/* Use article:hover so it still works
   even if a full overlay link sits on top */
.search-results-grid .w-grid-list article:nth-child(odd):hover .search-results__title {
  color: var(--color-pumpkin);
}

.search-results-grid .w-grid-list article:nth-child(even):hover .search-results__title {
  color: var(--color-yellow-green);
}

/* -----------------------------------
   CONTENT EXCERPT
   ----------------------------------- */
.search-results__content {
  font-size: var(--font-size-14pt);
  line-height: 1.55;
  color: var(--color-midnight-green, #225264);
}

/* Fix default paragraph spacing */
.search-results-item p {
  margin: 0;
}

.search-results-item p + p {
  margin-top: 0.5rem;
}

/* Optional: tighter mobile spacing */
@media (max-width: 600px) {
  .search-results-item {
    padding: 1rem 1.1rem;
  }
}

/* Special Contact Wrapper */
.special-contact-wrapper {
  display: grid!important;
  grid-template-columns: 2fr 1fr!important;
  column-gap: 1.5rem!important;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1024px) {
  .special-contact-wrapper {
    grid-template-columns: 2fr 1fr!important;
    column-gap: 0.8rem!important;
    width: 100%;
  }
  .special-contact-wrapper-text-width {
    width: 92%;
  }
}

.inner-special-contact-wrapper {
  display: flex;
  gap: 0.4rem;
}

@media (max-width: 1024px) {
  .upper-contact-wrapper {
    margin-bottom: 0.6rem!important;
  }
}