/* Springauf Coaching · Richtung „Papier und Oliv“: Collage-Format nach jareebasgall.com, klarer und kantiger.
   Baut auf site.css auf und färbt dessen Token um. */

:root {
  --night: #3E4636;
  --night-deep: #2C3227;
  --night-raised: #4A5341;
  --night-line: #5E6653;
  --sand: #F2EFE9;
  --sand-light: #F8F6F2;
  --sand-deep: #E6E0D4;
  --sand-line: #D3CBBB;
  --on-night: #F2EFE9;
  --on-night-soft: #CFCFBF;
  --on-sand: #2B2F27;
  --on-sand-soft: #575B4D;
  --taupe: #615840;
  --radius-photo: 2px;
  --paper: url("/assets/img/papier.png");
  --track: 0.08em;
}

body { background: var(--sand); }
.on-sand, .on-sand-deep, .paper { background-image: var(--paper); background-size: 320px; }
.paper { background-color: var(--sand); color: var(--on-sand); }

/* Überschriften in Großbuchstaben mit Abstand */
.caps { text-transform: uppercase; letter-spacing: var(--track); font-weight: 300; }
/* Sicherheitsnetz: sehr lange Wörter trennen an der Silbe statt überzulaufen */
h1, h2.caps, h3.caps { hyphens: auto; -webkit-hyphens: auto; hyphenate-limit-chars: 10 4 4; }
h2.caps { font-size: clamp(1.9rem, 1.3rem + 2.2vw, 3.1rem); line-height: 1.15; }
h3.caps { font-size: clamp(1.35rem, 1.1rem + 0.9vw, 1.9rem); line-height: 1.2; }

/* Infoleiste und Kopf */
.topbar { background: var(--night); color: var(--on-night); text-align: center; font-size: 0.85rem; letter-spacing: 0.04em; padding: 0.55rem var(--gutter); }
.topbar a { color: inherit; }
.site-header.paper .nav li a { color: var(--on-sand); text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.78rem; }
.site-header.paper .nav li a:hover { color: var(--taupe); }
.site-header.paper .nav .btn { color: var(--sand); font-size: 0.78rem; letter-spacing: 0.14em; font-weight: 600; min-height: 2.75rem; padding: 0.6rem 1.25rem; }
.site-header.paper .menu-toggle { border-color: var(--sand-line); color: var(--on-sand); }
@media (max-width: 1359px) {
  .site-header.paper .nav { background: var(--sand-light); border-bottom-color: var(--sand-line); }
  .site-header.paper .nav li a { border-bottom-color: var(--sand-line); font-size: 0.95rem; }
}

