/* =====================================================================
   Notariat Juliane Rasch · Oschatz — Site Stylesheet
   Schriften: Bellefair (Display-Serif) + Jost (Sans)
   Farbwelt: CI-Rasch (Gold/Sand auf Eierschale/Creme)
   ===================================================================== */

/* ---------- Fonts (echtes WOFF2, subgesetzt) ---------- */
@font-face{font-family:'Bellefair';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/bellefair-400.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;
  src:url('fonts/jost-300.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;
  src:url('fonts/jost-400.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;
  src:url('fonts/jost-500.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:600;font-display:swap;
  src:url('fonts/jost-600.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:700;font-display:swap;
  src:url('fonts/jost-700.woff2') format('woff2');}

/* ---------- Design-Tokens ---------- */
:root{
  --gold:#EABF74;          /* CI default-1 — Primärgold */
  --gold-2:#DEBE78;        /* CI default-5 */
  --gold-deep:#BEA15A;     /* CI default-6 — kräftiges Gold */
  --gold-text:#A9842F;     /* lesbares Gold für Links/Akzent-Text auf hell */
  --gold-soft:#F3E6C9;     /* sehr helles Gold für Flächen/Hover */
  --cream:#FBF8F1;         /* CI grau-rasch1 — hellste Fläche */
  --cream-2:#F7F2E3;       /* CI grau-rasch2 — warme Eierschale */
  --gray:#EFEFEF;          /* CI grau-efefef */
  --paper:#FFFFFF;
  --ink:#2A2723;           /* Headlines / Haupttext (warmes Schwarz) */
  --ink-soft:#5C564C;      /* Fließtext gedämpft */
  --ink-mute:#8A8275;      /* Eyebrows, Meta */
  --dark:#32302D;          /* Footer + dunkle „Sonstiges"-Box */
  --dark-2:#3D3A35;
  --line:#E4DECF;          /* feine Trennlinien auf Creme */
  --line-soft:rgba(0,0,0,.10);
  --serif:'Bellefair',Georgia,'Times New Roman',serif;
  --sans:'Jost',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --wrap:1180px;
  --radius:4px;
  --shadow:0 18px 48px rgba(60,50,30,.14);
}

/* ---------- Reset / Base ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  margin:0;font-family:var(--sans);font-weight:300;
  color:var(--ink-soft);background:var(--cream);
  line-height:1.7;font-size:16.5px;letter-spacing:.005em;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block;}
a{color:var(--gold-text);text-decoration:none;transition:color .2s;}
a:hover{color:var(--gold-deep);}
h1,h2,h3,h4{font-family:var(--serif);color:var(--ink);font-weight:400;line-height:1.12;margin:0;letter-spacing:.01em;}
h1{font-size:clamp(2.4rem,5vw,3.5rem);}
h2{font-size:clamp(1.9rem,3.6vw,2.6rem);}
h3{font-size:1.45rem;}
p{margin:0 0 1.1em;}
strong{font-weight:600;color:var(--ink);}
em{font-style:italic;}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px;}
section{position:relative;}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 18px;z-index:1000;border-radius:0 0 6px 0;}
.skip-link:focus{left:0;}
:focus-visible{outline:2px solid var(--gold-deep);outline-offset:3px;}

/* ---------- Typo-Bausteine ---------- */
.eyebrow{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gold-text);margin:0 0 14px;display:block;}
.divider{width:74px;height:3px;background:var(--gold);border:0;margin:18px 0 26px;}
.section-head{text-align:center;margin:0 auto 52px;max-width:760px;}
.section-head .divider{margin:18px auto 0;}
.lead{font-size:1.18rem;color:var(--ink-soft);font-weight:300;line-height:1.7;}
.center{text-align:center;}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);
  font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  padding:15px 30px;border-radius:var(--radius);cursor:pointer;border:1.5px solid transparent;
  transition:background .25s,color .25s,border-color .25s,transform .2s;line-height:1;}
.btn svg{width:17px;height:17px;}
.btn-gold{background:var(--gold);color:var(--ink);border-color:var(--gold);}
.btn-gold:hover{background:var(--gold-deep);border-color:var(--gold-deep);color:var(--ink);transform:translateY(-2px);}
.btn-dark{background:var(--dark);color:#fff;border-color:var(--dark);}
.btn-dark:hover{background:#000;border-color:#000;color:#fff;transform:translateY(-2px);}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--ink);}
.btn-outline:hover{background:var(--ink);color:#fff;}
.btn-light{background:#fff;color:var(--ink);border-color:#fff;}
.btn-light:hover{background:var(--gold);border-color:var(--gold);}

/* ===================================================================
   HEADER
   =================================================================== */
.site-header{position:sticky;top:0;z-index:200;background:#fff;
  border-bottom:1.5px solid var(--gold);}
.site-header.scrolled{box-shadow:0 6px 22px rgba(60,50,30,.08);}
.header-inner{max-width:var(--wrap);margin:0 auto;padding:0 28px;height:84px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;}
.header-right{display:flex;align-items:center;gap:28px;}
.logo{display:flex;align-items:center;gap:13px;flex-shrink:0;}
.logo img{height:46px;width:auto;}
.logo .logo-txt{display:flex;flex-direction:column;line-height:1;}
.logo .logo-name{font-family:var(--serif);font-size:21px;letter-spacing:.14em;color:var(--ink);}
.logo .logo-sub{font-family:var(--sans);font-size:9.5px;font-weight:500;letter-spacing:.28em;
  text-transform:uppercase;color:var(--ink-mute);margin-top:4px;}
.main-nav{display:flex;align-items:center;gap:30px;}
.main-nav a{font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.04em;
  color:var(--ink);text-transform:none;position:relative;padding:6px 0;}
.main-nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;
  background:var(--gold);transition:width .25s;}
.main-nav a:hover::after,.main-nav a.active::after{width:100%;}
.main-nav a:hover{color:var(--ink);}
.header-tools{display:flex;align-items:center;gap:14px;}
/* A11y-Trigger (Männchen) */
.a11y-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;
  border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;color:var(--ink);
  transition:background .25s,color .25s,border-color .25s;}
.a11y-btn:hover{background:var(--gold);border-color:var(--gold);}
.a11y-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
/* Hamburger (nur Mobile/Tablet) */
.hamburger{display:none;align-items:center;gap:10px;height:42px;padding:0 16px;
  border:1px solid var(--ink);border-radius:12px;background:transparent;cursor:pointer;
  font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);}
.hamburger .bars{display:inline-flex;flex-direction:column;gap:4px;width:20px;}
.hamburger .bars span{display:block;height:1.6px;width:20px;background:currentColor;border-radius:2px;}
.hamburger:hover{background:var(--gold);border-color:var(--gold);}

/* ===================================================================
   HERO (Startseite)
   =================================================================== */
.hero{background:var(--cream);padding:64px 0 78px;}
.hero-grid{display:grid;grid-template-columns:1fr 0.86fr;gap:64px;align-items:center;}
.hero-eyebrow{color:var(--gold-text);}
.hero h1{font-size:clamp(2.6rem,5.2vw,4rem);line-height:1.06;margin-bottom:8px;}
.hero h1 .l2{display:block;}
.hero-contact{margin-top:34px;display:flex;flex-direction:column;gap:20px;max-width:430px;}
.hc-row{display:flex;gap:16px;align-items:flex-start;}
.hc-row .ic{flex-shrink:0;width:30px;height:30px;opacity:.9;}
.hc-row .ic img{width:100%;height:100%;}
.hc-row .tx{font-size:14.5px;line-height:1.55;color:var(--ink-soft);}
.hc-row .tx a{color:var(--ink-soft);}
.hc-row .tx a:hover{color:var(--gold-deep);}
.hc-row .tx strong{display:block;color:var(--ink);font-weight:500;margin-bottom:1px;}
/* Hero-Bild mit Gold-Versatzrahmen */
.hero-figure{position:relative;}
.hero-figure .frame{position:absolute;inset:24px -22px -22px 24px;background:var(--gold);border-radius:2px;z-index:0;}
.hero-figure img{position:relative;z-index:1;width:100%;height:auto;border-radius:2px;
  box-shadow:0 22px 50px rgba(60,50,30,.18);object-fit:cover;}

/* ===================================================================
   SECTIONS allgemein
   =================================================================== */
.sec{padding:84px 0;}
.sec-cream2{background:var(--cream-2);}
.sec-paper{background:var(--paper);}

/* Tätigkeitsbereiche-Intro (Text + 2 Innenfotos) */
.taet-intro{display:grid;grid-template-columns:1fr 1fr;gap:56px 64px;align-items:center;}
.taet-intro .col p{font-size:15.5px;line-height:1.75;}
.taet-figs{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.taet-figs img{border-radius:3px;box-shadow:0 14px 34px rgba(60,50,30,.14);
  border:6px solid #fff;outline:1px solid var(--gold);outline-offset:-6px;}
.taet-figs img:first-child{margin-top:34px;}
.taet-fig{margin:0;}
.taet-fig img{width:100%;border-radius:3px;box-shadow:0 16px 38px rgba(60,50,30,.16);
  border:7px solid #fff;outline:1px solid var(--gold);outline-offset:-7px;object-fit:cover;}

/* Rechtsgebiet-Boxen */
.felder-head{text-align:center;max-width:740px;margin:0 auto 46px;}
.felder-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.felder-box{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);
  padding:34px 36px;transition:transform .25s,box-shadow .25s,border-color .25s;display:block;}
.felder-box:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--gold);}
.felder-box h3{margin-bottom:12px;}
.felder-box p{font-size:14.5px;color:var(--ink-soft);margin-bottom:18px;line-height:1.65;}
.felder-box .more{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--gold-text);display:inline-flex;align-items:center;gap:9px;}
.felder-box .more svg{width:18px;height:11px;}
.felder-box:hover .more{color:var(--gold-deep);}
.felder-box.wide{grid-column:1 / -1;background:var(--dark);border-color:var(--dark);}
.felder-box.wide h3,.felder-box.wide p{color:#fff;}
.felder-box.wide p{color:rgba(255,255,255,.82);}
.felder-box.wide .more{color:var(--gold);}
.felder-box.wide:hover{transform:translateY(-3px);border-color:var(--gold);}

/* ===================================================================
   ANFAHRT (So finden Sie zu uns)
   =================================================================== */
.anfahrt-grid{display:grid;grid-template-columns:1.05fr 0.95fr;gap:0;align-items:stretch;
  background:var(--paper);border-radius:4px;overflow:hidden;box-shadow:var(--shadow);}
.anfahrt-grid .a-img{position:relative;min-height:420px;}
.anfahrt-grid .a-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.anfahrt-grid .a-info{padding:48px 50px;}
.anfahrt-grid .a-info h3{font-size:1.6rem;margin-bottom:6px;}
.anfahrt-grid .a-info .addr{font-size:15px;color:var(--ink-soft);margin-bottom:22px;}
.anfahrt-grid .a-info h4{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-text);margin:18px 0 6px;}
.anfahrt-grid .a-info p{font-size:14.5px;line-height:1.65;}
.anfahrt-grid .a-info .btn{margin-top:24px;}
.anfahrt-note{font-size:11.5px;color:var(--ink-mute);margin-top:16px;line-height:1.5;font-style:italic;}

/* ===================================================================
   FOOTER
   =================================================================== */
footer.site-footer{background:var(--dark);color:rgba(255,255,255,.78);padding:64px 0 28px;}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;}
.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.footer-logo img{height:42px;width:auto;}
.footer-logo .fl-name{font-family:var(--serif);font-size:19px;letter-spacing:.12em;color:#fff;}
.footer-about{font-size:13.5px;line-height:1.7;color:rgba(255,255,255,.62);max-width:330px;}
.footer-col h4{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold);margin:4px 0 16px;}
.footer-col a,.footer-col span{display:block;font-size:13.5px;color:rgba(255,255,255,.72);
  margin-bottom:9px;line-height:1.5;}
