/* Gemeinsamer Mobilaufbau. Desktop-Layout und Datenfunktionen bleiben im Bestand.
   Alle Dateien/Schriften kommen vom eigenen Host; keine Cookies oder Besucherkennung. */
.pg-mobile-header,.pg-mobile-only,.pg-scroll-call{display:none}
.pg-content-details>summary{display:none}
.pg-scroll-table{display:contents}
.pg-scroll-call[hidden]{display:none!important}
.pg-icon{width:22px;height:22px;flex:0 0 22px}

@media(max-width:900px){
  html{scroll-padding-top:102px}
  body.pg-mobile-layout{margin:0;padding-top:85px;background:#fff;color:#181516;font-family:'IBM Plex Sans',sans-serif;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
  .pg-mobile-only{display:block}
  .pg-desktop-only,.pg-desktop-title-extra,.gr-cookiebar{display:none!important}
  #dc-root> .sc-host>div{max-width:100%!important;min-width:0!important}
  #dc-root aside{display:none!important}
  #dc-root .pg-main{width:100%!important;max-width:100%!important;min-width:0!important;border-top:0!important;flex:1 1 auto!important}
  .pg-main>*{min-width:0}
  #dc-root .pg-main>section,#dc-root .pg-main>footer,#dc-root .pg-main>div{padding-left:24px!important;padding-right:24px!important}
  #dc-root .pg-main h1,#dc-root .pg-main h2,#dc-root .pg-main h3,#dc-root .pg-main h4{font-family:'IBM Plex Sans',sans-serif!important;color:#181516;font-weight:600!important;text-wrap:balance;hyphens:auto;overflow-wrap:anywhere;max-width:100%}
  #dc-root .pg-main h1{font-size:32px!important;line-height:1.15!important;letter-spacing:-.75px!important}
  #dc-root .pg-main h2{font-size:25px!important;line-height:1.25!important}
  #dc-root .pg-main h3{font-size:19px!important;line-height:1.35!important}
  #dc-root .pg-main p{overflow-wrap:anywhere}
  #dc-root .pg-main a{overflow-wrap:anywhere}
  #dc-root .pg-main .lead{font-size:17px!important;line-height:1.6!important}
  #dc-root .pg-main>.pg-page-intro{padding-top:30px!important;padding-bottom:25px!important}
  .pg-main img{max-width:100%!important;height:auto!important}
  .pg-main svg[viewBox]:not(.pg-icon),.pg-main svg[viewbox]:not(.pg-icon){max-width:100%!important;height:auto!important}
  .pg-main [style*="minmax(300px"],.pg-main [style*="minmax(280px"],.pg-main [style*="minmax(240px"]{grid-template-columns:minmax(0,1fr)!important}
  .pg-main [style*="grid-template-columns: 84px 1fr"]{grid-template-columns:44px minmax(0,1fr)!important;gap:14px!important}
  .pg-main [style*="grid-template-columns: 84px 1fr auto"],.pg-main [style*="grid-template-columns: 120px 1fr auto"]{grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important}
  .pg-main [style*="grid-template-columns: 84px 1fr auto"]>:last-child,.pg-main [style*="grid-template-columns: 120px 1fr auto"]>:last-child{grid-column:2!important}
  .pg-main [style*="grid-template-columns: 1fr 90px"],.pg-main [style*="grid-template-columns: 1fr 110px"]{grid-template-columns:minmax(0,1fr) 85px!important}
  .pg-main [style*="white-space: nowrap"]{white-space:normal!important}
  .pg-main .pg-price-controls{grid-template-columns:minmax(0,1fr)!important}
  .pg-price-controls>*{min-width:0}
  .pg-price-controls #pr-kat{width:100%;max-width:100%;box-sizing:border-box}
  .pg-main :target{scroll-margin-top:102px}
  .pg-mobile-header *{box-sizing:border-box}
  .pg-mobile-header{height:85px;padding:15px 18px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border-bottom:1px solid #dfe5e8;position:fixed;top:0;left:0;right:0;z-index:30;font-family:'IBM Plex Sans',sans-serif;line-height:1.5}
  .pg-brand{display:block;width:216px;max-width:calc(100% - 106px);padding:5px 0;text-decoration:none;flex:0 1 auto}
  .pg-brand img{display:block;width:100%;height:auto}
  .pg-head-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
  .pg-head-call,.pg-menu-toggle{box-sizing:border-box;width:42px;min-height:48px;display:flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:transparent;text-decoration:none;color:#181516;cursor:pointer;padding:0}
  .pg-head-call{color:#007DA8;background:#EEF9FD;border:1px solid #d5eaf2}
  .pg-head-call svg{width:20px;height:20px;flex-basis:20px}
  .pg-menu-toggle{list-style:none;font-size:10px;font-weight:500;line-height:1.25}
  .pg-menu-toggle::-webkit-details-marker{display:none}
  .pg-menu-toggle>span{display:flex;align-items:center;flex-direction:column;gap:1px}
  .pg-menu-toggle svg{height:23px;width:23px}
  .pg-menu-toggle>.pg-when-open{display:none}
  #pg-mobile-nav[open]>.pg-menu-toggle>.pg-when-open{display:flex}
  #pg-mobile-nav[open]>.pg-menu-toggle>.pg-when-closed{display:none}
  #pg-mobile-menu{position:fixed;inset:85px 0 0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:24px 24px calc(36px + env(safe-area-inset-bottom));background:white;color:#181516;z-index:31;font-size:16px;text-align:left}
  #pg-mobile-menu>h2{font-family:'IBM Plex Sans',sans-serif;font-size:30px;font-weight:600;line-height:1.12;letter-spacing:-.6px;margin:12px 0 21px;max-width:300px}
  .pg-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10.5px;letter-spacing:.065em;text-transform:uppercase;color:#007DA8;line-height:1.6}
  .pg-menu-link,.pg-menu-group>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #dfe5e8;padding:14px 0;color:#181516;text-decoration:none;font-size:16px;font-weight:500;line-height:1.3;list-style:none;cursor:pointer}
  .pg-menu-group>summary::-webkit-details-marker{display:none}
  .pg-menu-link small{display:block;color:#596168;font-size:11.5px;font-weight:400;margin-top:3px}
  .pg-menu-link svg,.pg-menu-group>summary svg{width:17px;height:17px;color:#007DA8;flex-basis:17px}
  .pg-menu-group[open]>summary svg{transform:rotate(90deg)}
  .pg-menu-group>div{padding:0 0 12px 15px}
  .pg-menu-group .pg-menu-link{font-size:14px;border-top:0;padding:11px 0}
  .pg-menu-contact{border-top:1px solid #dfe5e8;padding-top:24px}
  .pg-menu-contact p{font-size:12px;line-height:1.8;color:#596168;margin:14px 0 7px}
  .pg-menu-contact strong{font-weight:500;color:#181516}
  .pg-menu-contact>a:not(.pg-primary){font-size:13px;color:#007DA8;text-decoration:none}
  .pg-minor-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px;font-size:11px}
  .pg-minor-links a{color:#596168;text-decoration:none}
  .pg-mobile-header a:focus-visible,.pg-mobile-header summary:focus-visible,.pg-primary:focus-visible,.pg-scroll-call:focus-visible,.pg-scroll-table:focus-visible{outline:3px solid #EC008C;outline-offset:3px}
  #dc-root .pg-main>.pg-breadcrumb{display:flex;gap:8px;padding:18px 24px 0!important;font-size:12px;line-height:1.5;color:#596168;font-family:'IBM Plex Sans',sans-serif}
  .pg-breadcrumb a{color:#596168;text-decoration:none}
  #dc-root .pg-main>.pg-hero{padding:23px 24px 0!important;max-width:100%!important}
  .pg-hero>.pg-eyebrow{margin:0!important;display:block!important}
  .pg-hero>.pg-eyebrow::before{content:'';display:inline-block;width:19px;height:3px;background:#EC008C;vertical-align:middle;margin:0 8px 2px 0}
  #dc-root .pg-main .pg-hero>h1{font-size:35px!important;line-height:1.12!important;font-weight:600!important;letter-spacing:-1.1px!important;margin:11px 0 0!important;hyphens:auto}
  #dc-root .pg-main .pg-short-lead{font-size:16.5px;line-height:1.56;color:#596168;margin:17px 0 0;font-family:'IBM Plex Sans',sans-serif;text-wrap:pretty}
  .pg-hero-contact{margin-top:23px}
  .pg-primary{display:flex;gap:13px;align-items:center;justify-content:flex-start;padding:14px 17px;min-height:54px;border-radius:8px;background:#007DA8;color:#fff;text-decoration:none;font-weight:600;font-size:16px;line-height:1.3;font-family:'IBM Plex Sans',sans-serif}
  .pg-primary>svg:last-child{margin-left:auto;opacity:.85;width:19px;flex-basis:19px}
  .pg-primary>svg:first-child{width:20px;height:20px;flex-basis:20px}
  .pg-button-number{font-family:'IBM Plex Mono',monospace;font-weight:400;display:block;font-size:13px;letter-spacing:.025em;margin-top:3px;color:#e6f6fd}
  .pg-hours{display:flex;gap:8px;align-items:center;margin:14px 0 0;font-size:13px;line-height:1.5}
  .pg-hours svg{width:16px;height:16px;flex:0 0 16px;color:#007DA8}
  .pg-hours strong{font-weight:500}
  .pg-contact-hint{font-size:12px;line-height:1.55;color:#596168;margin:7px 0 0 24px}
  .pg-secondary-call{display:flex;justify-content:center;align-items:center;gap:6px;padding:13px 0 1px;font-size:12px;font-weight:500;color:#007DA8;text-decoration:none}
  .pg-secondary-call svg{height:14px;width:14px;flex:0 0 14px}
  .pg-main .pg-content-details>summary{list-style:none;display:flex;gap:14px;justify-content:space-between;align-items:center;cursor:pointer;padding:18px 0;font-weight:500;font-size:15px;line-height:1.35;color:#181516;font-family:'IBM Plex Sans',sans-serif}
  .pg-content-details>summary::-webkit-details-marker{display:none}
  .pg-content-details>summary svg{color:#007DA8;width:17px;height:17px;flex-basis:17px}
  .pg-content-details[open]>summary svg{transform:rotate(90deg)}
  #dc-root .pg-main>.pg-detail-section{padding-top:0!important;padding-bottom:0!important}
  .pg-detail-body>.pg-original-heading{display:none!important}
  .pg-detail-body{padding-bottom:17px}
  .pg-detail-body p{text-align:justify;hyphens:auto}
  #dc-root .pg-main .pg-detail-body .lead{font-size:16px!important;line-height:1.6!important;color:#596168!important}
  .pg-intro-more{margin-top:18px;border-top:1px solid #dfe5e8}
  .pg-main .pg-intro-more>summary{font-size:13px;color:#596168;padding:13px 0 18px}
  #dc-root .pg-main>.pg-quicklinks{padding:0 24px 27px!important}
  .pg-quicklinks>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;border-top:1px solid #dfe5e8;color:#181516;text-decoration:none}
  .pg-quicklinks>a:last-child{border-bottom:1px solid #dfe5e8}
  .pg-quicklinks strong{font-size:15px;font-weight:500;display:block}
  .pg-quicklinks small{display:block;color:#596168;font-size:12px;margin-top:3px}
  .pg-quicklinks svg{color:#007DA8;width:20px}
  #dc-root .pg-main>.pg-result{background:#EEF9FD;padding:21px 24px 23px!important;border-top:1px solid #d8ecf4;border-bottom:1px solid #d8ecf4;margin-bottom:22px}
  .pg-result ul{padding:0;margin:10px 0 0;list-style:none;display:grid;gap:8px}
  .pg-result li{display:flex;gap:9px;font-size:13px;line-height:1.5}
  .pg-result li:before{content:'✓';color:#007DA8}
  .pg-scroll-table{display:block;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .pg-main .pg-table-inner{min-width:var(--pg-table-width)!important;max-width:none!important}
  .pg-main .pg-table-row{grid-template-columns:var(--pg-columns)!important}
  .pg-main .pg-table-row>*{grid-column:auto!important;margin-top:0!important}
  .pg-main .pg-table-hint{font-size:11px!important;color:#596168;margin:0 0 8px!important;line-height:1.5!important}
  #dc-root .pg-main>footer{padding-top:28px!important;padding-bottom:calc(90px + env(safe-area-inset-bottom))!important;gap:15px!important}
  .pg-cookie-note{font-size:11px!important;color:#596168;line-height:1.6!important;margin:0!important}
  .pg-cookie-note a{color:#007DA8}
  .pg-scroll-call:not([hidden]){position:fixed;bottom:0;left:0;right:0;z-index:20;min-height:62px;padding:17px 24px calc(17px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;background:#007DA8;color:#fff;text-decoration:none;font-size:14px;line-height:1.4;font-weight:500;box-shadow:0 -3px 15px #18151615;font-family:'IBM Plex Sans',sans-serif}
  .pg-scroll-call>svg:last-child{margin-left:auto}
  /* Die anonymisierte Demo behält ihre eigene Überschrift und Bildvergrößerung. */
  body.pg-demo-page>header:not(.pg-mobile-header){padding:26px 22px;max-width:100%}
  body.pg-demo-page>header:not(.pg-mobile-header) h1{font-family:'IBM Plex Sans',sans-serif;font-size:27px;line-height:1.2;hyphens:auto;overflow-wrap:anywhere}
  body.pg-demo-page main{width:100%;max-width:100%;padding-left:20px;padding-right:20px;min-width:0}
  body.pg-demo-page #ov{z-index:100}
}

@media(max-width:350px){
  .pg-mobile-header{padding-left:13px;padding-right:13px}.pg-head-actions{gap:4px}.pg-brand{max-width:calc(100% - 95px)}
  #dc-root .pg-main>section,#dc-root .pg-main>footer,#dc-root .pg-main>div{padding-left:20px!important;padding-right:20px!important}
  #dc-root .pg-main .pg-hero>h1{font-size:31px!important;letter-spacing:-.9px!important}
  #dc-root .pg-main .pg-short-lead{font-size:15.5px!important}
  .pg-eyebrow{font-size:9.5px}.pg-primary{font-size:15px}.pg-secondary-call{font-size:10.5px}
  .pg-main .pg-result li{font-size:11.5px}
  #pg-mobile-menu{padding-left:20px;padding-right:20px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Breite Datentabellen: auf schmalen Bildschirmen eine beschriftete Zeile
   unter der anderen. Die Werte bleiben einmalig im statischen HTML. */
.pg-table-label{display:none}
.pg-table-value{display:contents}
@media(max-width:900px){
  #dc-root .pg-main .pg-table-cards{display:block;max-width:100%;overflow:visible}
  #dc-root .pg-main .pg-table-cards>.pg-table-inner{min-width:0!important;width:100%;max-width:100%!important}
  #dc-root .pg-main .pg-table-cards .pg-table-heading-row{display:none!important}
  #dc-root .pg-main .pg-table-cards .pg-table-row:not(.pg-table-heading-row){grid-template-columns:minmax(0,1fr)!important;gap:8px!important;padding:16px 14px!important;align-items:start!important}
  #dc-root .pg-main .pg-table-cards .pg-table-row>*{min-width:0;max-width:100%;grid-column:auto!important;white-space:normal!important;overflow-wrap:anywhere}
  #dc-root .pg-main .pg-table-cards .pg-row-title{font-family:'IBM Plex Sans',sans-serif!important;font-size:15px!important;line-height:1.5!important;font-weight:500!important;text-align:left!important;margin-bottom:3px}
  #dc-root .pg-main .pg-table-cards .pg-row-title>span{font-weight:400}
  #dc-root .pg-main .pg-table-cards .pg-labeled-cell{display:grid!important;grid-template-columns:minmax(72px,.9fr) minmax(0,1.6fr)!important;gap:12px!important;align-items:baseline;text-align:left!important;font-size:14px!important;line-height:1.5!important}
  .pg-table-cards .pg-table-label{display:block;min-width:0;font-family:'IBM Plex Sans',sans-serif;font-size:12px;line-height:1.45;font-weight:400;color:#596168}
  .pg-table-cards .pg-table-value{display:block;min-width:0;text-align:right;overflow-wrap:anywhere;white-space:normal}
  #dc-root .pg-main .pg-table-cards .pg-empty-cell{display:none!important}
  #dc-root .pg-main .pg-table-prose .pg-table-row:not(.pg-table-heading-row){padding:18px 0!important;gap:12px!important}
  #dc-root .pg-main .pg-table-cards .pg-table-prose .pg-labeled-cell{display:block!important;font-family:'IBM Plex Sans',sans-serif!important;font-size:15px!important;line-height:1.6!important}
  .pg-table-prose .pg-table-label{margin-bottom:3px;font-size:12px;font-weight:500;color:#007DA8}
  .pg-table-prose .pg-table-value{text-align:left}
  #dc-root .pg-main .pg-table-cards .pg-table-examples>div:not(.pg-table-row)[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) max-content!important;gap:12px!important;padding-left:14px!important;padding-right:14px!important}
  .pg-table-examples>div:not(.pg-table-row)>span:last-child{white-space:nowrap!important}
  .pg-table-examples>.pg-table-row .pg-labeled-cell:last-child .pg-table-value{font-weight:500;color:#181516}
}