/* Dach und Wand Service — weiß + blau, orange Akzente.
   Alle Farben stehen in :root. Keine externen Schriften: DSGVO-sicher und schneller. */

:root{
  --bg:#ffffff;
  --bg-alt:#f2f6fb;          /* albastru foarte deschis, pentru secțiuni alternante */
  --bg-alt2:#e8eff7;
  --navy:#0a2540;            /* albastru închis: titluri, footer, benzi */
  --navy-2:#0f3454;
  --blau:#0d4f8b;            /* albastrul principal */
  --blau-l:#1a6cb5;
  --blau-soft:rgba(13,79,139,.08);
  --orange:#f08a1e;          /* accentul */
  --orange-d:#d4740f;
  --orange-soft:rgba(240,138,30,.12);
  --ink:#132133;
  --ink-2:#54637a;
  --ink-inv:#eef3f8;
  --ink-inv-2:#9bb1c8;
  --line:#dce5ee;
  --line-2:#c3d1e0;
  --warn:#b45309;
  --r:18px;                  /* colțuri mai rotunde decât la celălalt site */
  --r-s:11px;
  --wrap:1200px;
  --sh:0 2px 4px rgba(10,37,64,.04), 0 12px 28px -16px rgba(10,37,64,.28);
  --sh-lg:0 4px 10px rgba(10,37,64,.06), 0 30px 60px -30px rgba(10,37,64,.45);
}

*{box-sizing:border-box}
/* overflow-x:clip pe html si pe main: benzile late folosesc 100vw, care include
   bara de scroll si ar impinge pagina cu ~15px in lateral. „clip" nu creeaza
   scroll container, deci position:sticky din header ramane functional. */
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%;overflow-x:clip}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font:400 17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{margin:0 0 .5em;line-height:1.16;letter-spacing:-.02em;font-weight:800;color:var(--navy)}
h1{font-size:clamp(2.05rem,4.6vw,3.4rem);letter-spacing:-.03em}
h2{font-size:clamp(1.55rem,3vw,2.3rem)}
h3{font-size:1.14rem}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px;top:0;background:var(--orange);color:var(--navy);padding:12px 18px;z-index:100;font-weight:700}
.skip:focus{left:12px;top:12px}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px;border-radius:6px}
.warn{color:var(--warn);font-weight:700}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 24px;border:0;border-radius:999px;cursor:pointer;
  font:700 16px/1 inherit;text-decoration:none;
  transition:transform .14s ease, box-shadow .22s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
.btn svg{width:19px;height:19px;fill:currentColor;flex:none}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-primar{background:var(--orange);color:var(--navy);box-shadow:0 10px 24px -12px rgba(240,138,30,.95)}
.btn-primar:hover{background:var(--orange-d);color:#fff}
.btn-linie{background:transparent;color:var(--navy);border:2px solid var(--line-2)}
.btn-linie:hover{border-color:var(--blau);color:var(--blau)}
.btn-lg{padding:17px 32px;font-size:17px}
.btn-block{display:flex;width:100%}
.link-mare{color:var(--blau);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:8px}
.link-mare i{font-style:normal;transition:transform .18s ease}
.link-mare:hover i{transform:translateX(4px)}
.dupa{margin-top:20px}

/* ---------- Kopfzeile ---------- */
.bar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);
  backdrop-filter:saturate(1.5) blur(10px);border-bottom:1px solid var(--line);transition:box-shadow .2s ease}
.bar.is-stuck{box-shadow:0 10px 30px -24px rgba(10,37,64,.9)}
.bar-in{display:flex;align-items:center;gap:20px;min-height:76px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.02em;text-decoration:none;flex:none;color:var(--navy)}
.brand svg{width:30px;height:30px;fill:var(--blau)}
.brand b{color:var(--orange);font-weight:800}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{padding:10px 13px;border-radius:999px;text-decoration:none;font-size:15px;font-weight:600;
  color:var(--ink-2);transition:color .15s ease,background .15s ease;white-space:nowrap}