.footer-col a:hover{color:var(--gold);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.12);margin-top:46px;padding-top:22px;
  font-size:12px;color:rgba(255,255,255,.5);}
.footer-credit{display:inline-flex;align-items:center;gap:6px;}
.footer-credit a{color:var(--gold);}
.footer-credit .heart{width:13px;height:13px;fill:var(--gold);}

/* ===================================================================
   KONTAKT-MODAL (Popup)
   =================================================================== */
.modal-overlay{position:fixed;inset:0;background:rgba(40,35,28,.55);backdrop-filter:blur(5px);
  z-index:500;display:flex;align-items:center;justify-content:center;padding:24px;
  opacity:0;pointer-events:none;transition:opacity .3s;}
.modal-overlay.open{opacity:1;pointer-events:auto;}
.modal{background:var(--cream);border-radius:8px;overflow:hidden;width:100%;max-width:880px;
  max-height:92vh;display:grid;grid-template-columns:0.82fr 1fr;box-shadow:0 30px 80px rgba(0,0,0,.4);
  transform:translateY(14px);transition:transform .3s;overflow-y:auto;}
.modal-overlay.open .modal{transform:none;}
.modal-img{position:relative;min-height:100%;}
.modal-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.modal-img .pad{position:absolute;left:0;right:0;bottom:0;padding:26px 28px;color:#fff;
  background:linear-gradient(to top,rgba(30,26,20,.82),transparent);}
