/*
Theme Name: Pilz Praxis
Theme URI: https://www.psychologie-pilz.at/
Author: Manuel Pilz
Description: Schlankes Block-Theme für die Praxis von Manuel Pilz, Klinischer Psychologe in Vöcklabruck. Gestaltung „Ordination“: hell, klar, barrierearm, ohne externe Verbindungen.
Version: 1.0.10
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pilz-praxis
*/

/* ---------- Grundlagen ---------- */
:root{--pp-radius:10px;--pp-radius-media:14px;--pp-gap:clamp(24px,4vw,64px);--pp-measure:66ch;--pp-link:#1A6480;--pp-line-strong:#AFC3CC;--pp-muted-on-deep:#9EC2D1}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.wp-site-blocks>*+*{margin-block-start:0}
.wp-block-post-content>.pp-section,.wp-block-post-content>.pp-section+.pp-section{margin-block-start:0!important;margin-block-end:0}
strong,b{font-weight:650}
:where(a,button,input,textarea,select,summary,.wp-block-navigation-item__content):focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:3px;border-radius:2px}
a{text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{text-decoration-thickness:2px}
h1,h2,h3{text-wrap:balance}
figure{margin:0}

/* ---------- Kopfbereich ---------- */
header.wp-block-template-part{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:50}
.pp-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--wp--preset--color--line)}
.pp-header-inner{min-height:80px;gap:16px}
.pp-brand{gap:12px;align-items:center}
.pp-mono{display:inline-flex;color:var(--wp--preset--color--primary);line-height:0}
.pp-mono svg{width:45.3px;height:44.65px}
.pp-brand-text{gap:3px!important}
.pp-brand-text>*{margin:0}
.pp-header-nav{gap:28px;align-items:center}
.pp-header .wp-block-navigation{gap:30px}
.pp-header .wp-block-navigation-item__content{color:var(--wp--preset--color--ink);text-decoration:none;padding-block:8px}
.pp-header .wp-block-navigation-item__content:hover,
.pp-header .current-menu-item>.wp-block-navigation-item__content,
.pp-header .current-menu-ancestor>.wp-block-navigation-item__content{color:var(--wp--preset--color--primary)}
.pp-header .current-menu-item>.wp-block-navigation-item__content{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.45em}
.pp-header .wp-block-navigation .wp-block-navigation__submenu-container{border:1px solid var(--wp--preset--color--line)!important;border-radius:8px;padding:10px 0;min-width:240px!important;box-shadow:0 14px 34px -20px rgba(15,30,45,.4);background:#fff}
.pp-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:9px 18px!important}
.pp-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:var(--wp--preset--color--tint)}
.pp-header .wp-block-navigation__submenu-icon{margin-left:6px}
.pp-call{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1.5px solid var(--pp-line-strong);border-radius:6px;color:var(--wp--preset--color--primary)}
.pp-call svg{width:22px;height:22px}
.pp-header-cta .wp-block-button__link{padding:10px 20px;font-size:16px}
.pp-only-mobile{display:none!important}

/* Handy und Tablet: Menü-Knopf bis 1023 px statt der WordPress-Standardgrenze von 600 px */
@media (max-width:1023px){
  .pp-header .pp-header-cta{display:none!important}
  .pp-call{display:inline-flex}
  .pp-header-nav{gap:10px}
  .pp-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}
  .pp-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none}
  .pp-only-mobile{display:block!important}
}
.pp-header .wp-block-navigation__responsive-container-open{width:44px;height:44px;align-items:center;justify-content:center;border:1.5px solid var(--pp-line-strong);border-radius:6px;color:var(--wp--preset--color--head)}
.wp-block-navigation__responsive-container.is-menu-open{padding:20px clamp(20px,5vw,56px) 32px;background:#fff;--navigation-layout-justification-setting:flex-start;--navigation-layout-justify:flex-start;--navigation-layout-align:flex-start}
.pp-header .is-menu-open .wp-block-navigation-item,.pp-header .is-menu-open .has-child .wp-block-navigation__submenu-container{align-items:flex-start!important;text-align:left}
.pp-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
.pp-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start!important;justify-content:flex-start!important;gap:6px}
.pp-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{border:0!important;box-shadow:none!important;background:transparent!important;padding:2px 0 6px 18px!important;min-width:0!important}
.pp-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:6px 0!important}
.pp-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:transparent}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:20px;padding-block:8px}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{font-size:17px;color:var(--wp--preset--color--muted)}
@media (max-width:420px){.pp-brand .wp-block-site-tagline{font-size:13.5px}}

/* ---------- Abschnitte ---------- */
.pp-section{padding-block:var(--wp--preset--spacing--60)}
.pp-cols-rail p,.pp-cols-contact p,.pp-hero p{max-width:var(--pp-measure)}
.wp-block-columns.pp-cols-hero,.wp-block-columns.pp-cols-rail,.wp-block-columns.pp-cols-3,.wp-block-columns.pp-cols-contact,.wp-block-columns.pp-cols-footer{display:grid;gap:32px;margin:0}
.wp-block-columns[class*="pp-cols-"]>.wp-block-column{min-width:0}

/* Einstieg */
.pp-hero.pp-section{padding-block:clamp(36px,6vw,88px)}
@media (min-width:640px){.wp-block-columns.pp-cols-hero{grid-template-columns:minmax(0,4fr) minmax(0,6fr);column-gap:clamp(24px,4vw,64px)}}
@media (min-width:900px){.wp-block-columns.pp-cols-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
.pp-portrait img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--pp-radius-media);display:block}
.pp-hero h1{margin:0}
.pp-hero .pp-role-main{margin-top:22px;font-size:20px;font-weight:600;color:var(--wp--preset--color--head);line-height:1.35}
.pp-hero .pp-role-sub{margin-top:4px;font-size:18px;color:var(--wp--preset--color--muted);line-height:1.45;text-wrap:balance}
.pp-hero .pp-hero-actions{margin-top:34px;gap:14px 28px;align-items:center}
@media (max-width:520px){.pp-hero .pp-hero-actions .wp-block-button:not(.is-style-link){width:100%}.pp-hero .pp-hero-actions .wp-block-button:not(.is-style-link) .wp-block-button__link{width:100%}}