.nav a:hover{color:var(--navy);background:var(--bg-alt)}
.nav a[aria-current]{color:var(--blau);background:var(--blau-soft)}
.bar-tel{padding:12px 20px;font-size:15px;flex:none}
.burger{display:none;width:46px;height:46px;background:none;border:0;padding:11px;cursor:pointer}
.burger span{display:block;height:2px;background:var(--navy);border-radius:2px;margin:5px 0;transition:transform .2s ease,opacity .2s ease}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- Hero: două coloane, poză în cadru decalat ---------- */
.hero{background:linear-gradient(180deg,var(--bg-alt) 0%, #fff 100%);border-bottom:1px solid var(--line);overflow:hidden}
.hero-in{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(32px,5vw,64px);align-items:center;
  padding-block:clamp(40px,5vw,64px)}
.hero--mare .hero-in{padding-block:clamp(52px,7vw,88px)}
.eyebrow{font:700 12.5px/1 inherit;letter-spacing:.16em;text-transform:uppercase;color:var(--blau);
  margin:0 0 18px;display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--orange)}
.hero h1{margin-bottom:20px;max-width:15ch}
.hero h1 span{display:block;color:var(--blau);font-weight:700;font-size:.56em;line-height:1.3;margin-top:.5em;letter-spacing:-.015em}
.hero-sub{font-size:clamp(1.03rem,1.5vw,1.17rem);color:var(--ink-2);max-width:52ch;margin-bottom:28px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.hero-note{font-size:14.5px;color:var(--ink-2);margin-bottom:24px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills li{padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;
  background:#fff;border:1px solid var(--line);color:var(--navy)}
.hero-foto{margin:0;position:relative;isolation:isolate}
.hero-foto::before{content:"";position:absolute;inset:22px -22px -22px 22px;z-index:-1;
  border-radius:var(--r);background:var(--blau);opacity:.14}
.hero-foto img{border-radius:var(--r);box-shadow:var(--sh-lg);width:100%;aspect-ratio:4/3;object-fit:cover}

/* ---------- Brotkrumen ---------- */
.fir{background:#fff;border-bottom:1px solid var(--line);font-size:14px}
.fir .wrap{display:flex;gap:9px;align-items:center;padding-block:14px;color:var(--ink-2)}
.fir a{color:var(--blau);text-decoration:none;font-weight:600}
.fir a:hover{text-decoration:underline}

/* ---------- Seitenaufbau ---------- */
main{padding:clamp(48px,6vw,84px) 0 clamp(32px,4vw,52px);overflow-x:clip}
.bloc{margin-bottom:clamp(52px,7vw,92px)}
.bloc:last-child{margin-bottom:0}
.cap{max-width:64ch;margin-bottom:36px}
.cap--centru{margin-inline:auto;text-align:center}
.cap--centru .eyebrow{justify-content:center}
.lead{font-size:1.11rem;color:var(--ink-2);margin:0}
.cap .lead{margin-top:14px}
main p{max-width:72ch}
.grid{display:grid;gap:22px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.mt{margin-top:36px}
.nota-lege{background:var(--bg-alt);border-left:4px solid var(--warn);border-radius:var(--r-s);
  padding:18px 22px;font-size:15px;color:var(--ink-2);max-width:none}

/* „Das Wichtigste in Kürze" — blocul citat de AI și de fragmentele Google */
.scurt{background:var(--navy);color:var(--ink-inv);border-radius:var(--r);
  padding:clamp(26px,3.5vw,38px);margin-bottom:clamp(48px,6vw,72px)}
.scurt h2{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:20px;
  display:flex;align-items:center;gap:12px}
.scurt h2::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--orange)}
.scurt ul{display:grid;gap:13px}
.scurt li{position:relative;padding-left:30px;font-size:16.5px;color:#dbe6f1;max-width:78ch}
.scurt li::before{content:"";position:absolute;left:0;top:10px;width:14px;height:8px;
  border-left:2.5px solid var(--orange);border-bottom:2.5px solid var(--orange);transform:rotate(-45deg)}
.scurt b{color:#fff}

/* cifre */
.cifre{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:clamp(48px,6vw,80px)}
.cifre li{background:var(--bg-alt);border-radius:var(--r);padding:28px 24px;text-align:center;
  border-bottom:4px solid var(--orange)}
.cifre b{display:block;font-size:clamp(2rem,4vw,2.8rem);font-weight:800;color:var(--blau);line-height:1;letter-spacing:-.03em}
.cifre span{display:block;margin-top:10px;font-size:14.5px;color:var(--ink-2);font-weight:600}
.cifre i{display:block;font-style:normal;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--warn);margin-top:6px;font-weight:700}

/* argumentul principal: text + listă */
.argument{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,60px);align-items:center;
  background:var(--bg-alt);border-radius:var(--r);padding:clamp(28px,4vw,52px)}
.argument p{color:var(--ink-2)}
.arg-cta{margin-top:26px}
.arg-lista{display:grid;gap:14px}
.arg-lista li{background:#fff;border-radius:var(--r-s);padding:20px 22px;box-shadow:var(--sh);
  border-left:4px solid var(--orange)}
.arg-lista b{display:block;color:var(--navy);font-size:1.05rem;margin-bottom:4px}
.arg-lista span{color:var(--ink-2);font-size:15px}

/* lista numerotată de servicii */
.lista-nr{display:grid;gap:2px;background:var(--line);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden}
.lista-nr li{background:#fff;display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;
  padding:30px clamp(22px,3vw,38px);transition:background .2s ease}
.lista-nr li:hover{background:var(--bg-alt)}
.ln-nr{font-size:1.5rem;font-weight:800;color:var(--orange);line-height:1;padding-top:4px;
  font-variant-numeric:tabular-nums}
.ln-txt h3{margin-bottom:.4em}
.ln-txt p{color:var(--ink-2);margin:0 0 .5em;max-width:70ch}
.ticks{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px}
.ticks li{position:relative;padding-left:22px;font-size:14.5px;color:var(--ink-2);background:none !important}
.ticks li::before{content:"";position:absolute;left:0;top:8px;width:12px;height:7px;
  border-left:2px solid var(--blau);border-bottom:2px solid var(--blau);transform:rotate(-45deg)}

/* carduri */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;
  border-top:4px solid var(--blau);transition:box-shadow .2s ease,transform .2s ease}
.card:hover{box-shadow:var(--sh-lg);transform:translateY(-3px)}
.card p{color:var(--ink-2);font-size:15.5px;margin:0}
.card .ticks{flex-direction:column;gap:6px}

/* cronologie */
.cronologie{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative;margin-top:12px}
.cronologie::before{content:"";position:absolute;left:6%;right:6%;top:22px;height:2px;
  background:var(--line-2);z-index:0}
.cronologie li{position:relative;z-index:1;text-align:center}
.cr-punct{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 16px;border-radius:50%;
  background:var(--blau);color:#fff;font-weight:800;border:4px solid #fff;box-shadow:0 0 0 1px var(--line-2)}
.cronologie h3{font-size:1rem;margin-bottom:.4em}
.cronologie p{color:var(--ink-2);font-size:14.5px;margin:0}

/* duo: poză + text */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px);align-items:center}
.duo--invers .duo-txt{order:2}
.duo p{color:var(--ink-2)}
.duo-img{margin:0;position:relative;isolation:isolate}
.duo-img::before{content:"";position:absolute;inset:auto -18px -18px auto;width:60%;height:60%;z-index:-1;
  border-radius:var(--r);background:var(--orange);opacity:.16}
.duo-img .shot{width:100%;border:0}

/* galerie */
.galerie{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.galerie--banda{grid-template-columns:repeat(3,1fr)}
.shot{padding:0;border:1px solid var(--line);background:none;cursor:zoom-in;border-radius:var(--r);
  overflow:hidden;aspect-ratio:4/3;display:block;box-shadow:var(--sh)}
.shot img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.shot:hover{border-color:var(--blau)}
.shot:hover img{transform:scale(1.04)}
.shot[hidden]{display:none}
.filtre{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.filtru{background:#fff;border:1px solid var(--line-2);color:var(--ink-2);border-radius:999px;
  padding:10px 19px;font:600 14.5px/1 inherit;cursor:pointer;transition:all .16s ease}
.filtru:hover{color:var(--navy);border-color:var(--blau)}
.filtru.is-on{background:var(--blau);border-color:var(--blau);color:#fff}
.lb{position:fixed;inset:0;z-index:90;background:rgba(10,37,64,.94);display:grid;place-items:center;padding:24px}
.lb[hidden]{display:none}
.lb img{max-width:min(1200px,94vw);max-height:88vh;border-radius:var(--r)}
.lb-x{position:absolute;top:18px;right:22px;width:48px;height:48px;border:0;border-radius:50%;
  background:rgba(255,255,255,.16);color:#fff;font-size:30px;line-height:1;cursor:pointer}

/* notdienst */
.notfall{background:var(--orange-soft);border:1px solid rgba(240,138,30,.35);border-radius:var(--r);
  padding:clamp(26px,4vw,40px)}
.notfall .eyebrow{color:var(--orange-d)}
.notfall p{color:var(--ink-2)}
.notfall-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}

/* citat */
.citat{background:var(--navy);color:#fff;padding:clamp(52px,7vw,88px) 0;
  width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  margin-block:clamp(52px,7vw,92px);position:relative;overflow:hidden}
.citat::before{content:"„";position:absolute;left:calc(50% - 560px);top:-10px;font-size:220px;
  color:var(--orange);opacity:.28;line-height:1;font-family:Georgia,serif}
.citat blockquote{margin:0 auto 22px;font-size:clamp(1.2rem,2.4vw,1.7rem);line-height:1.5;
  font-weight:600;max-width:26ch;text-align:center;color:#fff}
.citat figcaption{text-align:center;color:var(--ink-inv-2);font-size:15px}
.citat figcaption b{display:block;color:var(--orange);font-size:16px;margin-bottom:4px}

/* tabel */
.tab-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:#fff;margin:22px 0}
.tab{width:100%;border-collapse:collapse;font-size:15.5px;min-width:460px}
.tab th,.tab td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--line)}
.tab thead th{background:var(--navy);color:#fff;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
.tab tbody tr:last-child td{border-bottom:0}
.tab tbody tr:nth-child(even){background:var(--bg-alt)}
.tab td{color:var(--ink-2)}
.tab td:first-child{font-weight:600;color:var(--navy)}

/* faq */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;padding:22px 48px 22px 0;font-weight:700;font-size:17px;position:relative;
  list-style:none;color:var(--navy)}
.faq summary:hover{color:var(--blau)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:10px;top:28px;width:12px;height:12px;
  border-right:2.5px solid var(--orange);border-bottom:2.5px solid var(--orange);
  transform:rotate(45deg);transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(225deg);top:32px}
.faq p{color:var(--ink-2);margin:0 0 22px;font-size:16px}

/* legături interne */
.legate{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.legate a{display:block;background:var(--bg-alt);border-radius:var(--r);padding:24px 26px;
  text-decoration:none;transition:background .18s ease,transform .18s ease;position:relative}
.legate a:hover{background:var(--bg-alt2);transform:translateY(-2px)}
.legate b{display:block;color:var(--navy);margin-bottom:6px;font-size:1.05rem}
.legate span{color:var(--ink-2);font-size:14.5px}
.legate i{position:absolute;right:24px;bottom:22px;font-style:normal;color:var(--orange);font-weight:800}

/* bandă CTA */
.cta-band{background:var(--blau);color:#fff;padding:clamp(40px,5vw,64px) 0;border-radius:var(--r);
  background-image:linear-gradient(120deg,var(--blau) 0%, var(--navy) 100%)}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:36px;flex-wrap:wrap}
.cta-band h2{color:#fff;margin-bottom:.35em}
.cta-band p{color:#cfe0ef;margin:0;max-width:50ch}
.cta-btn{display:flex;gap:12px;flex-wrap:wrap}
.cta-band .btn-linie{color:#fff;border-color:rgba(255,255,255,.45)}
.cta-band .btn-linie:hover{background:#fff;color:var(--navy);border-color:#fff}

/* contact */
.kontakt-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,60px);align-items:start}
.cinfo{margin-top:26px}
.cinfo li{display:flex;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
.cinfo span{min-width:104px;color:var(--ink-2);font-size:14.5px;font-weight:600}
.cinfo a{color:var(--blau);text-decoration:none;font-weight:700}
.cinfo a:hover{text-decoration:underline}
.zones{display:flex;flex-wrap:wrap;gap:9px}
.zones li{background:var(--bg-alt);border-radius:999px;padding:10px 18px;font-size:14.5px;font-weight:600;color:var(--navy)}
.form{background:var(--bg-alt);border-radius:var(--r);padding:clamp(24px,3vw,34px)}
.f{margin-bottom:20px}
.f>label{display:block;font-weight:700;font-size:14.5px;margin-bottom:8px;color:var(--navy)}
.f i{font-style:normal;font-weight:400;color:var(--ink-2)}
select,input[type=text],input[type=tel],textarea{width:100%;padding:13px 16px;border:1px solid var(--line-2);
  border-radius:var(--r-s);background:#fff;color:var(--ink);font:inherit;font-size:16px}
select:hover,input:hover,textarea:hover{border-color:var(--blau)}
select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--blau) 50%),
  linear-gradient(135deg,var(--blau) 50%,transparent 50%);
  background-position:calc(100% - 21px) 55%,calc(100% - 15px) 55%;background-size:6px 6px;
  background-repeat:no-repeat;padding-right:44px}
textarea{resize:vertical}
.chk{display:flex;align-items:flex-start;gap:11px;font-size:13.5px;color:var(--ink-2);
  margin:6px 0 22px;line-height:1.55;cursor:pointer}
.chk input{width:19px;height:19px;accent-color:var(--blau);flex:none;margin-top:2px}
.chk a{color:var(--blau);font-weight:600}
.form-note{font-size:13px;color:var(--ink-2);margin:14px 0 0;text-align:center}
.hp{position:absolute;left:-9999px}

/* Impressum / Datenschutz */
.lege h2{font-size:1.18rem;margin-top:2em}
.lege h2:first-of-type{margin-top:0}
.lege p{color:var(--ink-2)}

/* Fußzeile */
.foot{background:var(--navy);color:var(--ink-inv-2);padding:60px 0 40px;font-size:15px}
.foot-in{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}
.foot .brand{color:#fff;margin-bottom:14px}
.foot .brand svg{fill:var(--orange)}
.foot-brand p{max-width:46ch;margin:0 0 12px}
.foot-tel a{color:#fff;font-weight:800;font-size:21px;text-decoration:none}
.foot-zone{font-size:13.5px}
.foot nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;align-content:start}
.foot nav a{text-decoration:none;font-weight:600}
.foot nav a:hover{color:var(--orange)}
.cr{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);padding-top:24px;margin:12px 0 0;font-size:13.5px}
.dock{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:10px;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);
  backdrop-filter:blur(10px);border-top:1px solid var(--line);box-shadow:0 -10px 30px -22px rgba(10,37,64,.9)}
.dock .btn{flex:1}

/* ---------- responsiv ---------- */
@media (max-width:1080px){
  .nav a{padding:10px 9px;font-size:14px}
  .cronologie{grid-template-columns:repeat(3,1fr);gap:28px}
  .cronologie::before{display:none}
}
@media (max-width:1000px){
  .grid-3,.legate{grid-template-columns:repeat(2,1fr)}
  .hero-in,.argument,.duo,.kontakt-grid{grid-template-columns:1fr;gap:34px}
  .duo--invers .duo-txt{order:0}
  .hero-foto::before{inset:16px -16px -16px 16px}
  .galerie{grid-template-columns:repeat(3,1fr)}
  .cifre{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  html{scroll-padding-top:76px}
  .burger{display:block;margin-left:auto}
  .bar-tel span{display:none}
  .bar-tel{padding:12px 15px}
  .nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:#fff;
    border-bottom:1px solid var(--line);padding:10px 16px 18px;box-shadow:var(--sh-lg);display:none;
    max-height:calc(100vh - 76px);overflow:auto}
  .nav.is-open{display:flex}
  .nav a{padding:14px 12px;font-size:16px;border-bottom:1px solid var(--line);border-radius:0}
  .foot-in{grid-template-columns:1fr}
  body{padding-bottom:76px}
  .dock{display:flex}
  .citat::before{left:16px;font-size:150px}
}
@media (max-width:620px){
  body{font-size:16px}
  .grid-3,.legate,.galerie--banda,.cronologie{grid-template-columns:1fr}
  .galerie{grid-template-columns:repeat(2,1fr)}
  .hero-cta .btn{flex:1;min-width:150px}
  .lista-nr li{grid-template-columns:1fr;gap:8px;padding:24px 20px}
  .ln-nr{font-size:1.15rem}
  .foot nav{grid-template-columns:1fr}
  .cta-in{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}
}

/* Numele firmei e lung: pe ecrane înguste strângem bara ca butonul de meniu
   să nu mai iasă din ecran. */
@media (max-width:430px){
  .bar-in{gap:10px}
  .brand{font-size:15.5px;gap:7px;flex:1 1 auto;min-width:0}
  .brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .brand svg{width:26px;height:26px}
  .bar-tel{padding:11px 14px}
  .burger{width:42px;height:42px;padding:9px}
}