/* basi-header.css — einheitlicher Header fuer Standalone-Seiten (2026-07-31) */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300;font-display:swap;src:url('/fonts/cormorant-garamond-300.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/cormorant-garamond-400.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/cormorant-garamond-500.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/cormorant-garamond-600.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300;font-display:swap;src:url('/fonts/cormorant-garamond-300-italic.woff2') format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url('/fonts/cormorant-garamond-400-italic.woff2') format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:200;font-display:swap;src:url('/fonts/jost-200.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');}
.topbar{background:#152B22;padding:.5rem 5vw;display:flex;justify-content:space-between;align-items:center;font-size:.48rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.78);position:fixed;top:0;left:0;right:0;z-index:600}.topbar a{color:rgba(255,255,255,.75);transition:color .2s}.topbar a:hover{color:#fff}.tb-l{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}.tb-r{display:flex;gap:.85rem;align-items:center}.tb-r svg{width:13px;height:13px;fill:currentColor}.tb-r a{display:flex;align-items:center;color:rgba(255,255,255,.55)}.tb-r a:hover{color:#D4B576}nav#mnav{position:fixed;top:28px;left:0;right:0;z-index:550;background:rgba(245,239,227,.94);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);border-bottom:1px solid rgba(184,151,74,.28);transition:box-shadow .3s,background .3s}nav#mnav.scrolled{box-shadow:0 4px 30px rgba(14,31,24,.1);background:rgba(245,239,227,.98)}.nv{padding:.85rem 5vw;display:flex;align-items:center;justify-content:space-between}.nl{display:flex;align-items:center;gap:.7rem;cursor:pointer}.nl img{height:50px;width:auto;object-fit:contain}.nl-text{display:flex;flex-direction:column;line-height:1.05}.nl-name{font-family:'Cormorant Garamond',serif;font-size:.95rem;color:#152B22;font-weight:500;letter-spacing:.01em}.nl-sub{font-size:.42rem;letter-spacing:.24em;text-transform:uppercase;color:#B8974A}.nm{display:flex;gap:0;list-style:none;align-items:center}.nm>li{position:relative}.nm>li>a{font-size:.54rem;letter-spacing:.18em;text-transform:uppercase;color:#6B5A42;padding:.6rem .9rem;display:block;white-space:nowrap;transition:color .25s;cursor:pointer}.nm>li>a:hover,.nm>li>a.active{color:#1D3A2F}.nm>li:hover .dd{opacity:1;visibility:visible;transform:translateY(0)}.dd{position:absolute;top:100%;left:0;background:rgba(245,239,227,.99);border:1px solid rgba(184,151,74,.28);border-top:2px solid #B8974A;min-width:240px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .25s;box-shadow:0 22px 58px rgba(29,58,47,.18);z-index:200}.dd a{display:block;padding:.65rem 1.2rem;font-size:.5rem;letter-spacing:.14em;text-transform:uppercase;color:#6B5A42;border-bottom:1px solid rgba(184,151,74,.06);transition:all .22s;cursor:pointer}.dd a:last-child{border:none}.dd a:hover{color:#1D3A2F;background:rgba(184,151,74,.12);padding-left:1.5rem}.hdrop::after{content:" ▾";font-size:.4rem;opacity:.55}.nc{background:linear-gradient(180deg,#1D3A2F 0%,#152B22 100%)!important;color:#fff!important;padding:.8rem 1.6rem!important;border-radius:5px;margin-left:.4rem;font-weight:600!important;letter-spacing:.22em!important;font-size:.78rem!important;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;isolation:isolate;box-shadow:0 4px 0 -1px rgba(8,19,15,.4),0 10px 22px -8px rgba(29,58,47,.55),inset 0 1px 0 rgba(255,255,255,.14)}.nc::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#B8974A 0%,#a07830 60%,#D4B576 100%);transform:translateX(-101%);transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:-1}.nc:hover{transform:translateY(-2px);color:#152B22!important;box-shadow:0 7px 0 -1px rgba(8,19,15,.5),0 18px 32px -8px rgba(184,151,74,.55),inset 0 1px 0 rgba(255,255,255,.4)}.nc:hover::after{transform:translateX(0)}.nc:active{transform:translateY(1px);box-shadow:0 2px 0 -1px rgba(8,19,15,.3)}.hbg{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:.4rem}.hbg span{width:22px;height:2px;background:#1D3A2F;border-radius:2px;transition:all .3s;display:block}.hbg.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hbg.open span:nth-child(2){opacity:0}.hbg.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mob{display:none;background:rgba(245,239,227,.99);border-top:1px solid rgba(184,151,74,.28);padding:1rem 5vw 1.5rem;max-height:78vh;overflow-y:auto}.mob.open{display:block}.mob a{display:block;padding:.65rem 0;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:#6B5A42;border-bottom:1px solid rgba(184,151,74,.08);cursor:pointer}.mob a:hover{color:#1D3A2F}.ms{font-size:.46rem;letter-spacing:.28em;text-transform:uppercase;color:#B8974A;padding:.85rem 0 .3rem}.mc{display:block;margin-top:1rem;background:linear-gradient(180deg,#1D3A2F 0%,#152B22 100%);color:#fff;text-align:center;padding:1rem;border-radius:6px;font-size:.86rem!important;letter-spacing:.22em;text-transform:uppercase;font-weight:600;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 5px 0 -1px rgba(8,19,15,.45),0 12px 26px -6px rgba(29,58,47,.5),inset 0 1px 0 rgba(255,255,255,.16);transition:all .4s cubic-bezier(.22,1,.36,1)}

/* ============================================================
   HEADER-UNIFY 2026-07-31 — Einheitlicher Header auf allen
   Seiten (Master: Startseite), Schrift ~10-12% groesser.
   ============================================================ */
/* ============================================================
   REDESIGN 2026-07 · BLOCK 2 — NAVIGATION: 2-EBENEN-DROPDOWNS
   Alle Links unveraendert. Nur Gruppierung, Optik, Interaktion.
   ============================================================ */

/* --- Desktop: Mega-Panel statt langer Linkliste --- */
.nm>li>.dd.dd-mega{
  left:50%;right:auto;
  transform:translateX(-50%) translateY(-10px);
  width:min(760px,92vw);min-width:0;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.5rem 2.4rem;
  padding:1.75rem 2rem 1.85rem;
  background:rgba(245,239,227,.985);
  border:1px solid rgba(184,151,74,.28);border-top:2px solid #B8974A;
  border-radius:0 0 8px 8px;
  box-shadow:0 30px 70px -24px rgba(14,31,24,.42);
}
.nm>li:hover>.dd.dd-mega{transform:translateX(-50%) translateY(0)}

.dd-mega .dd-grp{min-width:0}
.dd-mega .dd-grp-t{
  display:block;font-size:.5rem;letter-spacing:.3em;text-transform:uppercase;
  color:#B8974A;font-weight:600;
  padding-bottom:.55rem;margin-bottom:.6rem;
  border-bottom:1px solid rgba(184,151,74,.24);
}
.dd-mega a{
  display:block;padding:.4rem 0!important;border:0!important;
  font-family:'Jost','DM Sans',sans-serif;
  font-size:.74rem!important;letter-spacing:.015em!important;
  text-transform:none;font-weight:400;
  color:#2C2419;line-height:1.5;
  transition:color .22s ease,transform .22s ease;
}
.dd-mega a:hover{color:#8A6F30;background:none;padding-left:0!important;transform:translateX(4px)}

/* Untergeordnete Leistungen: vorhanden, aber bewusst leiser */
.dd-mega .dd-grp.is-more{
  grid-column:1/-1;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:2.4rem;
  margin-top:.35rem;padding-top:1.1rem;
  border-top:1px solid rgba(184,151,74,.16);
}
.dd-mega .dd-grp.is-more .dd-grp-t{grid-column:1/-1;color:#6B5A42;border-bottom:0;padding-bottom:0;margin-bottom:.45rem;opacity:.85}
.dd-mega .dd-grp.is-more a{font-size:.66rem!important;color:#6B5A42}
.dd-mega .dd-grp.is-more a:hover{color:#1D3A2F}

@media(max-width:1100px){
  .nm>li>.dd.dd-mega{width:min(620px,94vw);gap:1.2rem 1.8rem;padding:1.4rem 1.5rem}
  .dd-mega a{font-size:.7rem!important}
}

/* --- Mobil: ein Tap = eine Kategorie --- */
.mob-acc{border-bottom:1px solid rgba(184,151,74,.14)}
.mob-acc>summary{
  list-style:none;cursor:pointer;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.95rem 0;
  font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;font-weight:500;
  color:#152B22;
}
.mob-acc>summary::-webkit-details-marker{display:none}
.mob-acc>summary::marker{content:""}
.mob-acc-i{position:relative;width:11px;height:11px;flex-shrink:0}
.mob-acc-i::before,.mob-acc-i::after{content:"";position:absolute;background:#B8974A;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s}
.mob-acc-i::before{left:0;top:5px;width:11px;height:1px}
.mob-acc-i::after{left:5px;top:0;width:1px;height:11px}
.mob-acc[open] .mob-acc-i::after{transform:scaleY(0);opacity:0}
.mob-acc[open]>summary{color:#8A6F30}
.mob-acc-b{padding:.1rem 0 .9rem .2rem}
.mob-acc-b .ms{font-size:.46rem;letter-spacing:.28em;text-transform:uppercase;color:#B8974A;padding:.85rem 0 .25rem;display:block}
.mob-acc-b .ms:first-child{padding-top:.2rem}
.mob-acc-b a{
  display:block;padding:.5rem 0 .5rem .85rem!important;border-bottom:0!important;
  font-size:.72rem!important;letter-spacing:.015em!important;text-transform:none;
  color:#2C2419;position:relative;
}
.mob-acc-b a::before{content:"";position:absolute;left:0;top:50%;width:4px;height:1px;background:#B8974A;opacity:.45;transform:translateY(-50%)}
.mob-acc-b a:hover,.mob-acc-b a:active{color:#8A6F30}
.mob a{border-bottom:1px solid rgba(184,151,74,.14)}



/* --- Logo-Block: identisch auf allen Seiten --- */
.nv{gap:1.4rem}
.nl{display:flex;align-items:center;gap:.78rem;cursor:pointer;flex-shrink:0;min-width:0}
.nl img{height:54px;width:auto;object-fit:contain;flex-shrink:0}
.nl-text{display:flex!important;flex-direction:column;justify-content:center;line-height:1.1;min-width:0}
.nl-name{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.22rem;font-weight:500;letter-spacing:.012em;color:#152B22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nl-sub{display:block;font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;color:#B8974A;white-space:nowrap;margin-top:.26rem;overflow:hidden;text-overflow:ellipsis}
.nm{flex:0 1 auto;min-width:0}

/* --- Topbar: Schrift etwas groesser --- */
.tb-l a,.tb-l span{font-size:.96rem!important}
.tb-r svg{width:15px;height:15px}

/* --- Nav-Typografie: ~12% groesser, identisch auf allen Seiten --- */
@media(min-width:1801px){
  .nm>li>a{font-size:.9rem!important;letter-spacing:.1em!important;padding:.62rem .84rem!important}
  .nm>li>a.nc{font-size:.8rem!important;letter-spacing:.14em!important;padding:.9rem 1.55rem!important}
}
@media(min-width:1561px) and (max-width:1800px){
  .nv{gap:1.1rem;padding-left:3.5vw;padding-right:3.5vw}
  .nm>li>a{font-size:.76rem!important;letter-spacing:.12em!important;padding:.6rem .62rem!important}
  .nm>li>a.nc{font-size:.72rem!important;letter-spacing:.16em!important;padding:.82rem 1.3rem!important}
}
@media(min-width:1201px) and (max-width:1560px){
  .nv{gap:.9rem;padding-left:3.5vw;padding-right:3.5vw}
  .nm{gap:0}
  .nm>li>a{font-size:.71rem!important;letter-spacing:.09em!important;padding:.56rem .5rem!important}
  .nm>li>a.nc{font-size:.67rem!important;letter-spacing:.12em!important;padding:.78rem 1.05rem!important;margin-left:.3rem}
}
@media(min-width:1361px) and (max-width:1560px){
  .nl img{height:48px}
  .nl-name{font-size:1.1rem}
  .nl-sub{font-size:.48rem}
}
@media(min-width:1201px) and (max-width:1360px){
  .nv{gap:.7rem;padding-left:2.5vw;padding-right:2.5vw}
  .nl img{height:42px}
  .nl-name{font-size:.92rem}
  .nl-sub{font-size:.42rem;letter-spacing:.18em}
  .nm>li>a{font-size:.64rem!important;letter-spacing:.06em!important;padding:.52rem .4rem!important}
  .nm>li>a.nc{font-size:.62rem!important;letter-spacing:.09em!important;padding:.72rem .9rem!important;margin-left:.2rem}
}

/* --- Mobil: Hamburger unterhalb 1200px, wie auf der Startseite --- */
@media(max-width:1200px){
  .topbar{display:none!important}
  nav#mnav{top:0!important}
  .page{padding-top:85px}
  .nm{display:none!important}
  .hbg{display:flex!important}
  .nl img{height:44px}
  .nl-text{display:flex!important}
  .nl-name{font-size:1.02rem}
  .nl-sub{font-size:.44rem;letter-spacing:.2em}
}
@media(max-width:380px){.nl-text{display:none!important}}

/* --- Dropdown- und Mobilmenue-Schrift --- */
.dd a{font-size:.84rem!important}
.dd-mega .dd-grp-t{font-size:.62rem;letter-spacing:.24em;padding-bottom:.6rem;margin-bottom:.7rem}
.dd-mega a{font-size:.92rem!important;padding:.46rem 0!important;line-height:1.45}
.dd-mega .dd-grp.is-more .dd-grp-t{font-size:.58rem}
.dd-mega .dd-grp.is-more a{font-size:.82rem!important}
.nm>li>.dd.dd-mega{width:min(840px,94vw);padding:1.9rem 2.2rem 2rem;gap:1.7rem 2.6rem}
@media(max-width:1360px){
  .nm>li>.dd.dd-mega{width:min(700px,94vw);padding:1.5rem 1.7rem}
  .dd-mega a{font-size:.84rem!important}
}
.mob a{font-size:.86rem!important}
.mob>a{font-size:.86rem!important;letter-spacing:.18em!important;padding:1.1rem 0}
.mob-acc>summary{font-size:.86rem;letter-spacing:.18em;padding:1.1rem 0}
.mob-acc-b .ms{font-size:.64rem;letter-spacing:.22em;padding:1rem 0 .35rem}
.mob-acc-b a{font-size:1rem!important;padding:.62rem 0 .62rem 1rem!important;line-height:1.45}
.mc{font-size:.95rem!important;padding:1.05rem!important}

/* --- Keine Unterstreichungen im Header (Standalone-Seiten) --- */
.topbar a,nav#mnav a,.nm a,.dd a,.mob a,.mob-acc-b a,.nc,.mc{text-decoration:none!important}

/* --- Ruhiges Scrollen (wie Startseite) --- */
nav#mnav{position:fixed;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.topbar{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
/* ===================== ENDE HEADER-UNIFY ===================== */


/* Anpassungen fuer Standalone-Seiten */
nav#mnav{display:block;padding:0;font-family:'Jost','DM Sans',sans-serif}
.topbar{font-family:'Jost','DM Sans',sans-serif}
body{padding-top:117px!important}
@media(max-width:1200px){body{padding-top:88px!important}}