/* clarahaffner.at: Zeichnungen und Bausteine der OrdiLife-Methode im Stil der Seite
   (übernommen aus entwurf-methode/stil.css, alle Regeln unter .om, 18.09.2026) */
.om{
  --bg:#FAFAFA; --surface:#FFFFFF; --surface-2:#F5F0E8;
  --ink:#1A1A1A; --ink-muted:#666666; --ink-faint:#999999;
  --border:rgba(43,107,110,0.15); --border-strong:rgba(43,107,110,0.3);
  --accent:#2B6B6E; --accent-soft:#E8F2F2;
  --c-raum:#2E6DA4; --c-start:#4C7A34; --c-run:#7A4FA0; --c-grow:#B5661F; --c-next:#1E8E9A;
  --serif:'Playfair Display', Georgia, serif; --sans:'Lato', sans-serif;
  color:var(--ink);
}
.om h2,.om h3,.om h4{font-family:var(--serif);color:var(--ink);font-weight:500;}
.om p{margin:0;}
.om a:focus-visible{outline:2px solid var(--mod, var(--accent));outline-offset:3px;}
.om svg.ill{overflow:visible; display:block;}
.om .sketch-shadow{color:var(--ink-faint); opacity:.4; transform:translate(1.2px,0.9px);}
.om .sketch-main{color:var(--door-color, var(--ink));}
.om .accent-shadow{color:var(--ink-faint); opacity:.35; transform:translate(1.1px,0.85px);}
.om .accent-main{color:var(--accent-color, var(--ink));}
.om .wash{position:absolute; inset:0; z-index:-1;
  border-radius:50%; opacity:.7;
  background:radial-gradient(circle at 50% 38%, color-mix(in srgb, var(--mod, var(--accent)) 26%, transparent), transparent 72%);
  filter:blur(2px);}
.om .icon-stack{position:relative; width:4.2rem; height:4.2rem;}
.om .icon-stack .door-ill{width:2.1rem; height:2.1rem; position:absolute; left:0; bottom:0;}
.om .icon-stack .symbol-ill{width:2.85rem; height:2.85rem; position:absolute; right:0; top:0;}
.om .mini-stations{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(5, 1fr); gap:0.6rem;}
.om .mini{background:var(--bg); border:1px solid var(--border); border-radius:4px;
  padding:1rem 0.8rem 1.1rem; text-align:center; text-decoration:none; color:inherit;
  display:flex; flex-direction:column; align-items:center; gap:0.25rem;}
.om .mini:hover{border-color:var(--mod);}
.om .mini .icon-stack{margin-bottom:0.4rem;}
.om .mini b{font-family:var(--serif); font-size:1.02rem; font-weight:600;}
.om .mini small{font-size:0.78rem; color:var(--ink-faint);}
.om .stations{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:1rem;}
.om .station{background:var(--bg);
  border:1px solid var(--border);
  border-left:3px solid var(--mod);
  border-radius:4px;
  padding:1.5rem 1.6rem 1.6rem;
  display:grid; grid-template-columns:12.5rem 1fr; gap:1.2rem 2rem; align-items:start;
  scroll-margin-top:4.2rem;}
.om .raum{--mod:var(--c-raum);}
.om .start{--mod:var(--c-start);}
.om .run{--mod:var(--c-run);}
.om .grow{--mod:var(--c-grow);}
.om .next{--mod:var(--c-next);}
.om .station-id{display:flex; flex-direction:column; align-items:flex-start; gap:0.5rem;}
.om .station-id .num{width:1.6rem; height:1.6rem; border-radius:50%;
  border:1.5px solid var(--mod); color:var(--mod);
  display:grid; place-items:center;
  font-family:var(--serif); font-weight:600; font-size:0.88rem; line-height:1;}
