@layer sop.page;

@layer sop.page {

:root {
  --sop-ink: #090B10;
  --sop-ink-soft: #0B0F16;
  --sop-surface: #11151D;
  --sop-surface-raised: #151A24;
  --sop-cream: #F4F0E8;
  --sop-cream-deep: #EEE8DD;
  --sop-gold: #D0AB75;
  --sop-gold-hover: #E0BD8A;
  --sop-copy: #B9C0CC;
  --sop-ink-copy: #4A566A;
  --sop-line: rgba(255, 255, 255, .10);
  --sop-line-soft: rgba(255, 255, 255, .06);
  --sop-cream-line: rgba(9, 11, 16, .10);
  --sop-content: min(100% - 48px, 1180px);
  --sop-reading: min(100% - 48px, 820px);
  --sop-radius: 16px;
}

body.page-id-7,
body.page-id-7 .elementor,
body.page-id-7 .elementor-location-single {
  background: var(--sop-ink);
  color: #fff;
}

body.page-id-7,
body.page-id-7 .elementor,
body.page-id-7 .elementor .e-heading-base,
body.page-id-7 .elementor .e-paragraph-base,
body.page-id-7 .elementor .e-button-base,
body.page-id-7 .elementor button,
body.page-id-7 .elementor input,
body.page-id-7 .elementor select,
body.page-id-7 .elementor textarea {
  font-family: 'Glacial Indifference', Poppins, Arial, sans-serif !important;
}

body.page-id-7 .sop-section {
  position: relative;
  padding-block: clamp(72px, 9vw, 136px);
}

body.page-id-7 .sop-section > .e-flexbox-base,
body.page-id-7 .sop-content {
  width: var(--sop-content) !important;
  max-width: 1180px;
  margin-inline: auto !important;
}

body.page-id-7 .sop-section--ink {
  background: linear-gradient(180deg, var(--sop-ink-soft) 0%, var(--sop-ink) 100%) !important;
}

body.page-id-7 .sop-section--surface {
  background:
    radial-gradient(circle at 50% 0%, rgba(208, 171, 117, .10), transparent 42%),
    linear-gradient(145deg, var(--sop-surface-raised), #0E1219) !important;
}

body.page-id-7 .sop-section--cream {
  background: linear-gradient(180deg, #F6F2EA 0%, var(--sop-cream-deep) 100%) !important;
  color: var(--sop-ink);
}

body.page-id-7 .sop-section--cream .e-heading-base {
  color: var(--sop-ink) !important;
}

body.page-id-7 .sop-section--cream .e-paragraph-base {
  color: var(--sop-ink-copy) !important;
}

body.page-id-7 .sop-preheadline {
  display: inline-flex !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 0 16px !important;
  padding: 7px 11px !important;
  align-items: center;
  border: 1px solid rgba(208, 171, 117, .42) !important;
  border-radius: 999px !important;
  background: rgba(208, 171, 117, .08) !important;
  color: var(--sop-gold) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

body.page-id-7 .sop-button .e-button-base,
body.page-id-7 .sop-section .e-button-base {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: max-content !important;
  min-height: 52px !important;
  padding: 15px 24px !important;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(208, 171, 117, .58) !important;
  border-radius: 10px !important;
  background: var(--sop-gold) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .16) !important;
  color: var(--sop-ink) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .015em;
  text-decoration: none !important;
  transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

body.page-id-7 .sop-section .e-button-base:hover,
body.page-id-7 .sop-section .e-button-base:focus-visible {
  background: var(--sop-gold-hover) !important;
  box-shadow: 0 12px 30px rgba(208, 171, 117, .22) !important;
  color: var(--sop-ink) !important;
  transform: translateY(-1px);
}

/* Hero und Bild-Text-Bereiche */
@media (min-width: 1025px) {
  body.page-id-7 .sop-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr) !important;
    align-items: center !important;
    gap: clamp(32px, 5vw, 72px) !important;
  }

  body.page-id-7 .sop-hero__content { max-width: 620px; }

  body.page-id-7 .sop-hero__media,
  body.page-id-7 .sop-split__media {
    align-self: stretch;
    min-height: 520px;
    overflow: hidden;
    border: 1px solid var(--sop-line);
    border-radius: 18px;
    background-color: var(--sop-surface);
  }

  body.page-id-7 .sop-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr) !important;
    align-items: center !important;
    gap: clamp(32px, 5vw, 72px) !important;
  }
}

body.page-id-7 .sop-split__media .e-image-base,
body.page-id-7 .sop-hero__media .e-image-base {
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-height: inherit;
  object-fit: cover !important;
  object-position: center;
}

/* Raster und Karten */
body.page-id-7 .sop-card-grid {
  display: grid !important;
  gap: 18px !important;
  margin-top: 34px !important;
}

body.page-id-7 .sop-card-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
body.page-id-7 .sop-card-grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
body.page-id-7 .sop-card-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }

body.page-id-7 .sop-card-grid > .e-flexbox-base {
  min-height: 242px;
  padding: 28px !important;
  justify-content: flex-start !important;
  border: 1px solid var(--sop-line);
  border-radius: var(--sop-radius);
  background: linear-gradient(145deg, rgba(21, 26, 36, .98), rgba(12, 15, 22, .98));
  box-shadow: 0 16px 40px rgba(0, 0, 0, .14);
}

body.page-id-7 .sop-card-grid > .e-flexbox-base .e-heading-base {
  font-size: clamp(22px, 1.8vw, 30px) !important;
  line-height: 1.14 !important;
}

