/* Ergänzungen zur gemeinsamen Vermietly-Landingpage-Gestaltung. */
.hero--product{padding-top:64px}
.hero--product h1{font-size:clamp(3.1rem,6.1vw,6rem)}
.hero--product .hero-lead{max-width:680px}
.section--tinted{max-width:none;background:linear-gradient(180deg,#edf7f3 0%,#f7f6ed 100%)}
.section--tinted>.section-heading,.section--tinted>.step-grid{max-width:1128px;margin-left:auto;margin-right:auto}
.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fit-grid article{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:30px 28px}
.fit-grid article>span{display:grid;place-items:center;width:34px;height:34px;margin-bottom:22px;border-radius:50%;background:var(--mint);color:#fff;font-weight:900}
.fit-grid p{margin:12px 0 0;color:var(--muted);font-size:.95rem}
.text-link{display:inline-block;margin-top:24px;color:var(--green);font-weight:800;text-underline-offset:4px}
.faq-section{max-width:980px}
.faq-list{display:grid;gap:12px}
.faq-list details{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:0 22px}
.faq-list summary{position:relative;padding:20px 38px 20px 0;color:var(--green);font-family:var(--serif);font-size:1.08rem;font-weight:800;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:2px;top:14px;color:var(--orange);font-family:var(--sans);font-size:1.6rem;font-weight:600}
.faq-list details[open] summary::after{content:"–"}
.faq-list details p{margin:0;padding:0 34px 20px 0;color:var(--muted)}
.guide-links{display:flex;align-items:center;justify-content:center;gap:12px 20px;flex-wrap:wrap;margin-top:30px;color:var(--muted);font-size:.88rem}
.guide-links strong{color:var(--green)}
.guide-links a{color:var(--green);font-weight:700;text-underline-offset:3px}
.tracking-note{font-size:.72rem;opacity:.78}
.tracking-settings{padding:0;border:0;background:none;color:inherit;font:inherit;font-size:.72rem;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer;opacity:.82}
.consent-banner[hidden]{display:none}
.consent-banner{position:fixed;z-index:1000;right:18px;bottom:18px;width:min(430px,calc(100vw - 36px))}
.consent-banner__inner{display:flex;align-items:stretch;flex-direction:column;gap:14px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 48px rgba(15,71,61,.18)}
.consent-banner strong{color:var(--green);font-family:var(--serif);font-size:1.1rem}
.consent-banner p{margin:6px 0 0;color:var(--muted);font-size:.86rem;line-height:1.5}
.consent-banner__actions{display:flex;justify-content:flex-end;gap:10px}
.consent-button{border:0;border-radius:999px;padding:11px 16px;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}
.consent-button--primary{background:var(--orange);color:#fff}
.consent-button--secondary{background:#edf7f3;color:var(--green)}
@media(max-width:980px){
  .fit-grid{grid-template-columns:1fr}
  .fit-grid article{padding:25px}
}
@media(max-width:720px){
  .hero--product{padding-top:38px}
  .hero--product h1{font-size:clamp(2.75rem,13vw,4.4rem)}
  .guide-links{align-items:flex-start;justify-content:flex-start;flex-direction:column}
  .faq-list details{padding:0 17px}
  .consent-banner{right:10px;bottom:10px;width:calc(100vw - 20px)}
  .consent-banner__inner{gap:12px;padding:16px}
  .consent-banner__actions{flex-direction:column}
  .consent-button{width:100%}
}