/* Rehawegweiser – nach dem Figma-Entwurf von Esther Schenk Panic (Rahmen 1440 px).
   --u ist ein „Figma-Pixel“: bis 1440 px Fensterbreite skaliert alles proportional mit,
   darüber bleibt der Inhalt bei 1440 px und steht mittig. */
@font-face{font-family:"Myriad";src:url(/assets/fonts/head.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Myriad";src:url(/assets/fonts/sub.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-latin.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";src:url(/assets/fonts/inter-latin-ext.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --g:#367B5F;--g2:#447E67;--gd:#004826;--lime:#D6EC7E;--lime2:#E5F69F;--grau:#636B67;--mint:#EEFBF0;--panel:#F9FFF3;--card:#FCFDFB;--line:#ECECEC;
  --u:min(1px, 100vw / 1440);--frame:calc(1440 * var(--u));
  --my:"Myriad","Myriad Pro",system-ui,sans-serif;--in:Inter,system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:#fff;color:#000;font-family:var(--in);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;background:none;border:0;cursor:pointer;color:inherit}
:focus-visible{outline:2px solid var(--g);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 14px;z-index:99;border-radius:8px}.skip:focus{left:12px}
.wrap,.hd,.hero,.ft-in{width:var(--frame);margin-left:auto;margin-right:auto}
br.d{display:inline}

/* ---------- Kopf ---------- */
.hd{position:relative;height:calc(170*var(--u));display:flex;align-items:flex-start;justify-content:space-between;padding:calc(79*var(--u)) calc(101*var(--u)) 0 calc(90*var(--u))}
.item .hd,.hd.p{height:calc(184*var(--u))}
.logo img{width:calc(370*var(--u));height:auto}
.nav{display:flex;width:calc(601*var(--u));height:calc(39*var(--u));margin-top:calc(25*var(--u));align-items:center;justify-content:space-around;
  background:rgba(252,253,251,.7);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:calc(11*var(--u));box-shadow:0 2px 2px rgba(0,0,0,.15);
  font:600 calc(18*var(--u))/1 var(--my);letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
.nav a{padding:calc(10*var(--u)) calc(14*var(--u));transition:color .2s}
.nav a:hover,.nav a.on{color:var(--g)}
.burger,.mnav{display:none}

/* ---------- Kopfbereich der Liste ---------- */
.hero{text-align:center;position:relative;z-index:5}
.kicker{font:400 calc(22*var(--u))/1.2 var(--my);color:var(--grau);margin-top:calc(17*var(--u))}
.hero h1{font:600 calc(50*var(--u))/calc(54*var(--u)) var(--my);color:var(--g);margin-top:calc(17*var(--u))}
.lead{font:400 calc(22*var(--u))/1.21 var(--in);margin-top:calc(11*var(--u))}
.filters{position:relative;display:flex;justify-content:space-between;align-items:center;padding:calc(34*var(--u)) calc(101*var(--u)) 0 calc(100*var(--u))}
.fbtns{display:flex;gap:calc(45*var(--u))}
.fbtn{height:calc(49*var(--u));min-height:40px;min-width:calc(239*var(--u));border:1px solid var(--grau);border-radius:calc(14*var(--u));display:flex;align-items:center;gap:calc(14*var(--u));
  padding:0 calc(26*var(--u)) 0 calc(28*var(--u));font:600 calc(26*var(--u))/1 var(--my);color:var(--grau);text-align:left;transition:border-color .2s,color .2s,background .2s}
.fbtn+.fbtn{min-width:calc(251*var(--u))}
.fbtn .fl{flex:1;white-space:nowrap}
.tri{font:400 calc(20*var(--u))/1 var(--in);transition:transform .2s}
.fbtn:hover,.fbtn[aria-expanded=true],.fbtn.set{color:var(--g);border-color:var(--g)}
.fbtn[aria-expanded=true] .tri{transform:rotate(180deg)}
.fbtn.set{background:#fff;box-shadow:inset 0 0 0 1px var(--g)}
.typ{display:flex;align-items:center;gap:calc(8*var(--u));font:600 calc(22*var(--u))/1 var(--my);color:var(--grau);margin-right:calc(80*var(--u))}
.typ i{font-style:normal;font-weight:400;color:#000}
.typ button{padding:calc(6*var(--u)) 0;transition:color .2s}.typ button:hover,.typ button.on{color:var(--g)}
.count{font:500 calc(15*var(--u))/1 var(--in);color:var(--grau);margin-top:calc(22*var(--u));min-height:1em;display:flex;justify-content:center;gap:calc(14*var(--u));align-items:center}
.reset{font:600 calc(15*var(--u))/1 var(--in);color:var(--g);text-decoration:underline;text-underline-offset:3px}
.reset[hidden]{display:none}
.empty .eb{font:600 calc(16*var(--u))/1 var(--in);color:#fff;background:var(--g);border-radius:999px;padding:calc(12*var(--u)) calc(22*var(--u));margin:calc(18*var(--u)) calc(14*var(--u)) 0 0}.empty .eb[hidden]{display:none}

/* Auswahlfelder */
.dd{display:none;position:absolute;left:calc(163*var(--u));width:calc(1090*var(--u));top:calc(105*var(--u));z-index:30;text-align:left;
  background:var(--panel);border:1px solid var(--line);border-radius:calc(11*var(--u));box-shadow:0 2px 2px rgba(0,0,0,.15),0 18px 40px -20px rgba(0,72,38,.35);padding:calc(28*var(--u)) calc(27*var(--u)) calc(34*var(--u))}
.dd.open{display:block;animation:dd .18s ease-out}
@keyframes dd{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.dd-h{font:600 calc(24*var(--u))/1.2 var(--in);text-transform:uppercase}
.dd-l{display:grid;grid-template-columns:calc(254*var(--u)) calc(320*var(--u)) calc(246*var(--u)) 1fr;grid-template-rows:repeat(4,auto);grid-auto-flow:column;margin-top:calc(31*var(--u));padding-left:calc(4*var(--u))}
.dd button[data-ort],.dd button[data-fach]{text-align:left;font:400 calc(22*var(--u))/calc(30*var(--u)) var(--in);transition:color .15s}
.dd button:hover,.dd button.on{color:var(--g)}
.dd button.on{font-weight:600}
.dd-wide{left:calc(100*var(--u));width:calc(1240*var(--u))}
.dd-f{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(30*var(--u)) calc(20*var(--u));margin-top:calc(26*var(--u))}
.dd-g{display:flex;flex-direction:column;align-items:flex-start}
.dd-gt{font:600 calc(20*var(--u))/1.3 var(--in);margin-bottom:calc(6*var(--u));text-align:left}
.dd-g button[data-fach]{font-size:calc(17*var(--u));line-height:calc(26*var(--u))}

/* ---------- Kacheln ---------- */
.list{position:relative;background:var(--mint);margin-top:calc(30*var(--u));padding:calc(28*var(--u)) 0 calc(70*var(--u))}
.veil{position:absolute;inset:0;background:rgba(68,126,103,.45);z-index:4;animation:fade .2s}
.veil[hidden]{display:none}
@keyframes fade{from{opacity:0}}
.grid{width:var(--frame);margin:0 auto;padding:0 calc(101*var(--u)) 0 calc(99*var(--u));display:grid;grid-template-columns:repeat(3,1fr);column-gap:calc(60*var(--u));row-gap:calc(68*var(--u))}
.card{position:relative;display:flex;flex-direction:column;background:var(--card);border:2px solid var(--line);border-radius:calc(16*var(--u));min-height:calc(488*var(--u));overflow:hidden;color:#000;transition:transform .25s,box-shadow .25s,border-color .25s}
.c-img{position:relative;height:calc(212*var(--u));overflow:hidden;border-bottom:calc(14*var(--u)) solid var(--g2);flex:none;margin-bottom:0;background:#f1f2f0}
.c-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.c-img img.ph{object-position:50% 75%}
.c-body{display:flex;flex-direction:column;flex:1;padding:calc(18*var(--u)) calc(27*var(--u)) calc(22*var(--u)) calc(26*var(--u))}
.c-t{font:600 calc(28*var(--u))/1.15 var(--my);color:var(--g)}
.c-f{font:600 calc(18*var(--u))/1.2 var(--my);margin-top:calc(4*var(--u))}
.c-a{font:400 calc(16*var(--u))/1.21 var(--in);margin-top:calc(12*var(--u))}
.c-x{font:400 calc(16*var(--u))/1.21 var(--in);margin-top:calc(10*var(--u));display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.c-more{margin-top:auto;padding-top:calc(16*var(--u));font:600 calc(16*var(--u))/1 var(--in);color:var(--grau);display:inline-flex;gap:calc(6*var(--u));align-items:center;transition:color .2s}
.arr{display:inline-block;transition:transform .25s}
a.card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(0,72,38,.45);border-color:#d8e9de}
a.card:hover .c-img img{transform:scale(1.04)}
a.card:hover .c-more{color:var(--g)}a.card:hover .arr{transform:translateX(4px)}
.empty{text-align:center;font:400 calc(20*var(--u))/1.5 var(--in);padding:calc(60*var(--u)) 0}
.pager{display:flex;justify-content:center;align-items:center;gap:calc(14*var(--u));margin-top:calc(56*var(--u))}
.pager button,.pager span{min-width:42px;height:42px;border-radius:21px;display:grid;place-items:center;font:600 15px/1 var(--in);padding:0 10px}
.pager button{border:1px solid var(--g);color:var(--g);background:#fff;transition:background .2s,color .2s}
.pager button:hover:not(:disabled){background:var(--g);color:#fff}
.pager button:disabled{opacity:.35;cursor:default}
.pager .cur{background:var(--g);color:#fff;border-color:var(--g)}
.pager .dots{color:var(--grau);min-width:20px;padding:0}

/* ---------- Fuß ---------- */
.ft{background:var(--gd);color:#fff}
.ft-in{position:relative;min-height:calc(476*var(--u));padding:calc(58*var(--u)) calc(103*var(--u)) calc(40*var(--u)) calc(87*var(--u))}
.ft-logo{width:calc(414*var(--u));height:auto}
.ft-row{display:flex;gap:calc(34*var(--u));margin-top:calc(10*var(--u));margin-left:calc(18*var(--u))}
.ft-box{width:calc(269*var(--u));min-height:calc(155*var(--u));border:2px solid var(--lime2);border-radius:calc(16*var(--u));padding:calc(21*var(--u)) calc(20*var(--u)) calc(16*var(--u)) calc(24*var(--u));display:flex;flex-direction:column}
.ft-menu a{font:600 calc(18*var(--u))/calc(28*var(--u)) var(--my);color:var(--lime2);min-height:24px;display:block}
.ft-menu a:hover{color:#fff}
.ft-info{font:400 calc(18*var(--u))/1.2 var(--my)}
.ft-info strong{font-weight:600;color:var(--lime2)}
.ft-info a{text-decoration:underline;text-underline-offset:2px;display:inline-block;min-height:24px;padding:2px 0}.ft-info a[href^=tel]{text-decoration:none}
.ft-badge{position:absolute;right:calc(103*var(--u));top:calc(113*var(--u));width:calc(220*var(--u));height:auto}
.ft-legal{font:500 calc(16*var(--u))/1.25 var(--in);margin-top:calc(76*var(--u));margin-left:calc(16*var(--u))}
.ft-legal a{text-decoration:underline;text-underline-offset:2px}

/* ---------- Porträtseite ---------- */
.ihero{position:relative;height:calc(798*var(--u));border-bottom:calc(15*var(--u)) solid var(--g);box-sizing:content-box;overflow:hidden;background:#dfe9e3}
.ihero-img{width:100%;height:100%;object-fit:cover}
.ihero-box{position:absolute;left:max(calc(100*var(--u)), (100vw - var(--frame))/2 + 100*var(--u));bottom:calc(50*var(--u));min-width:calc(448*var(--u));max-width:calc(100vw - 400*var(--u));
  background:var(--g);border-radius:calc(14*var(--u));padding:calc(12*var(--u)) calc(40*var(--u)) calc(20*var(--u)) calc(35*var(--u));box-shadow:0 18px 40px -24px rgba(0,0,0,.55)}
.ih-k{font:600 calc(16*var(--u))/1.6 var(--my);color:#F1F9CF;letter-spacing:.04em}
.ihero h1{font:600 calc(50*var(--u))/1 var(--my);color:#fff;margin-top:calc(9*var(--u))}
.ih-f{font:600 calc(20*var(--u))/1.25 var(--my);color:var(--card);margin-top:calc(8*var(--u))}
.ihero-badge{position:absolute;right:max(calc(101*var(--u)), (100vw - var(--frame))/2 + 101*var(--u));bottom:calc(30*var(--u));width:calc(151*var(--u));height:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
.h{font:600 calc(25*var(--u))/1.2 var(--my);color:var(--g)}
.about{display:grid;grid-template-columns:calc(560*var(--u)) calc(599*var(--u));justify-content:space-between;padding:calc(70*var(--u)) calc(101*var(--u)) 0 calc(103*var(--u))}
.about-t{margin-top:calc(14*var(--u))}
.about-t p{font:400 calc(18*var(--u))/1.45 var(--in)}
.about-t p+p{margin-top:calc(14*var(--u))}
.kontakt{list-style:none;margin-top:calc(30*var(--u));display:grid;gap:calc(14*var(--u))}
.kontakt a{display:inline-block;min-height:24px;padding:2px 0}
.kontakt li{display:grid;grid-template-columns:calc(34*var(--u)) 1fr;align-items:center;font:400 calc(16*var(--u))/1.35 var(--in)}
.kontakt img{width:auto;height:calc(22*var(--u));justify-self:center}
.kontakt li:first-child img{height:calc(24*var(--u))}
.kontakt b{font-weight:500}.kontakt i{font-style:normal;color:var(--grau);margin:0 calc(2*var(--u))}
.kontakt a:hover{color:var(--g)}
.web{font-weight:600;color:var(--g)}.web:hover{text-decoration:underline}
.about-r img{width:100%;height:calc(381*var(--u));object-fit:cover;border-radius:calc(16*var(--u))}
.about-r figcaption{font:400 calc(16*var(--u))/1.4 var(--my);color:var(--grau);text-align:center;margin-top:calc(12*var(--u))}
.cols{display:grid;grid-template-columns:repeat(3,calc(316*var(--u)));justify-content:space-between;padding:calc(60*var(--u)) calc(160*var(--u)) 0 calc(144*var(--u))}
.col{display:flex;flex-direction:column;align-items:center}
.circ{width:calc(95*var(--u));height:calc(95*var(--u));border-radius:50%;background:var(--lime);display:grid;place-items:center}
.circ img{width:auto;height:calc(58*var(--u))}
.col .h{margin-top:calc(10*var(--u));text-align:center}
.col .bl,.col .na,.col .more{align-self:stretch}
.bl{list-style:disc;padding-left:calc(24*var(--u));margin-top:calc(14*var(--u));font:400 calc(16*var(--u))/1.3 var(--in)}
.bl li{margin-bottom:calc(2*var(--u))}
.bl.clip li:nth-child(n+7){display:none}.bl.clip.open li{display:list-item}
.more{font:600 calc(16*var(--u))/1 var(--my);color:var(--g);margin-top:calc(10*var(--u));text-align:left;padding-left:calc(24*var(--u))}
.more span{font-size:.75em;display:inline-block;transition:transform .2s}.more[aria-expanded=true] span{transform:rotate(180deg)}
.na{font:400 calc(16*var(--u))/1.4 var(--in);color:var(--grau);margin-top:calc(14*var(--u));text-align:center}
.gut{padding:calc(80*var(--u)) calc(101*var(--u)) 0 calc(103*var(--u))}
.gut-g{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(26*var(--u)) calc(40*var(--u));margin-top:calc(22*var(--u))}
.gut-g div{border-top:1px solid #dbe8df;padding-top:calc(16*var(--u))}
.gut h3{font:600 calc(18*var(--u))/1.2 var(--my);color:var(--g)}
.gut p{font:400 calc(16*var(--u))/1.45 var(--in);margin-top:calc(8*var(--u))}
.quote{text-align:center;padding:calc(110*var(--u)) calc(190*var(--u)) 0}
.quote blockquote{font:600 calc(25*var(--u))/1.2 var(--my);color:var(--g)}
.quote p{font:400 calc(16*var(--u))/1.6 var(--my);color:var(--grau);margin-top:calc(6*var(--u))}
.info{padding:calc(110*var(--u)) calc(101*var(--u)) 0 calc(105*var(--u))}
.info-in{display:grid;grid-template-columns:calc(431*var(--u)) calc(430*var(--u)) 1fr;background:var(--mint);border-radius:calc(30*var(--u));min-height:calc(373*var(--u));padding:calc(42*var(--u)) calc(40*var(--u)) calc(44*var(--u)) calc(55*var(--u))}
.info-c h2{font:600 calc(20*var(--u))/1.2 var(--my);color:var(--g)}
.info-c .bl{margin-top:calc(23*var(--u))}
.dl{display:flex;gap:calc(52*var(--u));margin-top:calc(14*var(--u));padding-left:calc(-12*var(--u))}
.dl a{display:flex;flex-direction:column;align-items:center;width:calc(125*var(--u));text-align:center;font:400 calc(16*var(--u))/1.3 var(--in);transition:color .2s}
.dl a img:first-child{height:calc(70*var(--u));width:auto;transition:transform .25s}
.dl .dla{width:calc(13*var(--u));height:auto;margin:calc(2*var(--u)) 0 calc(8*var(--u))}
.dl a:hover{color:var(--g)}.dl a:hover img:first-child{transform:translateY(-3px)}
.adr{font:400 calc(16*var(--u))/1.3 var(--in);margin-top:calc(23*var(--u))}
.adr b{font-weight:600}
.route{display:inline-flex;align-items:center;gap:calc(8*var(--u));margin-top:calc(22*var(--u));height:calc(36*var(--u));min-height:34px;padding:0 calc(14*var(--u));background:#fff;border:.5px solid var(--g);border-radius:calc(10*var(--u));font:500 calc(16*var(--u))/1 var(--in);transition:background .2s,color .2s}
.route:hover{background:var(--g);color:#fff}
.wl{display:flex;align-items:center;gap:calc(10*var(--u));margin-top:calc(24*var(--u));font-size:calc(16*var(--u))}
.wl img{width:calc(22*var(--u));height:auto}
.back{padding:calc(56*var(--u)) calc(101*var(--u)) calc(70*var(--u)) calc(105*var(--u));font:600 calc(16*var(--u))/1 var(--in);color:var(--g)}
.back a:hover{text-decoration:underline}


/* ---------- Allgemeine Bausteine ---------- */
.btn-lime{display:inline-flex;align-items:center;justify-content:center;gap:calc(14*var(--u));min-height:calc(60*var(--u));padding:0 calc(34*var(--u));background:var(--lime);border-radius:calc(14*var(--u));
  font:600 calc(26*var(--u))/1 var(--my);color:#24603F;transition:background .2s,transform .2s,box-shadow .2s;min-width:calc(309*var(--u))}
.btn-lime:hover{background:#cbe56a;transform:translateY(-1px);box-shadow:0 10px 24px -14px rgba(0,72,38,.6)}
.btn-lime:hover .arr{transform:translateX(4px)}
.kick{font:400 calc(22*var(--u))/1.2 var(--my);color:var(--grau)}
.h50{font:600 calc(50*var(--u))/calc(54*var(--u)) var(--my);color:var(--g)}

/* ---------- Startseite ---------- */
.home .hd{position:absolute;left:0;right:0;z-index:10;padding-top:calc(34*var(--u));height:auto}
.home .nav{margin-top:calc(24*var(--u))}
.hhero{position:relative;height:calc(1000*var(--u));overflow:hidden;background:#e9efe9}
.hhero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 30%}
.hhero::before{content:"";position:absolute;inset:0 0 auto;height:calc(220*var(--u));background:linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,0));z-index:1}
.hhero-in{position:relative;z-index:2;width:var(--frame);margin:0 auto;padding:calc(556*var(--u)) 0 0 calc(100*var(--u))}
.hbox{display:inline-block;background:var(--g);border-radius:calc(14*var(--u));padding:calc(19*var(--u)) calc(44*var(--u)) calc(20*var(--u)) calc(34*var(--u));
  font:600 calc(50*var(--u))/calc(50*var(--u)) var(--my);color:#fff;box-shadow:0 22px 40px -24px rgba(0,0,0,.55)}
.hhero .btn-lime{display:flex;width:calc(360*var(--u));margin-top:calc(19*var(--u))}
.intro{display:grid;grid-template-columns:calc(560*var(--u)) calc(655*var(--u));justify-content:space-between;align-items:start;padding:calc(24*var(--u)) calc(102*var(--u)) 0 calc(102*var(--u))}
.intro .h50{margin:calc(8*var(--u)) 0 calc(17*var(--u)) calc(-5*var(--u))}
.intro-l p:not(.kick){font:400 calc(22*var(--u))/1.21 var(--in);max-width:calc(524*var(--u))}
.intro-l p:not(.kick)+p{margin-top:calc(26*var(--u))}
.intro-img{width:100%;height:calc(484*var(--u));object-fit:cover;border-radius:calc(16*var(--u));margin-top:calc(12*var(--u))}
.stats{list-style:none;display:flex;justify-content:center;gap:calc(36*var(--u));padding:calc(93*var(--u)) 0 calc(63*var(--u))}
.stats li{width:calc(232*var(--u));min-height:calc(86*var(--u));background:var(--card);border:1px solid rgba(72,131,108,.56);border-radius:calc(7*var(--u));display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--g);text-align:center;padding:calc(8*var(--u))}
.stats b{font:600 calc(40*var(--u))/calc(34*var(--u)) var(--my)}
.stats span{font:400 calc(22*var(--u))/calc(26*var(--u)) var(--my)}
.stats strong{font:600 calc(26*var(--u))/1 var(--my)}
.feat{background:var(--mint);padding:calc(28*var(--u)) 0 calc(48*var(--u))}
.feat-in{padding:0 calc(101*var(--u)) 0 calc(102*var(--u))}
.feat .h50{margin:calc(8*var(--u)) 0 0 calc(-5*var(--u))}
.feat-t{font:400 calc(22*var(--u))/1.21 var(--in);max-width:calc(1039*var(--u));margin-top:calc(18*var(--u))}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:calc(60*var(--u));margin:calc(52*var(--u)) 0 calc(38*var(--u))}
.fgrid .card{min-height:calc(469*var(--u))}
.ads{padding:calc(58*var(--u)) calc(103*var(--u)) 0}
.ad-l{font:400 calc(14*var(--u))/1 var(--in);text-transform:uppercase;letter-spacing:.06em;color:var(--grau);margin-bottom:calc(14*var(--u))}
.ad-big{display:block;max-width:calc(560*var(--u));margin:0 auto;border-radius:calc(10*var(--u));overflow:hidden;box-shadow:0 1px 0 var(--line)}
.ad-big img{width:100%;height:auto}
.contact{display:grid;grid-template-columns:calc(498*var(--u)) calc(693*var(--u));justify-content:space-between;align-items:start;padding:calc(80*var(--u)) calc(103*var(--u)) calc(110*var(--u)) calc(102*var(--u))}
.ct-l img{width:100%;height:calc(330*var(--u));object-fit:cover;border-radius:calc(16*var(--u))}
.ct-l figcaption{text-align:center;padding:calc(26*var(--u)) calc(12*var(--u)) 0}
.ct-l h1,.ct-l h2{font:600 calc(28*var(--u))/1.15 var(--my);color:var(--g)}
.ct-l p{font:400 calc(20*var(--u))/1.35 var(--in);margin-top:calc(16*var(--u))}
.kdirect{list-style:none;display:inline-grid;gap:calc(10*var(--u));margin-top:calc(28*var(--u));text-align:left;font:500 calc(17*var(--u))/1.3 var(--in)}
.kdirect li{display:grid;grid-template-columns:calc(28*var(--u)) 1fr;align-items:center}
.kdirect img{width:auto;height:auto;max-width:calc(20*var(--u));max-height:calc(18*var(--u));justify-self:center}
.kdirect a:hover{color:var(--g)}
.kform{background:#F3EBDB;border-radius:calc(16*var(--u));padding:calc(34*var(--u)) calc(75*var(--u)) calc(40*var(--u)) calc(33*var(--u));display:flex;flex-direction:column;gap:calc(26*var(--u))}
.kform h2{font:600 calc(40*var(--u))/calc(54*var(--u)) var(--my);color:var(--g);margin-bottom:calc(14*var(--u))}
.kf-row{display:grid;grid-template-columns:1fr 1fr;gap:calc(30*var(--u))}
.kform label>span{display:block;font:500 calc(20*var(--u))/1.43 var(--in);color:#2E6A52}
.kform input,.kform textarea{width:100%;border:0;border-bottom:1px solid #2E6A52;background:transparent;font:400 calc(18*var(--u))/1.4 var(--in);padding:calc(8*var(--u)) 0;color:#000;border-radius:0;outline:0;resize:vertical;transition:border-color .2s}
.kform input:focus,.kform textarea:focus{border-bottom:2px solid var(--g)}
.kform.tried :invalid{border-bottom-color:#c0392b}
.hp{position:absolute!important;left:-9999px}
.kf-foot{display:grid;grid-template-columns:1fr;gap:calc(20*var(--u));margin-top:calc(6*var(--u))}
.kf-ok{display:flex;gap:calc(10*var(--u));align-items:flex-start;font:400 calc(13*var(--u))/1.45 var(--in)}
.kf-ok input{width:auto;margin-top:2px;accent-color:var(--g);flex:none}
.kf-ok a{text-decoration:underline}
.kform .btn-lime{min-width:0;width:calc(309*var(--u));justify-self:end}
.kform.tried .kf-ok input:invalid+span{color:#c0392b}
.kf-msg{font:500 calc(16*var(--u))/1.4 var(--in);min-height:1em}.kf-msg.ok{color:var(--g)}.kf-msg.err{color:#b03a2e}.kf-msg a{text-decoration:underline}
.kpage .contact{padding-top:calc(30*var(--u))}
.kpage .ads{padding-bottom:calc(90*var(--u))}

/* ---------- Über uns ---------- */
.phero{position:relative;height:calc(663*var(--u));border-bottom:calc(15*var(--u)) solid var(--g);box-sizing:content-box;overflow:hidden}
.phero>img{width:100%;height:100%;object-fit:cover}
.phero-box{position:absolute;left:max(calc(100*var(--u)), (100vw - var(--frame))/2 + 100*var(--u));bottom:calc(50*var(--u));max-width:calc(640*var(--u));background:var(--g);border-radius:calc(14*var(--u));padding:calc(12*var(--u)) calc(40*var(--u)) calc(22*var(--u)) calc(35*var(--u));color:#fff}
.phero h1{font:600 calc(50*var(--u))/1 var(--my);margin-top:calc(8*var(--u))}
.ab1{text-align:center;padding:calc(80*var(--u)) calc(240*var(--u)) 0}
.ab1-logo{width:calc(110*var(--u));margin:0 auto calc(20*var(--u))}
.ab1-lead{font:600 calc(24*var(--u))/1.3 var(--my);color:#000;margin-top:calc(18*var(--u))}
.ab1-t p{font:400 calc(20*var(--u))/1.5 var(--in);margin-top:calc(16*var(--u))}
.werte{background:var(--mint);margin-top:calc(90*var(--u));padding:calc(80*var(--u)) 0}
.werte .wrap{padding:0 calc(101*var(--u)) 0 calc(102*var(--u))}
.werte-g{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(40*var(--u));margin-top:calc(40*var(--u))}
.werte-g div{background:var(--card);border:2px solid var(--line);border-radius:calc(16*var(--u));padding:calc(30*var(--u)) calc(30*var(--u)) calc(34*var(--u))}
.wn{font:600 calc(16*var(--u))/1 var(--my);color:#F1F9CF;background:var(--g);border-radius:99px;padding:calc(6*var(--u)) calc(12*var(--u));display:inline-block}
.werte h3,.wer h3{font:600 calc(28*var(--u))/1.15 var(--my);color:var(--g);margin-top:calc(16*var(--u))}
.werte p,.wer p{font:400 calc(17*var(--u))/1.5 var(--in);margin-top:calc(10*var(--u))}
.wer{padding:calc(90*var(--u)) calc(101*var(--u)) 0 calc(102*var(--u))}
.wer-g{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(28*var(--u));margin-top:calc(40*var(--u))}
.wer img{width:100%;height:calc(185*var(--u));object-fit:cover;border-radius:calc(14*var(--u))}
.wer h3{font-size:calc(24*var(--u))}
.cta{text-align:center;padding:0 0 calc(110*var(--u))}
.cta h2{font:600 calc(34*var(--u))/1.2 var(--my);color:var(--g);margin-bottom:calc(24*var(--u))}

/* ---------- Rechtstexte, 404 ---------- */
.legal{padding:calc(30*var(--u)) calc(260*var(--u)) calc(110*var(--u)) calc(102*var(--u))}
.legal-t{margin-top:calc(30*var(--u));font:400 calc(18*var(--u))/1.6 var(--in);max-width:calc(860*var(--u))}
.legal-t h2{font:600 calc(24*var(--u))/1.25 var(--my);color:var(--g);margin:calc(34*var(--u)) 0 calc(8*var(--u))}
.legal-t p+p{margin-top:calc(10*var(--u))}
.legal-t ul{margin:calc(8*var(--u)) 0 calc(10*var(--u)) calc(24*var(--u))}
.legal-t a{color:var(--g);text-decoration:underline;word-break:break-word}
.nf{padding:calc(60*var(--u)) calc(102*var(--u)) calc(140*var(--u));max-width:calc(1100*var(--u))}
.nf p:not(.kick){font:400 calc(20*var(--u))/1.5 var(--in);margin:calc(20*var(--u)) 0 calc(34*var(--u));max-width:calc(700*var(--u))}


/* ---------- Hubs (Bundesland, Fachbereich, Ort) ---------- */
.bc{padding:0 calc(101*var(--u)) 0 calc(102*var(--u));margin-top:calc(-8*var(--u))}
.bc ol{list-style:none;display:flex;flex-wrap:wrap;gap:calc(6*var(--u));font:500 calc(15*var(--u))/1.4 var(--in);color:var(--grau)}
.bc li+li::before{content:"›";margin-right:calc(6*var(--u));color:#9aa39f}
.bc a{color:var(--g)}.bc a:hover{text-decoration:underline}
.item .bc{margin:calc(18*var(--u)) auto 0}
.hhub{padding:calc(30*var(--u)) calc(101*var(--u)) 0 calc(102*var(--u))}
.hhub h1{font:600 calc(50*var(--u))/calc(54*var(--u)) var(--my);color:var(--g);margin-top:calc(10*var(--u))}
.answer{font:400 calc(22*var(--u))/1.4 var(--in);margin-top:calc(14*var(--u));max-width:calc(1000*var(--u))}
.answer a{color:var(--g);text-decoration:underline}
.hstats{list-style:none;display:flex;flex-wrap:wrap;gap:calc(18*var(--u));margin-top:calc(30*var(--u))}
.hstats li{min-width:calc(200*var(--u));background:var(--card);border:1px solid rgba(72,131,108,.56);border-radius:calc(7*var(--u));padding:calc(12*var(--u)) calc(20*var(--u));color:var(--g);display:flex;flex-direction:column}
.hstats b{font:600 calc(34*var(--u))/1.05 var(--my)}.hstats span{font:400 calc(18*var(--u))/1.25 var(--my)}
.hintro{display:grid;grid-template-columns:1.25fr 1fr;gap:calc(60*var(--u));padding:calc(46*var(--u)) calc(101*var(--u)) 0 calc(102*var(--u));align-items:start}
.hintro-t p{font:400 calc(18*var(--u))/1.55 var(--in)}.hintro-t p+p,.hintro-t .tbl{margin-top:calc(14*var(--u))}
.chips ul{list-style:none;display:flex;flex-wrap:wrap;gap:calc(10*var(--u));margin-top:calc(14*var(--u))}
.chips a{display:inline-flex;align-items:center;gap:calc(8*var(--u));padding:calc(8*var(--u)) calc(14*var(--u));min-height:36px;background:#fff;border:1px solid var(--g);border-radius:999px;font:500 calc(15*var(--u))/1.2 var(--in);color:var(--g);transition:background .2s,color .2s}
.chips a span{font-weight:600;color:var(--grau)}
.chips a:hover{background:var(--g);color:#fff}.chips a:hover span{color:var(--lime)}
.hprem{background:var(--mint);margin-top:calc(60*var(--u));padding:calc(50*var(--u)) 0 calc(60*var(--u))}
.hprem .wrap{padding:0 calc(101*var(--u)) 0 calc(99*var(--u))}
.ratg .hintro-t h2{font:600 calc(24*var(--u))/1.2 var(--my);color:var(--gd);margin-top:calc(30*var(--u))}.ratg .hintro-t h2:first-child{margin-top:0}.ratg .hintro-t h2+p{margin-top:calc(8*var(--u))}
.ratg .chips .hnote{margin-top:calc(14*var(--u))}
.card.ad-card{position:relative;padding:0;overflow:hidden;background:var(--panel)}.card.ad-card img{width:100%;height:100%;object-fit:cover;display:block}
.ad-tag{position:absolute;top:calc(10*var(--u));left:calc(10*var(--u));background:rgba(255,255,255,.92);color:var(--grau);font:600 11px/1 var(--in);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:4px}
.hnote{font:400 calc(15*var(--u))/1.5 var(--in);color:var(--grau);margin-top:calc(6*var(--u))}.hnote a{color:var(--g);text-decoration:underline}
.hgrid{padding:0;margin-top:calc(30*var(--u));width:auto}
.hall{padding:calc(60*var(--u)) calc(101*var(--u)) 0 calc(102*var(--u))}
.tbl{overflow-x:auto;margin-top:calc(18*var(--u));border:1px solid var(--line);border-radius:calc(12*var(--u));background:#fff}
.tbl table{width:100%;border-collapse:collapse;font:400 calc(15.5*var(--u))/1.4 var(--in)}
.tbl th{text-align:left;font:600 calc(14*var(--u))/1.2 var(--in);color:var(--grau);text-transform:uppercase;letter-spacing:.04em;background:var(--panel);padding:calc(12*var(--u)) calc(16*var(--u));position:sticky;top:0}
.tbl td{padding:calc(11*var(--u)) calc(16*var(--u));border-top:1px solid #f0f0ee;vertical-align:top}
.tbl tr.pr td:first-child{font-weight:600}
.tbl td a{color:var(--g)}.tbl td a:hover{text-decoration:underline}
.tbl.small{max-width:calc(520*var(--u))}.tbl.small td:last-child{text-align:right;font-weight:600}
.tag{display:inline-block;font:600 calc(12*var(--u))/1 var(--in);color:#24603F;background:var(--lime);border-radius:99px;padding:calc(5*var(--u)) calc(9*var(--u));white-space:nowrap}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.closed{margin-top:calc(18*var(--u));font:400 calc(15*var(--u))/1.5 var(--in);color:var(--grau)}
.closed summary{cursor:pointer;font-weight:600;color:#000}.closed ul{margin:calc(10*var(--u)) 0 0 calc(22*var(--u))}.closed span{font-size:.9em}
.faq{padding:calc(70*var(--u)) calc(101*var(--u)) 0 calc(102*var(--u));max-width:calc(1100*var(--u));margin-left:auto;margin-right:auto}
.faq details{border-bottom:1px solid #dfe9e2;padding:calc(16*var(--u)) 0}
.faq details:first-of-type{margin-top:calc(14*var(--u));border-top:1px solid #dfe9e2}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:calc(20*var(--u));font:600 calc(20*var(--u))/1.35 var(--my);color:#000}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 calc(26*var(--u))/1 var(--in);color:var(--g);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{font:400 calc(17*var(--u))/1.6 var(--in);margin-top:calc(10*var(--u));max-width:calc(860*var(--u))}
.rel{padding:calc(60*var(--u)) calc(101*var(--u)) calc(80*var(--u)) calc(102*var(--u))}
.rel ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(10*var(--u)) calc(30*var(--u));margin-top:calc(16*var(--u))}
.rel a{display:flex;justify-content:space-between;align-items:center;padding:calc(12*var(--u)) 0;border-bottom:1px solid #e3ece6;font:500 calc(17*var(--u))/1.3 var(--in);color:var(--g)}
.rel a:hover .arr{transform:translateX(4px)}
.stand{font:400 calc(14*var(--u))/1.5 var(--in);color:var(--grau);margin-top:calc(30*var(--u))}.stand a{color:var(--g);text-decoration:underline}
.ovgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(40*var(--u));padding:calc(40*var(--u)) calc(101*var(--u)) calc(90*var(--u)) calc(102*var(--u))}
.ov ul{list-style:none;margin-top:calc(14*var(--u))}
.ov a{display:flex;justify-content:space-between;gap:calc(10*var(--u));padding:calc(10*var(--u)) 0;border-bottom:1px solid #e3ece6;font:500 calc(17*var(--u))/1.3 var(--in);color:var(--g)}
.ov a span{color:var(--grau);font-weight:600}.ov a:hover{color:var(--gd)}
.seol{background:var(--panel);border-top:1px solid var(--line);padding:calc(44*var(--u)) 0 calc(48*var(--u))}
.seol .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:calc(50*var(--u));padding:0 calc(101*var(--u)) 0 calc(102*var(--u))}
.seol h2{font:600 calc(20*var(--u))/1.2 var(--my);color:var(--g)}
.seol ul{list-style:none;columns:3;column-gap:calc(30*var(--u));margin-top:calc(12*var(--u))}
.seol div+div ul{columns:1}
.seol a{display:inline-block;padding:calc(4*var(--u)) 0;min-height:24px;font:400 calc(15.5*var(--u))/1.35 var(--in);color:#1d3b2e}.seol a:hover{color:var(--g);text-decoration:underline}
.similar{padding:calc(70*var(--u)) calc(101*var(--u)) 0 calc(105*var(--u))}
.similar ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:0 calc(40*var(--u));margin-top:calc(14*var(--u))}
.similar li{display:flex;justify-content:space-between;gap:calc(14*var(--u));padding:calc(12*var(--u)) 0;border-bottom:1px solid #e3ece6;font:400 calc(16*var(--u))/1.35 var(--in)}
.similar li a{color:var(--g);font-weight:600}.similar li span{color:var(--grau);text-align:right}
.similar .more-l{margin-top:calc(18*var(--u));display:flex;flex-wrap:wrap;gap:calc(10*var(--u))}
.stamp{font:400 calc(14*var(--u))/1.5 var(--in);color:var(--grau)}

.closedbar{margin-top:calc(30*var(--u));padding:calc(16*var(--u)) calc(22*var(--u));background:#FFF4E5;border:1px solid #F0C98A;border-radius:calc(12*var(--u));font:400 calc(16*var(--u))/1.5 var(--in);width:calc(var(--frame) - 206*var(--u))}
.closedbar a{color:var(--g);text-decoration:underline}
/* ---------- Tablet ---------- */
@media (max-width:1000px) and (min-width:701px){
  :root{--u:calc(100vw / 1100);--frame:100%}
  /* Tablet: Burger-Menü wie auf dem Handy, das Desktop-Menü passt nicht neben das Logo */
  .nav{display:none}
  .burger{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;width:48px;height:48px;margin-top:calc(14*var(--u))}
  .burger span{display:block;height:2px;width:30px;border-radius:2px;background:var(--gd)}
  .burger span:nth-child(3){width:22px}
  .mnav{position:fixed;inset:0;z-index:60;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;font:600 34px/1.2 var(--my);color:var(--grau);text-transform:uppercase;letter-spacing:.08em}
  .mnav[hidden]{display:none}.mnav a.on{color:var(--g)}
  .mlogo{position:absolute;top:22px;left:32px;width:240px}
  .mclose{position:absolute;top:20px;right:24px;width:48px;height:48px}
  .mclose span{position:absolute;left:12px;top:23px;width:26px;height:2px;background:var(--gd);transform:rotate(45deg)}.mclose span+span{transform:rotate(-45deg)}
  .hd{padding-left:calc(60*var(--u));padding-right:calc(60*var(--u))}
  .about{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(50*var(--u));padding-left:calc(60*var(--u));padding-right:calc(60*var(--u))}
  .intro{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:calc(50*var(--u));padding-left:calc(60*var(--u));padding-right:calc(60*var(--u))}
  .intro-l p:not(.kick){max-width:none}
  .contact{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:calc(44*var(--u));padding-left:calc(60*var(--u));padding-right:calc(60*var(--u))}
  .kform{padding-right:calc(40*var(--u))}
  br.d{display:none}
  .info{padding-left:calc(60*var(--u));padding-right:calc(60*var(--u))}
  .info-in{grid-template-columns:1fr 1fr;row-gap:calc(40*var(--u));column-gap:calc(40*var(--u))}
  .info-c:last-child{grid-column:1/-1}
  .grid{grid-template-columns:repeat(2,1fr)}
  .cols{grid-template-columns:repeat(3,1fr);gap:calc(30*var(--u));padding-left:calc(60*var(--u));padding-right:calc(60*var(--u))}
  .gut-g{grid-template-columns:1fr 1fr}
}

/* ---------- Mobil ---------- */
@media (max-width:700px){
  :root{--u:calc(100vw / 390);--frame:100%}
  br.d{display:none}
  .hd,.item .hd{height:auto;padding:calc(18*var(--u)) calc(22*var(--u)) calc(14*var(--u)) calc(24*var(--u));align-items:center}
  .logo img{width:calc(210*var(--u))}
  .nav{display:none}
  .burger{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;width:44px;height:44px}
  .burger span{display:block;height:2px;width:28px;border-radius:2px;background:var(--gd)}
  .burger span:nth-child(3){width:20px}
  .mnav{position:fixed;inset:0;z-index:60;background:var(--panel);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;font:600 30px/1.2 var(--my);color:var(--grau);text-transform:uppercase;letter-spacing:.08em}
  .mnav[hidden]{display:none}
  .mnav a.on{color:var(--g)}
  .mlogo{position:absolute;top:18px;left:24px;width:200px}
  .mclose{position:absolute;top:16px;right:16px;width:44px;height:44px}
  .mclose span{position:absolute;left:10px;top:21px;width:24px;height:2px;background:var(--gd);transform:rotate(45deg)}.mclose span+span{transform:rotate(-45deg)}
  .kicker{font-size:14px;margin-top:calc(14*var(--u))}
  .hero h1{font-size:calc(30*var(--u));line-height:1.08;margin-top:6px;padding:0 calc(20*var(--u))}
  .lead{font-size:15px;line-height:1.4;padding:0 calc(26*var(--u));margin-top:10px}
  .filters{flex-direction:column;align-items:stretch;gap:14px;padding:22px 20px 0}
  .fbtns{gap:10px}
  .fbtn,.fbtn+.fbtn{flex:1;min-width:0;height:46px;border-radius:12px;padding:0 14px;font-size:18px;gap:8px}
  .fbtn .fl{overflow:hidden;text-overflow:ellipsis}
  .tri{font-size:12px}
  .typ{justify-content:center;font-size:17px;margin:0;gap:8px}
  .typ button{padding:6px 2px}
  .count{font-size:13px;margin-top:10px;gap:12px}.reset{font-size:13px}
  .dd,.dd-wide{left:12px;right:12px;width:auto;top:118px;border-radius:14px;padding:18px 18px 22px;max-height:min(70vh,560px);overflow:auto}
  .dd-h{font-size:15px}
  .dd-l{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-flow:row;gap:2px 14px;margin-top:12px}
  .dd button[data-ort]{font-size:16px;line-height:1.3;padding:8px 0}
  .dd-f{grid-template-columns:1fr;gap:16px;margin-top:12px}
  .dd-g{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}
  .dd-gt{grid-column:1/-1;font-size:16px;margin-bottom:2px}
  .dd-g button[data-fach]{font-size:15px;line-height:1.3;padding:6px 0}
  .list{margin-top:18px;padding:22px 0 40px}
  .grid{padding:0 18px;grid-template-columns:1fr;row-gap:18px}
  .card{min-height:0;border-radius:14px}
  .c-img{height:calc(190*var(--u));border-bottom-width:10px}
  .c-body{padding:16px 18px 18px}
  .c-t{font-size:23px}
  .c-f{font-size:16px}
  .c-a,.c-x{font-size:15px}
  .c-x{-webkit-line-clamp:3}
  .c-more{font-size:15px;padding-top:14px}
  .pager{gap:8px;margin-top:28px;flex-wrap:wrap;padding:0 12px}
  .pager button,.pager span{min-width:40px;height:40px}
  .ft-in{min-height:0;padding:36px 22px 34px}
  .ft-logo{width:240px}
  .ft-row{flex-wrap:wrap;gap:14px;margin:18px 0 0}
  .ft-box{width:calc(50% - 7px);min-height:0;padding:16px;border-radius:14px}
  .ft-menu a{font-size:17px;line-height:27px}
  .ft-info{font-size:15px;line-height:1.35}
  .ft-badge{position:static;width:120px;margin:22px 0 0}
  .ft-legal{font-size:13px;margin:22px 0 0;line-height:1.5}
  /* Porträt */
  .ihero{height:auto;border-bottom:0;overflow:visible;background:none}
  .ihero-img{height:calc(300*var(--u));border-bottom:6px solid var(--g)}
  .ihero-box{position:relative;left:auto;bottom:auto;min-width:0;max-width:none;margin:-46px 14px 0;border-radius:14px;padding:12px 18px 16px}
  .ih-k{font-size:13px}
  .ihero h1{font-size:28px;line-height:1.05;margin-top:4px}
  .ih-f{font-size:16px;margin-top:6px}
  .ihero-badge{right:14px;bottom:auto;top:calc(300*var(--u) - 46px - 84px);width:74px}
  .about{grid-template-columns:1fr;gap:26px;padding:30px 20px 0}
  .h{font-size:22px}
  .about-t p{font-size:16px;line-height:1.55}
  .kontakt li{grid-template-columns:30px 1fr;font-size:15px;align-items:start}
  .kontakt img{height:auto;width:20px;margin-top:2px}.kontakt li:first-child img{width:14px;height:auto}
  .kontakt li:first-child b{display:block}.kontakt li:first-child i:first-of-type{display:none}
  .about-r img{height:calc(220*var(--u));border-radius:14px}
  .about-r figcaption{font-size:14px}
  .cols{grid-template-columns:1fr;gap:34px;padding:42px 20px 0}
  .circ{width:80px;height:80px}.circ img{height:48px}
  .bl,.na{font-size:16px}
  .more{font-size:16px}
  .gut{padding:46px 20px 0}
  .gut-g{grid-template-columns:1fr;gap:16px}
  .gut h3{font-size:17px}.gut p{font-size:15px}
  .quote{padding:56px 22px 0}
  .quote blockquote{font-size:21px}.quote p{font-size:14px}
  .info{padding:46px 14px 0}
  .info-in{grid-template-columns:1fr;gap:30px;border-radius:20px;padding:28px 22px 30px}
  .info-c h2{font-size:19px}
  .dl{gap:28px;margin-top:14px}
  .dl a{width:auto;font-size:15px}
  .dl a img:first-child{height:62px}.dl .dla{width:13px}
  .adr,.route,.wl{font-size:15px}
  .route{height:40px;padding:0 16px;border-radius:10px}
  .wl img{width:20px}
  .back{padding:34px 20px 44px;font-size:15px}

  /* Startseite, Seiten */
  .btn-lime{min-height:52px;font-size:20px;padding:0 24px;border-radius:12px;min-width:0}
  .kick{font-size:15px}
  .h50{font-size:30px;line-height:1.1}
  .home .hd{padding-top:14px}
  .hhero{height:calc(560*var(--u))}
  .hhero-img{object-position:60% 30%}
  .hhero-in{padding:calc(330*var(--u)) 18px 0}
  .hbox{font-size:32px;line-height:1.05;padding:14px 20px 16px;border-radius:12px}
  .hhero .btn-lime{width:auto;display:inline-flex;margin-top:12px}
  .intro{grid-template-columns:1fr;gap:24px;padding:36px 20px 0}
  .intro-l p:not(.kick){font-size:17px;line-height:1.5}.intro-l p:not(.kick)+p{margin-top:14px}
  .intro-img{height:calc(240*var(--u));border-radius:14px}
  .stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:34px 20px 40px}
  .stats li{width:auto;min-height:84px;border-radius:10px}
  .stats b{font-size:30px;line-height:1.05}.stats span{font-size:16px;line-height:1.2}.stats strong{font-size:19px}
  .feat{padding:36px 0 40px}.feat-in{padding:0 18px}
  .feat-t{font-size:16px;line-height:1.5}
  .fgrid{grid-template-columns:1fr;row-gap:18px;margin:26px 0 26px}.fgrid .card{min-height:0}
  .ads{padding:40px 18px 0}.ad-l{font-size:12px}
  .contact,.kpage .contact{grid-template-columns:1fr;gap:28px;padding:40px 16px 60px}
  .ct-l img{height:calc(200*var(--u));border-radius:14px}
  .ct-l h1,.ct-l h2{font-size:24px}.ct-l p{font-size:16px}
  .kdirect{font-size:15px;gap:8px}.kdirect li{grid-template-columns:28px 1fr}.kdirect img{height:16px}
  .kform{padding:24px 20px 26px;gap:20px;border-radius:16px}
  .kform h2{font-size:26px;line-height:1.15;margin:0}
  .kf-row{grid-template-columns:1fr;gap:20px}
  .kform label>span{font-size:16px}.kform input,.kform textarea{font-size:16px}
  .kf-foot{grid-template-columns:1fr;gap:16px}.kf-ok{font-size:12.5px}.kform .btn-lime{width:100%}
  .ad-big{max-width:none}
  .kf-msg{font-size:15px}
  .phero{height:calc(300*var(--u));border-bottom-width:6px}
  .phero-box{left:14px;right:14px;bottom:14px;max-width:none;padding:12px 18px 16px;border-radius:12px}
  .phero h1{font-size:28px}
  .ab1{padding:40px 20px 0}.ab1-logo{width:80px}.ab1-lead{font-size:19px}.ab1-t p{font-size:16px}
  .werte{margin-top:50px;padding:44px 0}.werte .wrap{padding:0 18px}
  .werte-g,.wer-g{grid-template-columns:1fr;gap:16px;margin-top:22px}
  .werte-g div{padding:22px 20px}
  .werte h3,.wer h3{font-size:22px}.werte p,.wer p{font-size:15px}
  .wer{padding:50px 18px 0}.wer-g{grid-template-columns:1fr 1fr;gap:16px 12px}.wer img{height:calc(110*var(--u));border-radius:10px}.wer h3{font-size:18px}.wer p{font-size:14px}
  .cta{padding:10px 20px 60px}.cta h2{font-size:24px}
  .legal{padding:20px 20px 60px}.legal-t{font-size:15.5px;line-height:1.6}.legal-t h2{font-size:20px;margin:26px 0 6px}
  .nf{padding:40px 20px 80px}.nf p:not(.kick){font-size:17px}
  /* Hubs */
  .bc{padding:0 18px;margin-top:4px}.bc ol{font-size:13px}
  .item .bc{margin-top:10px}
  .hhub{padding:14px 20px 0}.hhub h1{font-size:30px;line-height:1.1}
  .answer{font-size:17px;line-height:1.5}
  .hstats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.hstats li{min-width:0;padding:10px 14px;border-radius:10px}.hstats b{font-size:26px}.hstats span{font-size:15px}
  .hintro{grid-template-columns:1fr;gap:26px;padding:30px 20px 0}.hintro-t p{font-size:16px}.ratg .hintro-t h2{font-size:20px;margin-top:24px}.ratg .hintro-t h2+p{margin-top:6px}
  .chips a{font-size:14px;padding:8px 12px}
  .hprem{margin-top:40px;padding:34px 0 40px}.hprem .wrap{padding:0 18px}.hnote{font-size:14px}.hgrid{grid-template-columns:1fr;row-gap:12px;margin-top:20px}
  .hgrid .card{flex-direction:row;border-radius:12px;min-height:0}
  .hgrid .c-img{width:112px;height:auto;min-height:112px;border-bottom:0;border-right:6px solid var(--g2)}
  .hgrid .c-body{padding:12px 14px}.hgrid .c-t{font-size:18px}.hgrid .c-f{font-size:14px}
  .hgrid .c-a{font-size:13px;margin-top:6px}.hgrid .c-x{display:none}.hgrid .c-more{font-size:13px;padding-top:8px}
  .hall{padding:40px 12px 0}.hall .h{padding:0 8px}
  .tbl{border-radius:12px}.tbl table{font-size:14px}.tbl th{font-size:12px;padding:10px 10px}.tbl td{padding:10px}
  .tbl td:nth-child(3){display:none}.tbl th:nth-child(3){display:none}
  .tag{font-size:11px}
  .closed{font-size:14px;padding:0 8px}
  .faq{padding:44px 20px 0}.faq summary{font-size:18px}.faq details p{font-size:15.5px}.faq summary::after{font-size:24px}
  .rel{padding:40px 20px 50px}.rel ul{grid-template-columns:1fr}.rel a{font-size:16px}.stand{font-size:13px}
  .ovgrid{grid-template-columns:1fr;gap:30px;padding:26px 20px 60px}.ov a{font-size:16px}
  .seol{padding:30px 0 34px}.seol .wrap{grid-template-columns:1fr;gap:22px;padding:0 20px}.seol h2{font-size:18px}.seol ul{columns:2}.seol a{font-size:14.5px}
  .similar{padding:46px 20px 0}.similar ul{grid-template-columns:1fr}.similar li{font-size:15px}
  .stamp{font-size:13px}
  .closedbar{width:auto;margin:20px 16px 0;font-size:14.5px;padding:12px 14px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Lange Klinikwörter und Adressen sauber umbrechen (Silbentrennung über lang="de") */
.c-t,.c-a,.c-f,.c-x,.ihero-box h1,.hhub h1,.similar a,.similar b,.tbl td,.rel a{overflow-wrap:break-word}
@media (max-width:1000px){.c-t,.c-a,.c-f,.c-x,.ihero-box h1,.hhub h1,.similar a,.similar b,.tbl td,.rel a{-webkit-hyphens:auto;hyphens:auto}}
.about>*,.grid>*,.hgrid>*,.cols>*,.info-in>*{min-width:0}
.kontakt a,.kontakt span,.info-c a.web,.adr{overflow-wrap:anywhere}
.dl a{width:auto;min-width:calc(125*var(--u));overflow-wrap:normal;-webkit-hyphens:auto;hyphens:auto}
.wer-g>*,.werte-g>*{min-width:0}.wer h3,.werte h3{overflow-wrap:break-word}@media (max-width:700px){.wer h3,.werte h3{-webkit-hyphens:auto;hyphens:auto}}
.legal-t{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
.h50,h1{overflow-wrap:break-word}@media (max-width:700px){.h50,h1{-webkit-hyphens:auto;hyphens:auto}}