/* ==========================================================================
   www.ordi-life.at · Seiten
   Ergänzt die Markendatei ordilife.css (Farben, Schrift, Kopf, Türen, Karten).
   Hier steht nur, was es auf clarahaffner.at nicht gibt. Regeln der Marke gelten:
   einzige Rundung ist der Türbogen, keine Schatten, keine Verläufe.
   ========================================================================== */

/* Kopfzeile: OrdiLife-Logo statt Wortmarke */
.nav-marke{display:flex;align-items:center;height:var(--nav-h);padding:6px 0;}
.nav-marke img{height:34px;width:auto;}

/* Startseite · Einstieg */
.hero .eyebrow + h1{margin-top:var(--s4);}
.hero-bild .bogen{padding-inline:0;}
.hero-bild .bogen img{aspect-ratio:614/750;object-position:50% 50%;}
.street-nach{margin-top:var(--s6);color:var(--text-2);}

/* Sichtbarkeits-Check als Band mit Formular */
.check-inner{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s7) var(--s8);align-items:center;}
.check-form{display:grid;gap:var(--s4);background:var(--white);border:1px solid var(--line);border-top:3px solid var(--sage);padding:var(--s6);}
.check-form label{display:grid;gap:6px;font-size:17px;font-weight:500;color:var(--ink);}
.check-form input{width:100%;min-height:52px;padding:12px 14px;font:inherit;font-weight:400;color:var(--ink);background:var(--paper);border:1px solid var(--line-strong);border-radius:0;}
.check-form input::placeholder{color:var(--muted);opacity:1;}
.check-form input:focus-visible{outline:2px solid var(--sage-deep);outline-offset:2px;border-color:var(--sage-deep);}
.check-form .btn{width:100%;margin-top:var(--s2);cursor:pointer;}
.check-klein{font-size:16px;color:var(--muted);}

/* Aus der Praxis */
.praxis-inner{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--s7) var(--s8);align-items:start;}
.praxis-liste{list-style:none;padding:0;display:grid;gap:0;border-top:var(--stroke) solid var(--sage-dark);}
.praxis-liste li{display:grid;gap:4px;padding:var(--s4) 0;border-bottom:1px solid var(--line-strong);max-width:none;}
.praxis-liste b{font-weight:600;}
.praxis-liste span{color:var(--text-2);}

/* Wir beide */
.personen-mehr{margin-top:var(--s6);}

/* Das Erstgespräch: Foto und Buchung */
.gespraech-inner{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:var(--s7) var(--s8);align-items:center;}
.gespraech-inner img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}
.gespraech-inner .check-klein{margin-top:var(--s4);}

/* Fragen und Antworten */
.fragen{margin-top:var(--s6);border-top:var(--stroke) solid var(--sage-dark);max-width:52rem;}
.frage{border-bottom:1px solid var(--line-strong);}
.frage summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s4);align-items:center;padding:var(--s4) 0;cursor:pointer;list-style:none;min-height:56px;}
.frage summary::-webkit-details-marker{display:none;}
.frage summary h3{font-size:20px;font-weight:500;line-height:1.35;}
.frage-auf{position:relative;width:18px;height:18px;flex:none;}
.frage-auf::before,.frage-auf::after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:var(--sage-deep);transition:transform var(--t);}
.frage-auf::after{transform:rotate(90deg);}
.frage[open] .frage-auf::after{transform:rotate(0);}
.frage p{padding:0 0 var(--s5);color:var(--text-2);max-width:46rem;}
.frage summary:hover h3{color:var(--sage-dark);}

/* Schmale Bildschirme */
@media (max-width:1000px){
  .check-inner,.praxis-inner,.gespraech-inner{grid-template-columns:minmax(0,1fr);gap:var(--s6);}
}
@media (max-width:640px){
  .nav-marke img{height:28px;}
  .check-form{padding:var(--s5);}
  .frage summary h3{font-size:19px;}
}