.om .station-id .icon-stack{margin:0.2rem 0 0.3rem;}
.om .station h3{font-size:1.3rem; font-weight:600;}
.om .station h3 small{display:block; font-family:var(--sans); font-size:0.8rem; color:var(--ink-faint); font-weight:600; margin-top:0.15rem;}
.om .tag{display:inline-block;
  font-size:0.68rem; letter-spacing:0.04em;
  padding:0.15rem 0.5rem;
  border:1px solid var(--border-strong); border-radius:2px;
  color:var(--ink-faint);}
.om .tag.on{color:var(--mod); border-color:var(--mod);}
.om .station-body{display:flex; flex-direction:column; gap:1rem;}
.om .station-body p{font-size:1rem; line-height:1.6;}
.om .station-body ul{margin:0; padding-left:1.1rem; display:flex; flex-direction:column; gap:0.4rem; font-size:0.95rem; line-height:1.55;}
.om .station-body h4{font-family:var(--sans); font-size:0.76rem; letter-spacing:0.09em; text-transform:uppercase; color:var(--ink-muted); font-weight:600;}
.om .station-body a{color:var(--mod); font-weight:600; text-decoration:none;}
.om .station-body a:hover{text-decoration:underline; text-underline-offset:3px;}
.om .station-body .status{font-size:0.9rem; color:var(--ink-muted); border-left:2px solid var(--border-strong); padding-left:0.8rem;}
.om .rooms{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.6rem;}
.om .rooms li{display:grid; grid-template-columns:0.9rem 1fr; gap:0.8rem; font-size:0.95rem; line-height:1.55;}
.om .rooms i{width:0.9rem; height:0.9rem; margin-top:0.3rem; border-radius:2px; border:1.5px solid var(--mod); background:color-mix(in srgb, var(--mod) var(--t, 20%), transparent);}
.om .rooms i.opt{background:none; border-style:dashed; border-color:var(--ink-faint);}
.om .rooms b{font-weight:700;}
.om .people{display:grid; grid-template-columns:1fr 1fr; gap:0.8rem;}
.om .person{border:1px solid var(--border-strong); border-radius:4px;
  padding:1.2rem 1.3rem;
  display:flex; flex-direction:column; align-items:flex-start; gap:0.3rem;
  scroll-margin-top:4.2rem;}
.om .person h4{margin:0; font-size:1.12rem; font-weight:600;}
.om .person .role{color:var(--ink-muted); font-size:0.9rem; line-height:1.45; margin-bottom:0.5rem;}
.om .person .bio{font-size:0.94rem; line-height:1.6; margin-bottom:0.6rem;}
.om .person a{text-decoration:none; font-size:0.94rem; overflow-wrap:anywhere;}
.om .person a:hover{text-decoration:underline; text-underline-offset:3px;}
.om .person a.web{color:var(--accent); font-weight:600;}
.om .ki-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem;}
.om .ki-grid div{background:var(--bg); border:1px solid var(--border); border-radius:4px; padding:1.3rem 1.4rem;}
.om .ki-grid b{display:block; font-family:var(--serif); font-size:1.1rem; font-weight:600; margin-bottom:0.4rem;}
.om .ki-grid p{color:var(--ink-muted); font-size:0.95rem; line-height:1.6;}
.om .steps{list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(3, 1fr);
  border-top:1px solid var(--border-strong);}
.om .steps li{padding:1.2rem 1.2rem 0 0; display:flex; flex-direction:column; gap:0.4rem;}
.om .steps li + li{padding-left:1.2rem; border-left:1px solid var(--border);}
.om .steps .n{font-family:var(--serif); font-size:1.75rem; line-height:1; color:var(--accent); font-weight:500;}
.om .steps h4{margin:0; font-size:1.05rem; font-weight:600;}
.om .steps .meta{font-size:0.84rem; font-weight:700;}
.om .steps p{color:var(--ink-muted); font-size:0.92rem; line-height:1.55;}
.om .question{border-left:2px solid var(--accent);
  padding:0.15rem 0 0.15rem 1rem;
  font-family:var(--serif); font-style:italic; font-size:1.2rem; line-height:1.45;
  max-width:40rem;}