.modal-img .pad small{display:block;font-family:var(--sans);font-size:11px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;}
.modal-img .pad .pt{font-family:var(--serif);font-size:19px;line-height:1.25;}
.modal-form{padding:40px 42px;position:relative;}
.modal-close{position:absolute;top:14px;right:16px;width:38px;height:38px;border:0;border-radius:50%;
  background:rgba(0,0,0,.06);font-size:17px;cursor:pointer;color:var(--ink);line-height:1;z-index:3;
  display:flex;align-items:center;justify-content:center;transition:background .2s;}
.modal-close:hover{background:var(--gold);}
.modal-form h3{font-size:1.7rem;margin-bottom:8px;}
.modal-form .lead{font-size:14px;margin-bottom:20px;}

/* ---------- Formulare ---------- */
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.field{margin-bottom:14px;}
.field label{display:block;font-family:var(--sans);font-size:12px;font-weight:500;
  letter-spacing:.04em;color:var(--ink);margin-bottom:6px;}
.field label .req{color:var(--gold-deep);}
.field input,.field select,.field textarea{width:100%;font-family:var(--sans);font-size:14.5px;
  font-weight:300;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:4px;
  padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(234,191,116,.22);}
.field textarea{min-height:104px;resize:vertical;}
.field-file input[type=file]{padding:9px;font-size:13px;cursor:pointer;}
.field-check{display:flex;gap:11px;align-items:flex-start;font-size:12.5px;color:var(--ink-soft);
  line-height:1.5;margin:6px 0 18px;}
.field-check input{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:var(--gold-deep);}
.form-hint{font-size:11.5px;color:var(--ink-mute);line-height:1.5;margin:4px 0 16px;}
.form-status{font-size:14px;padding:12px 16px;border-radius:6px;margin-top:14px;display:none;}
.form-status.show{display:block;}
.form-status.ok{background:#eef6ec;color:#2f6b34;border:1px solid #c7e3c4;}
.form-status.err{background:#fbecec;color:#9a342f;border:1px solid #efc9c6;}
.form-submit{width:100%;justify-content:center;margin-top:6px;}
.modal-meta{display:flex;gap:24px;margin-top:18px;font-size:12.5px;color:var(--ink-soft);flex-wrap:wrap;}
.modal-meta strong{color:var(--gold-text);font-weight:600;}

/* ===================================================================
   MENU-OVERLAY (Mobile, Eierschale)
   =================================================================== */
.menu-overlay{position:fixed;inset:0;background:var(--cream-2);z-index:600;
  transform:translateX(100%);transition:transform .42s cubic-bezier(.7,0,.2,1);
  overflow-y:auto;display:flex;flex-direction:column;}
.menu-overlay.open{transform:none;}
.menu-top{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;
  border-bottom:1px solid var(--line);}
.menu-logo{display:flex;align-items:center;gap:12px;}
.menu-logo img{height:42px;}
.menu-logo .logo-name{font-family:var(--serif);font-size:19px;letter-spacing:.13em;color:var(--ink);}
.menu-close{width:46px;height:46px;border:1px solid var(--ink);border-radius:12px;background:transparent;
  cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);}
.menu-close svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;}
.menu-nav{flex:1;padding:30px 28px;display:flex;flex-direction:column;gap:4px;}
.menu-nav a{font-family:var(--serif);font-size:2rem;color:var(--ink);padding:11px 0;
  border-bottom:1px solid var(--line);transition:color .2s,padding .2s;}