/* Buttons: eckige Blöcke statt Pillen */
.btn { border-radius: 2px; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.85rem; min-height: 3.1rem; padding: 0.85rem 1.5rem; }
.btn-taupe { background: var(--taupe); color: var(--sand-light); }
.btn-taupe:hover { background: #4F4734; }

/* Gerade Fotos mit versetzter Rahmenlinie */
.framed { position: relative; margin: 0; }
.framed::before { content: ""; position: absolute; inset: 0; transform: translate(14px, 14px); border: 1px solid var(--taupe); z-index: 0; pointer-events: none; }
.framed img { position: relative; z-index: 1; width: 100%; object-fit: cover; border-radius: var(--radius-photo); }
.on-night .framed::before, .band .framed::before { border-color: var(--on-night-soft); }

/* Einstieg: geteilte Fläche, Porträt über der Kante */
.p-hero { --overlap: clamp(2.5rem, 5vw, 6rem); display: grid; grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr); min-height: var(--p-hero-h, min(calc(100svh - 7.5rem), 820px)); }
.p-hero-copy { display: flex; flex-direction: column; justify-content: center; gap: var(--p-copy-gap, 1.75rem); padding: clamp(2rem, 1rem + 3vw, 4rem) calc(var(--overlap) + clamp(1.25rem, 2vw, 2.5rem)) clamp(2rem, 1rem + 3vw, 4rem) var(--gutter); position: relative; z-index: 2; }
.p-hero-copy h1 { font-size: var(--p-h1, clamp(2.1rem, 1.2rem + 2.6vw, 3.7rem)); line-height: 1.08; text-transform: uppercase; letter-spacing: 0.05em; color: var(--night); }
.p-hero-copy p { color: var(--on-sand-soft); max-width: 30rem; }
.p-hero-copy .row { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; align-items: center; }
.p-hero-visual { position: relative; background: #4A4F40; }
.p-hero-visual > picture { position: absolute; inset: 0; overflow: hidden; }
.p-hero-visual > picture img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(0.55) brightness(0.92); }
.p-hero-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(44, 50, 39, 0.15), rgba(44, 50, 39, 0.55)); }
.p-hero-portrait { position: absolute; left: calc(-1 * var(--overlap)); top: calc(50% + var(--p-portrait-y, 0px)); transform: translateY(-50%); width: var(--p-portrait-w, clamp(220px, 10rem + 12.8vw, 390px)); z-index: 2; }
.p-hero-portrait img { aspect-ratio: 4 / 5; object-position: 72% 30%; box-shadow: 0 24px 50px -18px rgba(0, 0, 0, 0.5); }
.p-hero-quote { position: absolute; z-index: 2; right: clamp(1.5rem, 1rem + 3vw, 5rem); top: 50%; transform: translateY(-50%); width: var(--p-quote-w, min(29.5rem, 42%)); margin: 0; color: var(--sand-light); hyphens: auto; overflow-wrap: break-word; }
.p-hero-quote p { font-family: var(--font-display); font-weight: 300; text-transform: uppercase; letter-spacing: 0.05em; font-size: clamp(1.1rem, 0.8rem + 0.85vw, 1.6rem); line-height: 1.35; }
.p-hero-quote cite { display: block; margin-top: 1rem; font-style: normal; font-size: 0.85rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--on-night-soft); }
.p-hero-quote cite::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 0.6rem; border-radius: 50%; background: var(--lime); vertical-align: middle; }
@media (max-width: 1279px) {
  .p-hero { grid-template-columns: 1fr; min-height: 0; --overlap: 0rem; }
  .p-hero-visual { min-height: 30rem; order: -1; }
  .p-hero-portrait { left: var(--gutter); top: auto; bottom: -3rem; transform: none; width: 46%; max-width: 220px; }
  .p-hero-quote { top: 2rem; transform: none; left: var(--gutter); right: var(--gutter); width: auto; }
  .p-hero-quote p { font-size: 1.15rem; }
  .p-hero-portrait { width: 38%; }
  .p-hero-copy { padding-top: 5rem; }
}

/* Zickzack: Bild und Text im Wechsel */
.zig { display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: clamp(2rem, 1rem + 3vw, 4.5rem); align-items: start; }
.zig-copy { padding-top: clamp(0rem, 4vw, 4.5rem); }
.zig.flip > .zig-copy { justify-self: end; }
.zig + .zig { margin-top: clamp(4rem, 3rem + 5vw, 8rem); }
.zig.flip { grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); }
.zig.flip > .zig-media { order: 2; }
.zig-copy { display: grid; gap: 1.1rem; max-width: 34rem; }
.zig-copy p { color: var(--on-sand-soft); }
.zig-copy .btn { justify-self: start; margin-top: 0.5rem; }
.zig-media { position: relative; }
.zig-media .framed img { aspect-ratio: 4 / 5; }
.zig-media .second { position: absolute; width: 52%; right: -8%; bottom: -12%; z-index: 2; }
.zig.flip .zig-media .second { right: auto; left: -8%; }
.zig-media .second img { aspect-ratio: 1 / 1; box-shadow: 0 20px 40px -18px rgba(0, 0, 0, 0.45); }
.zig-media .second::before { display: none; }
@media (max-width: 860px) {
  .zig, .zig.flip { grid-template-columns: 1fr; }
  .zig.flip > .zig-media { order: 0; }
  .zig-media { max-width: 26rem; margin-bottom: 2.5rem; }
  .zig-media .second { right: 0; width: 46%; }
  .zig.flip .zig-media .second { left: auto; right: 0; }
  .zig-media { margin-right: 1rem; }
}