.om .question small{display:block; font-family:var(--sans); font-style:normal; font-size:0.86rem; color:var(--ink-muted); margin-top:0.45rem; line-height:1.5;}
.om .notes{display:grid; grid-template-columns:repeat(2, 1fr); gap:1.4rem; max-width:48rem;}
.om .notes div{border-left:2px solid var(--border-strong); padding-left:1rem;}
.om .notes b{display:block; font-family:var(--serif); font-size:1.05rem; font-weight:600; margin-bottom:0.3rem;}
.om .notes p{color:var(--ink-muted); font-size:0.94rem; line-height:1.55;}
.om .rooms-model{--mod:var(--c-run); display:grid; grid-template-columns:minmax(0, 19rem) minmax(0, 1fr); gap:2.4rem; align-items:center;}
.om .rooms-model .plan svg,.om .plan-small svg{display:block; width:100%; height:auto;}
.om .rooms-text{display:flex; flex-direction:column; gap:1rem;}
.om .rooms-text h3{font-size:1.25rem; font-weight:600;}
.om .plan-small{max-width:17rem; margin:0.4rem 0 0.2rem;}
@media (max-width:720px){.om .rooms-model{ grid-template-columns:1fr; gap:1.4rem; }.om .rooms-model .plan{ max-width:18rem; }}
.om .tool-ill{display:block; width:100%; max-width:15rem; height:auto; margin-bottom:0.6rem;}
.om .om-model{grid-column:1 / -1;
  display:grid; grid-template-columns:minmax(0, 21rem) minmax(0, 1fr); gap:1.4rem 2.4rem; align-items:start;
  border-top:1px solid var(--border); padding-top:1.5rem;
  --om-bg:var(--bg);}
.om .om-fig{margin:0; min-width:0;}
.om .om-fig svg{display:block; width:100%; height:auto;}
.om .om-caption{margin-top:0.6rem; font-size:0.8rem; line-height:1.5; color:var(--ink-muted);}
.om .om-text{display:flex; flex-direction:column; gap:1rem; min-width:0;}
.om .om-title{font-size:1.15rem; font-weight:600;}
.om .om-list{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.9rem;}
.om .om-list li{display:grid; grid-template-columns:1.6rem minmax(0, 1fr); gap:0.8rem; font-size:0.95rem; line-height:1.5;}
.om .om-num{width:1.6rem; height:1.6rem; border-radius:50%;
  border:1.5px solid var(--mod); color:var(--mod);
  display:grid; place-items:center;
  font-family:var(--serif); font-weight:600; font-size:0.88rem; line-height:1;}
.om .om-swatch{width:0.9rem; height:0.9rem; margin:0.3rem 0 0 0.35rem; border-radius:2px;
  border:1.5px solid var(--mod);
  background:color-mix(in srgb, var(--mod) var(--t, 20%), transparent);}
.om .om-swatch.opt{background:none; border-style:dashed; border-color:var(--ink-faint);}
.om .om-list b{font-weight:700;}
.om .om-verb{color:var(--ink-muted); font-size:0.88rem; margin-left:0.3rem;}
.om .om-list p{color:var(--ink-muted); font-size:0.94rem; line-height:1.55; margin-top:0.15rem;}
.om .om-note{color:var(--ink-muted); font-size:0.94rem; line-height:1.6;}
.om .om-list a{color:var(--mod); font-weight:600; text-decoration:none;}
.om .om-list a:hover{text-decoration:underline; text-underline-offset:3px;}
@media (max-width:720px){.om .om-model{ grid-template-columns:minmax(0, 1fr); gap:1.2rem; padding-top:1.2rem; }.om .om-fig{ max-width:18rem; }}
.om .om-mini{display:block; width:100%; height:6.5rem; margin-bottom:0.5rem; --om-bg:var(--bg);}
.om .om-mini .sketch-shadow{transform:translate(3px, 2.2px);}