.menu-nav a:hover{color:var(--gold-deep);padding-left:8px;}
.menu-nav a em{color:var(--gold-deep);font-style:italic;}
.menu-bottom{padding:24px 28px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-soft);}
.menu-bottom .mb-contact{margin-bottom:12px;line-height:1.6;}
.menu-bottom .mb-contact strong{color:var(--ink);}
.menu-legal{display:flex;gap:20px;}
.menu-legal a{font-size:12.5px;color:var(--ink-mute);}

/* ===================================================================
   A11y-DRAWER (Barrierefreiheit)
   =================================================================== */
.sc-drawer{position:fixed;top:96px;right:18px;z-index:700;width:312px;max-width:calc(100vw - 32px);
  background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);
  padding:22px 24px;opacity:0;transform:translateY(-8px);pointer-events:none;
  transition:opacity .25s,transform .25s;font-family:var(--sans);}
.sc-drawer.open{opacity:1;transform:none;pointer-events:auto;}
.sc-drawer h3{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-text);margin-bottom:16px;}
.sc-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line-soft);}
.sc-section:last-of-type{border-bottom:0;}
.sc-label{font-size:13px;font-weight:500;color:var(--ink);margin-bottom:9px;display:block;}
.sc-options{display:flex;gap:6px;flex-wrap:wrap;}
.sc-options button{font-family:inherit;font-size:12px;font-weight:500;padding:8px 13px;
  border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:7px;cursor:pointer;
  transition:background .2s,color .2s,border-color .2s;}
.sc-options button:hover{border-color:var(--gold);}
.sc-options button.active{background:var(--gold);color:var(--ink);border-color:var(--gold);}
.sc-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-size:13.5px;color:var(--ink);cursor:pointer;user-select:none;}
.sc-toggle .switch{position:relative;width:40px;height:23px;background:#d9d3c5;border-radius:23px;
  transition:background .25s;flex-shrink:0;}
.sc-toggle .switch::after{content:"";position:absolute;left:2px;top:2px;width:19px;height:19px;
  background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 3px rgba(0,0,0,.25);}
.sc-toggle input{display:none;}
.sc-toggle input:checked + .switch{background:var(--gold-deep);}
.sc-toggle input:checked + .switch::after{transform:translateX(17px);}
.sc-reset{display:block;width:100%;text-align:center;font-size:12px;font-weight:500;letter-spacing:.05em;
  padding:11px 16px;background:transparent;border:1px solid var(--line);color:var(--ink-soft);
  border-radius:7px;cursor:pointer;margin-top:8px;transition:background .2s,color .2s;}
.sc-reset:hover{background:var(--cream-2);color:var(--ink);}

/* ===================================================================
   DETAILSEITEN (Tätigkeitsbereiche)
   =================================================================== */
.page-head{background:var(--cream-2);padding:56px 0 50px;border-bottom:1px solid var(--line);}
.breadcrumb{font-family:var(--sans);font-size:12px;letter-spacing:.08em;color:var(--ink-mute);
  text-transform:uppercase;margin-bottom:18px;}
.breadcrumb a{color:var(--ink-mute);}
.breadcrumb a:hover{color:var(--gold-deep);}
.breadcrumb .sep{margin:0 8px;opacity:.6;}
.page-head h1{font-size:clamp(2.1rem,4vw,3rem);}
.page-head .lead{margin-top:20px;max-width:760px;}

.detail-layout{display:grid;grid-template-columns:1fr 300px;gap:56px;padding:64px 0 80px;align-items:start;}
.detail-main p{font-size:15.5px;line-height:1.78;}

/* Akkordeon */
.akkordeon{border-top:1px solid var(--line);margin-top:8px;}
.akk-item{border-bottom:1px solid var(--line);}
.akk-head,.akk-row{width:100%;display:flex;align-items:center;gap:16px;background:transparent;border:0;
  padding:20px 4px;text-align:left;font-family:var(--sans);}
.akk-head{cursor:pointer;}
.akk-head:hover .akk-title{color:var(--gold-deep);}
.akk-head .akk-ic,.akk-row .akk-ic{flex-shrink:0;width:26px;height:26px;opacity:.7;}
.akk-head .akk-ic img,.akk-row .akk-ic img{width:100%;height:100%;}
.akk-head .akk-title,.akk-row .akk-title{flex:1;font-size:16px;font-weight:500;color:var(--ink);line-height:1.4;}
.akk-pill{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold-text);margin-right:4px;}
.akk-head .akk-chev{flex-shrink:0;width:20px;height:20px;transition:transform .3s;color:var(--gold-deep);}
.akk-head .akk-chev svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.akk-item.open .akk-chev{transform:rotate(180deg);}
.akk-panel{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.akk-item.open .akk-panel{max-height:1400px;}
.akk-body{padding:2px 4px 26px 46px;font-size:14.5px;line-height:1.75;color:var(--ink-soft);}
.akk-body > p:first-child{margin-top:0;}
.akk-body .mit-intro{font-weight:500;color:var(--ink);margin-bottom:10px;}
.akk-list{list-style:none;padding:0;margin:0 0 6px;}
.akk-list li{position:relative;padding:7px 0 7px 28px;border-bottom:1px solid var(--line-soft);font-size:14px;}
.akk-list li::before{content:"";position:absolute;left:0;top:13px;width:15px;height:15px;
  background:var(--gold-deep);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") no-repeat center/contain;}
.akk-note{background:var(--gold-soft);border-left:3px solid var(--gold-deep);padding:14px 18px;
  border-radius:0 6px 6px 0;font-size:13.5px;color:var(--ink);margin:14px 0 4px;font-style:italic;}
.akk-actions{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto;}
.akk-tag{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold-text);display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);
  padding:8px 13px;border-radius:30px;background:#fff;transition:background .2s,border-color .2s;cursor:pointer;}
.akk-tag:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);}
.akk-tag svg{width:13px;height:13px;}