/* Zitat über einem Foto */
.quote-band { background: var(--night-deep); position: relative; padding-block: clamp(5rem, 3rem + 8vw, 10rem); text-align: center; color: var(--sand-light); overflow: hidden; }
.quote-band > picture img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(0.4) brightness(0.55); }
.quote-band::after { content: ""; position: absolute; inset: 0; background: rgba(44, 50, 39, 0.45); }
.quote-band figure { position: relative; z-index: 1; margin: 0 auto; max-width: 52rem; padding-inline: var(--gutter); }
.quote-band blockquote { margin: 0; font-family: var(--font-display); font-weight: 300; text-transform: uppercase; letter-spacing: 0.05em; font-size: clamp(1.4rem, 1rem + 1.8vw, 2.6rem); line-height: 1.3; }
.quote-band figcaption { margin-top: 1.5rem; font-size: 0.85rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--on-night-soft); }

/* Dunkles Band mit drei Säulen */
.band { background: var(--night); color: var(--on-night); background-image: var(--paper); background-size: 320px; }
.band-head { text-align: center; margin-bottom: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); }
.pillars { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2rem, 1rem + 3vw, 4.5rem); counter-reset: step; }
.pillars li { border-top: 1px solid var(--night-line); padding-top: 1.5rem; display: grid; gap: 0.8rem; align-content: start; }
.pillars .num { font-family: var(--font-display); font-weight: 300; font-size: 3.2rem; line-height: 1; color: var(--lime); }
.pillars p { color: var(--on-night-soft); }
.band .center { text-align: center; margin-top: clamp(2.5rem, 1.5rem + 3vw, 4rem); }
@media (max-width: 860px) { .pillars { grid-template-columns: 1fr; } }

/* Stimmen auf Papier */
.p-voices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(2rem, 1rem + 3vw, 4rem); margin-top: clamp(2.5rem, 1.5rem + 3vw, 4rem); }
.p-voices figure { margin: 0; display: grid; gap: 1rem; align-content: start; padding-top: 1.5rem; border-top: 1px solid var(--sand-line); }
.p-voices blockquote { margin: 0; color: var(--on-sand); }
.p-voices figcaption { font-size: 0.8rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--taupe); font-weight: 600; }
@media (max-width: 860px) { .p-voices { grid-template-columns: 1fr; } }

.center-head { text-align: center; }
.quals li { border-radius: 2px; background: var(--sand-light); }
.form-panel { border-radius: 4px; background-image: var(--paper); background-size: 320px; }
.field input[type="text"], .field input[type="email"], .field input[type="tel"], .field select, .field textarea { border-radius: 2px; }
.site-footer { background-image: var(--paper); background-size: 320px; }
.lead.strong { color: var(--on-sand); }
.topics-title { margin-bottom: clamp(3rem, 2rem + 4vw, 6rem); }
.voices-title { margin-top: clamp(5rem, 3rem + 6vw, 9rem); }

/* Praxis oder online */
.paper-deep { background-color: var(--sand-deep); background-image: var(--paper); background-size: 320px; color: var(--on-sand); }
.place-row { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); column-gap: clamp(1.5rem, 1rem + 4vw, 6rem); row-gap: 1.75rem; align-items: start; }
.place-row > h2 { grid-column: 1; grid-row: 1 / span 2; font-size: clamp(1.7rem, 1.1rem + 1.4vw, 2.6rem); }
.place-row > div { grid-column: 2; max-width: 40rem; }
.place-row > address { grid-column: 2; justify-self: start; min-width: 18rem; }
.place-row p { color: var(--on-sand-soft); }
.place-row .address { border-radius: 2px; }
@media (max-width: 1279px) { .place-row { grid-template-columns: 1fr; } .place-row > h2, .place-row > div, .place-row > address { grid-column: 1; grid-row: auto; } .place-row > h2 { max-width: 24ch; } }