/* Türseiten: Verweise auf Bausteine, die bei einer anderen Tür ausführlich stehen */
.verweise{margin-top:var(--s6);}
.verweise-kopf{font-size:var(--caps);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mod-ink,var(--sage-deep));max-width:none;}
.verweise ul{list-style:none;padding:0;margin-top:var(--s3);border-top:1px solid var(--line-strong);}
.verweise li{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--s2) var(--s6);padding:var(--s3) 0;border-bottom:1px solid var(--line);max-width:none;}
.verweise li a{font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--mod,var(--sage-light));text-underline-offset:5px;}
.verweise li a:hover{color:var(--mod-ink,var(--sage-dark));}
.vw-was{color:var(--text-2);}
.bereich + .bereich{margin-top:var(--s8);}
.tuer-kopf + .section{padding-top:var(--s7);}
@media (max-width:760px){.verweise li{grid-template-columns:minmax(0,1fr);}}

/* Leistungen von A bis Z */
.az-buchstaben{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s5);}
.az-buchstaben a{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--line-strong);background:var(--white);color:var(--sage-dark);font-weight:600;text-decoration:none;}
.az-buchstaben a:hover{background:var(--sage-deep);color:#fff;border-color:var(--sage-deep);}
.az-seite{padding-top:var(--s7);}
.az-gruppe{scroll-margin-top:calc(var(--nav-h) + 16px);}
.az-gruppe + .az-gruppe{margin-top:var(--s7);}
.az-gruppe h2{font-size:34px;font-weight:600;color:var(--sage-deep);padding-bottom:var(--s2);border-bottom:var(--stroke) solid var(--sage-dark);}
.az-gruppe ul{list-style:none;padding:0;}
.az-gruppe li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr) minmax(0,3fr);gap:var(--s2) var(--s6);align-items:start;padding:var(--s4) 0;border-bottom:1px solid var(--line);max-width:none;}
.az-name{font-size:20px;font-weight:600;}
.az-name a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--sage-light);text-underline-offset:5px;}
.az-name a:hover{text-decoration-color:var(--sage-dark);}
.az-was{color:var(--text-2);max-width:none;}
.az-tueren{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;}
.az-tuer{padding:4px 10px;border:1px solid var(--mod);color:var(--mod-ink,var(--sage-dark));font-size:15px;font-weight:500;letter-spacing:.06em;text-decoration:none;}
.az-tuer:hover{background:color-mix(in srgb,var(--mod) 14%,var(--white));}
@media (max-width:860px){.az-gruppe li{grid-template-columns:minmax(0,1fr);}.az-tueren{justify-content:flex-start;}}

/* Kontakt: beide Adressen untereinander */
.kontakt-mail{display:flex;flex-direction:column;}
.kopier-zeile{display:flex;align-items:center;gap:var(--s3);padding:0 0 var(--s3);font-size:16px;}
.kopier-zeile .kopier-knopf{font:inherit;font-size:16px;padding:6px 12px;background:none;border:1px solid var(--line-strong);color:var(--sage-dark);cursor:pointer;min-height:40px;}
.kopier-zeile .kopier-knopf:hover{background:var(--sage-deep);color:#fff;border-color:var(--sage-deep);}

/* Schilder (Online-Werkzeug, Plattform, Automatisierung): ruhige Zeile unter dem Namen statt Kasten, der wie ein Knopf wirkt */
.schild,.schild-wz,.schild-auto,.bs-kopf .schild,.az-name .schild{display:block;margin:4px 0 0;padding:0;border:0;background:none;font-size:15px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;line-height:1.4;color:var(--muted);}
.schild::before{content:"";display:inline-block;width:5px;height:5px;margin:0 .7em 3px 0;background:var(--sage);vertical-align:middle;}
.bs-kopf{margin-bottom:var(--s3);}
.bs-kopf > h2,.bs-kopf > h3{display:block;}

/* Menü mit sechs Punkten: nie umbrechen, auf mittleren Breiten enger */
.nav-links a{white-space:nowrap;}
@media (max-width:1180px){
  .nav-links a{padding:9px 9px;font-size:15.5px;letter-spacing:.03em;}
  .nav-links .nav-cta{margin-left:6px;padding:11px 14px;letter-spacing:.1em;}
}