html,
body {
  overflow-x: clip;
  margin: 0;
  padding: 0;
}

/* ── Bullet list with hanging indent so wrapped lines align with the
   first word (not the bullet). Replaces the old <span>•...<br></span>
   markup that couldn't hang-indent. ── */
.bullet-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.bullet-list li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 0.3em;
  line-height: 1.5;
}

.bullet-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
}

/* New eyebrow label above DEIN CHECK-IN (per mobile feedback "Hier
   fehlt Head und Subhead") — also looks fine on desktop. */
.kukvs-events .anmeldung-eyebrow {
  letter-spacing: 4px;
  line-height: 1.3;
  margin-bottom: 12px;
  display: block;
}

/* The "Als Mitglied … DEIN MEHRWERT … bullets" block was originally a
   single <p>; it's now a <div> wrapping <p> + <ul>. Restore the inner
   spacing so it looks the same on desktop. */
.als-mitglied-partne > p {
  margin: 0 0 1em 0;
}

.als-mitglied-partne > p.span1 {
  margin-top: 1.5em;
  margin-bottom: 0.6em;
}

.als-mitglied-partne > .bullet-list {
  margin: 0;
}

/* ── Hard width caps so no element ever pushes past the viewport.
   The Anima-generated CSS uses many fixed pixel widths (510px form
   labels, 185px footer columns, etc.) that overflow narrow screens.
   These caps complement the per-section rules below. ── */
.kukvs-events .vorname,
.kukvs-events .nachname,
.kukvs-events .unternehmen,
.kukvs-events .e-mail-adresse,
.kukvs-events .individuelle-anmerkungen,
.kukvs-events .welches-event-mchtest-du-besuchen,
.kukvs-events #registration-form .vorname,
.kukvs-events #registration-form .nachname,
.kukvs-events #registration-form .unternehmen,
.kukvs-events #registration-form .e-mail-adresse {
  max-width: 100% !important;
  width: 100% !important;
  white-space: normal !important;
}

.t-0821-47013835e-infokukvsde,
.impressum-datenschutz,
.flex-col-1,
.folgt-uns,
.mitglied-werden-1,
.mitglied-werden-2 {
  max-width: 100%;
}