/* Themenseiten */
.p-hero-copy h1 { hyphens: manual; overflow-wrap: normal; }
.trust-paper { margin-top: 0.5rem; }
.text-row { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(1.5rem, 1rem + 4vw, 6rem); align-items: start; }
.text-col { display: grid; gap: 1.1rem; max-width: 40rem; }
.text-col p { color: var(--on-sand-soft); }
.text-col p:first-child { color: var(--on-sand); font-size: clamp(1.1rem, 1rem + 0.3vw, 1.25rem); line-height: 1.55; }
.small-caps-head { font-size: clamp(1.1rem, 1rem + 0.4vw, 1.35rem); margin-top: 0.75rem; }
.dot-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.6rem; }
.dot-list li { display: grid; grid-template-columns: 14px 1fr; gap: 0.75rem; align-items: baseline; }
.dot-list li::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--taupe); transform: translateY(-2px); }
.side-quote { margin: 1rem 0 0; padding: 1.5rem 0 0; border-top: 1px solid var(--sand-line); }
.side-quote blockquote { margin: 0; font-family: var(--font-display); font-size: clamp(1.2rem, 1rem + 0.7vw, 1.6rem); line-height: 1.4; color: var(--on-sand); }
.side-quote figcaption { margin-top: 0.8rem; font-size: 0.8rem; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 600; color: var(--taupe); }
@media (max-width: 860px) { .text-row { grid-template-columns: 1fr; } }

.band-extra { display: grid; gap: 1rem; max-width: 46rem; margin: clamp(2.5rem, 1.5rem + 3vw, 4rem) auto 0; padding: clamp(1.5rem, 1rem + 2vw, 2.5rem); border: 1px solid var(--night-line); }
.band-extra:empty { display: none; }
.band-extra p { color: var(--on-night-soft); }
.band-extra p:first-child { color: var(--on-night); }
.band-extra .small-caps-head { color: var(--on-night); margin-top: 0.5rem; }
.band-extra .dot-list li::before { background: var(--lime); }
.band-extra .dot-list { color: var(--on-night); }

.p-voices.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 860px) { .p-voices.cols-2 { grid-template-columns: 1fr; } }

.faq-wrap { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: clamp(1.5rem, 1rem + 4vw, 6rem); align-items: start; }
.faq-list { border-top: 1px solid var(--sand-line); }
.faq { border-bottom: 1px solid var(--sand-line); }
.faq summary { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 1.25rem 0; cursor: pointer; list-style: none; font-weight: 600; font-size: 1.05rem; }
.faq summary::-webkit-details-marker { display: none; }
.faq summary:hover { color: var(--taupe); }
.faq-icon { flex: none; width: 1.4rem; height: 1.4rem; transition: transform 0.35s var(--ease-out); }
.faq[open] .faq-icon { transform: rotate(45deg); }
.faq p { padding: 0 2.5rem 1.4rem 0; color: var(--on-sand-soft); max-width: 44rem; }
@media (max-width: 860px) { .faq-wrap { grid-template-columns: 1fr; } }
.p-hero--topic { --overlap: 0rem; grid-template-columns: minmax(0, 0.5fr) minmax(0, 0.5fr); }
.p-hero--topic .p-hero-copy h1 { font-size: clamp(2rem, 1.1rem + 2.4vw, 3.4rem); }
.p-hero--topic .p-hero-quote { top: auto; bottom: clamp(2rem, 1rem + 3vw, 4rem); left: clamp(1.5rem, 1rem + 3vw, 4rem); right: clamp(1.5rem, 1rem + 3vw, 4rem); transform: none; width: auto; max-width: 30rem; }
.p-hero--topic .p-hero-visual::after { background: linear-gradient(180deg, rgba(44, 50, 39, 0.05) 30%, rgba(44, 50, 39, 0.7)); }
@media (max-width: 1279px) {
  .p-hero--topic { grid-template-columns: 1fr; }
  .p-hero--topic .p-hero-visual { min-height: 22rem; }
  .p-hero--topic .p-hero-copy { padding-top: 2.5rem; }
  .p-hero--topic .p-hero-quote { top: auto; bottom: 1.5rem; }
}
.legal h1 { font-size: clamp(2rem, 1.3rem + 2.4vw, 3.4rem); line-height: 1.1; color: var(--night); }

