/* Entwurfsschicht fixdeineseite — Sebastians Stimme, nie Seitenfarbe.
   Coral #FF5A3C, Text #180B06. Alles mit .nur-entwurf verschwindet ohne body.entwurf. */
body:not(.entwurf) .nur-entwurf{display:none!important}

.entwurf-legende{
  position:relative;z-index:60;
  background:#FF5A3C;color:#180B06;
  font-family:inherit;font-size:15px;line-height:1.4;font-weight:600;
  padding:10px 16px;text-align:center;letter-spacing:0;text-transform:none;
}
.entwurf-legende b{font-weight:800}

.entwurf-ja{
  background:#FF5A3C;color:#180B06;
  padding:56px 16px 44px;text-align:center;
  font-family:inherit;font-size:16px;line-height:1.5;letter-spacing:0;text-transform:none;
}
.entwurf-ja h2{font-family:inherit;font-weight:800;font-size:clamp(1.4rem,4vw,2rem);line-height:1.15;margin:0 0 .35em;letter-spacing:-.01em;text-transform:none}
.entwurf-ja p{margin:0 auto 24px;max-width:34rem}
.ja-knopf{
  display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  min-height:54px;padding:0 30px;border-radius:6px;
  background:#180B06;color:#FF5A3C;font-weight:800;font-size:1.1rem;text-decoration:none;
}
.ja-knopf:hover{background:#2a150c}
.ja-knopf:focus-visible{outline:3px solid #180B06;outline-offset:3px}
.absender{margin-top:26px;font-size:14px}
.absender a{color:#180B06}
.von{display:inline}
.von + .von::before{content:" · "}
@media (max-width:640px){ .von{display:block} .von + .von::before{content:none} }

.zur-auswahl{
  position:fixed;right:12px;bottom:12px;z-index:70;
  display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:6px;
  background:#FF5A3C;color:#180B06;font-family:inherit;font-weight:700;font-size:14px;
  text-decoration:none;letter-spacing:0;text-transform:none;box-shadow:0 4px 14px rgba(24,11,6,.25);
}

/* Ablauf-Platzhalter: Timeline "Besichtigung -> Angebot -> Verlegung -> Abnahme", im Onboarding bestaetigen */
.ablauf-platzhalter{
  background:#FF5A3C;color:#180B06;
  margin-block:56px;padding:30px 20px;text-align:center;
  font-family:inherit;letter-spacing:0;text-transform:none;
}
.ablauf-platzhalter b{display:block;font-weight:800;font-size:1.05rem;line-height:1.3;margin-bottom:16px}
.ablauf-schritte{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 4px;list-style:none;margin:0 0 14px;padding:0;font-weight:700;font-size:15px}
.ablauf-schritte li{display:flex;align-items:center;gap:10px;min-height:44px}
.ablauf-schritte li:not(:last-child)::after{content:"\2192";font-weight:400;opacity:.65;margin-left:2px}
.ablauf-hinweis{margin:0;font-size:13px;font-weight:600;opacity:.9}