/* drhebel.ch – selbst gehostete Schriften: Roboto und Lato (Originale, OFL), Figtree als freier Ersatz für Proxima Nova. */
@font-face { font-family: 'Roboto'; src: url(/assets/fonts/roboto-400-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: 'Roboto'; src: url(/assets/fonts/roboto-400-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+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Figtree'; src: url(/assets/fonts/figtree-400-latin.woff2) format('woff2'); font-weight: 300 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: 'Figtree'; src: url(/assets/fonts/figtree-400-latin-ext.woff2) format('woff2'); font-weight: 300 900; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, 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; }
@font-face { font-family: 'LatoL'; src: url(/assets/fonts/lato-300-latin.woff2) format('woff2'); font-weight: 400; 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: 'LatoL'; src: url(/assets/fonts/lato-300-latin-ext.woff2) format('woff2'); font-weight: 400; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, 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; }
@font-face { font-family: 'LatoL'; src: url(/assets/fonts/lato-700-latin.woff2) format('woff2'); font-weight: 700; 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: 'LatoL'; src: url(/assets/fonts/lato-700-latin-ext.woff2) format('woff2'); font-weight: 700; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, 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; }
@font-face { font-family: 'Lato'; src: url(/assets/fonts/lato-300-latin.woff2) format('woff2'); font-weight: 300; 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: 'Lato'; src: url(/assets/fonts/lato-300-latin-ext.woff2) format('woff2'); font-weight: 300; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, 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; }
@font-face { font-family: 'Lato'; src: url(/assets/fonts/lato-400-latin.woff2) format('woff2'); font-weight: 400; 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: 'Lato'; src: url(/assets/fonts/lato-400-latin-ext.woff2) format('woff2'); font-weight: 400; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, 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; }
@font-face { font-family: 'Lato'; src: url(/assets/fonts/lato-700-latin.woff2) format('woff2'); font-weight: 700; 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: 'Lato'; src: url(/assets/fonts/lato-700-latin-ext.woff2) format('woff2'); font-weight: 700; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, 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; }

/* drhebel.ch – Nachbau des Wix-Designs. Masse in Design-Pixeln: Desktop 1440 (--d), Mobil 320 (--u). */
:root { --petrol: #0B5871; --mittel: #518495; --himmel: #47A1C2; --hell: #AACFDC; --text: #183641; --dunkel: #062C39; --weiss: #FCFDFF; --schwarz: #020203;
  --d: min(1px, 100cqw / 1440); --u: min(1.4px, 100cqw / 320); }
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(75 * var(--d)); }
body { margin: 0; background: var(--weiss); color: var(--text); font-family: LatoL, Lato, Arial, sans-serif; container-type: inline-size; overflow-x: clip; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button { font: inherit; color: inherit; }
.skip:not(:focus) { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip:focus { position: fixed; z-index: 300; left: 8px; top: 8px; background: #fff; padding: 8px 14px; }
:focus-visible { outline: 2px solid var(--himmel); outline-offset: 2px; }

/* Kopf (sticky, weiss, Schatten wie Wix) */
.kopf { position: sticky; top: 0; z-index: 50; height: calc(75 * var(--d)); background: #fff; box-shadow: rgba(0, 0, 0, .1) -3px 0 3px 0; }
.kopf-in { position: relative; width: calc(1440 * var(--d)); height: 100%; margin: 0 auto; }
.logo { position: absolute; left: calc(116 * var(--d)); top: calc(5 * var(--d)); width: calc(185 * var(--d)); height: calc(59 * var(--d)); }
.logo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 36%; }
.menue { position: absolute; left: calc(787 * var(--d)); top: calc(22 * var(--d)); display: flex; }
.menue > a, .mehr > button { display: block; padding: 0 calc(30 * var(--d)); border: 0; background: none; cursor: pointer; font: 400 calc(15 * var(--d)) / calc(36 * var(--d)) Roboto, Arial, sans-serif; color: #000; text-decoration: none; white-space: nowrap; transition: color .4s; }
.menue > a:hover, .menue > a[aria-current], .mehr > button:hover, .mehr > button.aktiv { color: var(--mittel); }
.mehr { position: relative; }
.mehr-liste { display: none; position: absolute; left: 50%; top: calc(36 * var(--d)); transform: translateX(-50%); padding-top: calc(7 * var(--d)); }
.mehr-liste a { display: block; background: var(--weiss); padding: 0 calc(12 * var(--d)); font: 400 calc(15 * var(--d)) / calc(30 * var(--d)) Roboto, Arial, sans-serif; color: #000; text-align: center; text-decoration: none; white-space: nowrap; transition: color .4s; }
.mehr-liste a:hover, .mehr-liste a[aria-current] { color: var(--mittel); }
.mehr:hover .mehr-liste, .mehr:focus-within .mehr-liste, .mehr-liste.offen { display: block; }
.burger, .mmenue[hidden] { display: none; }

/* Flächen, Buttons */
.fl { background: var(--bg); pointer-events: none; }
.sx.hero { background: var(--bg); }
.sx.clip { overflow: clip; }
.sx.auto { padding-bottom: calc(40 * var(--d)); }
.btn { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 calc(10 * var(--d)); text-decoration: none; text-align: center; white-space: nowrap; cursor: pointer; }
.btn.pille { background: var(--mittel); color: var(--weiss); border: 0; border-radius: 100px; font: 400 calc(15 * var(--d)) / 1.4 LatoL, Lato, sans-serif; transition: border-color .4s, background-color .4s; }
.btn.pille.fett { font-weight: 700; }
.btn.pille:hover { background: var(--petrol); }
.linie { margin: 0; border: 0; border-top: 1px solid #8a8f93; height: 0; }
.linie.hell { border-top-color: rgba(252, 253, 255, .45); }

/* Hero-Diashow */
.show { position: relative; overflow: hidden; background: var(--mittel); }
.folie { position: absolute; inset: 0; opacity: 0; transition: opacity 1s ease; }
.folie.an { opacity: 1; }
.folie img { width: 100%; height: 100%; object-fit: cover; }
.show-p { position: absolute; z-index: 2; top: 50%; width: calc(40 * var(--d)); height: calc(60 * var(--d)); margin-top: calc(-30 * var(--d)); border: 0; background: none; cursor: pointer; }
.show-p::before { content: ''; position: absolute; left: 50%; top: 50%; width: calc(32 * var(--d)); height: calc(32 * var(--d)); border: solid #fff; border-width: 0 0 2px 2px; transform: translate(-25%, -50%) rotate(45deg); }
.show-p.vor::before { transform: translate(-75%, -50%) rotate(-135deg); }
.show-p.zurueck { left: calc(93 * var(--d)); } .show-p.vor { right: calc(93 * var(--d)); }

/* Leistungen (Wix-Repeater, 3 Spalten à 300) */
.leist { list-style: none; margin: 0; padding: 0 0 0 calc(9 * var(--d)); display: grid; grid-template-columns: repeat(3, calc(300 * var(--d))); column-gap: calc(40 * var(--d)); }
.leist li { height: calc(482 * var(--d)); padding-top: calc(99 * var(--d)); }
.leist a { display: block; color: #000; text-decoration: none; }
.leist-bild { display: block; width: calc(300 * var(--d)); height: calc(300 * var(--d)); }
.leist-bild img { width: 100%; height: 100%; object-fit: cover; }
.leist h3 { margin: calc(22 * var(--d)) 0 0; font: 700 calc(20 * var(--d)) / 1.35 Roboto, Arial, sans-serif; color: #000; }
.leist .weiter { display: block; margin-top: calc(8 * var(--d)); font: 400 calc(13 * var(--d)) / 1.4 Roboto, Arial, sans-serif; color: #000; }
.leist a:hover .weiter { text-decoration: underline; }

/* Team (Wix-Galerie, 3 Spalten à 313) */
.team { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, calc(313 * var(--d))); column-gap: calc(20.5 * var(--d)); }
.team li { height: calc(414 * var(--d)); text-align: center; color: #000; }
.team-bild { height: calc(313 * var(--d)); background: #fff; }
.team-bild img { width: 100%; height: 100%; object-fit: cover; }
.team .rund .team-bild img { object-fit: contain; }
.team h2 { margin: calc(15 * var(--d)) 0 0; font: 700 calc(18 * var(--d)) / 1.3 "Helvetica Neue", Helvetica, Arial, sans-serif; }
.team h2 a { text-decoration: none; } .team h2 a:hover { text-decoration: underline; }
.team p { margin: calc(4 * var(--d)) 0 0; font: 400 calc(15 * var(--d)) / 1.4 "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* News */
.news { font: 400 calc(17 * var(--d)) / normal Figtree, Arial, sans-serif; color: var(--petrol); }
.news article { margin-bottom: calc(18 * var(--d)); }
.news h2 { margin: 0; font: inherit; font-weight: 700; }
.news p { margin: 0; }

/* Karte (Zwei-Klick) */
.karte { position: relative; background: #dfe7e9; overflow: hidden; }
.karte iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.karte-laden { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; border: 0; background: #dfe7e9; cursor: pointer; color: var(--petrol); font: 700 calc(18 * var(--d)) LatoL, Lato, sans-serif; }
.karte-laden::before { content: ''; width: 28px; height: 28px; border-radius: 50% 50% 50% 0; background: #d9433a; transform: rotate(-45deg); margin-bottom: 6px; }
.karte-laden small { font-size: calc(13 * var(--d)); font-weight: 400; opacity: .8; }

/* Hinweis auf traveldoc, PDF-Box, Rechtstexte */
.hinweis-td { background: #EAF4F8; border-left: 4px solid var(--himmel); padding: calc(14 * var(--d)) calc(20 * var(--d)); }
.hinweis-td p { font-size: calc(18 * var(--d)); line-height: 1.6; }
.hinweis-td a { color: var(--petrol); font-weight: 700; text-decoration: underline; }
.pdf-box { text-align: center; }
.rt.pdf-box p { margin: 0 0 calc(16 * var(--d)); font-size: calc(18 * var(--d)); line-height: 1.6; }
.pdf-box .btn { display: inline-flex; width: auto; height: calc(44 * var(--d)); padding: 0 calc(28 * var(--d)); }
.pdf-box .klein { font-size: calc(15 * var(--d)); }
.pdf-box a:not(.btn) { color: var(--petrol); }
.recht-text { font: 400 calc(18 * var(--d)) / 1.6 LatoL, Lato, sans-serif; color: var(--text); }
.rt.recht-text h1 { margin: 0 0 calc(30 * var(--d)); font: 700 calc(28 * var(--d)) / normal LatoL, Lato, sans-serif; color: var(--petrol); }
.rt.recht-text h2 { margin: calc(26 * var(--d)) 0 calc(4 * var(--d)); font: 700 calc(20 * var(--d)) / 1.4 LatoL, Lato, sans-serif; color: var(--petrol); }
.rt.recht-text p { margin: 0 0 calc(10 * var(--d)); }
.recht-text a { color: var(--petrol); text-decoration: underline; }
.nach-oben { display: none; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .folie { transition: none; } }
.blass > img { opacity: .38; }
.fuss-logo img { filter: brightness(0) invert(1); opacity: .92; }
.fuss .rt p { white-space: nowrap; }
.rt.copy p { font: 400 calc(10 * var(--d)) / normal Arial, Helvetica, sans-serif; }
.leist li:last-child { height: calc(406 * var(--d)); }
.menue > a, .mehr > button { padding: 0; text-align: center; }
.menue > a:nth-child(1) { width: calc(120 * var(--d)); } .menue > a:nth-child(2) { width: calc(136 * var(--d)); } .menue > a:nth-child(3) { width: calc(138 * var(--d)); } .mehr > button { width: calc(114 * var(--d)); }

/* ---------- Sektionen nach Messung (wie traveldoc) ---------- */
.sx { position: relative; min-height: calc(var(--h) * var(--d)); overflow: clip; }
.st { position: relative; z-index: 1; width: calc(1440 * var(--d)); min-height: inherit; margin: 0 auto; display: grid; grid-template-columns: 100%; }
.sp { grid-area: 1 / 1; display: flex; flex-direction: column; align-items: flex-start; min-width: 0; pointer-events: none; }
.it { flex: none; position: relative; pointer-events: auto;
  margin-left: calc(var(--x) * var(--d) - var(--bl, 0) * (100cqw - 1440 * var(--d)) / 2);
  width: calc(var(--w) * var(--d) + (var(--bl, 0) + var(--br, 0)) * (100cqw - 1440 * var(--d)) / 2);
  margin-top: calc(var(--t) * var(--d)); }
.ho { height: calc(var(--hh) * var(--d)); }
.ho > img, .ho > a:not(.btn), .ho > a > img, .ho > div, .ho > hr { display: block; width: 100%; height: 100%; }
.ho > hr { height: 0; }
.ho > img, .ho > a > img { object-fit: contain; }
.bildfl > img, .bildfl > a > img { object-fit: cover; }
.fuss-sx { background: var(--himmel); }

/* ---------- Rich Text (aus Wix übernommen, Theme-Schriften) ---------- */
.rt { overflow-wrap: break-word; }
.rt > * { margin: 0; }
.rt p, .rt h1, .rt h2, .rt h3, .rt h4, .rt h5, .rt h6, .rt ul { margin: 0; font-weight: inherit; }
.rt ul { padding-left: 1.3em; }
.rt li > p { margin: 0; }
.rt .font_0 { font: 700 calc(58 * var(--d)) / normal Roboto, Arial, sans-serif; color: #0b5871; }
.rt .font_2 { font: 400 calc(17 * var(--d)) / normal Figtree, Arial, sans-serif; color: #fcfdff; }
.rt .font_3 { font: 700 calc(24 * var(--d)) / 1.4 Roboto, Arial, sans-serif; color: #47a1c2; }
.rt .font_4 { font: 700 calc(20 * var(--d)) / 1.4 Roboto, Arial, sans-serif; color: #518495; }
.rt .font_5 { font: 700 calc(58 * var(--d)) / 1.4 Roboto, Arial, sans-serif; color: #47a1c2; }
.rt .font_6 { font: 700 calc(28 * var(--d)) / normal LatoL, Lato, sans-serif; color: #0b5871; }
.rt .font_7 { font: 400 calc(17 * var(--d)) / 1.4 Figtree, Arial, sans-serif; color: #020203; }
.rt .font_8 { font: 400 calc(18 * var(--d)) / 1.6 LatoL, Lato, sans-serif; color: #183641; }
.rt .font_9 { font: 400 calc(15 * var(--d)) / 1.4 LatoL, Lato, sans-serif; color: #062c39; }
.rt :is(.font_0, .font_3, .font_4, .font_5) [style*="font-weight:normal"] { font-weight: 700; }
.rt [style*="proxima"] { font-family: Figtree, Arial, sans-serif; }
.rt [style*="lato-light"] { font-family: LatoL, Lato, sans-serif; }
.rt [style*="helvetica"] { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.rt [style*="--fs"] { font-size: calc(var(--fs) * var(--d)); }
.rt a { color: inherit; text-decoration: none; }
.rt.sichtbar .font_2, .rt.sichtbar .font_2 * { color: #0b5871; }
.it { min-height: calc(var(--mh, 0) * var(--d)); }
.rt.news h2 { font-weight: 700; }
.rt.news p, .rt.news h2 { line-height: 1.06; }
.rt .dm-titel { padding-left: calc(267 * var(--d)); }
@media (max-width: 999px) { .it { min-height: calc(var(--mhm, 0) * var(--u)); } .rt .dm-titel { padding-left: 0; } }
.fuss .rt p { line-height: 1.07; }
.rt.recht-text a, .rt.hinweis-td a, .rt.pdf-box a:not(.btn) { text-decoration: underline; }
.rt.faq details { border-top: 1px solid #c9dfe7; padding: calc(12 * var(--d)) 0; }
.rt.faq details:last-child { border-bottom: 1px solid #c9dfe7; }
.rt.faq summary { cursor: pointer; font-weight: 700; color: var(--petrol); list-style-position: outside; }
.rt.faq details p { margin: calc(8 * var(--d)) 0 0; }
@media (max-width: 999px) { .rt.faq details { padding: calc(10 * var(--u)) 0; } .rt.faq details p { margin-top: calc(6 * var(--u)); } }

@media (min-width: 1000px) { .nd { display: none !important; } }
@media (max-width: 999px) {
  .nm { display: none !important; }
  html { scroll-padding-top: 0; }
  .kopf { position: relative; height: calc(78 * var(--u)); box-shadow: none; }
  .kopf-in { width: calc(320 * var(--u)); }
  .logo { left: calc(70 * var(--u)); top: calc(10 * var(--u)); width: calc(180 * var(--u)); height: calc(58 * var(--u)); }
  .menue { display: none; }
  .burger { display: block; position: absolute; right: calc(14 * var(--u)); top: calc(23 * var(--u)); width: calc(32 * var(--u)); height: calc(32 * var(--u)); padding: calc(7 * var(--u)) calc(5 * var(--u)); border: 0; background: none; cursor: pointer; }
  .burger span { display: block; height: 1.5px; background: var(--mittel); margin-top: calc(6.5 * var(--u)); }
  .burger span:first-child { margin-top: 0; }
  .mmenue { position: fixed; inset: 0; z-index: 100; background: rgba(2, 2, 3, .6); }
  .mm-panel { position: absolute; top: 0; right: 0; bottom: 0; width: min(calc(228 * var(--u)), 80vw); background: var(--weiss); overflow-y: auto; }
  .mm-logo { position: absolute; left: calc(12 * var(--u)); top: calc(10 * var(--u)); width: calc(150 * var(--u)); height: calc(48 * var(--u)); }
  .mm-logo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 36%; }
  .mm-zu { position: absolute; right: calc(14 * var(--u)); top: calc(18 * var(--u)); width: calc(36 * var(--u)); height: calc(36 * var(--u)); border: 0; background: none; cursor: pointer; }
  .mm-zu span { position: absolute; left: calc(8 * var(--u)); top: 50%; width: calc(20 * var(--u)); height: 1.5px; background: var(--mittel); transform: rotate(45deg); }
  .mm-zu span + span { transform: rotate(-45deg); }
  .mmenue nav { display: flex; flex-direction: column; align-items: flex-end; padding: calc(126 * var(--u)) calc(14 * var(--u)) 40px calc(20 * var(--u)); }
  .mmenue nav a { max-width: 100%; font: 400 calc(20 * var(--u)) / calc(48 * var(--u)) Figtree, Arial, sans-serif; color: #000; text-decoration: none; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .mmenue nav a[aria-current] { color: var(--mittel); }
  html.menue-offen { overflow: hidden; }
  .sx { min-height: calc(var(--hm) * var(--u)); }
  .sx.auto { padding-bottom: calc(30 * var(--u)); }
  .st { width: calc(320 * var(--u)); }
  .sp { grid-area: var(--gm) / 1; }
  .it { margin-left: calc(var(--xm) * var(--u) - var(--blm, 0) * (100cqw - 320 * var(--u)) / 2);
    width: calc(var(--wm) * var(--u) + (var(--blm, 0) + var(--brm, 0)) * (100cqw - 320 * var(--u)) / 2);
    margin-top: calc(var(--tm) * var(--u)); }
  .ho { height: calc(var(--hhm) * var(--u)); }
  .rt :is(.font_0, .font_2, .font_3, .font_4, .font_5, .font_6, .font_7, .font_8, .font_9) { font-size: calc(15 * var(--u)); }
  .rt [style*="--fs"] { font-size: calc(var(--fs) * .85 * var(--u)); }
  .rt [style*="--fm"] { font-size: calc(var(--fm) * var(--u)); }
  .rt [style*="--fm"] [style*="--fs"] { font-size: inherit; }
  .rt [style*="--am"] { text-align: var(--am) !important; }
  .btn.pille { font-size: calc(15 * var(--u)); }
  .show-p { width: calc(24 * var(--u)); height: calc(40 * var(--u)); margin-top: calc(-20 * var(--u)); }
  .show-p::before { width: calc(14 * var(--u)); height: calc(14 * var(--u)); }
  .show-p.zurueck { left: calc(14 * var(--u)); } .show-p.vor { right: calc(14 * var(--u)); }
  .leist { grid-template-columns: calc(300 * var(--u)); padding: 0; }
  .leist li { height: calc(461 * var(--u)); padding-top: calc(98 * var(--u)); }
  .leist-bild { width: calc(300 * var(--u)); height: calc(300 * var(--u)); }
  .leist h3 { margin-top: calc(35 * var(--u)); font-size: calc(20 * var(--u)); }
  .leist .weiter { margin-top: calc(8 * var(--u)); font-size: calc(14 * var(--u)); }
  .team { grid-template-columns: calc(280 * var(--u)); }
  .team li { height: calc(379 * var(--u)); }
  .team-bild { height: calc(280 * var(--u)); }
  .team h2 { margin-top: calc(14 * var(--u)); font-size: calc(18 * var(--u)); }
  .team p { font-size: calc(15 * var(--u)); }
  .news { font-size: calc(16 * var(--u)); }
  .news article { margin-bottom: calc(18 * var(--u)); }
  .karte-laden { font-size: calc(16 * var(--u)); } .karte-laden small { font-size: calc(12 * var(--u)); }
  .hinweis-td { padding: calc(12 * var(--u)) calc(14 * var(--u)); } .hinweis-td p { font-size: calc(15 * var(--u)); }
  .rt.pdf-box p { font-size: calc(15 * var(--u)); margin-bottom: calc(14 * var(--u)); } .pdf-box .klein { font-size: calc(13 * var(--u)); }
  .pdf-box .btn { height: calc(42 * var(--u)); padding: 0 calc(16 * var(--u)); white-space: normal; }
  .recht-text { font-size: calc(15 * var(--u)); }
  .rt.recht-text h1 { font-size: calc(20 * var(--u)); margin-bottom: calc(20 * var(--u)); }
  .rt.recht-text h2 { font-size: calc(17 * var(--u)); margin-top: calc(20 * var(--u)); }
  .nach-oben:not([hidden]) { display: flex; position: fixed; z-index: 40; right: 16px; bottom: 16px; width: 44px; height: 44px; align-items: center; justify-content: center; background: var(--mittel); color: #fff; border-radius: 50%; opacity: 0; transition: opacity .5s; }
  .nach-oben.zeigen { opacity: 1; }
  .nach-oben svg { width: 24px; height: 24px; }
}
@media (max-width: 999px) {
  .rt.copy p { font-size: calc(10 * var(--u)); }
  .fuss .rt p { white-space: normal; }
  .leist li:last-child { height: calc(461 * var(--u)); }
  .mm-logo { left: calc(8 * var(--u)); top: calc(8 * var(--u)); width: calc(160 * var(--u)); height: auto; }
  .mm-logo img { height: auto; object-fit: contain; }
}
@media (max-width: 999px) {
  .rt .font_8, .rt .font_9 { letter-spacing: -.012em; }
  .fuss .rt p { letter-spacing: -.03em; }
}
@media (max-width: 999px) { .fuss-sx .it[style*="--xm:114"] { width: max(calc(106 * var(--u)), calc(var(--wm) * var(--u))); } }