/* Zitate über Fotos: normal gesetzt, mit Schatten für Lesbarkeit */
.p-hero-quote p { text-transform: none; letter-spacing: 0; font-size: var(--p-quote, clamp(1.3rem, 0.95rem + 1vw, 2rem)); line-height: 1.3; }
.p-hero-quote, .quote-band figure { text-shadow: 0 1px 12px rgba(20, 24, 18, 0.55); }
.voices-cta { text-align: center; margin-top: clamp(2.5rem, 1.5rem + 3vw, 4rem); }

/* Vertrauensleiste im Einstieg: drei gleich breite Felder */
.p-hero-copy .trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: 0.5rem; padding: 0; max-width: 32rem; border-top: 1px solid var(--sand-line); border-bottom: 1px solid var(--sand-line); }
.p-hero-copy .trust li { display: flex; flex-direction: column; align-items: center; gap: 0.55rem; padding: 1rem 0.5rem; text-align: center; font-size: 0.85rem; line-height: 1.35; font-weight: 500; color: var(--on-sand); }
.p-hero-copy .trust li + li { border-left: 1px solid var(--sand-line); }
.p-hero-copy .trust li::before { margin: 0; width: 8px; height: 8px; background: var(--night); transform: none; }
@media (max-width: 700px) {
  .p-hero-copy { padding-bottom: 2.5rem; }
  .p-hero-copy .trust { max-width: none; }
  .p-hero-copy .trust li { padding-inline: 0.4rem; }
}

/* Überschriften in seitlichen Spalten: etwas kleiner, unter 1280 px über dem Text */
.text-row > h2, .faq-wrap > h2 { font-size: clamp(1.7rem, 1.1rem + 1.4vw, 2.6rem); }
@media (max-width: 1279px) {
  .text-row, .faq-wrap { grid-template-columns: 1fr; }
  .text-row > h2, .faq-wrap > h2 { max-width: 24ch; }
}

/* Bereinigung nach der Dokumentation: eckig statt rund, Fokus und Formular in Oliv */
.menu-toggle, .skip { border-radius: 2px; }
.paper :focus-visible, .paper-deep :focus-visible, .on-sand :focus-visible { outline-color: var(--night); }
.band :focus-visible, .on-night :focus-visible, .site-footer :focus-visible, .topbar :focus-visible { outline-color: var(--lime); }
.field select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233E4636' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.field ::placeholder { color: #6E7064; }

/* Leiste oben bleibt beim Scrollen sichtbar; auf schmalen Bildschirmen die kurze Fassung */
.topbar { position: sticky; top: 0; z-index: 30; box-shadow: 0 1px 0 rgba(242, 239, 233, 0.16); } /* Linie trennt die Leiste von olivfarbenen Abschnitten */
.topbar a { font-weight: 600; text-decoration-color: var(--lime); text-decoration-thickness: 2px; text-underline-offset: 0.2em; white-space: nowrap; }
.topbar a:hover { color: var(--lime); }
.topbar-short { display: none; }
@media (max-width: 999px) { .topbar-long { display: none; } .topbar-short { display: inline; } }
@media (max-width: 520px) { .topbar-mid { display: none; } }