body.page-id-7 .sop-card-grid--problem > .e-flexbox-base,
body.page-id-7 .sop-card-grid--steps > .e-flexbox-base {
  border-top: 2px solid rgba(208, 171, 117, .62);
}

body.page-id-7 .sop-card-grid--steps > .e-flexbox-base { min-height: 300px; }

body.page-id-7 .sop-card-grid--cream > .e-flexbox-base {
  border-color: var(--sop-cream-line);
  border-top: 3px solid var(--sop-gold);
  background: rgba(255, 255, 255, .72);
  box-shadow: none;
}

body.page-id-7 .sop-card-grid--cream > .e-flexbox-base .e-heading-base { color: var(--sop-ink) !important; }
body.page-id-7 .sop-card-grid--cream > .e-flexbox-base .e-paragraph-base { color: var(--sop-ink-copy) !important; }

body.page-id-7 .sop-result-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  column-gap: 56px !important;
  row-gap: 0 !important;
  margin-top: 28px !important;
}

body.page-id-7 .sop-result-list > .e-flexbox-base {
  min-height: 126px;
  padding: 20px 0 !important;
  border-top: 1px solid var(--sop-cream-line);
}

body.page-id-7 .sop-result-list > .e-flexbox-base:last-child { grid-column: 1 / -1; min-height: auto; }

body.page-id-7 .sop-editorial {
  width: var(--sop-reading) !important;
  max-width: 860px;
  margin-inline: auto !important;
  padding: clamp(34px, 5vw, 60px) !important;
  border-left: 2px solid rgba(208, 171, 117, .72);
  background: linear-gradient(90deg, rgba(17, 21, 29, .58), transparent 82%);
}

body.page-id-7 .sop-editorial .e-heading-base { font-size: clamp(36px, 4vw, 55px) !important; }

body.page-id-7 .sop-qualify {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

body.page-id-7 .sop-qualify > .e-paragraph-base,
body.page-id-7 .sop-qualify > .e-heading-base {
  grid-column: 1 / -1;
  max-width: 820px;
  margin-inline: auto;
  text-align: center;
}

body.page-id-7 .sop-qualify > .e-flexbox-base { min-height: 292px; }
body.page-id-7 .sop-qualify .sop-card--yes { border-top: 2px solid rgba(93, 177, 139, .75); }
body.page-id-7 .sop-qualify .sop-card--no { border-top: 2px solid rgba(196, 113, 106, .72); }

body.page-id-7 .sop-faq {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: min(100%, 1040px) !important;
  margin-inline: auto !important;
}

body.page-id-7 .sop-faq > .e-paragraph-base,
body.page-id-7 .sop-faq > .e-heading-base {
  grid-column: 1 / -1;
  text-align: center;
}

body.page-id-7 .sop-faq > .e-flexbox-base { min-height: 152px; }
body.page-id-7 .sop-faq .sop-card--wide { grid-column: 1 / -1; min-height: 170px; border-top-color: rgba(208, 171, 117, .55); }

body.page-id-7 .sop-cta-panel {
  width: min(100%, 920px) !important;
  margin-inline: auto !important;
  padding: clamp(40px, 6vw, 76px) !important;
  border: 1px solid var(--sop-line);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 0%, rgba(208, 171, 117, .14), transparent 44%),
    linear-gradient(145deg, rgba(17, 21, 29, .96), rgba(9, 11, 16, .96));
}

body.page-id-7 .sop-cta-panel .e-heading-base,
body.page-id-7 .sop-cta-panel .e-paragraph-base {
  max-width: 720px;
  margin-inline: auto;
  text-align: center;
}

body.page-id-7 .sop-cta-panel .e-button-base { min-width: min(100%, 410px); }