/* Anpassungen: Stationsnamen (OrdiRaum, OrdiStart …) als Hauptbegriff groß */
.om .station h3{font-size:1.7rem;font-weight:600;color:var(--mod);line-height:1.15;}
.om .station h3 small{font-size:0.95rem;color:var(--ink-muted);font-weight:400;font-family:var(--sans);margin-top:0.3rem;}
.om .mini b{font-size:1.3rem;color:var(--mod);}
.om .mini small{font-size:0.85rem;color:var(--ink-muted);}
.om .station-body p,.om .om-list li,.om .rooms li{font-weight:300;}
.om .question{border-left:2px solid var(--accent);padding:0.15rem 0 0.15rem 1rem;font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.45;max-width:40rem;color:var(--ink);}
.om .question small{display:block;font-family:var(--sans);font-style:normal;font-size:0.86rem;color:var(--ink-muted);margin-top:0.45rem;line-height:1.5;}
.om .om-block{margin-top:56px;}
.om .om-lead{font-size:15px;color:var(--text2);line-height:1.8;font-weight:300;max-width:640px;margin:12px 0 32px;}
.om .om-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:40px;}
.om .person a{color:var(--accent);}
.om .person h4{font-size:1.2rem;}
.om-photo{margin:0 0 48px;}
.om-photo img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;}
.om-photo figcaption{font-size:13px;color:var(--text2);margin-top:10px;font-weight:300;}
@media(max-width:720px){.om-photo img{aspect-ratio:4/3;}}
.tool-sketch{background:var(--white);border:1px solid var(--border);padding:14px 16px;margin-bottom:22px;}
.tool-sketch .tool-ill{margin:0 auto;max-width:17rem;}
.om [id]{scroll-margin-top:88px;}
@media (max-width:820px){
  .om .steps{grid-template-columns:1fr;}
  .om .steps li{padding-right:0;}
  .om .steps li + li{padding-left:0;border-left:none;border-top:1px solid var(--border);margin-top:1.2rem;}
  .om .people,.om .ki-grid{grid-template-columns:1fr;}
  .om .station{grid-template-columns:1fr;gap:1rem;}
  .om .mini-stations{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:520px){
  .om .station{padding:1.2rem 1.1rem 1.3rem;}
  .om .mini-stations{grid-template-columns:repeat(2,1fr);}
  .om .station h3{font-size:1.5rem;}
}
.om .textlink{color:var(--accent);font-weight:600;text-decoration:none;}
.om .textlink:hover{text-decoration:underline;text-underline-offset:3px;}
/* Tools als Spaltenleiste (wie im Methoden-Entwurf) */
.om .svc{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);}
.om .svc-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.om .svc-item{background:var(--surface);padding:32px 28px;display:flex;flex-direction:column;gap:10px;}
.om .svc-num{font-size:11px;letter-spacing:2px;font-weight:700;color:var(--accent);}
.om .svc-item h3{font-size:20px;font-weight:500;line-height:1.3;}
.om .svc-item p{color:var(--ink-muted);font-size:14px;line-height:1.7;font-weight:300;}
.om .svc-item .tool-ill{max-width:15rem;margin-bottom:12px;}
@media(max-width:820px){.om .svc-3{grid-template-columns:1fr;}}
/* Einleitung OrdiLife-Seite (Text Clara, 18.09.2026) */
.olm-intro{margin-top:24px;max-width:640px;}
.olm-intro .page-hero-sub{margin-top:0;margin-bottom:14px;max-width:none;}
.om .olm-stations{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(19px,2.2vw,24px);color:#A8D5D6;line-height:1.4;margin:6px 0 20px;}
.om .olm-close{font-family:'Playfair Display',serif;font-size:clamp(18px,2vw,21px);color:#fff;line-height:1.45;margin-top:22px;}