/*
 * SheEarnsGlobal: die Anzeigen-Landingpages (/vision, /circle, …), nachgebaut aus den
 * @siteui-Paketen der Onepage-Site, Stand 15.10.2026: lp-hero, lp-vorteile, lp-host, lp-faq,
 * lp-footer, lp-toast und signup (Knopf, Anmeldefenster) mit button und input.
 * Die CSS-Module sind Wert für Wert übernommen, nur die Klassennamen sind lesbar.
 * Grundlage ist /_cm/sheearns/basis.css (title, text, Variablen der Marke, data-einblenden).
 */

/* Was Onepage um jede Seite legte: Schrift des Browsers am body (Onepage setzte dort keine),
   Kantenglättung von .con-kit-site, und jede Sektion rückt 1 px unter die vorige (.con-kit-section). */
body.lp-seite { font-family: initial; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lp-sektion { position: relative; width: 100%; margin-top: -1px; }

/* Gemeinsame Auszeichnungen der Sektionen */
.lp-kursiv { font-style: italic; font-weight: 700; font-family: 'Playfair Display', var(--font-kit-header-font), Georgia, serif; }
.lp-kreis { position: relative; white-space: nowrap; }
.lp-kreis::before { content: ''; position: absolute; left: -12px; right: -12px; top: -2px; bottom: -2px; border: 2.5px solid var(--circle, #fbb40d); border-radius: 50%; transform: rotate(-2.5deg); pointer-events: none; }

/* @siteui/button: lg, primary, pill, shine */
.lp-knopf {
  font-family: var(--font-kit-text-font), 'Helvetica Neue', Arial, sans-serif;
  display: inline-flex; align-items: center; justify-content: center;
  border: none; cursor: pointer; font-weight: 600;
  transition: transform .15s ease, opacity .15s ease, background .15s ease;
  text-decoration: none;
  padding: 16px 28px; font-size: 18px;
  background: var(--color-kit-key1); color: var(--color-kit-white); box-shadow: 0 8px 22px #e04a1e42, 0 2px 6px #e04a1e30;
  border-radius: 999px;
  position: relative; overflow: hidden;
}
.lp-knopf:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 12px 30px #e04a1e5c, 0 3px 8px #e04a1e3d; }
.lp-knopf:disabled { opacity: .6; cursor: not-allowed; }
.lp-knopf--voll { width: 100%; }
.lp-knopf::after {
  content: ''; position: absolute; top: 0; left: -160%; width: 55%; height: 100%;
  background: linear-gradient(120deg, transparent, #ffffff73, transparent);
  transform: skewX(-20deg); animation: lp-glanz 3.2s ease-in-out infinite; pointer-events: none;
}
@keyframes lp-glanz { 0% { left: -160%; } 55% { left: 160%; } 100% { left: 160%; } }

/* Inhalt der Anmeldeknöpfe (@siteui/signup) */
.lp-cta__innen { display: inline-flex; align-items: center; gap: 12px; }
.lp-cta__ticket { width: 26px; height: 26px; flex-shrink: 0; }
.lp-cta__text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; }
.lp-cta__haupt { font-size: 18px; font-weight: 700; }
.lp-cta__unter { font-size: 13px; font-weight: 500; opacity: 0.85; margin-top: 3px; }

/* Countdown-Karte (in lp-hero, lp-vorteile und lp-faq gleich gebaut) */
.lp-uhr {
  width: 100%; max-width: 720px; border-radius: 28px;
  background:
    radial-gradient(120% 130% at 12% 12%, var(--cardA, #f8cabf) 0%, transparent 58%),
    radial-gradient(120% 130% at 90% 90%, var(--cardB, #fbe6a3) 0%, transparent 58%),
    linear-gradient(135deg, #fdeee4, #fdf3e7 55%, #fdf0d8);
  display: flex; flex-direction: column; align-items: center; box-sizing: border-box;
  box-shadow: 0 20px 50px #e0a87a26;
}
.lp-uhr--hero { margin: 50px auto 0; padding: 36px 40px 32px; }
.lp-uhr--vorteile { margin: 52px auto 0; padding: 36px 40px 34px; }
.lp-uhr--fragen { margin: 36px auto 0; padding: 36px 40px 34px; }
.lp-uhr__kopf { font-family: var(--font-kit-header-font); font-size: 27px; font-weight: 600; text-align: center; margin-bottom: 24px; }
.lp-uhr__felder { display: flex; gap: 14px; }
.lp-uhr__feld {
  display: flex; flex-direction: column; align-items: center; min-width: 84px; padding: 16px 14px;
  background: #ffffffcc; border: 1px solid #ffffffe6; border-radius: 18px;
  box-shadow: 0 8px 24px #04044114, inset 0 1px 0 #ffffff; backdrop-filter: blur(4px);
}
.lp-uhr__zahl { font-family: var(--font-kit-header-font); font-size: 42px; font-weight: 700; color: var(--color-kit-dark, #040441); line-height: 1; }
.lp-uhr__einheit { font-family: var(--font-kit-text-font); font-size: 12px; text-transform: uppercase; letter-spacing: 0.6px; color: #04044199; margin-top: 7px; }
.lp-uhr__host { display: flex; align-items: center; gap: 16px; margin-top: 28px; background: #ffffff8c; border-radius: 18px; padding: 14px 22px; backdrop-filter: blur(3px); }
.lp-uhr__host-bild { width: 76px; height: 76px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.lp-uhr__host-info { display: flex; flex-direction: column; gap: 2px; }
.lp-uhr__host-name { font-family: var(--font-kit-header-font); font-weight: 700; font-size: 21px; color: var(--color-kit-dark, #040441); }
.lp-uhr__host-rolle { font-family: var(--font-kit-text-font); font-size: 15px; color: #040441b0; }
.lp-uhr__host-zahl { font-family: var(--font-kit-text-font); font-size: 15px; font-weight: 700; color: var(--color-kit-dark, #040441); margin-top: 2px; }
.lp-uhr__cta { margin-top: 28px; }
@media (max-width: 768px) {
  .lp-uhr--hero, .lp-uhr--vorteile, .lp-uhr--fragen { padding: 28px 20px 26px; }
  .lp-uhr__felder { gap: 8px; }
  .lp-uhr__feld { min-width: 66px; padding: 12px 8px; }
  .lp-uhr__zahl { font-size: 32px; }
}

/* @siteui/lp-hero */
.lp-hero { position: relative; width: 100%; padding: 0 24px 80px; box-sizing: border-box; overflow: hidden; }
.lp-hero__glow { position: absolute; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient(ellipse 95% 62% at 50% 20%, #fbe7d6 0%, #fdf1e6 44%, transparent 76%); }
.lp-hero__container { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; width: 100%; display: flex; flex-direction: column; align-items: center; }
.lp-hero__block { display: flex; flex-direction: column; align-items: center; width: 100%; }
.lp-hero__bild { position: relative; width: 100%; max-width: 680px; margin: 0 auto; line-height: 0; }
.lp-hero__clip { overflow: hidden; line-height: 0; }
.lp-hero__foto {
  width: 100%; height: auto; display: block;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%), linear-gradient(to bottom, black 60%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0%, black 12%, black 88%, transparent 100%), linear-gradient(to bottom, black 60%, transparent 100%);
  mask-composite: intersect;
}
.lp-hero__pill-ort { position: absolute; left: 50%; bottom: -3%; transform: translateX(-50%); line-height: normal; width: max-content; }
.lp-hero__hl-zone { position: relative; width: 100%; }
.lp-hero__headline { margin-top: 8px; }
.lp-hero__headline h1 { font-weight: 700; line-height: 1.02; text-wrap: balance; }
/* Eigener Umbruch aktiv (/_cm/sheearns/lp.js): Größe aus der Messung, jede Zeile ein eigener Block. */
.lp-hero__headline.ist-angepasst h1 { font-size: var(--hlSize); line-height: 1.16; text-wrap: normal; }
.lp-hero__zeile { display: block; }
/* Bis der Umbruch mit geladener Schrift steht, bleibt die Headline verborgen (höchstens 2,5 s, dann wie im Server-HTML). */
.lp-hero__headline.wartet { visibility: hidden; }
/* Unsichtbarer Zwilling für die Messung: natürliche Schriftgröße und Zeilenbreite. */
.lp-hero__probe { position: absolute; left: 0; top: 0; width: 100%; height: 0; overflow: hidden; visibility: hidden; pointer-events: none; margin-top: 0; }
.lp-hero__mess { display: inline-block; white-space: nowrap; }
/* Onepage maß beim ersten Umbruch mit den Playfair-Schnitten von onecdn (die von Google lud @siteui/signup
   erst danach) und erst nach einer Größenänderung mit denen von Google. Der Zwilling misst deshalb zuerst
   mit genau diesen Dateien (gleiche Adresse wie in /_cm/schrift/playfair-display.css), lp.js nimmt die
   Klasse beim ersten resize weg. Bei 360 px Breite macht das 30 statt 29 px auf /vision. */
@font-face { font-family: 'Playfair Display onecdn'; font-style: normal; font-weight: 700; font-display: swap; src: url('/_cm/schrift/playfair-display-700.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display onecdn'; font-style: italic; font-weight: 700; font-display: swap; src: url('/_cm/schrift/playfair-display-700italic.woff2') format('woff2'); }
.lp-hero__probe.mit-onecdn h1, .lp-hero__probe.mit-onecdn .lp-kursiv { font-family: 'Playfair Display onecdn', 'Playfair Display', Georgia, serif; }
.lp-hero__kreis { position: relative; white-space: nowrap; }
/* Ovalhöhe an der Schrift festgemacht, nicht an der Zeilenbox (wie in @siteui/lp-hero). */
.lp-hero__kreis::before { content: ''; position: absolute; left: -12px; right: -12px; top: 50%; height: 1.18em; border: 2.5px solid var(--circle, #fbb40d); border-radius: 50%; transform: translateY(-50%) rotate(-2.5deg); pointer-events: none; }
.lp-hero__unter { max-width: 600px; margin-top: 16px; text-wrap: pretty; }
.lp-hero__unter p { line-height: 1.38; }
.lp-hero__cta { margin-top: 26px; }
.lp-pill {
  display: inline-flex; align-items: center; gap: 8px;
  background: #ffffff59; color: var(--color-kit-key1, #E04A1E);
  -webkit-backdrop-filter: blur(7px) saturate(1.2); backdrop-filter: blur(7px) saturate(1.2);
  font-family: var(--font-kit-text-font), 'Helvetica Neue', Arial, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .04em;
  padding: 8px 17px; border: 1.5px solid var(--color-kit-key1, #E04A1E); border-radius: 999px;
  box-shadow: 0 6px 20px -12px #07071a33, inset 0 1px 0 #ffffffb3;
  white-space: nowrap; text-transform: uppercase;
}
.lp-pill__punkt { display: inline-block; width: 8px; height: 8px; background: currentColor; border-radius: 50%; animation: lp-puls 1.8s ease-in-out infinite; flex-shrink: 0; }
@keyframes lp-puls { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.55; transform: scale(0.85); } }
@media (max-width: 768px) {
  .lp-hero__glow { background: radial-gradient(ellipse 150% 50% at 50% 16%, #fbe7d6 0%, #fdf1e6 46%, transparent 76%); }
  .lp-hero { padding: 0 18px 56px; }
  .lp-hero__headline { margin-top: 12px; }
  .lp-hero__bild { width: calc(100% + 36px); margin-left: -18px; margin-right: -18px; max-width: none; }
  .lp-hero__foto { -webkit-mask-image: linear-gradient(to bottom, black 66%, transparent 100%); mask-image: linear-gradient(to bottom, black 66%, transparent 100%); }
}

/* @siteui/lp-vorteile */
.lp-vorteile { width: 100%; padding: 40px 24px 64px; box-sizing: border-box; }
.lp-vorteile__container { max-width: 760px; margin: 0 auto; width: 100%; display: flex; flex-direction: column; align-items: center; }
.lp-vorteile__intro { width: 100%; display: flex; flex-direction: column; align-items: center; }
.lp-vorteile__unter { max-width: 640px; margin-top: 18px; }
.lp-vorteile__karte { width: 100%; max-width: 640px; margin-top: 44px; background: var(--color-kit-white); border-radius: 22px; padding: 34px 36px; box-shadow: 0 16px 44px #04044112; box-sizing: border-box; }
.lp-vorteile__gruppe { width: 100%; max-width: 640px; margin-top: 48px; }
.lp-vorteile__gruppe--nicht { margin-top: 40px; }
.lp-liste { list-style: none; margin: 24px 0 0; padding: 0; display: flex; flex-direction: column; gap: 16px; }
.lp-liste__punkt { display: flex; align-items: flex-start; gap: 12px; }
.lp-liste__emoji { font-size: 20px; line-height: 1.4; flex-shrink: 0; }
.lp-liste__text { font-family: var(--font-kit-text-font); font-size: 17px; line-height: 1.45; }
.lp-vorteile__gruppe .lp-liste { align-items: center; }
.lp-vorteile__gruppe .lp-liste__punkt { max-width: 520px; }
@media (max-width: 768px) {
  .lp-vorteile { padding: 26px 18px 48px; }
  .lp-vorteile__karte { padding: 26px 22px; }
}

/* @siteui/lp-host */
.lp-host { width: 100%; padding: 40px 24px 64px; box-sizing: border-box; display: flex; justify-content: center; }
.lp-host__karte { width: 100%; max-width: 600px; border-radius: 26px; overflow: hidden; box-shadow: 0 24px 60px #04044118; }
.lp-host__portrait-ort { width: 100%; line-height: 0; }
.lp-host__portrait { width: 100%; height: auto; display: block; }
.lp-host__inhalt { padding: 36px 40px 44px; }
.lp-host__eyebrow { display: block; font-family: var(--font-kit-text-font); font-size: 13px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px; }
.lp-host__bio { margin-top: 18px; display: flex; flex-direction: column; gap: 18px; }
.lp-host__absatz { font-family: var(--font-kit-text-font); font-size: 17px; line-height: 1.55; margin: 0; }
.lp-host__zitat-block { margin-top: 28px; }
.lp-host__zitat-zeichen { font-family: 'Playfair Display', var(--font-kit-header-font), Georgia, serif; font-size: 64px; line-height: 0.2; display: block; height: 30px; }
.lp-host__zitat { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; }
.lp-host__zitat-zeile { font-family: var(--font-kit-header-font); font-size: 26px; font-weight: 600; line-height: 1.25; }
@media (max-width: 768px) {
  .lp-host { padding: 28px 16px 48px; }
  .lp-host__inhalt { padding: 28px 24px 34px; }
  .lp-host__absatz { font-size: 16px; }
  .lp-host__zitat-zeile { font-size: 22px; }
}

/* @siteui/lp-faq (Aufklappen über /_cm/cm.js, data-akkordeon) */
.lp-fragen { width: 100%; padding: 64px 24px 72px; box-sizing: border-box; }
.lp-fragen__container { max-width: 820px; margin: 0 auto; width: 100%; }
.lp-fragen__liste { margin-top: 36px; display: flex; flex-direction: column; gap: 16px; }
.lp-fragen__eintrag { border-radius: 18px; box-shadow: 0 10px 30px #04044110; overflow: hidden; }
.lp-fragen__frage { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; background: none; border: none; cursor: pointer; padding: 24px 28px; text-align: left; font-family: inherit; }
.lp-fragen__frage:focus:not(:focus-visible) { outline: none; }
.lp-fragen__frage:focus-visible { outline: 2px solid #e04a1e; outline-offset: -2px; border-radius: 16px; }
.lp-fragen__frage-text { font-family: var(--font-kit-header-font); font-size: 21px; font-weight: 600; }
.lp-fragen__zeichen { font-family: var(--font-kit-text-font); font-size: 26px; line-height: 1; flex-shrink: 0; }
.lp-fragen__zeichen::before { content: '+'; }
.lp-fragen__frage[aria-expanded="true"] .lp-fragen__zeichen::before { content: '\2212'; }
/* Höhe und Deckkraft wie framer-motion (0,25 s): zu ist die Antwort 0 hoch und nimmt keinen Platz. */
.lp-fragen__antwort { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .25s ease, opacity .25s ease; }
.lp-fragen__frage[aria-expanded="true"] + .lp-fragen__antwort { grid-template-rows: 1fr; opacity: 1; }
.lp-fragen__antwort-innen { overflow: hidden; min-height: 0; }
.lp-fragen__antwort-text { font-family: var(--font-kit-text-font); font-size: 16px; line-height: 1.6; margin: 0; padding: 0 28px 26px; white-space: pre-line; }
.lp-fragen__cta-zeile { font-family: var(--font-kit-text-font); font-size: 18px; line-height: 1.55; text-align: center; max-width: 700px; margin: 44px auto 0; }
@media (max-width: 768px) {
  .lp-fragen { padding: 48px 18px 56px; }
  .lp-fragen__frage { padding: 18px 20px; }
  .lp-fragen__frage-text { font-size: 18px; }
  .lp-fragen__antwort-text { padding: 0 20px 20px; }
}

/* @siteui/lp-footer */
.lp-fuss { width: 100%; padding: 56px 24px 64px; box-sizing: border-box; display: flex; justify-content: center; }
.lp-fuss__container { max-width: 880px; width: 100%; display: flex; flex-direction: column; align-items: center; }
.lp-fuss__logo { height: 42px; width: auto; max-width: 80%; display: block; margin: 0 auto; }
.lp-fuss__ig { display: inline-flex; align-items: center; gap: 10px; margin-top: 24px; padding: 12px 22px; border-radius: 14px; text-decoration: none; font-family: var(--font-kit-text-font); font-weight: 600; font-size: 16px; transition: transform 0.15s ease; }
.lp-fuss__ig:hover { transform: translateY(-1px); }
.lp-fuss__ig:focus-visible { outline: 2px solid var(--color-kit-key1, #E04A1E); outline-offset: 3px; }
.lp-fuss__ig-symbol { width: 22px; height: 22px; }
.lp-fuss__rechtliches { margin-top: 40px; max-width: 820px; }
.lp-fuss__hinweis { font-family: var(--font-kit-text-font); font-size: 13px; line-height: 1.5; text-align: center; margin: 0 0 10px; }
.lp-fuss__links { font-family: var(--font-kit-text-font); font-size: 14px; text-align: center; margin: 18px 0 0; }
.lp-fuss__links a { text-decoration: underline; }
.lp-fuss__links a:focus-visible { outline: 2px solid var(--color-kit-key1, #E04A1E); outline-offset: 3px; }
.lp-fuss__trenner { margin: 0 10px; }
@media (max-width: 768px) { .lp-fuss { padding: 44px 18px 52px; } .lp-fuss__logo { height: 34px; } }

/* @siteui/lp-toast: Anmelde-Hinweis unten links (Namen aus einem gepflegten Pool, keine echten Anmeldungen) */
.lp-toast {
  position: fixed; bottom: 22px; z-index: 2147483000;
  display: flex; align-items: center; gap: 12px; width: max-content; max-width: 330px;
  padding: 11px 16px 11px 11px; background: #ffffff; border: 1px solid #ececf2; border-radius: 14px;
  box-shadow: 0 12px 34px #07071a24, 0 2px 6px #07071a14;
  font-family: var(--font-kit-text-font, inherit); pointer-events: none;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  opacity: 0; transform: translateY(18px) scale(0.96);
  transition: opacity .42s cubic-bezier(0.2, 0.8, 0.2, 1), transform .42s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.lp-toast.ist-da { opacity: 1; transform: none; }
.lp-toast--links { left: 22px; }
.lp-toast--rechts { right: 22px; }
.lp-toast__avatar { flex: 0 0 auto; width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #ffffff; font-weight: 700; font-size: 17px; font-family: var(--font-kit-header-font, inherit); }
.lp-toast__inhalt { min-width: 0; }
.lp-toast__text { font-size: 14px; font-weight: 600; color: #14162a; line-height: 1.25; }
.lp-toast__meta { display: flex; align-items: center; gap: 6px; margin-top: 3px; }
.lp-toast__zeit { font-size: 12px; color: #8b8fa3; }
.lp-toast__punkt { color: #c8ccd8; font-size: 12px; }
.lp-toast__geprueft { font-size: 11px; font-weight: 600; }
@media (max-width: 520px) {
  .lp-toast { bottom: 14px; max-width: calc(100vw - 28px); padding: 10px 14px 10px 10px; }
  .lp-toast--links { left: 14px; }
  .lp-toast--rechts { right: 14px; }
  .lp-toast__avatar { width: 38px; height: 38px; font-size: 15px; }
  .lp-toast__text { font-size: 13px; }
}

/* @siteui/signup: das Anmeldefenster (#cm-anmeldung, geöffnet und abgeschickt von /_cm/webinar.js) */
.lp-fenster {
  position: fixed; inset: 0; background: #04044199;
  display: flex; align-items: flex-start; justify-content: center;
  padding: 28px 20px; z-index: 1000; overflow-y: auto;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  animation: lp-fenster-auf .25s ease-out;
}
.lp-fenster__karte {
  position: relative; background: linear-gradient(180deg, var(--color-kit-white), #fdf6f0);
  border-radius: 22px; padding: 44px 40px; width: 100%; max-width: 1040px;
  box-shadow: 0 30px 80px #04044140; margin: auto;
  animation: lp-karte-auf .25s ease-out;
}
@keyframes lp-fenster-auf { from { opacity: 0; } to { opacity: 1; } }
@keyframes lp-karte-auf { from { opacity: 0; transform: translateY(12px) scale(0.96); } to { opacity: 1; transform: none; } }
.lp-fenster__zu {
  position: absolute; top: 16px; right: 18px; background: var(--color-kit-white); border: none;
  width: 38px; height: 38px; border-radius: 50%; font-size: 22px; line-height: 1; cursor: pointer;
  color: #040441aa; font-family: inherit; box-shadow: 0 4px 14px #0404411f; padding: 0;
}
.lp-fenster__innen { max-width: 620px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.lp-fenster__unterzeile { font-family: var(--font-kit-header-font); font-size: 26px; font-weight: 600; text-align: center; line-height: 1.3; }
.lp-fenster__termin { display: inline-flex; align-items: center; gap: 8px; color: #040441aa; font-family: var(--font-kit-text-font); font-size: 15px; margin: 2px 0 10px; }
.lp-fenster__kalender { width: 18px; height: 18px; color: var(--color-kit-key1, #E04A1E); flex-shrink: 0; }
.lp-fenster__formular { display: flex; flex-direction: column; gap: 14px; width: 100%; }
.lp-fenster__feld { display: flex; flex-direction: column; width: 100%; }
.lp-fenster__tippfehler { font-family: var(--font-kit-text-font); font-size: 14px; color: #040441aa; margin: 7px 0 0; text-align: left; }
.lp-fenster__tippfehler button { background: none; border: none; padding: 0; font: inherit; font-weight: 700; color: var(--color-kit-dark, #040441); text-decoration: underline; cursor: pointer; }
.lp-fenster__tippfehler button:focus-visible { outline: 2px solid var(--color-kit-dark, #040441); outline-offset: 2px; border-radius: 3px; }
.lp-fenster__belege { margin-top: 34px; }
.lp-fenster__spalten { column-count: 3; column-gap: 14px; }
.lp-fenster__beleg { break-inside: avoid; margin-bottom: 14px; }
.lp-fenster__beleg-bild { width: 100%; height: auto; display: block; border-radius: 14px; box-shadow: 0 4px 16px #0404411a; }
@media (max-width: 900px) { .lp-fenster__spalten { column-count: 2; } .lp-fenster__karte { padding: 40px 24px; } }
@media (max-width: 768px) { .lp-fenster__spalten { column-count: 1; } .lp-fenster__unterzeile { font-size: 22px; } }
@media (prefers-reduced-motion: reduce) { .lp-fenster, .lp-fenster__karte { animation: none; } }

/* @siteui/input */
.lp-eingabe {
  font-family: var(--font-kit-text-font), 'Helvetica Neue', Arial, sans-serif;
  width: 100%; box-sizing: border-box; padding: 14px 16px; font-size: 16px;
  border: 1.5px solid #00000022; border-radius: 8px;
  background: var(--color-kit-white); color: var(--color-kit-black);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.lp-eingabe:focus { outline: none; border-color: var(--color-kit-key1); box-shadow: 0 0 0 3px #e04a1e1f; }
.lp-eingabe::placeholder { color: #00000066; }
.lp-eingabe:disabled { background: #00000008; color: #00000066; }