/* Notarkosten-Box */
.kosten-box{background:var(--cream-2);border-left:4px solid var(--gold);border-radius:0 8px 8px 0;
  padding:30px 34px;margin-top:44px;}
.kosten-box h3{font-size:1.3rem;margin-bottom:12px;}
.kosten-box p{font-size:14px;line-height:1.7;margin-bottom:0;color:var(--ink-soft);}

/* Sidebar */
.detail-side{position:sticky;top:104px;display:flex;flex-direction:column;gap:22px;}
.side-card{background:var(--cream-2);border:1px solid var(--line);border-radius:8px;padding:24px 24px;}
.side-card h4{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold-text);margin:0 0 14px;}
.side-nav a{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--ink-soft);
  padding:9px 0;border-bottom:1px solid var(--line-soft);}
.side-nav a:last-child{border-bottom:0;}
.side-nav a .sn-ic{width:18px;height:18px;opacity:.6;flex-shrink:0;}
.side-nav a:hover{color:var(--gold-deep);}
.side-nav a.current{color:var(--gold-text);font-weight:500;}
.side-cta{background:var(--dark);color:#fff;border-radius:8px;padding:26px 26px;}
.side-cta h4{color:var(--gold);}
.side-cta p{font-size:13.5px;color:rgba(255,255,255,.8);line-height:1.6;margin-bottom:18px;}
.side-cta .btn{width:100%;justify-content:center;}

/* ===================================================================
   TEAM-/VITA-SEITE
   =================================================================== */
.vita-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:54px;align-items:start;}
.vita-photo img{border-radius:4px;box-shadow:var(--shadow);width:100%;}
.vita-intro{font-size:15.5px;line-height:1.78;margin-bottom:30px;}
.timeline{border-top:1px solid var(--line);}
.tl-row{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:15px 0;
  border-bottom:1px solid var(--line);align-items:baseline;}
.tl-row .tl-year{font-family:var(--serif);font-size:1.15rem;color:var(--gold-text);}
.tl-row .tl-text{font-size:14.5px;color:var(--ink-soft);line-height:1.55;}
.vita-note{font-size:13px;color:var(--ink-mute);line-height:1.6;border-left:3px solid var(--gold);
  padding:6px 0 6px 18px;margin-top:30px;font-style:italic;}

.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:8px;}
.team-card{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:28px 28px;
  border-top:3px solid var(--gold);transition:transform .25s,box-shadow .25s;}
.team-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);}
.team-card .tc-name{font-family:var(--serif);font-size:1.35rem;color:var(--ink);margin-bottom:3px;}
.team-card .tc-role{font-family:var(--sans);font-size:12.5px;font-weight:500;color:var(--gold-text);
  letter-spacing:.04em;margin-bottom:16px;}
.team-card .tc-lbl{font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink-mute);margin-bottom:8px;}
.team-card .tc-list{font-size:13.5px;color:var(--ink-soft);line-height:1.7;margin-bottom:16px;}
.team-card .tc-mail{font-size:13px;color:var(--gold-text);font-weight:500;border-top:1px solid var(--line);
  padding-top:14px;display:block;}

/* ===================================================================
   STELLENANGEBOTE
   =================================================================== */
.job-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;padding:64px 0 84px;}
.job-block{margin-bottom:26px;}
.job-block h3{font-size:1.25rem;margin-bottom:12px;}
.job-list{list-style:none;padding:0;margin:0;}
.job-list li{position:relative;padding:7px 0 7px 26px;font-size:14.5px;color:var(--ink-soft);line-height:1.6;}
.job-list li::before{content:"";position:absolute;left:0;top:14px;width:7px;height:7px;border-radius:50%;background:var(--gold-deep);}
.apply-card{background:var(--cream-2);border:1px solid var(--line);border-radius:10px;padding:38px 38px;position:sticky;top:104px;}
.apply-card h3{font-size:1.6rem;margin-bottom:8px;}
.apply-card .lead{font-size:14px;margin-bottom:22px;}

/* ===================================================================
   RECHTSTEXTE (Impressum / Datenschutz)
   =================================================================== */
.legal{padding:56px 0 84px;}
.legal-wrap{max-width:820px;}
.legal h2{font-size:1.5rem;margin:38px 0 12px;}
.legal h3{font-size:1.15rem;margin:26px 0 8px;}
.legal p,.legal li{font-size:14.5px;line-height:1.78;color:var(--ink-soft);}
.legal ul{padding-left:22px;margin:0 0 1em;}
.legal a{word-break:break-word;}
.legal strong{color:var(--ink);}
.legal .meta{font-size:13px;color:var(--ink-mute);}

/* ===================================================================
   RESPONSIVE
   =================================================================== */