.screen a.blvkk-link {
  display: inline !important;
  color: inherit !important;
  text-decoration: underline !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* ── Global text-overflow safety net ──
   Long German compound words and fixed-width containers can overflow on
   narrow viewports. These rules keep every text element inside its box at
   any resolution without affecting the visual design at the original sizes. */
.kukvs-onepager,
.kukvs-events,
.kukvs-legal {
  -webkit-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-chars: 8 4 4;
  hyphenate-limit-chars: 8 4 4;
}

.kukvs-onepager *,
.kukvs-events *,
.kukvs-legal * {
  min-width: 0;
}

.kukvs-onepager p,
.kukvs-onepager div,
.kukvs-onepager span,
.kukvs-onepager h1,
.kukvs-onepager h2,
.kukvs-onepager h3,
.kukvs-onepager label,
.kukvs-events p,
.kukvs-events div,
.kukvs-events span,
.kukvs-events h1,
.kukvs-events h2,
.kukvs-events h3,
.kukvs-events label,
.kukvs-legal p,
.kukvs-legal div,
.kukvs-legal span,
.kukvs-legal h1,
.kukvs-legal h2,
.kukvs-legal h3,
.kukvs-legal label {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Disable hyphens on the very large display headings — they break at
   compound boundaries naturally and look better unhyphenated. */
.kukvs-onepager .kreativitt-vernetze,
.kukvs-onepager .kreative-stimme-schwabens,
.kukvs-onepager .warum-kultur-und-kreativwirtschaft,
.kukvs-onepager .vernetzen-sichtbar,
.kukvs-onepager .gemeinsam-entsteht-mehr-wirkung,
.kukvs-onepager .schwerpunkte,
.kukvs-onepager .seien-sie-dabei-mac,
.kukvs-onepager .title,
.kukvs-events .ku-kv-s-2026-vernetze,
.kukvs-events .unsere-event-highlig,
.kukvs-events .gemeinsam-entsteht-mehr-wirkung,
.kukvs-events .networking,
.kukvs-events .ku-kv-s-treff,
.kukvs-events .vorstandssitzung-mitgliederversammlung,
.kukvs-events .dein-check-in-event-anmeldung {
  -webkit-hyphens: manual;
  hyphens: manual;
}

@media (max-width: 767px) {
  html {
    scrollbar-width: none;
  }
  html::-webkit-scrollbar {
    display: none;
  }
}

/* ── Root containers ── */
.kukvs-onepager,
.kukvs-events,
.kukvs-legal {
  width: 100% !important;
  max-width: 1920px;
  height: auto !important;
  margin: 0 auto;
  overflow-x: clip !important;
}

.kukvs-onepager .flex-col,
.kukvs-events .flex-col,
.kukvs-legal .flex-col {
  width: 100% !important;
  min-height: 0 !important;
  margin-left: 0 !important;
}

.kukvs-onepager img,
.kukvs-events img {
  max-width: 100%;
  height: auto;
}

.legal-content img {
  max-width: 100%;
  height: auto;
}

/* ── Hero section: convert absolute layout to fluid ── */
.kukvs-onepager .overlap-group4 {
  width: 100% !important;
  max-width: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden;
  height: clamp(600px, 110vw, 2118px) !important;
}

.kukvs-events .overlap-group2 {
  width: 100% !important;
  max-width: none;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden;
  height: clamp(500px, 75vw, 1434px) !important;
}

.kukvs-onepager .kreativitt-vernetze,
.kukvs-events .ku-kv-s-2026-vernetze {
  left: clamp(20px, 5%, 246px) !important;
  top: clamp(40px, 8.9vw, 170px) !important;
  width: auto !important;
  max-width: calc(100% - 40px);
}

.kukvs-onepager .der-kultur-und-krea,
.kukvs-events .der-treffpunkt-fr-m {
  left: auto !important;
  right: clamp(20px, 5%, 140px) !important;
  top: clamp(300px, 45vw, 684px) !important;
  width: min(627px, 45%) !important;
  font-size: clamp(14px, 1.3vw, 25px) !important;
  line-height: clamp(24px, 2.6vw, 50px) !important;
}

.kukvs-onepager .ku-kv-s_-verlaufsflaeche_rgb_148x148mm {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: clamp(400px, 70vw, 1347px) !important;
  object-fit: cover;
}

.kukvs-events .ku-kv-s_-verlaufsflaeche_rgb_148x148mm {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: clamp(400px, 62vw, 1187px) !important;
  object-fit: cover;
}

.kukvs-onepager .gruendungs-team_-ku-kv-s_07052025 {
  left: 50% !important;
  transform: translateX(-50%);
  width: min(1364px, 80%) !important;
  top: clamp(350px, 58vw, 1114px) !important;
  height: auto !important;
  object-fit: contain;
}

.kukvs-onepager .gruppe-7 {
  width: 100% !important;
  left: 0 !important;
  top: clamp(450px, 94vw, 1806px) !important;
  height: auto !important;
  aspect-ratio: 2321 / 360;
  overflow: hidden;
}

.kukvs-events .gruppe-7 {
  width: 100% !important;
  left: 0 !important;
  top: clamp(400px, 58.4vw, 1122px) !important;
  height: auto !important;
  aspect-ratio: 2321 / 360;
  overflow: hidden;
}

.kukvs-onepager .gruppe-14,
.kukvs-onepager .gruppe-16,
.kukvs-events .gruppe-16 {
  width: 100% !important;
  left: 0 !important;
  height: auto !important;
  aspect-ratio: 2321 / 360;
  overflow: hidden;
}

/* Ticker bar contents: percentage-based positioning.
   Container is taller (aspect-ratio 2321/520) so the rotated bar's corners
   don't get clipped at top/bottom. Bar + text both vertically centered. */
.gruppe-7 .rechteck-9,
.gruppe-14 .rechteck-9,
.gruppe-16 .rechteck-9 {
  top: 50% !important;
  left: 1.5% !important;
  height: 35% !important;
  width: 97% !important;
  transform: translateY(-50%) rotate(-5deg) !important;
}

.gruppe-7 .kultur-kreativwirt,
.gruppe-14 .kultur-kreativwirt,
.gruppe-16 .kultur-kreativwirt {
  top: 50% !important;
  left: -3px !important;
  height: auto !important;
  font-size: clamp(8px, 1.1vw, 25px) !important;
  line-height: 1.4 !important;
  transform: translateY(-50%) rotate(-5deg) !important;
}

/* ── All section wrappers: fluid ── */
.kukvs-onepager .overlap-group2,
.kukvs-onepager .overlap-group5,
.kukvs-onepager .overlap-group6,
.kukvs-onepager .overlap-group1,
.kukvs-onepager .overlap-group3,
.kukvs-onepager .overlap-group9,
.kukvs-events .overlap-group1,
.kukvs-events .overlap-group4,
.kukvs-events .overlap-group {
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: hidden;
}

/* ── Art-gallery section (overlap-group2): banner top, photo centered
   inside the gradient field with equal margins on every side. ── */
.kukvs-onepager .overlap-group2 {
  height: auto !important;
  aspect-ratio: auto !important;
  display: grid !important;
  grid-template-rows: auto 1fr;
  grid-template-columns: 1fr;
  position: relative;
  padding-bottom: 60px;
}

.kukvs-onepager .overlap-group2 .gruppe-14 {
  position: relative !important;
  grid-row: 1;
  grid-column: 1;
  top: 0 !important;
  margin-bottom: 30px;
}

.kukvs-onepager .overlap-group2 .ku-kv-s_-verlaufsflaeche_rgb_148x148mm-1 {
  position: relative !important;
  grid-row: 2;
  grid-column: 1;
  justify-self: center;
  align-self: center;
  width: min(1497px, 86%) !important;
  height: auto !important;
  aspect-ratio: 1497 / 886;
  object-fit: cover;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}

.kukvs-onepager .overlap-group2 .leonardo-vargas-i9q-u-ho-o5-rx0-unsplash {
  position: relative !important;
  grid-row: 2;
  grid-column: 1;
  justify-self: center;
  align-self: center;
  width: min(1364px, 78%) !important;
  height: auto !important;
  aspect-ratio: 1364 / 760;
  object-fit: cover;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}

/* ── Other photo sections (laptop / team meeting): unchanged
   stacked layout — photo on top, banner at the bottom. ── */
.kukvs-onepager .overlap-group6,
.kukvs-events .overlap-group4 {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  height: auto !important;
  aspect-ratio: auto !important;
  position: relative;
  padding-bottom: 0;
  gap: 30px;
}

.kukvs-onepager .overlap-group6 .christina-wocintechc,
.kukvs-events .overlap-group4 .stock-photo-diverse {
  position: relative !important;
  width: min(1364px, 78%) !important;
  height: auto !important;
  aspect-ratio: 1364 / 606;
  object-fit: cover;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  order: 1;
}

.kukvs-onepager .overlap-group6 .gruppe-16,
.kukvs-events .overlap-group4 .gruppe-16 {
  position: relative !important;
  top: 0 !important;
  order: 3;
  width: 100% !important;
}

.kukvs-onepager .dix-sept-d-kua-mkbbl-mm-unsplash {
  max-width: 30%;
}

.kukvs-onepager .x2h-media-nm-s-pbe0b-dtc-unsplash {
  width: min(1088px, 55%) !important;
}

/* ── Decorative oversized text ── */
.kukvs-onepager .schwerpunkte,
.kukvs-events .networking {
  width: 100% !important;
  overflow: hidden;
}

/* ── Large headings: fluid width + kill fixed margins ── */
.kukvs-onepager .kreative-stimme-schwabens {
  width: auto !important;
  align-self: flex-start;
  margin-left: clamp(20px, 5%, 340px) !important;
  margin-right: clamp(20px, 5%, 197px) !important;
}

.kukvs-onepager .warum-kultur-und-kreativwirtschaft,
.kukvs-onepager .vernetzen-sichtbar {
  width: auto !important;
  align-self: flex-start;
  margin-left: clamp(20px, 5%, 340px) !important;
  margin-right: clamp(20px, 5%, 337px) !important;
}

.kukvs-onepager .gemeinsam-entsteht-mehr-wirkung,
.kukvs-events .gemeinsam-entsteht-mehr-wirkung {
  width: auto !important;
  left: clamp(20px, 5%, 140px) !important;
  max-width: calc(100% - 40px);
}

.kukvs-events .unsere-event-highlig {
  width: auto !important;
  margin-left: clamp(20px, 5%, 338px) !important;
  margin-right: clamp(20px, 5%, 347px) !important;
}

/* ── Section label headings ── */
.kukvs-onepager .wir-sind-die,
.kukvs-onepager .relevanz-in-zahlen,
.kukvs-onepager .was-wir-machen {
  margin-left: clamp(20px, 5%, 340px) !important;
  margin-right: 20px !important;
}

.kukvs-events .networking-impulse-fortschritt {
  margin-left: clamp(20px, 5%, 338px) !important;
  margin-right: 20px !important;
}

.kukvs-events .warum-dabei-sein,
.kukvs-onepager .warum-dabei-sein {
  left: clamp(20px, 5%, 140px) !important;
  max-width: calc(100% - 40px);
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* ── Events page: JETZT ANMELDEN button — remove the large empty gap
   between the WO row and the button, and align it with the body text. ── */
.kukvs-events .overlap-group5 {
  align-self: flex-start;
  margin-top: clamp(12px, 1.6vw, 30px) !important;
  margin-left: clamp(20px, 5%, 205px) !important;
  margin-right: 20px !important;
  margin-bottom: 0 !important;
  height: 52px !important;
  width: 368px !important;
  max-width: calc(100% - 40px);
}

.kukvs-events .overlap-group3 {
  align-self: flex-start;
  margin-top: clamp(12px, 1.6vw, 30px) !important;
  margin-left: clamp(20px, 5%, 205px) !important;
  margin-right: 20px !important;
  height: 52px !important;
  width: 368px !important;
  max-width: calc(100% - 40px);
}

/* ── "Warum dabei sein" section (overlap-group5) ── */
.kukvs-onepager .overlap-group5 {
  height: auto !important;
  aspect-ratio: 1920 / 1204;
}

.kukvs-onepager .overlap-group5 .ku-kv-s_-verlaufsflaeche_rgb_148x148mm-2 {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  object-fit: cover;
}

.kukvs-onepager .overlap-group5 .warum-dabei-sein {
  top: 14% !important;
  left: 10% !important;
  width: auto !important;
  max-width: 80% !important;
  font-size: clamp(14px, 1.6vw, 25px) !important;
  line-height: 1.3 !important;
  letter-spacing: clamp(2px, 0.45vw, 7.5px) !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.kukvs-onepager .overlap-group5 .gemeinsam-entsteht-mehr-wirkung {
  top: 24% !important;
  left: 10% !important;
  width: 80% !important;
  font-size: clamp(28px, 5.5vw, 110px) !important;
  line-height: 1.15 !important;
}

.kukvs-onepager .overlap-group5 .gruppe-22 {
  top: 2% !important;
  left: 18% !important;
}

.kukvs-onepager .overlap-group5 .als-mitglied-partne {
  top: 60% !important;
  left: 36% !important;
  width: min(1090px, 54%) !important;
  font-size: clamp(14px, 1.3vw, 20px) !important;
  line-height: clamp(22px, 2.6vw, 50px) !important;
}

/* ── Body text blocks ── */
.kukvs-onepager .eine-branche-mit-kra,
.kukvs-onepager .der-ku-kv-s-ldt-dazu,
.kukvs-onepager .kontakt-aufnehmen-1,
.kukvs-onepager .kontakt-aufnehmen-2 {
  width: min(1090px, calc(100% - 40px)) !important;
  align-self: flex-start;
  margin-left: clamp(20px, 5%, 340px) !important;
  margin-right: 20px !important;
}

.kukvs-onepager .interessenvertretung {
  width: min(1221px, calc(100% - 40px)) !important;
  align-self: flex-start;
  margin-left: clamp(20px, 5%, 340px) !important;
  margin-right: 20px !important;
}

/* ── Stats: align numbers + labels flush with body text ──
   Original Anima layout had every stat row at a different left position
   (some 8px, some 215px, some 315px) which produced a ragged column.
   The user wants every stat row to start at the same left edge as the
   body text above them. */
.kukvs-onepager .flex-row,
.kukvs-onepager .flex-row-1,
.kukvs-onepager .overlap-group7,
.kukvs-onepager .overlap-group8 {
  align-self: flex-start !important;
  margin-left: clamp(20px, 5%, 340px) !important;
  margin-right: 20px !important;
}

.kukvs-onepager .overlap-group7 > *,
.kukvs-onepager .overlap-group8 > * {
  position: static !important;
  margin: 0 !important;
  width: auto !important;
  left: auto !important;
  top: auto !important;
  white-space: nowrap;
}

.kukvs-onepager .overlap-group7,
.kukvs-onepager .overlap-group8 {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  height: auto !important;
  width: auto !important;
  max-width: calc(100% - 40px);
}

.kukvs-events .die-ku-kv-s-events-sin {
  width: min(1090px, calc(100% - 40px)) !important;
  margin-left: clamp(20px, 5%, 205px) !important;
  margin-right: 20px !important;
}

.kukvs-events .ku-kv-s-treff,
.kukvs-events .vorstandssitzung-mitgliederversammlung {
  width: min(1090px, calc(100% - 40px)) !important;
  margin-left: clamp(20px, 5%, 205px) !important;
  margin-right: 20px !important;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: break-word;
}

.kukvs-events .worum-gehts-ein-tr,
.kukvs-events .wann-19-februar-20,
.kukvs-events .worum-gehts-kurzb {
  width: min(1091px, calc(100% - 40px)) !important;
  margin-left: clamp(20px, 5%, 206px) !important;
  margin-right: 20px !important;
}

.kukvs-events .linie {
  width: min(1088px, calc(100% - 40px)) !important;
  margin-left: clamp(20px, 5%, 203px) !important;
}

/* ── "Wir sind die" section text ── */
.kukvs-onepager .overlap-group9 {
  width: min(1642px, calc(100% - 40px)) !important;
  margin-left: clamp(20px, 5%, 338px) !important;
  margin-right: 20px !important;
}

.kukvs-onepager .der-ku-kv-s-wurde-2025 {
  width: min(1090px, calc(100% - 40px)) !important;
  max-width: calc(100% - 40px);
}

.kukvs-onepager .kontakt-aufnehmen {
  width: min(1090px, calc(100% - 40px)) !important;
}

.kukvs-onepager .overlap-group {
  max-width: 100%;
}

/* ── "Mitglied werden" CTA section ── */
.kukvs-onepager .overlap-group1 {
  height: auto !important;
  aspect-ratio: 2334 / 1139;
}

.kukvs-onepager .overlap-group1 .ku-kv-s_-verlaufsflaeche_rgb_148x148mm-3 {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
  object-fit: cover;
}

.kukvs-onepager .seien-sie-dabei-mac {
  left: 6% !important;
  top: 19% !important;
  width: 70% !important;
  max-width: calc(100% - 40px);
  font-size: clamp(36px, 5.2vw, 100px) !important;
  line-height: 1.1 !important;
}

.kukvs-onepager .gruppe-23 {
  top: 60% !important;
  left: 5% !important;
  transform: rotate(-9deg) !important;
  transform-origin: center center;
}

.kukvs-onepager .interesse-an-mitglie {
  left: 35% !important;
  top: 60% !important;
  width: min(1090px, 55%) !important;
  font-size: clamp(14px, 1.3vw, 20px) !important;
  line-height: clamp(28px, 3.3vw, 50px) !important;
}

.kukvs-onepager .kontakt-aufnehmen-3 {
  left: 35% !important;
  top: 82% !important;
  width: min(1090px, 55%) !important;
  font-size: clamp(14px, 1.3vw, 20px) !important;
}

.kukvs-onepager .title {
  width: auto !important;
  max-width: calc(100% - 40px);
}

.kukvs-events .als-mitglied-partne {
  width: min(1090px, calc(100% - 40px)) !important;
  margin-left: clamp(20px, 5%, 205px) !important;
  margin-right: 20px !important;
  white-space: normal !important;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* ── Stats rows: alignment now handled in unified rule above ── */
.kukvs-onepager .grter-wirtschaftszweig,
.kukvs-onepager .teilmrkte-von-des,
.kukvs-onepager .erwerbsttige,
.kukvs-onepager .umsatz-der-branche-2023 {
  white-space: normal !important;
}

/* ── "Ausblick" section ──
   Original Anima layout used absolute children inside a fixed-size box.
   Make the container fluid with explicit width and aspect-ratio so the
   absolutely-positioned title and subhead are actually visible. */
.kukvs-onepager .overlap-group3 {
  align-self: flex-start;
  margin-left: clamp(20px, 5%, 340px) !important;
  margin-right: clamp(20px, 5%, 184px) !important;
  width: calc(100% - clamp(40px, 10%, 524px)) !important;
  max-width: 1797px;
  height: auto !important;
  min-height: clamp(180px, 22vw, 440px);
  position: relative;
}

.kukvs-onepager .overlap-group3 .title {
  top: clamp(40px, 4vw, 76px) !important;
  left: 0 !important;
  width: 100% !important;
  max-width: 100%;
}

.kukvs-onepager .overlap-group3 .die-kreative-zukunft {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: 100%;
  font-size: clamp(14px, 1.6vw, 25px) !important;
  line-height: clamp(28px, 3.3vw, 50px) !important;
  letter-spacing: clamp(3px, 0.5vw, 7.5px) !important;
}

/* ── Footer ── */
.kukvs-onepager .flex-row-2,
.kukvs-events .flex-row-1,
.kukvs-legal .flex-row-1 {
  min-width: 0 !important;
  max-width: 100%;
  margin-left: 0 !important;
  padding-bottom: 32px;
}

.ku-kv-s_-hauptlogo_rgb_farbig-1 {
  width: 263px !important;
  height: 81px !important;
  flex-shrink: 0;
}

/* ── Events form ── */
.kukvs-events .overlap-group {
  width: 100% !important;
  margin-right: 0 !important;
  max-width: 100%;
}

.kukvs-events .dein-check-in-event-anmeldung,
.kukvs-events .bereit-fr-den-nchs {
  width: min(1642px, 100%) !important;
}

.kukvs-events .form-select,
.kukvs-events .form-textarea,
.kukvs-events .form-submit,
.kukvs-events .form-status {
  max-width: 100%;
}

.kukvs-events .name-container,
.kukvs-events .rechteck-container,
.kukvs-events #registration-form .flex-row,
.kukvs-events #registration-form .name-container,
.kukvs-events #registration-form .rechteck-container {
  max-width: 100%;
}

/* ── "Mitglied werden" circle button ──
   Center the two-line text both horizontally and vertically inside the
   rotated circle. Original CSS used a calc() that sat the text near the
   top edge. */
.kukvs-onepager .gruppe-18 .mitglied-werden,
.kukvs-onepager .gruppe-22 .mitglied-werden,
.kukvs-onepager .gruppe-23 .mitglied-werden,
.kukvs-events .gruppe-18 .mitglied-werden,
.kukvs-events .gruppe-22 .mitglied-werden,
.kukvs-events .gruppe-23 .mitglied-werden {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 90% !important;
  height: auto !important;
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1 !important;
  letter-spacing: 4px !important;
}

.kukvs-onepager .gruppe-18 .mitglied-werden .span,
.kukvs-onepager .gruppe-22 .mitglied-werden .span,
.kukvs-onepager .gruppe-23 .mitglied-werden .span,
.kukvs-events .gruppe-18 .mitglied-werden .span,
.kukvs-events .gruppe-22 .mitglied-werden .span,
.kukvs-events .gruppe-23 .mitglied-werden .span {
  letter-spacing: 1.2px !important;
  font-size: 42px;
  line-height: 1 !important;
  display: block;
}

.kukvs-onepager .gruppe-18 .mitglied-werden .montserrat-normal-white-20px,
.kukvs-onepager .gruppe-22 .mitglied-werden .montserrat-normal-white-20px,
.kukvs-onepager .gruppe-23 .mitglied-werden .montserrat-normal-white-20px,
.kukvs-events .gruppe-18 .mitglied-werden .montserrat-normal-white-20px,
.kukvs-events .gruppe-22 .mitglied-werden .montserrat-normal-white-20px,
.kukvs-events .gruppe-23 .mitglied-werden .montserrat-normal-white-20px {
  letter-spacing: 4px !important;
  font-size: 18px;
  line-height: 1 !important;
  margin-top: 4px;
  display: block;
}

/* Hide the extra <br> inside the burnt-sienna span to remove the
   line-break gap that pushed "WERDEN" too far below "Mitglied". */
.kukvs-onepager .gruppe-18 .mitglied-werden .montserrat-bold-burnt-sienna-50px,
.kukvs-onepager .gruppe-22 .mitglied-werden .montserrat-bold-burnt-sienna-50px,
.kukvs-onepager .gruppe-23 .mitglied-werden .montserrat-bold-burnt-sienna-50px,
.kukvs-events .gruppe-18 .mitglied-werden .montserrat-bold-burnt-sienna-50px,
.kukvs-events .gruppe-22 .mitglied-werden .montserrat-bold-burnt-sienna-50px,
.kukvs-events .gruppe-23 .mitglied-werden .montserrat-bold-burnt-sienna-50px {
  display: none !important;
}

/* Header layout + shrink on scroll */
.kukvs-onepager .gruppe-8,
.kukvs-events .gruppe-8,
.kukvs-legal .gruppe-8 {
  width: 100% !important;
  height: 146px;
  margin-right: 0 !important;
  padding: 18px clamp(16px, 4.5vw, 140px);
  display: flex;
  align-items: center;
  gap: clamp(14px, 2vw, 32px);
  transition: height 0.3s ease, padding 0.3s ease, box-shadow 0.3s ease;
}

.gruppe-8 .ku-kv-s_-hauptlogo_rgb_farbig {
  position: relative;
  left: auto;
  top: auto;
  flex: 0 0 auto;
  transition: opacity 0.3s ease, transform 0.3s ease, width 0.3s ease, margin 0.3s ease;
}

.header-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(28px, 3vw, 64px);
  flex: 1 1 auto;
}

.gruppe-8 .header-nav .nav-link {
  display: block;
}

.gruppe-8 .kultur-kreativwirtschaft,
.gruppe-8 .unsere-arbeit,
.gruppe-8 .events,
.gruppe-8 .ber-uns,
.gruppe-8 .mitglied-werden,
.gruppe-8 .mitglied-werden-1 {
  position: static;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  width: auto;
  height: auto;
  margin: 0;
  line-height: 1.15;
  white-space: normal;
}

.gruppe-8.header-scrolled {
  height: 72px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.gruppe-8.header-scrolled .ku-kv-s_-hauptlogo_rgb_farbig {
  opacity: 0;
  transform: translateY(-8px) scale(0.85);
  width: 0;
  margin: 0;
  pointer-events: none;
  overflow: hidden;
}

.gruppe-8.header-scrolled .header-nav {
  justify-content: space-between;
}

.hamburger {
  display: none;
}

/* Typographic scaling */
.kukvs-onepager .kreativitt-vernetze,
.kukvs-events .ku-kv-s-2026-vernetze {
  font-size: clamp(36px, 8vw, 140px);
  line-height: 1.05;
}

.kukvs-onepager .warum-kultur-und-kreativwirtschaft,
.kukvs-onepager .vernetzen-sichtbar,
.kukvs-onepager .gemeinsam-entsteht-mehr-wirkung,
.kukvs-events .unsere-event-highlig,
.kukvs-events .gemeinsam-entsteht-mehr-wirkung {
  font-size: clamp(32px, 7vw, 120px);
  line-height: 1.1;
}

.kukvs-onepager .text-1,
.kukvs-onepager .number,
.kukvs-onepager .address,
.kukvs-onepager .x2046-mrd {
  font-size: clamp(48px, 6vw, 100px);
  line-height: 1.08;
}

.kukvs-onepager .kreative-stimme-schwabens {
  font-size: clamp(52px, 9vw, 170px);
  line-height: 1.05;
}

/* Big decorative one-word headings — always stay on a single line.
   Font-size is viewport-derived from `vmin` so it shrinks to fit
   even when the viewport becomes very wide with limited height, and
   letter-spacing scales down with it. The previous `clamp(..., 10vw, ...)`
   hit its max and then the word wrapped at the letter boundary when
   the available width couldn't grow further. */
.kukvs-onepager .schwerpunkte,
.kukvs-events .networking {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

/* The word always has to fit the visible row. `.screen` is capped at
   1920px, so with font-size 230 + letter-spacing 6.9 the word natural
   width is ~2094 → overflows and gets visually clipped. Cap the font
   size so it always fits inside 1920 with small margin. */
.kukvs-onepager .schwerpunkte {
  font-size: min(205px, 10.4vw) !important;
  line-height: 1.05;
  letter-spacing: min(6.1px, 0.3vw) !important;
  text-align: center;
}

.kukvs-events .networking {
  font-size: min(230px, 11.5vw) !important;
  line-height: 1.05;
  letter-spacing: min(6.9px, 0.35vw) !important;
  text-align: center;
}

.kukvs-onepager .title {
  font-size: clamp(64px, 13vw, 310px);
  line-height: 1.05;
}

.kukvs-events .ku-kv-s-treff,
.kukvs-events .vorstandssitzung-mitgliederversammlung {
  font-size: clamp(36px, 4.5vw, 70px);
  line-height: 1.1;
}

/* ═══ Tablet ═══ */
@media (max-width: 1199px) {
  .kukvs-onepager .flex-row-2,
  .kukvs-events .flex-row-1,
  .kukvs-legal .flex-row-1 {
    flex-wrap: wrap;
    gap: 20px 40px;
  }

  .kukvs-onepager .flex-row-2 > *,
  .kukvs-events .flex-row-1 > *,
  .kukvs-legal .flex-row-1 > * {
    margin-left: 0 !important;
  }

  .ku-kv-s_-hauptlogo_rgb_farbig-1 {
    transform: scale(0.85);
    transform-origin: top left;
    margin-right: -39px;
    margin-bottom: -12px;
  }

  .kukvs-onepager .kreative-stimme-schwabens,
  .kukvs-onepager .warum-kultur-und-kreativwirtschaft,
  .kukvs-onepager .vernetzen-sichtbar,
  .kukvs-onepager .gemeinsam-entsteht-mehr-wirkung,
  .kukvs-onepager .seien-sie-dabei-mac,
  .kukvs-events .unsere-event-highlig,
  .kukvs-events .gemeinsam-entsteht-mehr-wirkung,
  .kukvs-events .vorstandssitzung-mitgliederversammlung {
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  /* Tablet adjustments for "Seien Sie dabei" section to prevent overlap */
  .kukvs-onepager .gruppe-23 {
    transform: scale(0.75) rotate(-9deg) !important;
    transform-origin: center center;
  }

  .kukvs-onepager .interesse-an-mitglie,
  .kukvs-onepager .kontakt-aufnehmen-3 {
    left: 40% !important;
    width: 55% !important;
  }

  .kukvs-onepager .flex-row,
  .kukvs-onepager .flex-row-1 {
    flex-wrap: wrap;
    height: auto !important;
    min-width: 0 !important;
  }

  .kukvs-onepager .overlap-group7,
  .kukvs-onepager .overlap-group8 {
    display: flex;
    flex-direction: column;
    height: auto !important;
  }

  .kukvs-onepager .overlap-group7 > *,
  .kukvs-onepager .overlap-group8 > * {
    position: static !important;
    width: auto !important;
  }

  .kukvs-onepager .gruppe-8,
  .kukvs-events .gruppe-8,
  .kukvs-legal .gruppe-8 {
    height: 112px;
    padding: 14px 20px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .gruppe-8 .ku-kv-s_-hauptlogo_rgb_farbig {
    transform-origin: left center;
    transform: scale(0.88);
  }

  .hamburger {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 21px;
    background: var(--opal);
    padding: 0;
    cursor: pointer;
  }

  .hamburger span {
    width: 18px;
    height: 2px;
    background: var(--white);
    border-radius: 1px;
    transition: transform 0.25s ease, opacity 0.25s ease;
  }

  .hamburger.open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .hamburger.open span:nth-child(2) {
    opacity: 0;
  }

  .hamburger.open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .header-nav {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    max-height: 0;
    overflow: hidden;
    background: var(--white);
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 12px;
  }

  .header-nav.open {
    max-height: 320px;
    padding: 8px 12px 12px;
  }

  .gruppe-8 .header-nav .nav-link {
    display: block;
    width: 100%;
    padding: 10px 0;
  }

  .gruppe-8 .kultur-kreativwirtschaft,
  .gruppe-8 .unsere-arbeit,
  .gruppe-8 .events,
  .gruppe-8 .ber-uns,
  .gruppe-8 .mitglied-werden,
  .gruppe-8 .mitglied-werden-1 {
    font-size: 14px;
    letter-spacing: 1.2px;
    white-space: normal;
  }

  .gruppe-8.header-scrolled .header-nav {
    position: absolute;
    left: 20px;
    right: 20px;
    top: 72px;
  }

  .kukvs-events .linie,
  .kukvs-events .form-select,
  .kukvs-events .form-textarea,
  .kukvs-events .form-submit,
  .kukvs-events .form-status,
  .kukvs-events #registration-form .welches-event-mchtest-du-besuchen,
  .kukvs-events #registration-form .individuelle-anmerkungen,
  .kukvs-events #registration-form .rechteck-container,
  .kukvs-events #registration-form .name-container,
  .kukvs-events #registration-form .flex-row {
    width: 100%;
    min-width: 0;
    margin-right: 0;
  }

  .kukvs-events .overlap-group {
    padding: 70px clamp(20px, 4vw, 110px);
    min-height: auto;
  }

  .kukvs-events .form-input {
    width: 100%;
  }

  .kukvs-events #registration-form .rechteck-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

/* Large screens: full nav with nowrap text */
@media (min-width: 1400px) {
  .gruppe-8 .kultur-kreativwirtschaft,
  .gruppe-8 .unsere-arbeit,
  .gruppe-8 .events,
  .gruppe-8 .ber-uns,
  .gruppe-8 .mitglied-werden,
  .gruppe-8 .mitglied-werden-1 {
    white-space: nowrap;
  }
}

/* ═══ Mobile ═══ */
@media (max-width: 767px) {
  .kukvs-onepager .gruppe-8,
  .kukvs-events .gruppe-8,
  .kukvs-legal .gruppe-8 {
    height: 84px;
    padding: 10px 14px;
  }

  .gruppe-8 .ku-kv-s_-hauptlogo_rgb_farbig {
    transform: scale(0.68);
    transform-origin: left center;
    margin-left: 0;
    margin-right: -80px;
  }

  .gruppe-8 .kultur-kreativwirtschaft,
  .gruppe-8 .unsere-arbeit,
  .gruppe-8 .events,
  .gruppe-8 .ber-uns,
  .gruppe-8 .mitglied-werden,
  .gruppe-8 .mitglied-werden-1 {
    font-size: 12px;
    letter-spacing: 1px;
  }

  .gruppe-8.header-scrolled {
    height: 84px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .gruppe-8.header-scrolled .ku-kv-s_-hauptlogo_rgb_farbig {
    opacity: 1;
    transform: scale(0.68);
    transform-origin: left center;
    width: 263px;
    margin-left: 0;
    margin-right: -80px;
    pointer-events: auto;
    overflow: visible;
  }

  .gruppe-8.header-scrolled .header-nav {
    left: 12px;
    right: 12px;
    top: 80px;
  }

  .container-center-horizontal {
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .kukvs-onepager,
  .kukvs-events {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  .kukvs-onepager .flex-col,
  .kukvs-events .flex-col {
    width: 100% !important;
    align-items: stretch !important;
  }

  /* ── Hero: stacked layout ── */
  .kukvs-onepager .overlap-group4,
  .kukvs-events .overlap-group2 {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0;
    overflow: hidden;
    background: linear-gradient(135deg, #f0b5c7 0%, #d0ccd4 40%, #adcac8 100%);
  }

  .kukvs-onepager .ku-kv-s_-verlaufsflaeche_rgb_148x148mm,
  .kukvs-events .ku-kv-s_-verlaufsflaeche_rgb_148x148mm {
    display: none !important;
  }

  .kukvs-onepager .kreativitt-vernetze,
  .kukvs-events .ku-kv-s-2026-vernetze {
    position: static !important;
    left: auto !important;
    top: auto !important;
    order: 1;
    width: auto !important;
    max-width: none !important;
    padding: 36px 18px 22px;
    font-size: clamp(28px, 7.4vw, 60px);
    line-height: 1.18;
    letter-spacing: 1px;
    transform: none !important;
  }

  .kukvs-onepager .der-kultur-und-krea,
  .kukvs-events .der-treffpunkt-fr-m {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    order: 2;
    width: auto !important;
    padding: 0 18px 36px;
    font-size: clamp(12px, 3vw, 18px) !important;
    line-height: 1.55 !important;
    letter-spacing: 0.4px !important;
  }

  .kukvs-onepager .gruendungs-team_-ku-kv-s_07052025 {
    position: static !important;
    order: 3;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
    border-radius: 0;
    height: auto !important;
  }

  .kukvs-onepager .gruppe-7,
  .kukvs-events .gruppe-7 {
    display: none !important;
  }

  .kukvs-onepager .gruppe-14,
  .kukvs-onepager .gruppe-16,
  .kukvs-events .gruppe-16 {
    display: none !important;
  }

  .rechteck-9 {
    display: none !important;
  }

  .kukvs-onepager .flex-row,
  .kukvs-onepager .flex-row-1,
  .kukvs-onepager .overlap-group7,
  .kukvs-onepager .overlap-group8 {
    width: calc(100% - 28px) !important;
    min-width: 0 !important;
    height: auto;
    margin: 30px 14px 0 !important;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    position: relative;
  }

  .kukvs-onepager .text-1,
  .kukvs-onepager .number,
  .kukvs-onepager .address,
  .kukvs-onepager .x2046-mrd,
  .kukvs-onepager .grter-wirtschaftszweig,
  .kukvs-onepager .teilmrkte-von-des,
  .kukvs-onepager .erwerbsttige,
  .kukvs-onepager .umsatz-der-branche-2023 {
    position: static !important;
    width: 100% !important;
    min-height: 0;
    margin: 0 !important;
    white-space: normal;
    line-height: 1.25;
  }

  .kukvs-onepager .overlap-group5,
  .kukvs-events .overlap-group1,
  .kukvs-onepager .overlap-group1,
  .kukvs-events .overlap-group,
  .kukvs-onepager .overlap-group6,
  .kukvs-events .overlap-group4,
  .kukvs-onepager .overlap-group3,
  .kukvs-onepager .overlap-group9 {
    width: 100% !important;
    min-height: 0;
    height: auto !important;
    aspect-ratio: auto !important;
    margin: 50px 0 0 !important;
    padding: 0 14px;
    position: relative;
    overflow: visible;
  }

  .kukvs-onepager .overlap-group5 > *,
  .kukvs-events .overlap-group1 > *,
  .kukvs-onepager .overlap-group1 > *,
  .kukvs-events .overlap-group4 > *,
  .kukvs-onepager .overlap-group6 > *,
  .kukvs-onepager .overlap-group3 > *,
  .kukvs-onepager .overlap-group9 > * {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
  }

  .gruppe-15 {
    display: none !important;
  }

  .rechteck-11 {
    display: none !important;
  }

  .ku-kv-s_-verlaufsflaeche_rgb_148x148mm-1,
  .ku-kv-s_-verlaufsflaeche_rgb_148x148mm-2,
  .ku-kv-s_-verlaufsflaeche_rgb_148x148mm-3,
  .ku-kv-s_-verlaufsflaeche_rgb_148x148mm-4 {
    display: none !important;
  }

  .kukvs-onepager .overlap-group2,
  .kukvs-onepager .overlap-group6,
  .kukvs-events .overlap-group4 {
    padding: 0 !important;
    height: auto !important;
    margin-top: 30px !important;
  }

  .kukvs-onepager .overlap-group2 .leonardo-vargas-i9q-u-ho-o5-rx0-unsplash {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
  }

  /* Per user feedback: no rounded corners on any photo on mobile. */
  .kukvs-onepager .overlap-group2 img,
  .kukvs-events .overlap-group4 img {
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
    margin-bottom: 10px !important;
  }

  .kukvs-onepager .overlap-group6 .christina-wocintechc {
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
  }

  .kukvs-onepager .gruendungs-team_-ku-kv-s_07052025,
  .kukvs-onepager .x2h-media-nm-s-pbe0b-dtc-unsplash,
  .kukvs-onepager .leonardo-vargas-i9q-u-ho-o5-rx0-unsplash,
  .kukvs-onepager .christina-wocintechc,
  .kukvs-events .stock-photo-diverse {
    border-radius: 0 !important;
  }

  /* Per user feedback: the Mitglied-werden circle should overlap the
     photo above it by only half — so it sits half on the image, half
     outside. Explicit order keeps it after the image in the flex
     column on mobile. */
  .kukvs-onepager .gruppe-18,
  .kukvs-onepager .gruppe-22,
  .kukvs-onepager .gruppe-23 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 260px !important;
    height: 258px !important;
    transform: scale(0.65) rotate(-9deg) !important;
    transform-origin: center center;
    margin: -130px auto -55px !important;
    z-index: 5;
    align-self: center !important;
    order: 2;
  }

  .kukvs-onepager .seien-sie-dabei-mac {
    font-size: clamp(24px, 6vw, 100px) !important;
    line-height: 1.15 !important;
    letter-spacing: 1px !important;
    width: auto !important;
    white-space: normal !important;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .kukvs-onepager .kontakt-aufnehmen-3 {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    margin-top: 10px !important;
  }

  .kukvs-onepager .overlap-group1 {
    background: linear-gradient(135deg, #f0b5c7 0%, #d0ccd4 40%, #adcac8 100%);
    padding: 30px 14px !important;
  }

  .kukvs-onepager .kreative-stimme-schwabens,
  .kukvs-onepager .warum-kultur-und-kreativwirtschaft,
  .kukvs-onepager .vernetzen-sichtbar,
  .kukvs-onepager .schwerpunkte,
  .kukvs-events .unsere-event-highlig,
  .kukvs-events .networking-impulse-fortschritt,
  .kukvs-events .die-ku-kv-s-events-sin,
  .kukvs-events .ku-kv-s-treff,
  .kukvs-events .vorstandssitzung-mitgliederversammlung,
  .kukvs-events .worum-gehts-ein-tr,
  .kukvs-events .wann-19-februar-20,
  .kukvs-events .worum-gehts-kurzb,
  .kukvs-events .als-mitglied-partne,
  .kukvs-onepager .wir-sind-die,
  .kukvs-onepager .relevanz-in-zahlen,
  .kukvs-onepager .was-wir-machen,
  .kukvs-onepager .interessenvertretung,
  .kukvs-onepager .eine-branche-mit-kra,
  .kukvs-onepager .der-ku-kv-s-ldt-dazu,
  .kukvs-onepager .kontakt-aufnehmen-1,
  .kukvs-onepager .kontakt-aufnehmen-2 {
    width: auto !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
    margin-top: 36px !important;
    min-height: 0 !important;
    line-height: 1.55;
    text-align: left !important;
    overflow-wrap: break-word;
    word-break: break-word;
    align-self: flex-start !important;
  }

  /* Reduce excessive letter-spacing on the large display headings on
     mobile so the text doesn't feel stretched out. */
  .kukvs-onepager .kreative-stimme-schwabens,
  .kukvs-onepager .warum-kultur-und-kreativwirtschaft,
  .kukvs-onepager .vernetzen-sichtbar,
  .kukvs-onepager .gemeinsam-entsteht-mehr-wirkung,
  .kukvs-events .unsere-event-highlig,
  .kukvs-events .gemeinsam-entsteht-mehr-wirkung,
  .kukvs-events .ku-kv-s-treff,
  .kukvs-events .vorstandssitzung-mitgliederversammlung {
    letter-spacing: 1px !important;
    line-height: 1.1 !important;
  }

  /* On mobile, the schwerpunkte / relevanz-in-zahlen section labels
     have wide letter-spacing and `white-space: nowrap` from the
     original Anima CSS. Allow them to wrap so they fit narrow widths. */
  .kukvs-onepager .relevanz-in-zahlen,
  .kukvs-onepager .wir-sind-die,
  .kukvs-onepager .was-wir-machen,
  .kukvs-events .networking-impulse-fortschritt {
    white-space: normal !important;
  }

  .kukvs-onepager .schwerpunkte {
    letter-spacing: 2px !important;
    overflow: hidden !important;
  }

  /* KUKVS-TREFF should span the full width on mobile per user feedback. */
  .kukvs-events .ku-kv-s-treff {
    width: calc(100% - 36px) !important;
    max-width: none !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
    font-size: clamp(36px, 9vw, 72px) !important;
    text-align: left !important;
    align-self: flex-start !important;
  }

  /* JETZT ANMELDEN button on mobile: keep it left-aligned (not full
     width) so it reads as a button, not a banner. */
  .kukvs-events .overlap-group5 {
    align-self: flex-start !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
    margin-top: 18px !important;
    width: calc(100% - 36px) !important;
    max-width: 320px !important;
  }

  .kukvs-events .overlap-group5 .rechteck-1-1 {
    width: 100% !important;
  }

  .kukvs-events .overlap-group5 .jetzt-anmelden {
    width: 100% !important;
  }

  /* Events hero: more vertical breathing room top + bottom of the hero
     text block ("Das Header bild mehr split geben."). */
  .kukvs-events .overlap-group2 {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  /* Anmeldung form on mobile: tighter spacing + smaller letter
     spacing on the form labels (user: "Nur halb soviel Abstand",
     "ZAB verkleinern"). */
  .kukvs-events .overlap-group {
    margin-top: 32px !important;
    padding: 32px 18px !important;
  }

  .kukvs-events .overlap-group .anmeldung-eyebrow {
    margin-bottom: 6px !important;
  }

  .kukvs-events .dein-check-in-event-anmeldung {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    line-height: 1.1 !important;
  }

  .kukvs-events .bereit-fr-den-nchs {
    margin-top: 4px !important;
    margin-bottom: 14px !important;
    line-height: 1.55 !important;
  }

  .kukvs-events .linie-4 {
    margin: 14px 0 !important;
  }

  .kukvs-events .welches-event-mchtest-du-besuchen,
  .kukvs-events .vorname,
  .kukvs-events .nachname,
  .kukvs-events .unternehmen,
  .kukvs-events .e-mail-adresse,
  .kukvs-events .individuelle-anmerkungen {
    letter-spacing: 1px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 4px !important;
    margin-top: 8px !important;
  }

  .kukvs-events .form-select,
  .kukvs-events .form-input,
  .kukvs-events .form-textarea {
    margin-top: 4px !important;
    margin-bottom: 8px !important;
    height: 50px !important;
  }

  .kukvs-events .form-textarea {
    height: 140px !important;
  }

  .kukvs-events .form-submit {
    letter-spacing: 2px !important;
    margin-top: 16px !important;
  }

  .kukvs-onepager .wir-sind-die,
  .kukvs-onepager .relevanz-in-zahlen,
  .kukvs-onepager .was-wir-machen,
  .kukvs-onepager .warum-dabei-sein,
  .kukvs-events .networking-impulse-fortschritt,
  .kukvs-events .warum-dabei-sein {
    letter-spacing: 3px !important;
    line-height: 1.4 !important;
  }

  /* All body text and CTAs left-aligned on mobile per user feedback.
     Uses high-specificity selectors so it wins over the desktop
     percentage-width rules (e.g. .overlap-group5 .als-mitglied-partne). */
  .kukvs-onepager .der-ku-kv-s-wurde-2025,
  .kukvs-onepager .eine-branche-mit-kra,
  .kukvs-onepager .der-ku-kv-s-ldt-dazu,
  .kukvs-onepager .overlap-group5 .als-mitglied-partne,
  .kukvs-onepager .overlap-group .interesse-an-mitglie,
  .kukvs-onepager .overlap-group1 .interesse-an-mitglie,
  .kukvs-onepager .interessenvertretung,
  .kukvs-onepager .kontakt-aufnehmen,
  .kukvs-onepager .kontakt-aufnehmen-1,
  .kukvs-onepager .kontakt-aufnehmen-2,
  .kukvs-onepager .overlap-group1 .kontakt-aufnehmen-3,
  .kukvs-events .die-ku-kv-s-events-sin,
  .kukvs-events .overlap-group1 .als-mitglied-partne,
  .kukvs-events .worum-gehts-ein-tr,
  .kukvs-events .wann-19-februar-20,
  .kukvs-events .bereit-fr-den-nchs {
    text-align: left !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
    width: auto !important;
    max-width: calc(100% - 36px) !important;
    align-self: flex-start !important;
  }

  /* Bigger gap between sections on mobile to avoid the "too tight"
     feedback (e.g. between KONTAKT AUFNEHMEN and the next headline). */
  .kukvs-onepager .relevanz-in-zahlen,
  .kukvs-onepager .was-wir-machen,
  .kukvs-onepager .wir-sind-die,
  .kukvs-events .networking-impulse-fortschritt {
    margin-top: 60px !important;
  }

  .kukvs-onepager .als-mitglied-partne p,
  .kukvs-events .als-mitglied-partne p {
    margin: 0 0 1em 0 !important;
    text-align: left !important;
  }

  .kukvs-onepager .als-mitglied-partne .bullet-list,
  .kukvs-events .als-mitglied-partne .bullet-list {
    margin: 0 !important;
    padding: 0 !important;
  }

  .kukvs-onepager .als-mitglied-partne .bullet-list li,
  .kukvs-events .als-mitglied-partne .bullet-list li {
    margin-bottom: 0.4em;
    text-align: left !important;
  }

  .kukvs-onepager .title {
    font-size: clamp(40px, 13vw, 310px) !important;
    letter-spacing: 2px !important;
  }

  .kukvs-onepager .schwerpunkte {
    font-size: 10vw !important;
    letter-spacing: 4px !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .kukvs-events .vorstandssitzung-mitgliederversammlung {
    font-size: clamp(24px, 6vw, 70px) !important;
  }

  .kukvs-events .welches-event-mchtest-du-besuchen {
    white-space: normal !important;
    overflow-wrap: break-word !important;
  }

  .kukvs-events .linie-1,
  .kukvs-events .linie-2 {
    width: calc(100% - 28px) !important;
    margin-left: 14px !important;
    margin-right: 14px !important;
    margin-top: 46px;
  }

  .kukvs-events .overlap-group5,
  .kukvs-events .overlap-group3 {
    width: calc(100% - 28px);
    margin: 30px 14px 0;
  }

  .kukvs-events .networking-impulse-fortschritt {
    white-space: normal !important;
  }

  .kukvs-events .networking {
    min-height: 0 !important;
    margin-top: 28px !important;
    font-size: 10vw !important;
    letter-spacing: 4px !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .kukvs-events .jetzt-anmelden {
    font-size: 16px;
    letter-spacing: 3px;
  }

  .kukvs-events .overlap-group {
    margin-top: 64px !important;
    padding: 48px 14px;
  }

  .kukvs-events .dein-check-in-event-anmeldung {
    font-size: clamp(28px, 7vw, 100px) !important;
    line-height: 1.15 !important;
    width: 100% !important;
    white-space: normal !important;
  }

  .kukvs-events #registration-form .dein-check-in-event-anmeldung,
  .kukvs-events #registration-form .bereit-fr-den-nchs,
  .kukvs-events #registration-form .welches-event-mchtest-du-besuchen,
  .kukvs-events #registration-form .individuelle-anmerkungen,
  .kukvs-events .form-submit,
  .kukvs-events .form-status {
    width: 100% !important;
    margin-right: 0 !important;
    white-space: normal !important;
    letter-spacing: 2px !important;
    overflow-wrap: break-word !important;
  }

  .kukvs-events #registration-form .name-container,
  .kukvs-events #registration-form .flex-row,
  .kukvs-events #registration-form .rechteck-container {
    width: 100%;
    min-width: 0;
    margin-right: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    height: auto;
  }

  .kukvs-events .form-field-row {
    flex-direction: column;
    width: 100% !important;
    margin-right: 0 !important;
  }

  .kukvs-events .form-select,
  .kukvs-events .form-textarea,
  .kukvs-events .form-input {
    width: 100%;
    margin-right: 0;
  }

  /* Footer on mobile: phone+email row, then "Folgt uns" + "Mitglied
     werden" row, then Impressum/Datenschutz row — all using a 2-column
     grid so paired items sit side-by-side per user feedback. */
  .kukvs-onepager .flex-row-2,
  .kukvs-events .flex-row-1,
  .kukvs-legal .flex-row-1 {
    width: 100% !important;
    min-width: 0 !important;
    margin: 56px 0 0 !important;
    padding: 24px 18px 40px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 24px;
    row-gap: 22px;
    align-items: start;
    overflow: hidden;
  }

  .kukvs-onepager .flex-row-2 > *,
  .kukvs-events .flex-row-1 > *,
  .kukvs-legal .flex-row-1 > * {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: auto;
    align-self: start;
  }

  .kukvs-onepager .flex-row-2 .ku-kv-s_-hauptlogo_rgb_farbig-1,
  .kukvs-events .flex-row-1 .ku-kv-s_-hauptlogo_rgb_farbig-1,
  .kukvs-legal .flex-row-1 .ku-kv-s_-hauptlogo_rgb_farbig-1 {
    grid-column: 1 / -1;
    margin-bottom: 8px !important;
  }

  .kukvs-onepager .flex-row-2 .t-0821-47013835e-infokukvsde,
  .kukvs-events .flex-row-1 .t-0821-47013835e-infokukvsde,
  .kukvs-legal .flex-row-1 .t-0821-47013835e-infokukvsde {
    grid-column: 1 / -1;
  }

  /* Phone + email side-by-side */
  .t-0821-47013835e-infokukvsde {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4px 18px;
    line-height: 1.5 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
  }

  .t-0821-47013835e-infokukvsde br {
    display: none;
  }

  .kukvs-onepager .flex-col-1,
  .kukvs-events .flex-col-1,
  .kukvs-legal .flex-col-1 {
    align-self: start !important;
    grid-column: 2 / 3;
    grid-row: 3;
    margin: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
  }

  .folgt-uns {
    width: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
  }

  .kukvs-onepager .flex-row-2 .nav-link,
  .kukvs-events .flex-row-1 .nav-link,
  .kukvs-legal .flex-row-1 .nav-link {
    grid-column: 1 / 2;
    grid-row: 3;
  }

  .kukvs-onepager .mitglied-werden-2,
  .kukvs-events .mitglied-werden-1 {
    margin: 0 !important;
    line-height: 1.4 !important;
  }

  .kukvs-onepager .impressum-datenschutz,
  .kukvs-events .impressum-datenschutz,
  .kukvs-legal .impressum-datenschutz {
    grid-column: 1 / -1;
    display: flex !important;
    gap: 24px;
    line-height: 1.5 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
  }

  .impressum-datenschutz br {
    display: none;
  }

  .kukvs-onepager .ku-kv-s_-hauptlogo_rgb_farbig-1,
  .kukvs-events .ku-kv-s_-hauptlogo_rgb_farbig-1,
  .kukvs-legal .ku-kv-s_-hauptlogo_rgb_farbig-1 {
    width: 263px !important;
    height: 81px !important;
    flex-shrink: 0;
    transform: scale(0.65);
    transform-origin: top left;
    margin-right: -92px;
    margin-bottom: -28px;
  }
}

/* ═══ Vertical aspect ratio (taller than 4:5) — center hero text ═══ */
@media (max-aspect-ratio: 4/5) and (min-width: 768px) {
  .kukvs-onepager .kreativitt-vernetze,
  .kukvs-events .ku-kv-s-2026-vernetze {
    left: 50% !important;
    transform: translateX(-50%);
    text-align: center;
    width: calc(100% - 40px) !important;
    max-width: none;
  }

  .kukvs-onepager .der-kultur-und-krea,
  .kukvs-events .der-treffpunkt-fr-m {
    left: 20px !important;
    right: 20px !important;
    width: auto !important;
    text-align: center;
  }
}

@media (max-aspect-ratio: 1/1) {
  /* "Seien Sie dabei" section: stacked layout for vertical formats */
  .kukvs-onepager .overlap-group1 {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    aspect-ratio: auto !important;
    padding: 40px clamp(20px, 4vw, 60px) !important;
    background: linear-gradient(135deg, #f0b5c7 0%, #d0ccd4 40%, #adcac8 100%);
  }

  .kukvs-onepager .overlap-group1 .ku-kv-s_-verlaufsflaeche_rgb_148x148mm-3 {
    display: none !important;
  }

  .kukvs-onepager .overlap-group1 .seien-sie-dabei-mac {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    font-size: clamp(36px, 5.2vw, 80px) !important;
    line-height: 1.1 !important;
    margin-bottom: 30px !important;
    order: 1;
  }

  .kukvs-onepager .overlap-group1 .interesse-an-mitglie {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    max-width: 700px;
    font-size: clamp(16px, 2vw, 20px) !important;
    line-height: 1.6 !important;
    margin-bottom: 50px !important;
    order: 2;
  }

  .kukvs-onepager .overlap-group1 .circle-link {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    display: block;
    margin: 0 !important;
    order: 3;
  }

  .kukvs-onepager .overlap-group1 .gruppe-23 {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 260px !important;
    height: 258px !important;
    transform: scale(0.8) rotate(-9deg) !important;
    transform-origin: center center;
    margin: -15px 0 -15px !important;
  }

  .kukvs-onepager .overlap-group1 > .cta-link {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    display: block;
    margin: 0 !important;
    order: 4;
  }

  .kukvs-onepager .overlap-group1 .kontakt-aufnehmen-3 {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: auto !important;
    margin-top: 10px !important;
  }

}

/* ═══ Events page: "Gemeinsam entsteht mehr Wirkung" section ═══
   Stack into a single column whenever there isn't enough horizontal room
   for the original two-column layout (needs ~1800px). This also catches
   16:9 monitors below 1800px where the aspect-ratio rule alone wouldn't
   trigger. */
@media (max-aspect-ratio: 3/2), (max-width: 1800px) {
  .kukvs-events .overlap-group1 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: auto !important;
    min-height: auto !important;
    padding: 60px 20px !important;
  }

  .kukvs-events .overlap-group1 .ku-kv-s_-verlaufsflaeche_rgb_148x148mm-1,
  .kukvs-events .overlap-group1 .rechteck-11 {
    display: none !important;
  }

  .kukvs-events .gemeinsam-entsteht-mehr-wirkung {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 800px !important;
    text-align: center !important;
    font-size: clamp(28px, 5vw, 80px) !important;
    line-height: 1.1 !important;
    margin-bottom: 20px !important;
  }

  .kukvs-events .warum-dabei-sein {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 800px !important;
    text-align: center !important;
    font-size: clamp(14px, 2.5vw, 25px) !important;
    line-height: 1.3 !important;
    margin-bottom: 30px !important;
  }

  .kukvs-events .als-mitglied-partne {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 700px !important;
    text-align: left !important;
    font-size: clamp(14px, 2vw, 20px) !important;
    line-height: 1.6 !important;
    margin: 0 auto !important;
  }
}

/* ═══ Vertical-ish (more vertical than 3:2) — reorganize "Wir sind die" section ═══ */
@media (max-aspect-ratio: 3/2) {
  .kukvs-onepager .overlap-group9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto !important;
    overflow: visible;
  }

  .kukvs-onepager .der-ku-kv-s-wurde-2025 {
    position: static !important;
    left: auto !important;
    width: auto !important;
    max-width: 800px;
    text-align: center;
    margin: 0 auto 30px !important;
  }

  .kukvs-onepager .overlap-group {
    position: static !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100% !important;
    height: auto !important;
    margin-top: 30px !important;
    order: 2;
  }

  .kukvs-onepager .dix-sept-d-kua-mkbbl-mm-unsplash {
    display: none !important;
  }

  /* "Wir sind die" section: photo on top, circle overlapping its
     bottom edge by half. */
  .kukvs-onepager .gruppe-18 {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 2;
    width: 260px !important;
    height: 258px !important;
    transform: scale(0.65) rotate(-9deg) !important;
    transform-origin: center center;
    margin: -130px auto -55px !important;
    z-index: 5;
  }

  .kukvs-onepager .x2h-media-nm-s-pbe0b-dtc-unsplash {
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    border-radius: 0 !important;
    margin: 0 !important;
    order: 1;
  }

  .kukvs-onepager .kontakt-aufnehmen {
    position: static !important;
    left: auto !important;
    top: auto !important;
    text-align: center;
    margin-top: 24px !important;
    width: auto !important;
  }
}