/* Button als Textlink */
.wp-block-button.is-style-link .wp-block-button__link{background:transparent;color:var(--pp-link);padding:12px 2px;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;border-radius:0}
.wp-block-button.is-style-link .wp-block-button__link:hover{background:transparent;color:var(--wp--preset--color--primary-dark);text-decoration-thickness:2px}
.wp-block-button.is-style-invert .wp-block-button__link{background:var(--wp--preset--color--on-deep);color:var(--wp--preset--color--deep)}
.wp-block-button.is-style-invert .wp-block-button__link:hover{background:#fff;color:var(--wp--preset--color--deep)}

/* Info-Leiste */
.pp-infoband.pp-section{padding-block:30px}
.pp-info-inner{display:grid;gap:18px}
.pp-info-inner>*{margin:0!important}
@media (min-width:900px){.pp-info-inner{grid-template-columns:minmax(0,1fr) auto;column-gap:48px;align-items:center}}
.is-style-info{list-style:none;margin:0;padding:0;display:grid;gap:18px}
@media (min-width:900px){.is-style-info{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:40px}}
.is-style-info li{position:relative;padding-left:40px;font-size:17px;line-height:1.5}
.is-style-info li::before{content:"";position:absolute;left:0;top:0;width:26px;height:26px;background:var(--wp--preset--color--primary);-webkit-mask:var(--pp-icon) center/contain no-repeat;mask:var(--pp-icon) center/contain no-repeat}
.pp-ico-clock{--pp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3.2 2'/%3E%3C/svg%3E")}
.pp-ico-calendar{--pp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 9.5h17M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.pp-ico-euro{--pp-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.8 6.9a6.5 6.5 0 1 0 0 10.2M4.8 10.4h8.4M4.8 13.6h8.4'/%3E%3C/svg%3E")}
.pp-infomore a{font-weight:600}

/* Willkommen (Überschrift links, Text rechts) */
@media (min-width:1024px){.wp-block-columns.pp-cols-rail{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--pp-gap)}}
.pp-section .pp-lead{font-size:var(--wp--preset--font-size--lead);line-height:1.55;color:var(--wp--preset--color--head)}
.pp-welcome .pp-overview{margin-top:28px;padding-top:22px;border-top:1px solid var(--wp--preset--color--line)}

/* Methoden-Karten */
.pp-methods .wp-block-columns.pp-cols-3{margin-top:36px;gap:20px}
@media (min-width:700px){.pp-methods .wp-block-columns.pp-cols-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
.pp-cols-3>.wp-block-column{display:flex}
.wp-block-group.is-style-card{position:relative;flex:1;display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid var(--wp--preset--color--line);border-top:3px solid var(--wp--preset--color--primary);border-radius:var(--pp-radius);padding:26px 26px 24px;transition:box-shadow .2s ease,border-color .2s ease}
.wp-block-group.is-style-card>*{margin:0!important}
.is-style-card p{font-size:17px}
.is-style-card .pp-cardlink{margin-top:auto!important;padding-top:8px}
.is-style-card .pp-cardlink a{font-weight:600}
.is-style-card .pp-cardlink a::after{content:"";position:absolute;inset:0;border-radius:var(--pp-radius)}
.is-style-card:hover{border-color:var(--pp-line-strong);border-top-color:var(--wp--preset--color--primary);box-shadow:0 18px 36px -26px rgba(14,63,82,.45)}
.is-style-card:hover h3{color:var(--wp--preset--color--primary)}
.is-style-card:focus-within{outline:2px solid var(--wp--preset--color--primary);outline-offset:3px}
.is-style-card .pp-cardlink a:focus-visible{outline:none}

/* Schwerpunkte */
.pp-focus .pp-audience{font-size:19.5px;margin-top:18px}
.is-style-checklist{list-style:none;margin:0;padding:0}
.is-style-checklist li{position:relative;padding:8px 0 8px 36px}
.is-style-checklist li::before{content:"";position:absolute;left:0;top:11px;width:22px;height:22px;background:var(--wp--preset--color--primary);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.pp-focus .is-style-checklist{margin-top:40px!important}
.is-style-checklist.pp-list-2col li{padding:18px 0 18px 36px;border-top:1px solid var(--wp--preset--color--line);color:var(--wp--preset--color--muted);font-size:16px;line-height:1.5}
.is-style-checklist.pp-list-2col li::before{top:21px}
.is-style-checklist.pp-list-2col strong{display:block;color:var(--wp--preset--color--head);font-size:19px;line-height:1.3;margin-bottom:4px;font-weight:650}
.is-style-checklist.pp-list-2col strong+br{display:none}
@media (min-width:768px){.is-style-checklist.pp-list-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--pp-gap)}}

/* Leitsatz */
.pp-reassure .is-style-statement{font-size:var(--wp--preset--font-size--statement);line-height:1.2;letter-spacing:-.02em;color:var(--wp--preset--color--head);max-width:30ch;margin-block:1.4em!important;font-weight:700}
.is-style-statement strong{font-weight:700}

/* ---------- Unterseiten ---------- */
.pp-pagehead.pp-section{padding-block:clamp(48px,7vw,96px) clamp(40px,5vw,64px)}
.pp-pagehead h1{font-size:clamp(32px,3.4vw,46px);line-height:1.08}
.pp-pagehead .pp-lead{margin-top:24px}
.pp-prose.pp-section{padding-block:clamp(56px,7vw,96px)}
.pp-prose h2{font-size:clamp(22px,2vw,26px);margin-top:2.2em!important}
.pp-prose h2:first-child{margin-top:0!important}
.pp-prose ul{padding-left:1.2em}
.pp-prose .is-style-checklist{padding-left:0}
.is-style-terms li{margin-bottom:12px}
.is-style-terms li::marker{color:var(--wp--preset--color--primary)}
.is-style-terms strong,.pp-prose .is-style-checklist strong{color:var(--wp--preset--color--head)}
.wp-block-group.is-style-panel{background:var(--wp--preset--color--soft);border-radius:12px;padding:clamp(24px,4vw,40px);margin-top:2.4em!important;margin-bottom:.4em}
.wp-block-group.is-style-panel h2{margin-top:0!important}
.pp-prose .pp-closing{font-size:var(--wp--preset--font-size--lead);line-height:1.55;color:var(--wp--preset--color--head);margin-top:2em!important;padding-top:1.4em;border-top:1px solid var(--wp--preset--color--line)}

/* ---------- Kontaktband ---------- */
.pp-contact.pp-section{padding-block:clamp(64px,8vw,112px)}
.pp-contact,.pp-contact p{color:var(--wp--preset--color--on-deep)}
.pp-contact a{color:var(--wp--preset--color--on-deep)}
.pp-contact h2{color:var(--wp--preset--color--on-deep);max-width:16ch}
.pp-contact h3{font-size:15px;font-weight:600;letter-spacing:.01em;color:var(--pp-muted-on-deep)}
.pp-contact .pp-contact-lines p{margin-top:6px;font-size:18px}
.pp-contact .wp-block-buttons{margin-top:28px;gap:14px 28px;align-items:center}
.pp-contact .wp-block-button.is-style-link .wp-block-button__link{color:var(--wp--preset--color--on-deep)}
@media (min-width:900px){.wp-block-columns.pp-cols-contact{grid-template-columns:minmax(0,6fr) minmax(0,4fr);column-gap:var(--pp-gap)}}

/* ---------- Fußbereich ---------- */
.pp-footer{padding-top:56px;padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));font-size:16px}
.pp-footer p{margin:0}
.pp-footer a{color:var(--wp--preset--color--ink);text-decoration:none}
.pp-footer a:hover{text-decoration:underline}
.pp-footer .pp-cols-footer{padding-bottom:36px;border-bottom:1px solid var(--wp--preset--color--line);gap:28px}
@media (min-width:900px){.wp-block-columns.pp-cols-footer{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pp-footer .pp-mono{color:var(--wp--preset--color--primary)}
.pp-footer .pp-mono svg{width:38.9px;height:38.3px}
.pp-footer .pp-address{color:var(--wp--preset--color--muted);line-height:1.7}
.pp-footer .pp-footer-nav{list-style:none;padding:0;margin:0}
.pp-footer .pp-footer-nav li{margin-bottom:8px}
.pp-footer-legal{padding-top:22px;gap:12px 24px;color:var(--wp--preset--color--muted);font-size:15px}
.pp-footer-legal p{color:var(--wp--preset--color--muted)}

/* ---------- 404 ---------- */
.pp-404.pp-section{min-height:50vh}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ---------- Ergänzungen Checkpoint 5 ---------- */
.pp-hero .pp-roles{margin-top:22px;font-size:20px;font-weight:600;color:var(--wp--preset--color--head);line-height:1.45;text-wrap:balance}
.pp-contact h2.pp-contact-sub{font-size:15px;font-weight:600;letter-spacing:.01em;color:var(--pp-muted-on-deep);max-width:none;line-height:1.3}

/* Fette Zwischenzeilen (wie auf der alten Seite nur fett, mit etwas mehr Luft davor) */
.pp-prose .pp-zwischenzeile{margin-top:2em!important;color:var(--wp--preset--color--head)}
.pp-prose>.pp-zwischenzeile:first-child{margin-top:0!important}
.pp-prose .pp-mehr{margin-top:1.2em!important}
.pp-prose .pp-mehr a{font-weight:600}
.pp-prose h2{margin-top:2.2em!important}
.pp-prose>h2:first-child{margin-top:0!important}

/* Rahmen und Kosten */
.wp-block-image.pp-bild img{width:100%;border-radius:var(--pp-radius-media);display:block}
.pp-prose .wp-block-image.pp-bild{margin-block:2.4em!important}
.pp-prose .wp-block-image.pp-bild img{aspect-ratio:16/9;object-fit:cover}
.pp-zuschuesse{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:1.4em!important}
.pp-zuschuesse>*{margin:0!important;background:var(--wp--preset--color--soft);border-radius:10px;padding:14px 18px;font-size:22px;font-weight:600;color:var(--wp--preset--color--head);line-height:1.3}
.pp-zuschuesse strong{display:block;font-size:15px;font-weight:600;color:var(--wp--preset--color--muted);margin-bottom:2px}
@media (min-width:768px){.pp-zuschuesse{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Über mich */
.pp-ueber.pp-section{padding-block:clamp(48px,6vw,88px) 0}
@media (min-width:900px){.wp-block-columns.pp-cols-ueber{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:var(--pp-gap);align-items:start}
  .pp-cols-ueber .pp-col-media{position:sticky;top:112px}}
.pp-cols-ueber p{max-width:var(--pp-measure)}
.pp-cols-ueber .wp-block-image.pp-bild img{aspect-ratio:2/3;object-fit:cover}
.pp-zitat{font-size:24px;line-height:1.35;color:var(--wp--preset--color--head);margin-block:1.4em!important;max-width:30ch!important}
.pp-zeitleiste{border-left:2px solid var(--wp--preset--color--line);margin-top:1.6em!important;padding-left:0}
.pp-zeitleiste>.pp-eintrag{position:relative;padding:0 0 26px 28px;margin:0!important}
.pp-zeitleiste>.pp-eintrag:last-child{padding-bottom:0}
.pp-zeitleiste>.pp-eintrag::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--wp--preset--color--primary)}
.pp-eintrag>*{margin:0!important}
.pp-eintrag .pp-datum{font-size:15px;font-weight:600;color:var(--wp--preset--color--primary);letter-spacing:.01em}
.pp-eintrag .pp-titel{font-size:18px;color:var(--wp--preset--color--ink);margin-top:2px!important;line-height:1.45}
.pp-eintrag .pp-titel strong{color:var(--wp--preset--color--head)}
.pp-eintrag .pp-beschreibung{font-size:16.5px;color:var(--wp--preset--color--muted);margin-top:4px!important;line-height:1.5}

/* Rechtliche Seiten: kompakte Zeilen wie im Original */
.pp-legal>p{margin-block-start:.3em!important}
.pp-legal>.pp-zwischenzeile{margin-top:1.8em!important}
.pp-legal>.pp-zwischenzeile:first-child{margin-top:0!important}

/* Kontaktseite */
.pp-kontaktseite.pp-section{padding-block:clamp(48px,6vw,88px)}
@media (min-width:900px){.wp-block-columns.pp-cols-kontakt{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:var(--pp-gap);align-items:start}}
.pp-kontakt-box{background:var(--wp--preset--color--soft);border-radius:12px;padding:clamp(24px,3vw,36px)}
.pp-kontakt-box>*{margin-block-start:.5em!important}
.pp-kontakt-box h2{font-size:22px;margin-top:0!important}
.pp-col-form>p{font-size:16px;color:var(--wp--preset--color--muted);max-width:var(--pp-measure)}

/* Formular (Contact Form 7) */
.wpcf7 form{display:grid;gap:18px}
.wpcf7 .pp-feld label{display:block;font-weight:600;color:var(--wp--preset--color--head);margin-bottom:6px;font-size:17px}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 textarea{width:100%;font:inherit;font-size:17px;color:var(--wp--preset--color--ink);background:#fff;border:1.5px solid var(--pp-line-strong);border-radius:6px;padding:12px 14px;min-height:50px}
.wpcf7 textarea{min-height:160px;resize:vertical}
.wpcf7 input:focus,.wpcf7 textarea:focus{outline:2px solid var(--wp--preset--color--primary);outline-offset:1px;border-color:var(--wp--preset--color--primary)}
.wpcf7 .pp-feld-zustimmung .wpcf7-list-item{margin:0}
.wpcf7 .pp-feld-zustimmung label{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:16px;color:var(--wp--preset--color--ink);line-height:1.5}
.wpcf7 .pp-feld-zustimmung input[type=checkbox]{width:22px;height:22px;margin-top:1px;flex:none;accent-color:var(--wp--preset--color--primary)}
.wpcf7 .pp-pflicht{margin:0;font-size:15px;color:var(--wp--preset--color--muted)}
.wpcf7 input[type=submit]{justify-self:start;font:inherit;font-size:17px;font-weight:600;color:#fff;background:var(--wp--preset--color--primary);border:0;border-radius:6px;padding:14px 30px;cursor:pointer}
.wpcf7 input[type=submit]:hover{background:var(--wp--preset--color--primary-dark)}
.wpcf7 .wpcf7-spinner{margin:0 0 0 12px}
.wpcf7 .wpcf7-not-valid-tip{color:#B3261E;font-size:15px;margin-top:6px}
.wpcf7 .wpcf7-not-valid{border-color:#B3261E!important}
body .wpcf7 form .wpcf7-response-output{margin:0;padding:14px 18px;border-radius:8px;border:1.5px solid var(--pp-line-strong);font-size:16px}
body .wpcf7 form.sent .wpcf7-response-output{border-color:#2E7D55;background:#EEF7F1}
body .wpcf7 form.invalid .wpcf7-response-output,body .wpcf7 form.failed .wpcf7-response-output,body .wpcf7 form.spam .wpcf7-response-output,body .wpcf7 form.aborted .wpcf7-response-output{border-color:#B3261E;background:#FCEEEE}
.pp-falle{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.wpcf7 input,.wpcf7 textarea,.wpcf7 select{box-sizing:border-box;max-width:100%}
h1,h2{overflow-wrap:break-word;hyphens:manual}

/* ---------- Ergänzungen Version 0.6 ---------- */
/* Zwischenüberschriften, die wie die bisherigen fetten Zeilen aussehen */

/* Nummerierte Behandlungsschritte */
.is-style-schritte{list-style:none;counter-reset:schritt;padding-left:0!important;margin-top:1.4em!important}
.is-style-schritte>li{counter-increment:schritt;position:relative;padding:0 0 18px 52px;min-height:36px}
.is-style-schritte>li::before{content:counter(schritt);position:absolute;left:0;top:-2px;width:34px;height:34px;border-radius:50%;background:var(--wp--preset--color--tint);color:var(--wp--preset--color--primary);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}
.is-style-schritte>li:not(:last-child)::after{content:"";position:absolute;left:16px;top:38px;bottom:4px;width:2px;background:var(--wp--preset--color--line)}
.is-style-schritte strong{color:var(--wp--preset--color--head)}

/* Übersicht „Behandlungsablauf“: Karten-Raster */
.pp-uebersicht.pp-section>p{max-width:var(--pp-measure);margin-left:max(0px,calc((100% - 1200px) / 2))!important;margin-right:auto!important}
.pp-karten{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-block:36px!important}
@media (min-width:700px){.pp-karten{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.pp-karten{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}
.pp-karten>.is-style-card{margin:0!important}
.pp-karten .is-style-card h3{font-size:20px;line-height:1.3;hyphens:manual}

/* Schwerpunkte auf der Startseite: Titel sind Links */
.is-style-checklist.pp-list-2col strong a{color:var(--wp--preset--color--head);text-decoration-color:var(--pp-line-strong);text-underline-offset:.22em}
.is-style-checklist.pp-list-2col strong a:hover{color:var(--wp--preset--color--primary);text-decoration-color:currentColor}

/* Notfallseite */
.pp-nummern{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-block:1.2em 1.6em!important}
@media (min-width:640px){.pp-nummern{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pp-nummer{background:var(--wp--preset--color--soft);border-radius:10px;padding:16px 18px;margin:0!important}
.pp-nummer>*{margin:0!important}
.pp-nummer .pp-nummer-tel{font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.01em}
.pp-nummer .pp-nummer-tel a{color:var(--wp--preset--color--primary);text-decoration:none}
.pp-nummer .pp-nummer-tel a:hover{text-decoration:underline}
.pp-nummer .pp-nummer-name{font-weight:650;color:var(--wp--preset--color--head);margin-top:4px!important;font-size:17px;line-height:1.35}
.pp-nummer .pp-nummer-zeit{font-size:15px;color:var(--wp--preset--color--muted);margin-top:2px!important}
.pp-nummern-akut .pp-nummer{background:#FCEEEE}
.pp-nummern-akut .pp-nummer .pp-nummer-tel a{color:#9F1F17}
@media (min-width:640px){.pp-nummern-akut{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pp-notfall h2{margin-top:1.6em!important}

/* Rechtliche Seiten: kleinere Zwischenüberschriften */
.pp-legal h2.pp-legal-h{font-size:20px;line-height:1.3;margin-top:1.9em!important;letter-spacing:-.005em}
.pp-legal>h2.pp-legal-h:first-child{margin-top:0!important}
.pp-legal h2.pp-legal-h+p{margin-top:.5em!important}

/* ---------- Version 0.6.2: Blocksatz mit Silbentrennung ---------- */
/* Fließtext im Blocksatz. Die Silbentrennung übernimmt der Browser nach deutschen Regeln (Sprache de-AT);
   mindestens 6 Buchstaben pro Wort und 3 Buchstaben vor bzw. nach dem Trennstrich. */
.wp-block-post-content :is(p,li){text-align:justify;-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:6 3 3;-webkit-hyphenate-limit-before:3;-webkit-hyphenate-limit-after:3;-webkit-hyphenate-limit-lines:2}
/* Kurze Zeilen, Bedienelemente und große Hervorhebungen bleiben linksbündig */
.wp-block-post-content :is(.is-style-statement,.pp-roles,.pp-zitat,.pp-infomore,.pp-cardlink,.pp-mehr,.pp-nummer p,.pp-zuschuesse p,.pp-eintrag p,.pp-kontakt-box p,.is-style-info li,.pp-pflicht){text-align:left;-webkit-hyphens:manual;hyphens:manual}
/* Überschriften: nur an den festgelegten Wortfugen trennen */
h1,h2,h3,.is-style-checklist.pp-list-2col strong{-webkit-hyphens:manual;hyphens:manual}

/* ---------- Version 0.7: Gestaltungselemente ---------- */
/* Seitenkopf: Symbol-Plakette und dezente Kreise im Hintergrund */
.pp-pagehead{position:relative;overflow:hidden}
.pp-pagehead>*{position:relative;z-index:1}
.pp-kopf h1::before{content:"";display:block;width:60px;height:60px;border-radius:50%;margin-bottom:20px;background:var(--pp-icon-c) center/30px no-repeat,#fff;box-shadow:0 10px 26px -18px rgba(14,63,82,.55)}
/* Überschriften mit Symbol */
.pp-h-icon{display:flex;align-items:center;gap:14px}
.pp-h-icon::before{content:"";flex:none;width:42px;height:42px;border-radius:50%;background:var(--pp-icon-c) center/22px no-repeat,var(--wp--preset--color--tint)}
/* Kacheln statt Aufzählung */
.is-style-kacheln{list-style:none;padding:0!important;margin-block:1.4em!important;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:640px){.is-style-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}.is-style-kacheln>li:last-child:nth-child(odd){grid-column:1/-1}}
.is-style-kacheln>li{position:relative;margin:0!important;background:var(--wp--preset--color--soft);border:1px solid var(--wp--preset--color--line);border-radius:12px;padding:16px 18px;font-size:17px;line-height:1.55}
.is-style-kacheln>li[class*="pp-i-"],.pp-kacheln-check>li{padding-left:58px}
.is-style-kacheln>li[class*="pp-i-"]::before,.pp-kacheln-check>li::before{content:"";position:absolute;left:18px;top:16px;width:26px;height:26px;background:var(--wp--preset--color--primary);-webkit-mask:var(--pp-icon) center/contain no-repeat;mask:var(--pp-icon) center/contain no-repeat}
.pp-kacheln-check>li{--pp-icon:var(--i-check)}
.is-style-kacheln strong{color:var(--wp--preset--color--head)}
/* Hinweis-Kästen */
.wp-block-group.is-style-hinweis{position:relative;background:var(--wp--preset--color--tint);border-radius:12px;padding:20px 22px 20px 66px;margin-block:1.8em!important}
.wp-block-group.is-style-hinweis::before{content:"";position:absolute;left:22px;top:21px;width:28px;height:28px;background:var(--wp--preset--color--primary);-webkit-mask:var(--pp-icon) center/contain no-repeat;mask:var(--pp-icon) center/contain no-repeat}
.wp-block-group.is-style-hinweis>*{margin:0!important}
.wp-block-group.is-style-hinweis>*+*{margin-top:.7em!important}
.wp-block-group.is-style-hinweis.pp-hinweis-akut{background:#FCEEEE}
.wp-block-group.is-style-hinweis.pp-hinweis-akut::before{background:#9F1F17}
@media (max-width:520px){.wp-block-group.is-style-hinweis{padding:56px 18px 18px}.wp-block-group.is-style-hinweis::before{left:18px;top:18px}}
/* Nummerierte Absätze (Ablauf einer Therapie) */
.pp-absatz-schritte{counter-reset:absatz;margin-block:1.4em!important}
.pp-absatz-schritte>p{counter-increment:absatz;position:relative;padding:0 0 20px 52px;margin:0!important}
.pp-absatz-schritte>p::before{content:counter(absatz);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--wp--preset--color--tint);color:var(--wp--preset--color--primary);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}
.pp-absatz-schritte>p:not(:last-child)::after{content:"";position:absolute;left:16px;top:40px;bottom:6px;width:2px;background:var(--wp--preset--color--line)}
/* Preis-Kasten */
.wp-block-post-content p.pp-preis{position:relative;background:#fff;border:2px solid var(--wp--preset--color--tint);border-radius:12px;padding:18px 20px 18px 66px;font-size:19px;margin-block:1.4em!important}
.pp-preis::before{content:"";position:absolute;left:22px;top:20px;width:28px;height:28px;background:var(--wp--preset--color--primary);-webkit-mask:var(--pp-icon) center/contain no-repeat;mask:var(--pp-icon) center/contain no-repeat}
/* Zeilen mit Symbol (Kontakt) */
.pp-zeile{position:relative;padding-left:32px}
.pp-zeile::before{content:"";position:absolute;left:0;top:.2em;width:20px;height:20px;background:var(--wp--preset--color--primary);-webkit-mask:var(--pp-icon) center/contain no-repeat;mask:var(--pp-icon) center/contain no-repeat}
/* Karten mit Symbol-Plakette */
.wp-block-group.is-style-card[class*="pp-i-"]::before{content:"";display:block;flex:none;width:48px;height:48px;border-radius:50%;background:var(--pp-icon-c) center/24px no-repeat,var(--wp--preset--color--tint)}
/* Schwerpunkte auf der Startseite: eigene Symbole statt Haken */
.is-style-checklist.pp-list-2col li[class*="pp-i-"]::before{-webkit-mask:var(--pp-icon) center/contain no-repeat;mask:var(--pp-icon) center/contain no-repeat;width:24px;height:24px;top:19px}
.is-style-checklist.pp-list-2col li[class*="pp-i-"]{padding-left:40px}
/* Zitatzeichen (gezeichnet, überlappt keinen Text) */
.pp-reassure .is-style-statement::before,.pp-zitat::before{content:"";display:block;width:52px;height:40px;margin-bottom:14px;opacity:.35;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 40' fill='%231F6E8C'%3E%3Cpath d='M0 40V24C0 11 7 3 20 0l2 5c-7 3-10 8-10 14h9v21zM30 40V24c0-13 7-21 20-24l2 5c-7 3-10 8-10 14h9v21z'/%3E%3C/svg%3E") left top/contain no-repeat}
.pp-zitat::before{width:40px;height:31px}
/* Notrufnummern mit Telefonsymbol */
.pp-nummer .pp-nummer-tel a{display:inline-flex;align-items:center;gap:10px}
.pp-nummer .pp-nummer-tel a::before{content:"";flex:none;width:22px;height:22px;background:currentColor;-webkit-mask:var(--i-telefon) center/contain no-repeat;mask:var(--i-telefon) center/contain no-repeat}
/* „Weitere Informationen“ als dezente Schaltfläche */
.pp-prose .pp-mehr a{display:inline-flex;align-items:center;border:1.5px solid var(--wp--preset--color--primary);border-radius:6px;padding:9px 16px;text-decoration:none;font-weight:600}
.pp-prose .pp-mehr a:hover{background:var(--wp--preset--color--tint)}
/* Linksbündig bleiben: Kacheln, Preis, Symbolzeilen */
.wp-block-post-content :is(.is-style-kacheln>li,.pp-preis,.pp-zeile){text-align:left;-webkit-hyphens:manual;hyphens:manual}

/* Korrekturen 0.7.0 */
.wp-block-post-content p.pp-preis{box-sizing:border-box}
.wp-block-post-content :is(p,li){overflow-wrap:break-word}
.wp-block-post-content .is-style-kacheln>li{-webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:6 3 3}
/* Hinweis-Kästen am Handy: zu schmal für ruhigen Blocksatz, daher linksbündig */
@media (max-width:520px){.wp-block-post-content .is-style-hinweis p{text-align:left}}
.pp-karten .is-style-card h2.pp-karten-titel{font-size:20px!important;line-height:1.3;margin:0!important;letter-spacing:-.01em}

/* ---------- Version 0.8: Papier und Aquarell ---------- */
body{background-color:var(--wp--preset--color--papier);background-image:url(assets/images/papier.webp);background-size:384px 384px}
/* Kopfleiste: Weichzeichner auf eigener Ebene – direkt an der Leiste würde er das Handy-Menü einsperren */
.pp-header{background:transparent!important;isolation:isolate}
.pp-header::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(247,247,245,.92);-webkit-backdrop-filter:blur(10px) saturate(1.1);backdrop-filter:blur(10px) saturate(1.1);pointer-events:none}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--papier) url(assets/images/papier.webp)!important;background-size:384px 384px!important}
.pp-header .wp-block-navigation .wp-block-navigation__submenu-container{background:#FDFDFC}
/* Aquarell im Seitenkopf (multipliziert wie Farbe auf Papier) */
.pp-pagehead.has-tint-background-color{background-color:transparent!important}
.pp-pagehead::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;mix-blend-mode:multiply;
  background:url(assets/images/aquarell-kopf-mobil.webp) right -14px top 4px/min(94vw,480px) auto no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent);mask-image:linear-gradient(to bottom,#000 78%,transparent)}
@media (min-width:900px){.pp-pagehead::after{background-image:url(assets/images/aquarell-kopf.webp);background-position:right center;background-size:auto 100%}}
.pp-kopf h1::before{background-color:#FEFEFD}
/* Startseite: derselbe Aquarell-Pinselzug wie in den Seitenköpfen */
.pp-hero{position:relative;overflow:hidden}
.pp-hero::before{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;z-index:0;
  background:url(assets/images/aquarell-kopf-mobil.webp) right top/100% auto no-repeat}
@media (min-width:900px){.pp-hero::before{background-image:url(assets/images/aquarell-kopf.webp);background-position:right 30%;background-size:cover}}
.pp-hero>*{position:relative;z-index:1}
/* Berufsangaben: am Handy zweizeilig ohne Trennstrich */
.pp-roles .pp-umbruch{display:none}
@media (max-width:639px){.pp-roles .pp-trenner{display:none}.pp-roles .pp-umbruch{display:inline}}
/* Karten, Kacheln und Kästen wie Papierbögen */
.wp-block-group.is-style-card{background:#FEFEFD;box-shadow:0 1px 0 rgba(15,44,56,.03),0 14px 32px -26px rgba(15,44,56,.35)}
.is-style-kacheln>li{background:rgba(254,254,253,.72)}
.wp-block-post-content p.pp-preis{background:#FEFEFD}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 textarea{background:#FEFEFD}
/* Kontaktband: Papierstruktur auch auf Dunkelblau */
.pp-contact{background-image:url(assets/images/papier.webp);background-size:384px 384px;background-blend-mode:multiply}

/* ---------- Version 0.8.2: Navigation wie vorher, Handy-Menü zum Ausklappen ---------- */
/* Desktop: Pfeil dreht sich, wenn das Untermenü per Klick/Tastatur geöffnet ist */
.pp-header .wp-block-navigation__submenu-icon svg{transition:transform .2s ease}
.pp-header .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
/* Handy-Menü: Name führt zur Seite, der Pfeil daneben klappt das Untermenü auf (nur mit Skript, sonst bleibt alles offen) */
.pp-js .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu{flex-direction:row!important;flex-wrap:wrap;align-items:center!important}
.pp-js .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu>.wp-block-navigation__submenu-container{display:none!important;flex-basis:100%}
.pp-js .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.pp-auf>.wp-block-navigation__submenu-container{display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%}
.pp-js .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu>.wp-block-navigation-submenu__toggle{display:inline-flex!important;align-items:center;justify-content:center;
  width:44px;height:44px;margin:0 0 0 2px!important;padding:0!important;border:0;background:transparent;color:inherit;cursor:pointer}
.pp-js .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu>.wp-block-navigation-submenu__toggle svg{width:14px;height:14px;display:block;transition:transform .2s ease;stroke-width:2}
.pp-js .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu.pp-auf>.wp-block-navigation-submenu__toggle svg{transform:rotate(180deg)}

/* ---------- Version 0.8.3: Handy-Menü als Aufklappfeld unter der Kopfleiste ---------- */
.pp-header .wp-block-navigation__responsive-container.is-menu-open{position:fixed!important;top:var(--pp-kopf-unten,72px)!important;bottom:0!important;right:0!important;left:auto!important;
  width:min(86vw,360px)!important;box-sizing:border-box!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 20px 28px!important;
  border-left:1px solid var(--wp--preset--color--line);box-shadow:-26px 0 40px -30px rgba(15,44,56,.55);animation:pp-schublade .26s cubic-bezier(.2,.7,.2,1)}
@keyframes pp-schublade{from{transform:translateX(100%)}to{transform:none}}
@keyframes pp-menue-auf{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.pp-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding-top:6px!important}
.pp-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,
.pp-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{margin:0!important;max-width:none!important}
/* Seite darunter leicht abdunkeln; Kopfleiste bleibt darüber sichtbar */
html.has-modal-open body::after{content:"";position:fixed;left:0;right:0;bottom:0;top:var(--pp-kopf-unten,72px);background:rgba(15,44,56,.28);z-index:99999;animation:pp-menue-auf .18s ease-out}
html.has-modal-open header.wp-block-template-part{z-index:100001!important}
/* Menü-Symbol wird zum ×; der eingebaute Schließen-Knopf bleibt nur für Tastatur und Screenreader */
html.has-modal-open .pp-header .wp-block-navigation__responsive-container-open{position:relative}
html.has-modal-open .pp-header .wp-block-navigation__responsive-container-open svg{visibility:hidden}
html.has-modal-open .pp-header .wp-block-navigation__responsive-container-open::after{content:"";position:absolute;inset:0;margin:auto;width:20px;height:20px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 4l12 12M16 4L4 16'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 4l12 12M16 4L4 16'/%3E%3C/svg%3E") center/contain no-repeat}
.pp-header .is-menu-open .wp-block-navigation__responsive-container-close:not(:focus-visible){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;padding:0!important;margin:-1px!important;border:0}
.pp-header .is-menu-open .wp-block-navigation__responsive-container-close:focus-visible{top:6px;right:12px}

/* Startseite am Handy: Aquarell hinter dem Namen (transparente Variante, Desktop unverändert) */
@media (max-width:781px){
  .pp-hero::before{display:none}
  .pp-hero .pp-col-text{position:relative}
  .pp-hero .pp-col-text::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-44px;right:-34px;width:min(96vw,500px);aspect-ratio:900/560;
    background:url(assets/images/aquarell-transparent.webp) center/contain no-repeat}
}
/* Schublade: lange Einträge umbrechen statt hinausragen */
.pp-header .is-menu-open .wp-block-navigation-item__content{overflow-wrap:break-word;-webkit-hyphens:manual;hyphens:manual;max-width:100%}
.pp-header .is-menu-open .wp-block-navigation-item__label{white-space:normal}

/* ---------- Häufige Fragen (aufklappbar) ---------- */
.pp-fragen{margin-block:1.2em 2em!important;border-top:1px solid var(--wp--preset--color--line)}
.pp-fragen .wp-block-details{border-bottom:1px solid var(--wp--preset--color--line);margin:0!important;padding:0!important}
.pp-fragen .wp-block-details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 2px;
  font-weight:650;color:var(--wp--preset--color--head);font-size:18px;line-height:1.4}
.pp-fragen .wp-block-details summary::-webkit-details-marker{display:none}
.pp-fragen .wp-block-details summary::after{content:"";flex:none;width:14px;height:14px;background:var(--wp--preset--color--primary);transition:transform .2s ease;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4l4 4 4-4'/%3E%3C/svg%3E") center/contain no-repeat}
.pp-fragen .wp-block-details[open]>summary::after{transform:rotate(180deg)}
.pp-fragen .wp-block-details summary:hover{color:var(--wp--preset--color--primary)}
.pp-fragen .wp-block-details summary:focus-visible{outline:2px solid var(--wp--preset--color--primary);outline-offset:2px;border-radius:4px}
.pp-fragen .wp-block-details>p{margin:0 0 18px!important;padding:0 2px}

/* Bildreihe mit Bildunterschriften (Anfahrt) */
.pp-bilder{margin-block:1.6em 2em!important;gap:20px}
.pp-bilder .wp-block-image,.pp-prose>.wp-block-image.pp-bild{margin:0}
.pp-bilder img,.pp-prose .pp-bild img{border-radius:14px;width:100%;height:auto;display:block}
.pp-bilder figcaption,.pp-prose .pp-bild figcaption{margin-top:8px;font-size:15px;line-height:1.45;color:var(--wp--preset--color--muted);text-align:left}
/* Untermenü „Angebot“ breit genug für einzeilige Methodennamen (nur Desktop) */
@media (min-width:1024px){.pp-header .wp-block-navigation__container>li:first-child>.wp-block-navigation__submenu-container{min-width:330px!important}.pp-header .wp-block-navigation__container>li:first-child>.wp-block-navigation__submenu-container a{white-space:nowrap}}

/* ---------- Aquarell-Komposition (Version 1.0.7) ----------
   Welches Aquarell an welcher Stelle sitzt, legt inc/aquarell.php je Seite fest (Plan, für neue Seiten eine Regel):
   - am body: pp-aq-0 … pp-aq-5 = Variante des Aquarells im Seitenkopf;
   - an Zwischenüberschriften: pp-aq-an (hat ein Aquarell), Form pp-aq-f0 … f7, Seite pp-aq-l / pp-aq-r,
     Lage pp-aq-g0 … g6 (Größe, Drehung, Höhe, Abstand zum Rand, Deckkraft);
   - an Abschnitten: freies Aquarell oben (pp-aq-o mit Form pp-aq-of*, Seite pp-aq-ol / or, Abstand der Oberkante
     --aq-oy) und unten (pp-aq-u mit Form pp-aq-uf*, Seite pp-aq-ul / ur, Abstand der Unterkante --aq-uy).
   Grundregel: unter dem Kopf-Aquarell (rechts) links beginnen, dann immer die Seite wechseln.
   Ohne diese Klassen (z. B. im Editor) erscheint kein Akzent. */
.wp-block-post-content>.pp-prose,.wp-block-post-content>.pp-section.pp-aq-o,.wp-block-post-content>.pp-section.pp-aq-u{position:relative;isolation:isolate;overflow:hidden}
.pp-section.pp-aq-o::before,.pp-section.pp-aq-u::after,.pp-prose>h2.pp-aq-an::after{content:"";position:absolute;z-index:-1;pointer-events:none;background:url(assets/images/aquarell-bluete.webp) center/contain no-repeat;aspect-ratio:1}

/* Seitenkopf und Startseite: Varianten des Kopf-Aquarells (0 = bisheriges Motiv, steht weiter oben; 1 wird seit 1.0.7 nicht mehr verwendet) */
.pp-aq-1 .pp-pagehead::after,.pp-aq-1 .pp-hero::before{background-image:url(assets/images/aquarell-kopf-mobil-1.webp)}
.pp-aq-2 .pp-pagehead::after,.pp-aq-2 .pp-hero::before{background-image:url(assets/images/aquarell-kopf-mobil-2.webp)}
.pp-aq-3 .pp-pagehead::after,.pp-aq-3 .pp-hero::before{background-image:url(assets/images/aquarell-kopf-mobil-3.webp)}
.pp-aq-4 .pp-pagehead::after,.pp-aq-4 .pp-hero::before{background-image:url(assets/images/aquarell-kopf-mobil-4.webp)}
.pp-aq-5 .pp-pagehead::after,.pp-aq-5 .pp-hero::before{background-image:url(assets/images/aquarell-kopf-mobil-5.webp)}
@media (min-width:900px){
  .pp-aq-1 .pp-pagehead::after,.pp-aq-1 .pp-hero::before{background-image:url(assets/images/aquarell-kopf-1.webp)}
  .pp-aq-2 .pp-pagehead::after,.pp-aq-2 .pp-hero::before{background-image:url(assets/images/aquarell-kopf-2.webp)}
  .pp-aq-3 .pp-pagehead::after,.pp-aq-3 .pp-hero::before{background-image:url(assets/images/aquarell-kopf-3.webp)}
  .pp-aq-4 .pp-pagehead::after,.pp-aq-4 .pp-hero::before{background-image:url(assets/images/aquarell-kopf-4.webp)}
  .pp-aq-5 .pp-pagehead::after,.pp-aq-5 .pp-hero::before{background-image:url(assets/images/aquarell-kopf-5.webp)}
}

/* Freie Aquarelle an Abschnitten: Grundbreite am Handy (--aq-mv) und am Computer (--aq-dv, höchstens --aq-px); links gespiegelt */
.pp-section.pp-aq-o::before{top:var(--aq-oy,6%);width:calc(var(--aq-mv) * var(--aq-rgr,1));opacity:.9;transform:rotate(var(--aq-dreh)) scaleX(var(--aq-sp,1))}
.pp-section.pp-aq-u::after{bottom:var(--aq-uy,4%);width:calc(var(--aq-mv) * var(--aq-rgr,1));opacity:.95;transform:rotate(var(--aq-dreh)) scaleX(var(--aq-sp,1))}
.pp-section.pp-aq-ol::before,.pp-section.pp-aq-ul::after{left:calc(var(--aq-mv) * var(--aq-rgr,1) * -.4);--aq-sp:-1}
.pp-section.pp-aq-or::before,.pp-section.pp-aq-ur::after{right:calc(var(--aq-mv) * var(--aq-rgr,1) * -.38)}
.pp-section.pp-aq-of0::before,.pp-section.pp-aq-uf0::after{background-image:url(assets/images/aquarell-wolke.webp);aspect-ratio:900/620;--aq-mv:78vw;--aq-dv:33vw;--aq-px:470px;--aq-dreh:-4deg}
.pp-section.pp-aq-of1::before,.pp-section.pp-aq-uf1::after{background-image:url(assets/images/aquarell-tropfen.webp);aspect-ratio:1;--aq-mv:50vw;--aq-dv:22vw;--aq-px:300px;--aq-dreh:-10deg}
.pp-section.pp-aq-of2::before,.pp-section.pp-aq-uf2::after{background-image:url(assets/images/aquarell-doppel.webp);aspect-ratio:760/600;--aq-mv:64vw;--aq-dv:29vw;--aq-px:410px;--aq-dreh:6deg}
.pp-section.pp-aq-of3::before,.pp-section.pp-aq-uf3::after{background-image:url(assets/images/aquarell-strich.webp);aspect-ratio:900/520;--aq-mv:76vw;--aq-dv:34vw;--aq-px:480px;--aq-dreh:-7deg}
.pp-section.pp-aq-of4::before,.pp-section.pp-aq-uf4::after{background-image:url(assets/images/aquarell-bogen.webp);aspect-ratio:800/560;--aq-mv:70vw;--aq-dv:31vw;--aq-px:440px;--aq-dreh:6deg}
.pp-section.pp-aq-of5::before,.pp-section.pp-aq-uf5::after{background-image:url(assets/images/aquarell-bluete.webp);aspect-ratio:1;--aq-mv:56vw;--aq-dv:25vw;--aq-px:350px;--aq-dreh:-6deg}
.pp-section.pp-aq-of6::before,.pp-section.pp-aq-uf6::after{background-image:url(assets/images/aquarell-spritzer.webp);aspect-ratio:700/600;--aq-mv:60vw;--aq-dv:27vw;--aq-px:380px;--aq-dreh:12deg}
.pp-section.pp-aq-of7::before,.pp-section.pp-aq-uf7::after{background-image:url(assets/images/aquarell-lasur.webp);aspect-ratio:820/560;--aq-mv:72vw;--aq-dv:32vw;--aq-px:450px;--aq-dreh:-7deg}

/* Zwischenüberschriften: nur die im Plan vorgesehenen (Klasse pp-aq-an) bekommen ein Aquarell */
.pp-prose>h2.wp-block-heading{position:relative;--aq-dreh:-6deg;--aq-deck:.92;--aq-gr:1;--aq-aus:110px;--aq-ty:-26%}
/* Formen: Bild, Seitenverhältnis und Grundbreite */
.pp-prose>h2.pp-aq-f0::after{background-image:url(assets/images/aquarell-wolke.webp);aspect-ratio:900/620;--aq-mv:80vw;--aq-dv:35vw;--aq-px:500px}
.pp-prose>h2.pp-aq-f1::after{background-image:url(assets/images/aquarell-tropfen.webp);aspect-ratio:1;--aq-mv:50vw;--aq-dv:22vw;--aq-px:300px}
.pp-prose>h2.pp-aq-f2::after{background-image:url(assets/images/aquarell-doppel.webp);aspect-ratio:760/600;--aq-mv:66vw;--aq-dv:30vw;--aq-px:420px}
.pp-prose>h2.pp-aq-f3::after{background-image:url(assets/images/aquarell-strich.webp);aspect-ratio:900/520;--aq-mv:80vw;--aq-dv:35vw;--aq-px:500px}
.pp-prose>h2.pp-aq-f4::after{background-image:url(assets/images/aquarell-bogen.webp);aspect-ratio:800/560;--aq-mv:72vw;--aq-dv:31vw;--aq-px:440px}
.pp-prose>h2.pp-aq-f5::after{background-image:url(assets/images/aquarell-bluete.webp);aspect-ratio:1;--aq-mv:54vw;--aq-dv:24vw;--aq-px:340px}
.pp-prose>h2.pp-aq-f6::after{background-image:url(assets/images/aquarell-spritzer.webp);aspect-ratio:700/600;--aq-mv:60vw;--aq-dv:27vw;--aq-px:380px}
.pp-prose>h2.pp-aq-f7::after{background-image:url(assets/images/aquarell-lasur.webp);aspect-ratio:820/560;--aq-mv:74vw;--aq-dv:33vw;--aq-px:460px}
/* Lagen: Drehung, Größe, Abstand zum Rand (Computer), Höhe und Deckkraft (g0 = Grundwerte oben); die Seite bestimmen pp-aq-l / pp-aq-r */
.pp-prose>h2.pp-aq-g1{--aq-dreh:5deg;--aq-gr:.86;--aq-aus:80px;--aq-ty:-12%;--aq-deck:.86}
.pp-prose>h2.pp-aq-g2{--aq-dreh:-2deg;--aq-gr:1.1;--aq-aus:140px;--aq-ty:-22%;--aq-deck:.95}
.pp-prose>h2.pp-aq-g3{--aq-dreh:8deg;--aq-gr:.92;--aq-aus:95px;--aq-ty:-8%;--aq-deck:.88}
.pp-prose>h2.pp-aq-g4{--aq-dreh:-9deg;--aq-gr:1.05;--aq-aus:125px;--aq-ty:-30%;--aq-deck:.93}
.pp-prose>h2.pp-aq-g5{--aq-dreh:3deg;--aq-gr:.95;--aq-aus:100px;--aq-ty:-18%;--aq-deck:.9}
.pp-prose>h2.pp-aq-g6{--aq-dreh:-3deg;--aq-gr:1.15;--aq-aus:150px;--aq-ty:-14%;--aq-deck:.96}
.pp-prose>h2.pp-aq-an::after{top:0;right:calc(var(--aq-mv,58vw) * var(--aq-gr) * -.42);width:calc(var(--aq-mv,58vw) * var(--aq-gr));opacity:var(--aq-deck);transform:translateY(var(--aq-ty)) rotate(var(--aq-dreh)) scaleX(var(--aq-sp,1))}
.pp-prose>h2.pp-aq-l::after{right:auto;left:calc(var(--aq-mv,58vw) * var(--aq-gr) * -.4);--aq-sp:-1}
@media (min-width:900px){
  .pp-section.pp-aq-o::before,.pp-section.pp-aq-u::after{width:calc(min(var(--aq-dv),var(--aq-px)) * var(--aq-rgr,1))}
  .pp-section.pp-aq-ol::before,.pp-section.pp-aq-ul::after{left:max(-110px,calc((100vw - 1280px) / 2 - 110px))}
  .pp-section.pp-aq-or::before,.pp-section.pp-aq-ur::after{right:max(-150px,calc((100vw - 1280px) / 2 - 150px))}
  .pp-prose>h2.pp-aq-an::after{width:calc(min(var(--aq-dv,26vw),var(--aq-px,360px)) * var(--aq-gr));right:max(calc(-1 * (50vw - 50%) - var(--aq-aus)),-450px)}
  .pp-prose>h2.pp-aq-l::after{right:auto;left:max(calc(-1 * (50vw - 50%) - var(--aq-aus)),-400px)}
}
/* Startseite: ein Aquarell links im Willkommens-Abschnitt unter der Überschrift – Gegengewicht zum Kopf-Aquarell (rechts)
   und zur Waschung beim Leitsatz (rechts) */
.pp-welcome{position:relative;isolation:isolate;overflow:hidden}
.pp-welcome::before{content:"";position:absolute;z-index:-1;pointer-events:none;aspect-ratio:820/560;background:url(assets/images/aquarell-lasur.webp) center/contain no-repeat;
  opacity:.85;top:-4px;left:calc(64vw * -.42);width:64vw;transform:rotate(-7deg) scaleX(-1)}
@media (min-width:782px) and (max-width:1023px){.pp-welcome::before{width:min(40vw,380px);left:calc(min(40vw,380px) * -.42)}}
/* ab 1024 px steht die Überschrift in einer eigenen Spalte: das Aquarell füllt den freien Platz darunter */
@media (min-width:1024px){.pp-welcome::before{top:clamp(100px,20%,160px);left:max(-70px,calc((100vw - 1280px) / 2 - 70px));width:min(34vw,450px)}}
@media (prefers-reduced-transparency:reduce){.pp-section.pp-aq-o::before,.pp-section.pp-aq-u::after,.pp-prose>h2.pp-aq-an::after,.pp-welcome::before{display:none}}

/* Kennzeile im Seitenkopf: Symbol und Rubrik mit Ort in einer Zeile (Schwerpunkt- und Angebotsseiten) */
.pp-pagehead .pp-kennzeile{display:flex;align-items:center;gap:14px;margin-top:0!important;margin-bottom:20px!important;font-size:15px;font-weight:600;letter-spacing:.02em;color:var(--wp--preset--color--primary);text-align:left!important}
.pp-kopf .pp-kennzeile::before{content:"";flex:none;width:52px;height:52px;border-radius:50%;background:var(--pp-icon-c) center/26px no-repeat,#fff;box-shadow:0 10px 26px -18px rgba(14,63,82,.55)}
.pp-kopf:has(.pp-kennzeile) h1::before{display:none}
.pp-pagehead .pp-kennzeile+h1{margin-top:0!important}

/* ================= Feinschliff (Version 1.0) ================= */
/* Satz: linksbündig mit Silbentrennung als Grundregel; Blocksatz nur für Fließtext-Absätze in breiten Spalten */
.wp-block-post-content :is(p,li){text-align:left}
@media (min-width:782px){
  .wp-block-post-content :is(.is-layout-constrained,.pp-col-body)>p:not(.pp-kennzeile):not(.pp-roles):not(.pp-overview):not(.is-style-statement){text-align:justify}
}
.wp-block-post-content :is(.is-style-card,.is-style-hinweis,.pp-absatz-schritte,.pp-fragen,.pp-karten,.pp-kontakt-box,.pp-nummern,.pp-zeitleiste) p{text-align:left!important}
/* Umbrüche: ausgewogene Überschriften, keine einzelnen Wörter in der letzten Zeile */
.wp-block-post-content :is(h1,h2,h3){text-wrap:balance}
.wp-block-post-content :is(p,li){text-wrap:pretty}
/* Startseite: Text mittig neben dem Porträt, Berufsbezeichnungen untereinander mit klarer Rangfolge.
   WordPress setzt .wp-block-columns{align-items:normal!important}; deshalb zusätzlich align-self an den Spalten. */
@media (min-width:640px){.wp-block-columns.pp-cols-hero{align-items:center}.wp-block-columns.pp-cols-hero>.wp-block-column{align-self:center}}
.pp-roles .pp-trenner{display:none!important}
.pp-roles .pp-umbruch{display:inline!important}
.pp-hero .pp-roles{font-size:17px;font-weight:500;color:var(--wp--preset--color--muted);line-height:1.55}
.pp-hero .pp-roles::first-line{font-size:21px;font-weight:650;color:var(--wp--preset--color--head)}
/* Rhythmus: Seitenkopf und Inhalt, Kopfbereich und Willkommenstext rücken zusammen */
.wp-block-post-content>.pp-pagehead+.pp-section{padding-top:clamp(28px,4vw,52px)!important}
.wp-block-post-content>.pp-hero+.pp-welcome{padding-top:clamp(28px,4vw,52px)!important}
@media (min-width:1024px){.wp-block-columns.pp-cols-rail{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}
/* Leitsatz: bündig mit den Absätzen, eigene Aquarell-Waschung als Höhepunkt der Startseite (die bisherige runde Waschung, kommt sonst nirgends mehr vor) */
.pp-reassure{isolation:isolate;overflow:hidden}
.pp-reassure .is-style-statement{max-width:min(100%,720px)!important;margin-left:auto!important;margin-right:auto!important;position:relative}
.pp-reassure .is-style-statement::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-6%;top:-38%;width:min(52vw,440px);aspect-ratio:1;
  background:url(assets/images/aquarell-akzent.webp) center/contain no-repeat;transform:rotate(12deg)}
/* Fußbereich: Menü zweispaltig, sobald seine Spalte mindestens 310 px breit ist, sonst einspaltig; nie breiter als die Spalte */
.pp-footer nav.pp-footer-menu{container-type:inline-size}
@container (min-width:310px){
  .pp-footer .pp-footer-menu .wp-block-navigation__container{display:grid!important;grid-template-columns:repeat(2,minmax(0,max-content));column-gap:44px;row-gap:12px;max-width:100%}
}
/* Details */
::selection{background:rgba(31,110,140,.2)}
html{scroll-behavior:smooth}
header.wp-block-template-part{transition:box-shadow .25s ease}
html.pp-gescrollt header.wp-block-template-part{box-shadow:0 14px 30px -24px rgba(15,44,56,.55)}
/* Druckansicht: Inhalt ohne Menü, Dekoration und Kontaktband */
@media print{
  @page{margin:16mm 18mm}
  header.wp-block-template-part,.pp-contact,.pp-footer .pp-footer-menu,.wp-block-navigation,.pp-hero-actions{display:none!important}
  body,.pp-section,.pp-pagehead{background:#fff!important;color:#000!important}
  .pp-pagehead::after,.pp-hero::before,.pp-hero .pp-col-text::before,.pp-reassure .is-style-statement::after,
  .pp-section.pp-aq-o::before,.pp-section.pp-aq-u::after,.pp-prose>h2.pp-aq-an::after,.pp-welcome::before{display:none!important}
  .pp-section{padding-block:10px!important}
  a{color:#000!important}
  .pp-nummer,.is-style-hinweis,.is-style-card,.pp-karten li,.pp-absatz-schritte p{break-inside:avoid}
}

/* ---------- Symbolsatz (automatisch erzeugt) ---------- */
:root{
--i-kompass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M15.3 8.7l-2.1 4.5-4.5 2.1 2.1-4.5z'/%3E%3C/svg%3E");
--ic-kompass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M15.3 8.7l-2.1 4.5-4.5 2.1 2.1-4.5z'/%3E%3C/svg%3E");
--i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E");
--ic-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E");
--i-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.8v.1'/%3E%3C/svg%3E");
--ic-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5.5M12 7.8v.1'/%3E%3C/svg%3E");
--i-lampe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9c.6.4 1 1.1 1 1.8V16h5v-.3c0-.7.4-1.4 1-1.8A6 6 0 0 0 12 3z'/%3E%3C/svg%3E");
--ic-lampe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.5 10.9c.6.4 1 1.1 1 1.8V16h5v-.3c0-.7.4-1.4 1-1.8A6 6 0 0 0 12 3z'/%3E%3C/svg%3E");
--i-ziel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E");
--ic-ziel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E");
--i-schloss:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8.5 10.5V7.5a3.5 3.5 0 0 1 7 0v3M12 14.5v2.5'/%3E%3C/svg%3E");
--ic-schloss:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2'/%3E%3Cpath d='M8.5 10.5V7.5a3.5 3.5 0 0 1 7 0v3M12 14.5v2.5'/%3E%3C/svg%3E");
--i-kalender:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 9.5h17M8 3v4M16 3v4'/%3E%3C/svg%3E");
--ic-kalender:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 9.5h17M8 3v4M16 3v4'/%3E%3C/svg%3E");
--i-uhr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3.2 2'/%3E%3C/svg%3E");
--ic-uhr:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3.2 2'/%3E%3C/svg%3E");
--i-euro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.8 6.9a6.5 6.5 0 1 0 0 10.2M4.8 10.4h8.4M4.8 13.6h8.4'/%3E%3C/svg%3E");
--ic-euro:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16.8 6.9a6.5 6.5 0 1 0 0 10.2M4.8 10.4h8.4M4.8 13.6h8.4'/%3E%3C/svg%3E");
--i-telefon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 3.5h2.6l1.5 4-2 1.3a11 11 0 0 0 6.5 6.5l1.3-2 4 1.5v2.6a2 2 0 0 1-2.2 2A16.5 16.5 0 0 1 4.6 5.7a2 2 0 0 1 2-2.2z'/%3E%3C/svg%3E");
--ic-telefon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 3.5h2.6l1.5 4-2 1.3a11 11 0 0 0 6.5 6.5l1.3-2 4 1.5v2.6a2 2 0 0 1-2.2 2A16.5 16.5 0 0 1 4.6 5.7a2 2 0 0 1 2-2.2z'/%3E%3C/svg%3E");
--i-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2'/%3E%3Cpath d='M4 7l8 6 8-6'/%3E%3C/svg%3E");
--ic-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5.5' width='17' height='13' rx='2'/%3E%3Cpath d='M4 7l8 6 8-6'/%3E%3C/svg%3E");
--i-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E");
--ic-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E");
--i-route:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='18' cy='6' r='2'/%3E%3Cpath d='M8 18h6.5a3.5 3.5 0 0 0 0-7h-5a3.5 3.5 0 0 1 0-7H16'/%3E%3C/svg%3E");
--ic-route:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='18' cy='6' r='2'/%3E%3Cpath d='M8 18h6.5a3.5 3.5 0 0 0 0-7h-5a3.5 3.5 0 0 1 0-7H16'/%3E%3C/svg%3E");
--i-chat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5h16v10H9.5L5 19.5v-4H4z'/%3E%3C/svg%3E");
--ic-chat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5h16v10H9.5L5 19.5v-4H4z'/%3E%3C/svg%3E");
--i-rettung:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3Cpath d='M6 6l3.5 3.5M14.5 14.5L18 18M18 6l-3.5 3.5M9.5 14.5L6 18'/%3E%3C/svg%3E");
--ic-rettung:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3Cpath d='M6 6l3.5 3.5M14.5 14.5L18 18M18 6l-3.5 3.5M9.5 14.5L6 18'/%3E%3C/svg%3E");
--i-buch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h11a3 3 0 0 1 3 3v12H8a3 3 0 0 1-3-3z'/%3E%3Cpath d='M5 16.5a3 3 0 0 1 3-3h11M9 8h6'/%3E%3C/svg%3E");
--ic-buch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5h11a3 3 0 0 1 3 3v12H8a3 3 0 0 1-3-3z'/%3E%3Cpath d='M5 16.5a3 3 0 0 1 3-3h11M9 8h6'/%3E%3C/svg%3E");
--i-gespraech:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5h11v7.5H8L4.5 15.5v-3h-1z'/%3E%3Cpath d='M17 9h3.5v7.5h-1v3L16 16.5h-5.5v-2'/%3E%3C/svg%3E");
--ic-gespraech:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5h11v7.5H8L4.5 15.5v-3h-1z'/%3E%3Cpath d='M17 9h3.5v7.5h-1v3L16 16.5h-5.5v-2'/%3E%3C/svg%3E");
--i-bogen:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4.5' width='14' height='16.5' rx='2'/%3E%3Cpath d='M9 4.5V3h6v1.5M8.5 10h7M8.5 13.5h7M8.5 17h4'/%3E%3C/svg%3E");
--ic-bogen:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4.5' width='14' height='16.5' rx='2'/%3E%3Cpath d='M9 4.5V3h6v1.5M8.5 10h7M8.5 13.5h7M8.5 17h4'/%3E%3C/svg%3E");
--i-test:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16M7 17v-5M12 17V7M17 17v-8'/%3E%3C/svg%3E");
--ic-test:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16M7 17v-5M12 17V7M17 17v-8'/%3E%3C/svg%3E");
--i-befund:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v4h4M9 12h6M9 15.5h6'/%3E%3C/svg%3E");
--ic-befund:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v4h4M9 12h6M9 15.5h6'/%3E%3C/svg%3E");
--i-diagnostik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E");
--ic-diagnostik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5'/%3E%3C/svg%3E");
--i-vt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19h4v-4h4v-4h4V7h4'/%3E%3C/svg%3E");
--ic-vt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19h4v-4h4v-4h4V7h4'/%3E%3C/svg%3E");
--i-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4l8.5 4.5L12 13 3.5 8.5z'/%3E%3Cpath d='M3.5 12.5L12 17l8.5-4.5M3.5 16.5L12 21l8.5-4.5'/%3E%3C/svg%3E");
--ic-schema:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4l8.5 4.5L12 13 3.5 8.5z'/%3E%3Cpath d='M3.5 12.5L12 17l8.5-4.5M3.5 16.5L12 21l8.5-4.5'/%3E%3C/svg%3E");
--i-herz:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.2a4.3 4.3 0 0 1 7.5 2.6C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E");
--ic-herz:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.2a4.3 4.3 0 0 1 7.5 2.6C19.5 15.4 12 20 12 20z'/%3E%3C/svg%3E");
--i-modus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='9' r='2.6'/%3E%3Ccircle cx='16' cy='9' r='2.6'/%3E%3Cpath d='M3.5 18.5c.7-2.8 2.4-4.3 4.5-4.3s3.8 1.5 4.5 4.3M11.5 18.5c.7-2.8 2.4-4.3 4.5-4.3s3.8 1.5 4.5 4.3'/%3E%3C/svg%3E");
--ic-modus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='9' r='2.6'/%3E%3Ccircle cx='16' cy='9' r='2.6'/%3E%3Cpath d='M3.5 18.5c.7-2.8 2.4-4.3 4.5-4.3s3.8 1.5 4.5 4.3M11.5 18.5c.7-2.8 2.4-4.3 4.5-4.3s3.8 1.5 4.5 4.3'/%3E%3C/svg%3E");
--i-person:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c1.2-4 3.8-6 7-6s5.8 2 7 6'/%3E%3C/svg%3E");
--ic-person:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c1.2-4 3.8-6 7-6s5.8 2 7 6'/%3E%3C/svg%3E");
--i-angst:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2.2-5 4 10 2.3-5H21'/%3E%3C/svg%3E");
--ic-angst:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h4l2.2-5 4 10 2.3-5H21'/%3E%3C/svg%3E");
--i-zwang:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3.5l3 3-3 3'/%3E%3Cpath d='M4 11V9.5a3 3 0 0 1 3-3h13M7 20.5l-3-3 3-3'/%3E%3Cpath d='M20 13v1.5a3 3 0 0 1-3 3H4'/%3E%3C/svg%3E");
--ic-zwang:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3.5l3 3-3 3'/%3E%3Cpath d='M4 11V9.5a3 3 0 0 1 3-3h13M7 20.5l-3-3 3-3'/%3E%3Cpath d='M20 13v1.5a3 3 0 0 1-3 3H4'/%3E%3C/svg%3E");
--i-depression:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18.5h10a4 4 0 0 0 .6-8 5.5 5.5 0 0 0-10.6 1.2A3.5 3.5 0 0 0 7 18.5z'/%3E%3C/svg%3E");
--ic-depression:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18.5h10a4 4 0 0 0 .6-8 5.5 5.5 0 0 0-10.6 1.2A3.5 3.5 0 0 0 7 18.5z'/%3E%3C/svg%3E");
--i-trauma:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l7 3v5c0 4.4-2.9 7.8-7 9.5-4.1-1.7-7-5.1-7-9.5v-5z'/%3E%3C/svg%3E");
--ic-trauma:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l7 3v5c0 4.4-2.9 7.8-7 9.5-4.1-1.7-7-5.1-7-9.5v-5z'/%3E%3C/svg%3E");
--i-entwicklung:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-8.5'/%3E%3Cpath d='M12 12.5c0-4.2 3-6.8 7.5-6.8 0 4.2-3 6.8-7.5 6.8z'/%3E%3Cpath d='M12 15c0-3.3-2.5-5.5-6.5-5.5 0 3.3 2.5 5.5 6.5 5.5z'/%3E%3C/svg%3E");
--ic-entwicklung:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21v-8.5'/%3E%3Cpath d='M12 12.5c0-4.2 3-6.8 7.5-6.8 0 4.2-3 6.8-7.5 6.8z'/%3E%3Cpath d='M12 15c0-3.3-2.5-5.5-6.5-5.5 0 3.3 2.5 5.5 6.5 5.5z'/%3E%3C/svg%3E");
--i-beziehung:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='12' r='5.5'/%3E%3Ccircle cx='15' cy='12' r='5.5'/%3E%3C/svg%3E");
--ic-beziehung:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='12' r='5.5'/%3E%3Ccircle cx='15' cy='12' r='5.5'/%3E%3C/svg%3E");
--i-selbstwert:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.8v2.4M12 18.8v2.4M4.2 12H1.8M22.2 12h-2.4M5.6 5.6l1.7 1.7M16.7 16.7l1.7 1.7M5.6 18.4l1.7-1.7M16.7 7.3l1.7-1.7'/%3E%3C/svg%3E");
--ic-selbstwert:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2.8v2.4M12 18.8v2.4M4.2 12H1.8M22.2 12h-2.4M5.6 5.6l1.7 1.7M16.7 16.7l1.7 1.7M5.6 18.4l1.7-1.7M16.7 7.3l1.7-1.7'/%3E%3C/svg%3E");
--i-emotion:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9c2.2-2.4 4.4-2.4 6.6 0s4.4 2.4 6.6 0c1.6-1.7 3.2-2.2 4.8-1.4'/%3E%3Cpath d='M3 15c2.2-2.4 4.4-2.4 6.6 0s4.4 2.4 6.6 0c1.6-1.7 3.2-2.2 4.8-1.4'/%3E%3C/svg%3E");
--ic-emotion:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9c2.2-2.4 4.4-2.4 6.6 0s4.4 2.4 6.6 0c1.6-1.7 3.2-2.2 4.8-1.4'/%3E%3Cpath d='M3 15c2.2-2.4 4.4-2.4 6.6 0s4.4 2.4 6.6 0c1.6-1.7 3.2-2.2 4.8-1.4'/%3E%3C/svg%3E");
--i-burnout:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7.5' width='16' height='9' rx='2'/%3E%3Cpath d='M21.5 10.5v3M6.5 10.5v3'/%3E%3C/svg%3E");
--ic-burnout:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7.5' width='16' height='9' rx='2'/%3E%3Cpath d='M21.5 10.5v3M6.5 10.5v3'/%3E%3C/svg%3E");
--i-krise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21V3'/%3E%3Cpath d='M12 5.5h6.5l2 2-2 2H12M12 12.5H5.5l-2 2 2 2H12'/%3E%3C/svg%3E");
--ic-krise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F6E8C' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21V3'/%3E%3Cpath d='M12 5.5h6.5l2 2-2 2H12M12 12.5H5.5l-2 2 2 2H12'/%3E%3C/svg%3E");
}
.pp-i-kompass{--pp-icon:var(--i-kompass);--pp-icon-c:var(--ic-kompass)}
.pp-i-check{--pp-icon:var(--i-check);--pp-icon-c:var(--ic-check)}
.pp-i-info{--pp-icon:var(--i-info);--pp-icon-c:var(--ic-info)}
.pp-i-lampe{--pp-icon:var(--i-lampe);--pp-icon-c:var(--ic-lampe)}
.pp-i-ziel{--pp-icon:var(--i-ziel);--pp-icon-c:var(--ic-ziel)}
.pp-i-schloss{--pp-icon:var(--i-schloss);--pp-icon-c:var(--ic-schloss)}
.pp-i-kalender{--pp-icon:var(--i-kalender);--pp-icon-c:var(--ic-kalender)}
.pp-i-uhr{--pp-icon:var(--i-uhr);--pp-icon-c:var(--ic-uhr)}
.pp-i-euro{--pp-icon:var(--i-euro);--pp-icon-c:var(--ic-euro)}
.pp-i-telefon{--pp-icon:var(--i-telefon);--pp-icon-c:var(--ic-telefon)}
.pp-i-mail{--pp-icon:var(--i-mail);--pp-icon-c:var(--ic-mail)}
.pp-i-pin{--pp-icon:var(--i-pin);--pp-icon-c:var(--ic-pin)}
.pp-i-route{--pp-icon:var(--i-route);--pp-icon-c:var(--ic-route)}
.pp-i-chat{--pp-icon:var(--i-chat);--pp-icon-c:var(--ic-chat)}
.pp-i-rettung{--pp-icon:var(--i-rettung);--pp-icon-c:var(--ic-rettung)}
.pp-i-buch{--pp-icon:var(--i-buch);--pp-icon-c:var(--ic-buch)}
.pp-i-gespraech{--pp-icon:var(--i-gespraech);--pp-icon-c:var(--ic-gespraech)}
.pp-i-bogen{--pp-icon:var(--i-bogen);--pp-icon-c:var(--ic-bogen)}
.pp-i-test{--pp-icon:var(--i-test);--pp-icon-c:var(--ic-test)}
.pp-i-befund{--pp-icon:var(--i-befund);--pp-icon-c:var(--ic-befund)}
.pp-i-diagnostik{--pp-icon:var(--i-diagnostik);--pp-icon-c:var(--ic-diagnostik)}
.pp-i-vt{--pp-icon:var(--i-vt);--pp-icon-c:var(--ic-vt)}
.pp-i-schema{--pp-icon:var(--i-schema);--pp-icon-c:var(--ic-schema)}
.pp-i-herz{--pp-icon:var(--i-herz);--pp-icon-c:var(--ic-herz)}
.pp-i-modus{--pp-icon:var(--i-modus);--pp-icon-c:var(--ic-modus)}
.pp-i-person{--pp-icon:var(--i-person);--pp-icon-c:var(--ic-person)}
.pp-i-angst{--pp-icon:var(--i-angst);--pp-icon-c:var(--ic-angst)}
.pp-i-zwang{--pp-icon:var(--i-zwang);--pp-icon-c:var(--ic-zwang)}
.pp-i-depression{--pp-icon:var(--i-depression);--pp-icon-c:var(--ic-depression)}
.pp-i-trauma{--pp-icon:var(--i-trauma);--pp-icon-c:var(--ic-trauma)}
.pp-i-entwicklung{--pp-icon:var(--i-entwicklung);--pp-icon-c:var(--ic-entwicklung)}
.pp-i-beziehung{--pp-icon:var(--i-beziehung);--pp-icon-c:var(--ic-beziehung)}
.pp-i-selbstwert{--pp-icon:var(--i-selbstwert);--pp-icon-c:var(--ic-selbstwert)}
.pp-i-emotion{--pp-icon:var(--i-emotion);--pp-icon-c:var(--ic-emotion)}
.pp-i-burnout{--pp-icon:var(--i-burnout);--pp-icon-c:var(--ic-burnout)}
.pp-i-krise{--pp-icon:var(--i-krise);--pp-icon-c:var(--ic-krise)}

/* Name im Kopfbereich in einer Zeile: Die Schriftgröße folgt der Breite der Textspalte.
   „Manuel Pilz, BSc MSc“ ist in Figtree fett rund 9,09-mal so breit wie die Schriftgröße; der Teiler 9,36 lässt 3 % Reserve.
   Obergrenze 56 px (seit 1.0.10, vorher 76 px: ruhigere Abstufung zum Fließtext). Browser ohne Container-Abfragen nehmen die Vorgabe „titel“. */
@supports (container-type:inline-size){
  .pp-hero .pp-col-text{container-type:inline-size}
  .pp-hero h1{font-size:min(56px,calc(100cqi / 9.36))!important}
}