@media (max-width:1024px){
  .hero-grid{grid-template-columns:1fr 0.82fr;gap:42px;}
  .detail-layout{grid-template-columns:1fr;gap:42px;}
  .detail-side{position:static;flex-direction:row;flex-wrap:wrap;}
  .detail-side .side-card,.detail-side .side-cta{flex:1;min-width:260px;}
  .job-layout{gap:42px;}
  .team-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:900px){
  .main-nav{display:none;}
  .hamburger{display:inline-flex;}
  .header-inner{height:74px;}
  .hero-grid{grid-template-columns:1fr;gap:48px;}
  .hero-figure{max-width:480px;margin:0 auto;}
  .taet-intro{grid-template-columns:1fr;gap:36px;}
  .felder-grid{grid-template-columns:1fr;}
  .anfahrt-grid{grid-template-columns:1fr;}
  .anfahrt-grid .a-img{min-height:280px;}
  .job-layout{grid-template-columns:1fr;}
  .apply-card{position:static;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;}
  .modal{grid-template-columns:1fr;}
  .modal-img{min-height:170px;}
}
@media (max-width:640px){
  body{font-size:16px;}
  .sec{padding:60px 0;}
  .hero{padding:44px 0 56px;}
  .wrap,.header-inner{padding:0 20px;}
  .logo .logo-sub{display:none;}
  .vita-grid{grid-template-columns:1fr;gap:32px;}
  .team-grid{grid-template-columns:1fr;}
  .taet-figs img:first-child{margin-top:0;}
  .field-row{grid-template-columns:1fr;}
  .modal-form{padding:30px 26px;}
  .footer-grid{grid-template-columns:1fr;}
  .tl-row{grid-template-columns:84px 1fr;gap:16px;}
  .menu-nav a{font-size:1.6rem;}
}

/* ===================================================================
   BARRIEREFREI-MODI  (am <html>-Element gesetzt, via site.js)
   =================================================================== */
/* Schriftgröße – body-zoom skaliert Texte + Layout proportional */
html[data-text-size="large"]{font-size:18px;}
html[data-text-size="large"] body{zoom:1.12;}
html[data-text-size="xlarge"]{font-size:20px;}
html[data-text-size="xlarge"] body{zoom:1.26;}
@supports not (zoom:1){
  html[data-text-size="large"] body{zoom:unset;}
  html[data-text-size="large"] p,html[data-text-size="large"] li,html[data-text-size="large"] a,
  html[data-text-size="large"] span,html[data-text-size="large"] button,html[data-text-size="large"] input,
  html[data-text-size="large"] textarea,html[data-text-size="large"] select,html[data-text-size="large"] .lead,
  html[data-text-size="large"] h1,html[data-text-size="large"] h2,html[data-text-size="large"] h3,html[data-text-size="large"] h4{font-size:1.12em!important;}
  html[data-text-size="xlarge"] body{zoom:unset;}
  html[data-text-size="xlarge"] p,html[data-text-size="xlarge"] li,html[data-text-size="xlarge"] a,
  html[data-text-size="xlarge"] span,html[data-text-size="xlarge"] button,html[data-text-size="xlarge"] input,
  html[data-text-size="xlarge"] textarea,html[data-text-size="xlarge"] select,html[data-text-size="xlarge"] .lead,
  html[data-text-size="xlarge"] h1,html[data-text-size="xlarge"] h2,html[data-text-size="xlarge"] h3,html[data-text-size="xlarge"] h4{font-size:1.26em!important;}
}

