/* ==================================================================
   devanoori.de  –  Startseite   (Template: home)
   Diese Datei steuert NUR die Startseite (nicht Impressum/Datenschutz).
   Schriftgroessen sind unten in :root als Stellschrauben abgelegt.
   ================================================================== */

/* --- Selbstgehostete Schriften (DSGVO) --- */
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/playfair-display-v40-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/playfair-display-v40-latin-700.woff2') format('woff2')}
@font-face{font-family:'Playfair Display';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/playfair-display-v40-latin-italic.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/lato-v25-latin-regular.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/lato-v25-latin-700.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:italic;font-weight:400;font-display:swap;src:url('../fonts/lato-v25-latin-italic.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:italic;font-weight:700;font-display:swap;src:url('../fonts/lato-v25-latin-700italic.woff2') format('woff2')}

:root{
  --cream:#F3EDE2; --aub:#37202F; --copper:#B0703C; --cl:#D08A54; --ink:#2A2028;
  --d:'Playfair Display',serif; --b:'Lato',sans-serif;
  /* --- SCHRIFTGROESSEN (hier drehen) --- */
  --h1:clamp(3rem,8.5vw,6.2rem);    /* Hero:  Erst Du. Dann Dein Business. */
  --h2:clamp(1.9rem,4.4vw,3.4rem);  /* In Wahrheit... / Ich fange bei Dir an. */
  --h2r:clamp(2.4rem,8vw,5rem);     /* Reihenfolge-Ueberschrift (gross) */
  --h2f:clamp(2rem,4.6vw,3.1rem);   /* Lass uns reden (Finale) */
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--cream)}
body{color:var(--ink);font-family:var(--b);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(1.2rem,4vw,3.5rem)}
.lbl{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;font-weight:700;color:var(--copper)}
.cta{display:inline-flex;align-items:center;gap:.5em;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--copper);text-decoration:none;border-bottom:2px solid var(--copper);padding-bottom:.3em}
.cta span{transition:transform .25s}.cta:hover span{transform:translateX(6px)}
.cta.dark{color:var(--cl);border-color:var(--cl)}
.hero{min-height:94vh;display:flex;align-items:flex-end;background-size:cover;background-position:50% 28%;position:relative;color:var(--cream)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,17,25,.18) 0%,rgba(30,17,25,.18) 42%,rgba(40,23,34,.9) 100%)}
.hero .in{position:relative;z-index:1;max-width:1200px;margin:0 auto;width:100%;padding:0 clamp(1.2rem,4vw,3.5rem) clamp(3rem,7vw,5.5rem)}
.hero .lbl{display:block;margin-bottom:1.2rem;color:var(--cl)}
.hero h1{font-family:var(--d);font-weight:700;font-size:var(--h1);line-height:1;letter-spacing:-.01em;margin:0 0 1.4rem}
.hero h1 em{font-style:italic;font-weight:400;color:var(--cl)}
.hero .lede{max-width:46ch;font-size:clamp(1.05rem,1.6vw,1.28rem);color:#EDE3D6;margin-bottom:1.9rem;line-height:1.7}
.sec{padding:clamp(4rem,9vw,7rem) 0}
.pull{font-family:var(--d);font-style:normal;font-weight:400;font-size:var(--h2);line-height:1.16;letter-spacing:-.01em;color:var(--aub);margin:0 0 2rem;max-width:24ch}
.pull em{font-style:italic;color:var(--copper)}
.narrow{max-width:56ch}
.sec p{font-size:1.13rem;margin-bottom:1.2rem;line-height:1.7}
.sharp{font-family:var(--d);font-weight:700;font-size:1.35rem;color:var(--aub);line-height:1.35}
.reihenfolge h2{font-family:var(--d);font-weight:700;font-size:var(--h2r);line-height:1;color:var(--aub);letter-spacing:-.015em;margin-bottom:1.5rem}
.treibsand{font-family:var(--d);font-style:italic;font-weight:400;font-size:clamp(1.4rem,3vw,2rem);color:var(--aub);line-height:1.2;margin:1.5rem 0;max-width:24ch}
.filter{font-style:italic;color:#7a6f64;font-size:1rem;margin-top:.4rem}
.about .row{display:grid;grid-template-columns:360px 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:end}
.about img{width:100%;display:block}
.about h2{font-family:var(--d);font-weight:700;font-size:var(--h2);line-height:1.06;color:var(--aub);margin-bottom:1.4rem}
.about .txt{padding-bottom:1rem}
.about p{max-width:56ch;margin-bottom:1.1rem;font-size:1.1rem;line-height:1.7}
.hair{border:0;border-top:1px solid rgba(55,32,47,.14);max-width:1200px;margin:0 auto}
.finale{background:var(--aub);color:var(--cream);text-align:center;padding:clamp(5rem,12vw,9rem) 0}
.finale .rule{width:34px;height:1px;background:var(--cl);margin:0 auto 2.5rem}
.finale h2{font-family:var(--d);font-weight:400;font-size:var(--h2f);margin-bottom:1.3rem;color:var(--cream)}
.finale p{max-width:44ch;margin:0 auto 2.2rem;color:#E7DCCB;font-size:1.08rem;line-height:1.8}
.foot{text-align:center;padding:2.4rem 0;border-top:1px solid rgba(55,32,47,.14)}
.foot .wm{font-family:var(--d);font-size:1.3rem;color:var(--aub);display:block;margin-bottom:.5rem}
.foot nav{font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}
.foot a{color:var(--aub);text-decoration:none}.foot a:hover{color:var(--copper)}
@media(max-width:760px){.about .row{grid-template-columns:1fr;align-items:center}.about img{max-width:340px;margin:0 auto}}
a:focus-visible,.cta:focus-visible{outline:2px solid var(--copper);outline-offset:3px}
@media (prefers-reduced-motion:no-preference){
.hero .in>*{opacity:0;transform:translateY(12px);animation:rz .7s ease forwards}
.hero .in>*:nth-child(1){animation-delay:.05s}.hero .in>*:nth-child(2){animation-delay:.15s}.hero .in>*:nth-child(3){animation-delay:.25s}.hero .in>*:nth-child(4){animation-delay:.35s}
@keyframes rz{to{opacity:1;transform:none}}}