@media (max-width: 1024px) {
  body.page-id-7 .sop-card-grid--three,
  body.page-id-7 .sop-card-grid--cream { grid-template-columns: 1fr !important; }
  body.page-id-7 .sop-card-grid--four { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 767px) {
  :root { --sop-content: min(100% - 32px, 620px); --sop-reading: min(100% - 32px, 620px); }
  body.page-id-7 { overflow-x: hidden; }
  body.page-id-7 .sop-section { padding-block: 42px !important; }
  body.page-id-7 .sop-section > .e-flexbox-base { gap: 20px !important; }
  body.page-id-7 .sop-preheadline { margin-bottom: 10px !important; padding: 6px 9px !important; font-size: 10px !important; letter-spacing: .12em !important; }
  body.page-id-7 .sop-hero,
  body.page-id-7 .sop-split { display: grid !important; grid-template-columns: 1fr !important; gap: 24px !important; }
  body.page-id-7 .sop-hero__media,
  body.page-id-7 .sop-split__media { min-height: 360px; border-radius: 14px; }
  body.page-id-7 .sop-card-grid,
  body.page-id-7 .sop-qualify,
  body.page-id-7 .sop-faq,
  body.page-id-7 .sop-result-list { grid-template-columns: 1fr !important; row-gap: 10px !important; margin-top: 18px !important; }
  body.page-id-7 .sop-card-grid > .e-flexbox-base,
  body.page-id-7 .sop-qualify > .e-flexbox-base,
  body.page-id-7 .sop-faq > .e-flexbox-base { min-height: 0 !important; height: auto !important; padding: 18px !important; gap: 10px !important; }
  body.page-id-7 .sop-card-grid--steps > .e-flexbox-base { min-height: 0; }
  body.page-id-7 .sop-result-list > .e-flexbox-base { min-height: 0; padding: 18px 0 !important; }
  body.page-id-7 .sop-result-list > .e-flexbox-base:last-child,
  body.page-id-7 .sop-faq .sop-card--wide { grid-column: auto; }
  body.page-id-7 .sop-editorial { width: var(--sop-reading) !important; padding: 22px 20px !important; }
  body.page-id-7 .sop-editorial .e-heading-base { font-size: 31px !important; line-height: 1.08 !important; }
  body.page-id-7 .sop-card-grid > .e-flexbox-base .e-heading-base,
  body.page-id-7 .sop-qualify > .e-flexbox-base .e-heading-base,
  body.page-id-7 .sop-faq > .e-flexbox-base .e-heading-base { font-size: 21px !important; line-height: 1.16 !important; }
  body.page-id-7 .sop-cta-panel { padding: 30px 20px !important; border-radius: 16px; }
  body.page-id-7 .sop-section .e-button-base { max-width: 100% !important; min-height: 50px !important; padding: 14px 18px !important; font-size: 13px !important; }
}

/*
 * Mobile Atomic-Dichte (SOP 1.2.1)
 * Lokale Elementor-V4-Innenabstände werden innerhalb der semantisch
 * markierten SOP-Bereiche neutralisiert und über klare Flex-Gaps ersetzt.
 */
@media (max-width: 767px) {
  :root {
    --sop-content: min(100%, 620px);
    --sop-reading: min(100%, 620px);
  }

  body.page-id-7 .sop-section {
    padding: 38px 16px !important;
    gap: 16px !important;
  }

  body.page-id-7 .sop-section > .e-flexbox-base {
    padding: 0 !important;
  }

  body.page-id-7 .sop-section > :is(.e-heading-base, .e-paragraph-base) {
    max-width: 620px !important;
  }

  body.page-id-7 .sop-section > .e-heading-base:not(.sop-preheadline),
  body.page-id-7 .sop-section > .e-paragraph-base:not(.sop-preheadline) {
    width: 100% !important;
    margin-inline: auto !important;
  }

  body.page-id-7 .sop-section > .sop-preheadline,
  body.page-id-7 .sop-preheadline {
    margin: 0 0 2px !important;
  }

  body.page-id-7 .sop-hero {
    gap: 20px !important;
    padding-top: 34px !important;
  }

  body.page-id-7 .sop-hero__content,
  body.page-id-7 .sop-split,
  body.page-id-7 .sop-section-intro,
  body.page-id-7 .sop-editorial > .e-flexbox-base,
  body.page-id-7 .sop-cta-panel {
    gap: 14px !important;
  }

  body.page-id-7 .sop-hero__content > :is(.e-heading-base, .e-paragraph-base):not(.sop-preheadline),
  body.page-id-7 .sop-split > :is(.e-heading-base, .e-paragraph-base),
  body.page-id-7 .sop-section-intro > :is(.e-heading-base, .e-paragraph-base),
  body.page-id-7 .sop-editorial .e-flexbox-base > :is(.e-heading-base, .e-paragraph-base),
  body.page-id-7 .sop-cta-panel > :is(.e-heading-base, .e-paragraph-base),
  body.page-id-7 .sop-card-grid > .e-flexbox-base > :is(.e-heading-base, .e-paragraph-base),
  body.page-id-7 .sop-qualify > .e-flexbox-base > :is(.e-heading-base, .e-paragraph-base),
  body.page-id-7 .sop-faq > .e-flexbox-base > :is(.e-heading-base, .e-paragraph-base),
  body.page-id-7 .sop-result-list > .e-flexbox-base > .e-paragraph-base {
    margin: 0 !important;
    padding: 0 !important;
    flex-grow: 0 !important;
  }

  body.page-id-7 .sop-hero__content > .e-heading-base {
    font-size: clamp(34px, 9.2vw, 38px) !important;
    line-height: 1.04 !important;
  }

  body.page-id-7 .sop-section > .e-heading-base,
  body.page-id-7 .sop-section-intro > .e-heading-base,
  body.page-id-7 .sop-split > .e-heading-base,
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child .e-heading-base,
  body.page-id-7 .sop-cta-panel > .e-heading-base {
    font-size: clamp(29px, 8.2vw, 33px) !important;
    line-height: 1.08 !important;
  }

  body.page-id-7 .sop-card-grid,
  body.page-id-7 .sop-result-list,
  body.page-id-7 .sop-qualify,
  body.page-id-7 .sop-faq {
    margin-top: 12px !important;
    padding: 0 !important;
    gap: 12px !important;
  }

  body.page-id-7 .sop-section-intro > .sop-card-grid {
    margin-top: 4px !important;
  }

  body.page-id-7 .sop-card-grid > .e-flexbox-base,
  body.page-id-7 .sop-qualify > .e-flexbox-base,
  body.page-id-7 .sop-faq > .e-flexbox-base {
    min-height: 0 !important;
    height: auto !important;
    padding: 18px !important;
    gap: 9px !important;
    align-content: flex-start !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  body.page-id-7 .sop-card-grid--steps > .e-flexbox-base {
    padding: 18px !important;
    gap: 10px !important;
  }

  body.page-id-7 .sop-result-list > .e-flexbox-base {
    min-height: 0 !important;
    padding: 14px 0 !important;
    gap: 7px !important;
    align-content: flex-start !important;
    justify-content: flex-start !important;
  }

  body.page-id-7 .sop-editorial {
    box-sizing: border-box !important;
    width: min(100%, 620px) !important;
    margin-inline: auto !important;
    padding: 26px 18px !important;
  }

  body.page-id-7 .sop-section > .sop-cta-panel {
    padding: 28px 18px !important;
  }

  body.page-id-7 .sop-cta-panel .e-heading-base,
  body.page-id-7 .sop-cta-panel .e-paragraph-base {
    margin-inline: auto !important;
  }

  body.page-id-7 .sop-section--about > .e-flexbox-base + .e-flexbox-base {
    margin-top: 2px !important;
  }

  /* Ergebnisüberschrift: keine zu breite Einzelzeile auf 390px. */
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child .e-heading-base {
    max-width: 12.5ch !important;
    margin-inline: 0 !important;
    font-size: clamp(26px, 7.2vw, 29px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.018em !important;
    text-wrap: balance;
  }

  /* Über SOP: Text und Bild nutzen die volle Inhaltsbreite ohne Überlauf. */
  body.page-id-7 .sop-section--about .sop-split {
    width: 100% !important;
    min-width: 0 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  body.page-id-7 .sop-section--about .sop-split > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.page-id-7 .sop-section--about .sop-split > .e-heading-base {
    font-size: clamp(28px, 7.6vw, 31px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em !important;
    text-wrap: balance;
    overflow-wrap: normal;
    hyphens: auto;
  }

  body.page-id-7 .sop-section--about .sop-split > .e-image-base {
    aspect-ratio: 4 / 5 !important;
    min-height: 0 !important;
    border-radius: 14px !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
}

/* Ergebnisüberschrift: finale Mobile-Korrektur (SOP 1.2.2). */
@media (max-width: 767px) {
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child .e-heading-base {
    width: 100% !important;
    max-width: 300px !important;
    margin-inline: 0 !important;
  }
}

/*
 * Mobile Editorial Refresh (SOP 1.3.0)
 * Einheitliche Preheadlines, neu geführter Ergebnisbereich und klarere
 * Qualifikationsentscheidung. Die Regeln nutzen ausschließlich semantische Klassen.
 */
@media (max-width: 767px) {
  /* Alle Preheadlines folgen derselben ruhigen Editorial-Logik. */
  body.page-id-7 .sop-preheadline {
    box-sizing: border-box !important;
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-self: flex-start !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--sop-gold) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
  }

  body.page-id-7 .sop-preheadline::before {
    display: block;
    width: 18px;
    height: 1px;
    flex: 0 0 18px;
    background: currentColor;
    content: '';
    opacity: .84;
  }

  /* Das Raketen-Emoji im Hero wird zugunsten einer ruhigen Markenbezeichnung ersetzt. */
  body.page-id-7 .sop-hero .sop-preheadline {
    font-size: 0 !important;
  }

  body.page-id-7 .sop-hero .sop-preheadline::after {
    color: var(--sop-gold);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;
    line-height: 1.2;
    content: 'SOP DONE4YOU';
  }

  body.page-id-7 .sop-section--cream .sop-preheadline {
    color: #8C6A43 !important;
  }

  body.page-id-7 .sop-cta-panel .sop-preheadline {
    margin-inline: auto !important;
  }

  /* Ergebnis: Editorial-Header statt losgelöster Überschrift und Checklistenwand. */
  body.page-id-7 .sop-section--result {
    padding-block: 46px 40px !important;
    background:
      linear-gradient(90deg, rgba(208, 171, 117, .12) 0 2px, transparent 2px),
      linear-gradient(180deg, #F7F3EB 0%, #F2EDE3 100%) !important;
  }

  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    width: 100% !important;
    gap: 14px !important;
    padding: 0 0 22px !important;
    align-items: start !important;
    border-bottom: 1px solid rgba(9, 11, 16, .14) !important;
  }

  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child::before {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border: 1px solid rgba(140, 106, 67, .46);
    border-radius: 50%;
    color: #8C6A43;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1;
    content: '01';
  }

  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child .e-heading-base {
    width: auto !important;
    max-width: 12ch !important;
    margin: 0 !important;
    color: var(--sop-ink) !important;
    font-size: clamp(30px, 8.5vw, 33px) !important;
    font-weight: 700 !important;
    line-height: 1.02 !important;
    letter-spacing: -.028em !important;
    text-wrap: balance;
  }

  body.page-id-7 .sop-section--result .sop-result-list {
    width: 100% !important;
    margin-top: 8px !important;
    gap: 0 !important;
  }

  body.page-id-7 .sop-section--result .sop-result-list > .e-flexbox-base {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 17px 0 !important;
    gap: 10px !important;
    align-items: start !important;
    border-top: 1px solid rgba(9, 11, 16, .12) !important;
  }

  body.page-id-7 .sop-section--result .sop-result-list > .e-flexbox-base:first-child {
    border-top: 0 !important;
  }

  body.page-id-7 .sop-section--result .sop-result-list > .e-flexbox-base > .e-paragraph-base:first-child {
    display: grid !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    padding: 0 !important;
    place-items: center;
    border-radius: 50% !important;
    background: #8C6A43 !important;
    color: #FFFDF8 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  body.page-id-7 .sop-section--result .sop-result-list > .e-flexbox-base > .e-paragraph-base:last-child {
    margin: 0 !important;
    color: #384355 !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  body.page-id-7 .sop-section--result .sop-result-list > .e-flexbox-base:last-child {
    margin-top: 8px !important;
    padding: 16px 14px !important;
    border: 1px solid rgba(140, 106, 67, .28) !important;
    border-radius: 12px !important;
    background: rgba(208, 171, 117, .12) !important;
  }

  body.page-id-7 .sop-section--result .sop-result-list > .e-flexbox-base:last-child > .e-paragraph-base:last-child {
    color: #1E2838 !important;
    font-weight: 700 !important;
  }

  /* Qualifikation: klare Entscheidungsfläche mit zwei unterschiedlich gewichteten Karten. */
  body.page-id-7 .sop-section--qualification {
    padding-block: 48px 44px !important;
    background:
      radial-gradient(circle at 100% 0%, rgba(208, 171, 117, .13), transparent 34%),
      linear-gradient(180deg, #0E121A 0%, #090B10 100%) !important;
  }

  body.page-id-7 .sop-section--qualification > .e-heading-base {
    max-width: 11ch !important;
    margin: 2px 0 4px !important;
    color: #FFFDF8 !important;
    font-size: clamp(31px, 8.7vw, 34px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.028em !important;
    text-wrap: balance;
  }

  body.page-id-7 .sop-section--qualification .sop-qualify {
    width: 100% !important;
    margin-top: 18px !important;
    gap: 14px !important;
  }

  body.page-id-7 .sop-section--qualification .sop-qualify > .e-flexbox-base {
    position: relative;
    width: 100% !important;
    min-height: 0 !important;
    padding: 24px 18px 20px !important;
    gap: 0 !important;
    overflow: hidden;
    border-radius: 16px !important;
    box-shadow: none !important;
  }

  body.page-id-7 .sop-section--qualification .sop-qualify > .e-flexbox-base::before {
    position: absolute;
    top: 14px;
    right: 16px;
    color: currentColor;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1;
    opacity: .62;
  }

  body.page-id-7 .sop-section--qualification .sop-card--yes {
    border: 1px solid rgba(105, 202, 160, .38) !important;
    border-left: 3px solid #72CAA3 !important;
    background: linear-gradient(135deg, rgba(22, 48, 43, .92), rgba(15, 24, 30, .98)) !important;
    color: #A9E1C7 !important;
  }

  body.page-id-7 .sop-section--qualification .sop-card--yes::before {
    content: 'PASST';
  }

  body.page-id-7 .sop-section--qualification .sop-card--no {
    border: 1px solid rgba(199, 137, 131, .24) !important;
    border-left: 3px solid rgba(199, 137, 131, .72) !important;
    background: linear-gradient(135deg, rgba(33, 27, 31, .88), rgba(15, 18, 25, .96)) !important;
    color: #D7A7A0 !important;
  }

  body.page-id-7 .sop-section--qualification .sop-card--no::before {
    content: 'NOCH NICHT';
  }

  body.page-id-7 .sop-section--qualification .sop-qualify > .e-flexbox-base > .e-paragraph-base {
    margin: 0 !important;
    padding: 0 !important;
    color: #D9E1E8 !important;
    font-size: 15px !important;
    line-height: 1.62 !important;
  }

  body.page-id-7 .sop-section--qualification .sop-card--yes > .e-paragraph-base::first-line {
    color: #D6F4E5 !important;
    font-weight: 700 !important;
  }

  body.page-id-7 .sop-section--qualification .sop-card--no > .e-paragraph-base::first-line {
    color: #F0C7C1 !important;
    font-weight: 700 !important;
  }
}

/* Ergebnis-Header: volle verfügbare Textspalte im Mobile-Raster (SOP 1.3.1). */
@media (max-width: 767px) {
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child .e-heading-base {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 300px !important;
    justify-self: stretch !important;
  }
}

/* Atomic-V4 nutzt hier inline-size; diese Regel öffnet die Ergebnisüberschrift im Mobile-Raster (SOP 1.3.2). */
@media (max-width: 767px) {
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child .e-heading-base {
    inline-size: 100% !important;
    max-inline-size: 300px !important;
  }
}

/* Traumkunden.ai Mobile Refresh (SOP 1.4.0). */
@media (max-width: 767px) {
  body.page-id-7 .sop-preheadline,
  body.page-id-7 .sop-section--cream .sop-preheadline,
  body.page-id-7 .sop-cta-panel .sop-preheadline {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #F08291 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.32 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }

  body.page-id-7 .sop-preheadline::before { display: none !important; content: none !important; }
  body.page-id-7 .sop-hero .sop-preheadline { font-size: 0 !important; line-height: 0 !important; }
  body.page-id-7 .sop-hero .sop-preheadline::after {
    color: #F08291 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .12em !important;
    line-height: 1.32 !important;
  }
  body.page-id-7 .sop-section--cream .sop-preheadline { color: #C76870 !important; }
  body.page-id-7 .sop-cta-panel .sop-preheadline { width: max-content !important; margin-inline: auto !important; }

  body.page-id-7 .sop-section--qualification {
    padding-block: 54px 50px !important;
    background: radial-gradient(circle at 88% 8%, rgba(0, 217, 255, .11), transparent 30%), radial-gradient(circle at 0% 88%, rgba(240, 130, 145, .08), transparent 34%), #0A0E18 !important;
  }
  body.page-id-7 .sop-section--qualification > .sop-preheadline { margin-bottom: 14px !important; }
  body.page-id-7 .sop-section--qualification > .e-heading-base {
    max-width: 12ch !important;
    margin: 0 !important;
    color: #F7F8FC !important;
    font-size: clamp(32px, 8.7vw, 35px) !important;
    font-weight: 700 !important;
    line-height: 1.04 !important;
    letter-spacing: -.03em !important;
    text-wrap: balance;
  }
  body.page-id-7 .sop-section--qualification .sop-qualify {
    position: relative;
    display: grid !important;
    width: 100% !important;
    margin-top: 26px !important;
    gap: 12px !important;
  }
  body.page-id-7 .sop-section--qualification .sop-qualify > .e-flexbox-base {
    position: relative;
    width: 100% !important;
    min-height: 0 !important;
    padding: 21px 18px 20px !important;
    gap: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .035) !important;
    box-shadow: none !important;
  }
  body.page-id-7 .sop-section--qualification .sop-qualify > .e-flexbox-base::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .15);
    content: '';
  }
  body.page-id-7 .sop-section--qualification .sop-qualify > .e-flexbox-base::before {
    position: static !important;
    display: inline-flex !important;
    width: max-content !important;
    min-height: 30px;
    margin: 0 0 13px !important;
    padding: 5px 11px !important;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    line-height: 1 !important;
    opacity: 1 !important;
  }
  body.page-id-7 .sop-section--qualification .sop-card--yes {
    border-color: rgba(0, 217, 255, .26) !important;
    border-left: 1px solid rgba(0, 217, 255, .26) !important;
    background: linear-gradient(135deg, rgba(0, 217, 255, .075), rgba(255, 255, 255, .025) 48%) !important;
    color: #D8F7FC !important;
  }
  body.page-id-7 .sop-section--qualification .sop-card--yes::after { background: rgba(0, 217, 255, .52) !important; }
  body.page-id-7 .sop-section--qualification .sop-card--yes::before {
    border-color: rgba(0, 217, 255, .30) !important;
    background: rgba(0, 217, 255, .10) !important;
    color: #52DEFB !important;
    content: 'PASST ZU DIR' !important;
  }
  body.page-id-7 .sop-section--qualification .sop-card--no {
    border-color: rgba(251, 113, 133, .22) !important;
    border-left: 1px solid rgba(251, 113, 133, .22) !important;
    background: linear-gradient(135deg, rgba(251, 113, 133, .055), rgba(255, 255, 255, .025) 48%) !important;
    color: #F2D9DD !important;
  }
  body.page-id-7 .sop-section--qualification .sop-card--no::after { background: rgba(251, 113, 133, .46) !important; }
  body.page-id-7 .sop-section--qualification .sop-card--no::before {
    border-color: rgba(251, 113, 133, .30) !important;
    background: rgba(251, 113, 133, .08) !important;
    color: #FB9AAA !important;
    content: 'NOCH NICHT' !important;
  }
  body.page-id-7 .sop-section--qualification .sop-qualify > .e-flexbox-base > .e-paragraph-base {
    margin: 0 !important;
    padding: 0 !important;
    color: #D7DEE9 !important;
    font-size: 15px !important;
    line-height: 1.62 !important;
  }
  body.page-id-7 .sop-section--qualification .sop-card--yes > .e-paragraph-base::first-line,
  body.page-id-7 .sop-section--qualification .sop-card--no > .e-paragraph-base::first-line {
    color: #F5F7FB !important;
    font-weight: 700 !important;
  }
}

/* Einheitliche Mobile-Abschnittseinstiege (SOP 1.4.1). */
@media (max-width: 767px) {
  body.page-id-7 .sop-section--problem .e-heading-base,
  body.page-id-7 .sop-section--solution .e-heading-base,
  body.page-id-7 .sop-section--process .e-heading-base,
  body.page-id-7 .sop-section--approach .e-heading-base,
  body.page-id-7 .sop-section--faq > .e-heading-base,
  body.page-id-7 .sop-section--qualification > .e-heading-base {
    font-size: clamp(31px, 8.2vw, 32px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.028em !important;
  }
  body.page-id-7 .sop-section--about .sop-split > .e-heading-base {
    font-size: clamp(31px, 8.2vw, 32px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.028em !important;
  }

  body.page-id-7 .sop-section--problem .sop-section-intro,
  body.page-id-7 .sop-section--process .sop-section-intro,
  body.page-id-7 .sop-section--faq,
  body.page-id-7 .sop-section--qualification { text-align: center !important; }

  body.page-id-7 .sop-section--problem .sop-section-intro .sop-preheadline,
  body.page-id-7 .sop-section--process .sop-section-intro .sop-preheadline,
  body.page-id-7 .sop-section--faq > .sop-preheadline,
  body.page-id-7 .sop-section--qualification > .sop-preheadline {
    width: max-content !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    text-align: center !important;
  }
  body.page-id-7 .sop-section--problem .sop-section-intro .e-heading-base,
  body.page-id-7 .sop-section--process .sop-section-intro .e-heading-base,
  body.page-id-7 .sop-section--faq > .e-heading-base,
  body.page-id-7 .sop-section--qualification > .e-heading-base {
    margin-inline: auto !important;
    text-align: center !important;
  }

  body.page-id-7 .sop-section--solution .sop-section-intro,
  body.page-id-7 .sop-section--approach .sop-section-intro,
  body.page-id-7 .sop-section--about .sop-split { text-align: start !important; }
  body.page-id-7 .sop-section--solution .sop-section-intro .sop-preheadline,
  body.page-id-7 .sop-section--approach .sop-section-intro .sop-preheadline,
  body.page-id-7 .sop-section--about .sop-split .sop-preheadline,
  body.page-id-7 .sop-section--solution .sop-section-intro .e-heading-base,
  body.page-id-7 .sop-section--approach .sop-section-intro .e-heading-base,
  body.page-id-7 .sop-section--about .sop-split > .e-heading-base {
    margin-inline: 0 !important;
    text-align: start !important;
  }

  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 14px !important;
    row-gap: 8px !important;
    padding-bottom: 20px !important;
  }
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child::before {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
  }
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child::after {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    margin: 0 !important;
    color: #C76870 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: .12em !important;
    line-height: 1.32 !important;
    text-align: start !important;
    text-transform: uppercase !important;
    content: 'DAS ERGEBNIS' !important;
  }
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child .e-heading-base {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 !important;
    text-align: start !important;
  }
}

/* FAQ-Nachkorrektur: zentrierter Einstieg, linksbündige Karteninhalte (SOP 1.4.2). */
@media (max-width: 767px) {
  body.page-id-7 .sop-section--faq .sop-faq,
  body.page-id-7 .sop-section--faq .sop-faq > .e-flexbox-base,
  body.page-id-7 .sop-section--faq .sop-faq .e-heading-base,
  body.page-id-7 .sop-section--faq .sop-faq .e-paragraph-base {
    text-align: start !important;
  }
}

/* Header-Bereinigung und einheitliche Preheadline-Abstände (SOP 1.4.3). */
@media (max-width:767px){
body.page-id-7 .sop-preheadline,body.page-id-7 .sop-section--cream .sop-preheadline,body.page-id-7 .sop-cta-panel .sop-preheadline{display:inline-flex!important;width:max-content!important;max-width:100%!important;min-height:0!important;margin:0!important;padding:7px 11px!important;align-items:center!important;border:1px solid rgba(208,171,117,.42)!important;border-radius:999px!important;background:rgba(208,171,117,.08)!important;color:var(--sop-gold)!important;font-size:10px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.12em!important;text-transform:uppercase!important}
body.page-id-7 .sop-preheadline::before{display:none!important;content:none!important}
body.page-id-7 .sop-hero .sop-preheadline::after{color:var(--sop-gold)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.12em!important;line-height:1.2!important}
body.page-id-7 .sop-section--cream .sop-preheadline{border-color:rgba(140,106,67,.32)!important;background:rgba(140,106,67,.08)!important;color:#8C6A43!important}
body.page-id-7 .sop-hero__content,body.page-id-7 .sop-section-intro{gap:10px!important}
body.page-id-7 .sop-hero__content>.sop-preheadline,body.page-id-7 .sop-section-intro>.sop-preheadline{margin:0!important}
body.page-id-7 .sop-section--about .sop-split>.sop-preheadline,body.page-id-7 .sop-section--faq>.sop-preheadline,body.page-id-7 .sop-section--qualification>.sop-preheadline,body.page-id-7 .sop-cta-panel>.sop-preheadline{margin-bottom:10px!important}
body.page-id-7 .sop-section--result>.e-flexbox-base:first-child{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;width:100%!important;padding-bottom:22px!important;row-gap:10px!important;column-gap:0!important}
body.page-id-7 .sop-section--result>.e-flexbox-base:first-child::before{display:none!important;content:none!important}
body.page-id-7 .sop-section--result>.e-flexbox-base:first-child::after{grid-column:1!important;grid-row:1!important;display:inline-flex!important;width:max-content!important;max-width:100%!important;min-height:0!important;margin:0!important;padding:7px 11px!important;align-items:center!important;border:1px solid rgba(140,106,67,.32)!important;border-radius:999px!important;background:rgba(140,106,67,.08)!important;color:#8C6A43!important;font-size:10px!important;font-weight:700!important;letter-spacing:.12em!important;line-height:1.2!important;text-align:start!important;text-transform:uppercase!important;content:'DAS ERGEBNIS'!important}
body.page-id-7 .sop-section--result>.e-flexbox-base:first-child .e-heading-base{grid-column:1!important;grid-row:2!important;width:100%!important;max-width:none!important;margin:0!important;text-align:start!important}
}

/* Einheitlicher 20px-Headerabstand in direkten Abschnittseinstiegen (SOP 1.4.4). */
@media (max-width: 767px) {
  body.page-id-7 .sop-section--about .sop-split > .sop-preheadline { margin-bottom: 6px !important; }
  body.page-id-7 .sop-section--qualification > .sop-preheadline,
  body.page-id-7 .sop-section--faq > .sop-preheadline { margin-bottom: 4px !important; }
  body.page-id-7 .sop-cta-panel > .sop-preheadline { margin-bottom: 0 !important; }
}


/* Kompakte Mobile-Korrektur SOP 1.4.5 */
@media (max-width: 767px) {
  body.page-id-7 .sop-section > .sop-section-intro > .sop-preheadline,
  body.page-id-7 .sop-section--about .sop-split > .sop-preheadline,
  body.page-id-7 .sop-section--qualification > .sop-preheadline,
  body.page-id-7 .sop-section--faq > .sop-preheadline,
  body.page-id-7 .sop-cta-panel > .sop-preheadline {
    display: inline-flex !important; width: max-content !important; max-width: 100% !important; min-height: 0 !important; padding: 7px 11px !important; margin: 0 !important; align-items: center !important; border: 1px solid rgba(208,171,117,.42) !important; border-radius: 999px !important; background: rgba(208,171,117,.08) !important; color: var(--sop-gold) !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .12em !important; text-transform: uppercase !important;
  }
  body.page-id-7 .sop-section .sop-section-intro, body.page-id-7 .sop-section--about .sop-split, body.page-id-7 .sop-section--qualification, body.page-id-7 .sop-section--faq, body.page-id-7 .sop-cta-panel { gap: 12px !important; }
  body.page-id-7 .sop-section--result { padding-block: 40px 36px !important; }
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child { row-gap: 10px !important; padding-bottom: 14px !important; }
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child .e-heading-base { height: auto !important; min-height: 0 !important; padding: 0 !important; }
  body.page-id-7 .sop-section--result .sop-result-list { margin-top: 4px !important; }
}


/* Einheitliche Achsen der zentrierten Abschnittseinstiege und Desktop-Ergebnis-Label (SOP 1.4.6) */
@media (max-width: 767px) {
  body.page-id-7 .sop-section--process .sop-section-intro,
  body.page-id-7 .sop-section--qualification > .sop-preheadline,
  body.page-id-7 .sop-section--qualification > .e-heading-base,
  body.page-id-7 .sop-section--faq > .sop-preheadline,
  body.page-id-7 .sop-section--faq > .e-heading-base,
  body.page-id-7 .sop-cta-panel > .sop-preheadline,
  body.page-id-7 .sop-cta-panel > .e-heading-base {
    align-self: center !important;
    margin-inline: auto !important;
    text-align: center !important;
  }

  body.page-id-7 .sop-section--process .sop-section-intro {
    align-items: center !important;
    text-align: center !important;
  }

  body.page-id-7 .sop-section--process .sop-section-intro > .sop-preheadline,
  body.page-id-7 .sop-section--process .sop-section-intro > .e-heading-base {
    align-self: center !important;
    margin-inline: auto !important;
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child {
    align-items: flex-start !important;
    gap: 16px !important;
    padding-top: 18px !important;
  }

  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child::before {
    content: 'DAS ERGEBNIS';
    display: inline-flex;
    width: max-content;
    align-items: center;
    padding: 7px 11px;
    border: 1px solid rgba(140, 106, 67, .32);
    border-radius: 999px;
    background: rgba(140, 106, 67, .08);
    color: #8C6A43;
    font-family: 'Glacial Indifference', Poppins, Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .12em;
  }
}


/* Desktop-Ergebnislabel ohne Altmarker-Kollision (SOP 1.4.7) */
@media (min-width: 768px) {
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child::before {
    content: none !important;
    display: none !important;
  }

  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child::after {
    content: 'DAS ERGEBNIS' !important;
    position: static !important;
    display: inline-flex !important;
    width: max-content !important;
    height: auto !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-self: start !important;
    margin: 0 !important;
    padding: 7px 11px !important;
    border: 1px solid rgba(140, 106, 67, .32) !important;
    border-radius: 999px !important;
    background: rgba(140, 106, 67, .08) !important;
    color: #8C6A43 !important;
    font-family: 'Glacial Indifference', Poppins, Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
  }
}


/* Gleiche Ergebnis-Headerreihenfolge auf Desktop und Mobil (SOP 1.4.8) */
@media (min-width: 768px) {
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child::after {
    order: -1 !important;
  }
}


/* Bisher aktiver Customizer-Patch, nun im Landingpage-Modul. */
/* SOP page 7 – live desktop layout fallback 1.4.9 */
@media (min-width: 768px) {
  body.page-id-7 .sop-section--about .sop-split {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .92fr) !important;
    grid-template-rows: auto auto auto !important;
    column-gap: clamp(48px, 6vw, 72px) !important;
    row-gap: clamp(16px, 2vw, 28px) !important;
    align-items: start !important;
  }
  body.page-id-7 .sop-section--about .sop-split > .sop-preheadline {
    grid-column: 1 !important; grid-row: 1 !important; align-self: end !important; margin: 0 !important;
  }
  body.page-id-7 .sop-section--about .sop-split > .e-heading-base {
    grid-column: 1 !important; grid-row: 2 !important; width: 100% !important; max-width: 620px !important; margin: 0 !important; text-align: left !important;
  }
  body.page-id-7 .sop-section--about .sop-split > .e-image-base {
    grid-column: 2 !important; grid-row: 1 / span 3 !important; align-self: start !important; justify-self: end !important; width: min(100%, 573px) !important; max-width: 573px !important;
  }
  body.page-id-7 .sop-section--about .sop-split > .e-paragraph-base {
    grid-column: 1 !important; grid-row: 3 !important; width: 100% !important; max-width: 620px !important; margin: 0 !important; text-align: left !important;
  }
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child {
    align-items: center !important; text-align: center !important;
  }
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child::after { align-self: center !important; }
  body.page-id-7 .sop-section--result > .e-flexbox-base:first-child > .e-heading-base {
    width: 100% !important; max-width: 1120px !important; text-align: center !important;
  }
}


/* Präzisierung der Über-SOP-Preheadline im Desktop-Grid */
@media (min-width: 768px) {
  body.page-id-7 .sop-section--about .sop-split > .e-paragraph-base.sop-preheadline {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
    margin: 0 !important;
  }
}


/* Natürliche Pill-Breite für Über SOP auf Desktop */
@media (min-width: 768px) {
  body.page-id-7 .sop-section--about .sop-split > .e-paragraph-base.sop-preheadline {
    width: fit-content !important;
    max-width: 100% !important;
    justify-self: start !important;
  }
}

}