/* Hoher Kontrast – WCAG-tauglich */
html[data-contrast="high"]{
  --gold:#7A5A12;--gold-2:#7A5A12;--gold-deep:#000;--gold-text:#5C4300;
  --ink:#000;--ink-soft:#000;--ink-mute:#000;--line:#000;--cream:#fff;--cream-2:#fff;--paper:#fff;
}
html[data-contrast="high"] body{background:#fff!important;color:#000!important;}
html[data-contrast="high"] p,html[data-contrast="high"] li,html[data-contrast="high"] span,
html[data-contrast="high"] em,html[data-contrast="high"] strong,html[data-contrast="high"] td,
html[data-contrast="high"] th,html[data-contrast="high"] label,html[data-contrast="high"] dd,
html[data-contrast="high"] dt,html[data-contrast="high"] .lead,html[data-contrast="high"] .breadcrumb,
html[data-contrast="high"] h1,html[data-contrast="high"] h2,html[data-contrast="high"] h3,
html[data-contrast="high"] h4{color:#000!important;}
html[data-contrast="high"] .site-header{background:#fff!important;}
html[data-contrast="high"] a:not(.btn):not(.felder-box){color:#00379e!important;text-decoration:underline!important;text-underline-offset:3px;}
html[data-contrast="high"] .btn-gold,html[data-contrast="high"] .btn-light{background:#000!important;color:#fff!important;border:2px solid #000!important;}
html[data-contrast="high"] .btn-outline,html[data-contrast="high"] .btn-dark{background:#fff!important;color:#000!important;border:2px solid #000!important;}
html[data-contrast="high"] .felder-box,html[data-contrast="high"] .team-card,html[data-contrast="high"] .side-card,
html[data-contrast="high"] .side-cta,html[data-contrast="high"] .kosten-box,html[data-contrast="high"] .apply-card,
html[data-contrast="high"] .akk-note,html[data-contrast="high"] .modal,html[data-contrast="high"] .field input,
html[data-contrast="high"] .field select,html[data-contrast="high"] .field textarea{background:#fff!important;color:#000!important;border:2px solid #000!important;}
html[data-contrast="high"] .felder-box.wide,html[data-contrast="high"] .side-cta,html[data-contrast="high"] footer.site-footer{background:#000!important;}
html[data-contrast="high"] .felder-box.wide *,html[data-contrast="high"] .side-cta *,
html[data-contrast="high"] footer.site-footer *{color:#fff!important;}
html[data-contrast="high"] .eyebrow,html[data-contrast="high"] .footer-col h4,html[data-contrast="high"] .side-card h4{color:#000!important;}
html[data-contrast="high"] footer.site-footer .footer-col h4{color:#fff!important;}
html[data-contrast="high"] *{border-color:#000!important;}
html[data-contrast="high"] *:focus-visible{outline:3px solid #000!important;outline-offset:3px;}

/* Animationen reduzieren */
html[data-motion="off"] *,html[data-motion="off"] *::before,html[data-motion="off"] *::after{
  animation-duration:0s!important;animation-delay:0s!important;
  transition-duration:0s!important;transition-delay:0s!important;scroll-behavior:auto!important;}

/* Lesefokus */
html[data-focus-mode="on"] body{background:#faf8f2;}
html[data-focus-mode="on"] p:hover,html[data-focus-mode="on"] li:hover,
html[data-focus-mode="on"] h1:hover,html[data-focus-mode="on"] h2:hover,
html[data-focus-mode="on"] h3:hover,html[data-focus-mode="on"] h4:hover{
  background:#fff6da;outline:2px solid var(--gold);outline-offset:4px;border-radius:4px;}

@media print{.sc-drawer,.menu-overlay,.modal-overlay,.hamburger,.a11y-btn{display:none!important;}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important;}}

/* =====================================================================
   REVISION 2 — Feedback-Anpassungen
   ===================================================================== */
/* Grauer Button */
.btn-grey{background:#6f6a61;color:#fff;border-color:#6f6a61;}
.btn-grey:hover{background:#57534b;border-color:#57534b;color:#fff;transform:translateY(-2px);}

/* Jost-Fließtext überall größer */
body{font-size:17.5px;}
.lead{font-size:1.26rem;}
.hc-row .tx{font-size:15.5px;}
.felder-box p{font-size:15.5px;}
.taet-intro .col p{font-size:16.5px;}
.detail-main p{font-size:16.5px;}
.akk-body{font-size:15.5px;}
.akk-list li{font-size:15px;}
.akk-head .akk-title,.akk-row .akk-title{font-size:16.5px;}
.kosten-box p{font-size:15.5px;}
.anfahrt-grid .a-info p{font-size:16px;}
.anfahrt-grid .a-info .addr{font-size:16.5px;}
.legal p,.legal li{font-size:16.5px;}
.legal h2{font-size:1.65rem;}.legal h3{font-size:1.25rem;}
.team-card .tc-list{font-size:15px;}
.team-card .tc-name{font-size:1.45rem;}
.job-list li{font-size:16px;}
.vita-intro{font-size:16.5px;}
.tl-row .tl-text{font-size:16px;}

/* Hero-Kontakt-Icons ~30% größer */
.hc-row{gap:18px;}
.hc-row .ic{width:40px;height:40px;}
.hero-contact{gap:24px;}

/* Tätigkeitsbereiche-Bilder: runde Ecken + Gold-Farbversatz statt weißem Rahmen */
.taet-fig{position:relative;}
.taet-fig::before{content:"";position:absolute;z-index:0;background:var(--gold);
  border-radius:16px;inset:22px -18px -18px 22px;}
.taet-fig img{position:relative;z-index:1;border:0;outline:0;border-radius:16px;
  box-shadow:0 20px 44px rgba(60,50,30,.18);}

/* Timeline (Team): Jahr fett & dunkel, goldene Linien */
.timeline{border-top:1px solid rgba(190,161,90,.55);}
.tl-row{border-bottom:1px solid rgba(190,161,90,.55);}
.tl-row .tl-year{font-family:var(--sans);font-weight:700;color:var(--ink);font-size:1.05rem;letter-spacing:.01em;}
.vita-note{border-left:3px solid var(--gold);font-size:14px;}

/* Team-Karten: gelber LINKS-Strich (statt oben) */
.team-card{border-top:1px solid var(--line);border-left:4px solid var(--gold);}
/* „Wir suchen Verstärkung"-Box */
.team-cta{background:var(--cream-2);border:1px solid var(--gold);border-left:4px solid var(--gold);
  border-radius:8px;padding:30px 30px;display:flex;flex-direction:column;justify-content:center;
  transition:transform .25s,box-shadow .25s,background .25s;}
.team-cta:hover{transform:translateY(-3px);box-shadow:var(--shadow);background:var(--gold-soft);}
.team-cta .tc-eyebrow{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--gold-text);margin-bottom:10px;}
.team-cta h3{font-size:1.5rem;margin-bottom:8px;}
.team-cta p{font-size:15px;color:var(--ink-soft);margin-bottom:20px;line-height:1.6;}
.team-cta .btn{align-self:flex-start;}

/* Öffnungszeiten-Status */
.hl-badge{display:inline-block;font-family:var(--sans);font-size:12.5px;font-weight:600;
  padding:3px 12px;border-radius:20px;letter-spacing:.02em;}
.hl-badge.open{background:#e7f0e3;color:#2f6b34;}
.hl-badge.closed{background:#f3e7e6;color:#9a342f;}
.hero-hours .hl-line{font-size:14.5px;color:var(--ink-soft);margin-top:7px;line-height:1.45;}
.hero-hours .hl-line strong{color:var(--ink);font-weight:600;}

/* Anfahrt: volle Wochen-Öffnungszeiten */
.oeffnung{margin:6px 0 6px;}
.oeffnung .o-row{display:flex;justify-content:space-between;gap:18px;padding:8px 0;
  border-bottom:1px solid var(--line);font-size:15.5px;}
.oeffnung .o-row:last-child{border-bottom:0;}
.oeffnung .o-day{color:var(--ink);font-weight:500;}
.oeffnung .o-time{color:var(--ink-soft);text-align:right;}
.oeffnung .o-row.today .o-day,.oeffnung .o-row.today .o-time{color:var(--gold-text);font-weight:600;}

/* Variante B: Hero-Stundenleiste größere Schrift */
.vb-hours .cell .k{font-size:12px;}
.vb-hours .cell .v{font-size:16.5px;}
.vb-hours .cell .v .status,.vb-hours .cell .v .hl-badge{font-size:13.5px;padding:3px 12px;}

/* Mobile-Menü: Tätigkeitsbereiche-Gruppe */
.menu-group-label{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-text);padding:18px 0 2px;}
.menu-sub{border-left:2px solid var(--gold);margin:6px 0 8px;padding-left:18px;display:flex;flex-direction:column;}
.menu-sub a{font-family:var(--serif);font-size:1.3rem;color:var(--ink);padding:8px 0;border-bottom:1px solid var(--line);}
.menu-sub a:last-child{border-bottom:0;}
.menu-sub a:hover{color:var(--gold-deep);padding-left:6px;}
/* Kontakt mit Icons im Menü */
.menu-contact{display:flex;flex-direction:column;gap:13px;margin-bottom:18px;}
.menu-contact .mc-row{display:flex;align-items:center;gap:13px;font-size:15.5px;color:var(--ink);}
.menu-contact .mc-row .mc-ic{width:26px;height:26px;flex-shrink:0;}
.menu-contact .mc-row .mc-ic img{width:100%;height:100%;}
.menu-contact .mc-row a{color:var(--ink);}
.menu-contact .mc-row a:hover{color:var(--gold-deep);}
/* Rechtliches als Gold-Buttons */
.menu-legal-btns{display:flex;flex-direction:column;gap:10px;margin-top:4px;}
.menu-legal-btns a{display:flex;flex-direction:column;background:var(--gold);color:var(--ink);
  font-family:var(--sans);font-weight:600;font-size:16px;padding:14px 18px;border-radius:7px;line-height:1.2;
  transition:background .2s,transform .2s;}
.menu-legal-btns a small{font-weight:500;font-size:12.5px;color:rgba(42,39,35,.72);margin-top:3px;letter-spacing:.02em;}
.menu-legal-btns a:hover{background:var(--gold-deep);transform:translateX(3px);}

/* =====================================================================
   REVISION 3 — Detailseiten weiß + Kontrastkästen, Hero-Akzent, Zeitenleiste
   ===================================================================== */
:root{ --navy:#2B3A4A; }

/* Detailseiten: weißer Hintergrund, damit die Eierschale-Kästen kontrastieren */
body.detail{ background:#fff; }
body.detail .page-head{ background:#fff; border-bottom:1px solid var(--line); }

/* Akkordeon: aktives Element als Eierschale-Block hervorheben */
.akk-item.open{ background:var(--cream-2); border-radius:8px; border-bottom-color:transparent; padding:0 16px; }
.akk-item.open + .akk-item{ border-top:1px solid var(--line); }
.akk-note{ background:transparent; border-left:0; border-radius:0; padding:0; margin:12px 0 2px;
  font-style:italic; font-weight:600; color:var(--ink); }
/* Tags „Datenblatt" / „Termininfos": Eierschale + Goldrahmen */
.akk-tag{ background:var(--cream-2); border:1px solid var(--gold); color:var(--gold-text); }
.akk-tag:hover{ background:var(--gold); border-color:var(--gold); color:var(--ink); }

/* Sidebar-Box hell (Eierschale) auf Weiß */
body.detail .side-card{ background:var(--cream-2); border-color:var(--line); }
/* „Fragen?"-Box in Marineblau (wie Original) */
.side-cta{ background:var(--navy); }
.side-cta h4{ color:var(--gold); }
.side-cta p{ color:rgba(255,255,255,.85); }

/* Hero-Headline: „gestalten" kursiv + gold */
.hero h1 em{ font-style:italic; color:var(--gold-deep); }
.hero h1 .l2{ display:block; }

/* Öffnungszeiten-Leiste unter dem Hero (vertikale Trennlinien) */
.hours-bar{ display:grid; grid-template-columns:repeat(3,1fr); gap:0;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:46px; }
.hours-bar .hb-cell{ padding:20px 24px; border-right:1px solid var(--line); }
.hours-bar .hb-cell:last-child{ border-right:0; }
.hours-bar .hb-k{ display:block; font-family:var(--sans); font-size:11px; font-weight:600;
  letter-spacing:.16em; text-transform:uppercase; color:var(--gold-text); margin-bottom:8px; }
.hours-bar .hb-v{ display:block; font-size:16.5px; color:var(--ink); line-height:1.4; }
.hours-bar .hb-v strong{ color:var(--ink); font-weight:600; }
@media (max-width:760px){
  .hours-bar{ grid-template-columns:1fr; }
  .hours-bar .hb-cell{ border-right:0; border-bottom:1px solid var(--line); }
  .hours-bar .hb-cell:last-child{ border-bottom:0; }
}

/* =====================================================================
   REVISION 4 — Logo größer, Detailseiten ohne Hairline, Zeiten dünner
   ===================================================================== */
/* Logo etwas größer */
.logo img{ height:56px; }

/* Detailseiten: Trennlinie zwischen Kopf und Akkordeon-Tabelle entfernen */
body.detail .page-head{ border-bottom:0; padding-bottom:30px; }
body.detail .akkordeon{ border-top:0; }

/* Team: „Mein Team"-Strich mittig (gleicher Abstand oben/unten) */
.section-head .divider{ margin:20px auto 20px; }

/* Hero-Öffnungszeitenleiste: Uhrzeit eine Stufe dünner + kleiner, weniger „Sprung" */
.hours-bar .hb-v{ font-size:14.5px; font-weight:400; }
.hours-bar .hb-v strong{ font-weight:500; }