/* Sehr schmale Handys (unter 360 px): Logo, Menü-Knopf und lange Überschriften passen nebeneinander bzw. in die Spalte */
@media (max-width: 359px) {
  .brand img { width: 168px; }
  .site-header .wrap { gap: 0.75rem; }
  .menu-toggle { padding-inline: 0.8rem; }
  .p-hero .p-hero-copy h1 { font-size: min(2rem, 9vw); }
  h2.caps { font-size: min(1.9rem, 8.2vw); }
}

/* Vierter Punkt der Vertrauensleiste: eine durchgehende Zeile unter den drei Feldern */
.p-hero-copy .trust li.trust-wide { grid-column: 1 / -1; display: block; padding-block: 0.85rem; border-left: 0; border-top: 1px solid var(--sand-line); }
.p-hero-copy .trust li.trust-wide::before { display: inline-block; vertical-align: middle; margin: 0 0.6rem 0.15em 0; }
.p-hero-copy .lead strong { font-weight: 600; color: var(--night); }

/* Themen auf der Startseite: Text mittig zum Bild, größer, mit drei typischen Anzeichen */
#themen .zig { align-items: center; }
#themen .zig-copy { padding-top: 0; gap: 1.25rem; max-width: 30rem; }
#themen .zig-copy h3.caps { font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.3rem); }
#themen .zig-copy > p { font-size: clamp(1.05rem, 1rem + 0.25vw, 1.2rem); line-height: 1.6; }
#themen .zig-signs { padding-block: 1.1rem; border-top: 1px solid var(--sand-line); border-bottom: 1px solid var(--sand-line); color: var(--on-sand); }
#themen .zig + .zig { margin-top: clamp(4rem, 2.5rem + 4vw, 7rem); }

/* Einstieg der Themenseiten auf breiten Bildschirmen: Text beginnt bündig mit dem Logo
   statt am Fensterrand, damit zwischen Text und Bild keine leere Fläche entsteht */
@media (min-width: 1280px) {
  .p-hero--topic .p-hero-copy { padding-left: max(var(--gutter), calc((100vw - var(--maxw)) / 2)); padding-right: clamp(2.5rem, 1rem + 3vw, 5rem); }
  .p-hero--topic .p-hero-copy p { max-width: 34rem; }
  .p-hero--topic .p-hero-copy .trust { max-width: 34rem; }
}

/* Zitate nicht automatisch trennen ("inne-re"), lieber ganze Wörter umbrechen */
.p-hero-quote, .p-hero-quote p, .quote-band blockquote, .quote-band p, .side-quote { hyphens: manual; -webkit-hyphens: manual; }

/* Überschriften nur auf schmalen Bildschirmen automatisch trennen (Notlösung gegen Überlauf);
   auf breiten Bildschirmen ganze Wörter umbrechen statt "Anspan-nung" */
@media (min-width: 700px) { h1, h2.caps, h3.caps { hyphens: manual; -webkit-hyphens: manual; } }

/* Impressum und Datenschutz: ruhige Lesespalte mit Zwischenüberschriften */
.legal-text { gap: 0.9rem; }
.legal-text h2.caps { font-size: clamp(1.25rem, 1.1rem + 0.6vw, 1.6rem); margin-top: 1.6rem; color: var(--night); }
.legal-text h2.caps:first-child { margin-top: 0; }
.legal-text h3 { font-family: var(--font-text); font-size: 1rem; font-weight: 600; margin-top: 0.8rem; color: var(--on-sand); }
.legal-text p:first-child, .legal-text p { color: var(--on-sand-soft); font-size: 1rem; line-height: 1.65; }
.legal-text a { color: var(--on-sand); }

/* Gruß unter der Bestätigung nach dem Absenden */
.form-success .form-success-sign { margin-top: 0.25rem; font-family: var(--font-display); font-size: 1.15rem; line-height: 1.5; color: var(--night); }