@font-face{font-family:"DM Sans";src:url("/assets/fonts/dm-sans-variable.ttf") format("truetype-variations");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Fraunces";src:url("/assets/fonts/fraunces-variable.ttf") format("truetype-variations");font-style:normal;font-weight:100 900;font-display:swap}

/* ==========================================================================
           QUIET LUXURY DESIGN SYSTEM & CORE CSS
           ========================================================================== */
        :root {
            --color-bg: #FAFAFA;
            --color-surface: #FFFFFF;
            --color-primary: #1A365D; /* Dark Navy */
            --color-accent: #2B6CB0;  /* Muted Blue Accent */
            --color-text-main: #2D3748;
            --color-text-muted: #718096;
            --color-border: #E2E8F0;
            --color-badge-bg: #EBF8FF;
            --font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            --max-width: 1140px;
        }

        * { box-sizing: border-box; margin: 0; padding: 0; }
        body {
            font-family: var(--font-main);
            background-color: var(--color-bg);
            color: var(--color-text-main);
            line-height: 1.65;
            -webkit-font-smoothing: antialiased;
        }

        a { color: var(--color-accent); text-decoration: none; }
        a:hover { text-decoration: underline; }
        :where(a,button,[role="button"],input,select,textarea):focus-visible{outline:3px solid #2B6CB0;outline-offset:4px}
        .skip-link{position:fixed;left:1rem;top:1rem;z-index:5000;padding:.75rem 1rem;background:#fff;color:#1A365D;border:2px solid currentColor;transform:translateY(-160%);transition:transform .2s ease}
        .skip-link:focus{transform:translateY(0)}

        .container { max-width: var(--max-width); margin: 0 auto; padding: 0 2rem; }
        .page-section { display: none; padding: 3.5rem 0; animation: fadeIn 0.25s ease-in-out; }
        .page-section.active { display: block !important; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(3px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* HEADER & NAVIGATION */
        header {
            background: var(--color-surface);
            border-bottom: 1px solid var(--color-border);
            position: sticky; top: 0; z-index: 1000;
        }
        .header-top {
            background: var(--color-primary); color: #FFF; font-size: 0.8rem; padding: 0.4rem 0;
        }
        .nav-wrapper {
            display: flex; justify-content: space-between; align-items: center; height: 90px;
        }
        .brand { font-size: 1.05rem; font-weight: 600; color: var(--color-primary); text-transform: uppercase; letter-spacing: 0.5px; line-height: 1.2; }
        .brand span { display: block; font-size: 0.78rem; font-weight: 400; color: var(--color-text-muted); text-transform: none; letter-spacing: 0; margin-top: 2px; }
        
        nav ul { display: flex; list-style: none; gap: 1.4rem; align-items: center; }
        nav a.nav-link {
            color: var(--color-text-main); font-size: 0.88rem; font-weight: 500; padding: 0.5rem 0;
            border-bottom: 2px solid transparent; cursor: pointer; transition: all 0.2s;
        }
        nav a.nav-link:hover, nav a.nav-link.active { color: var(--color-accent); border-bottom-color: var(--color-accent); }

        /* BUTTONS & BADGES */
        .btn {
            display: inline-block; padding: 0.7rem 1.4rem; border-radius: 2px;
            font-size: 0.85rem; font-weight: 500; cursor: pointer; transition: all 0.2s; border: none;
        }
        .btn-primary { background: var(--color-primary); color: #FFF !important; }
        .btn-primary:hover { background: var(--color-accent); text-decoration: none; }
        .btn-outline { border: 1px solid var(--color-primary); color: var(--color-primary); background: transparent; }
        .btn-outline:hover { background: var(--color-primary); color: #FFF; text-decoration: none; }

        /* CARDS & WIREFRAME BOXES */
        .card { background: var(--color-surface); padding: 2.2rem; border: 1px solid var(--color-border); border-radius: 4px; margin-bottom: 1.8rem; }
        .grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; }
        .grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
        .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; }

        .wireframe-img {
            background: #EDF2F7; border: 1px dashed #CBD5E0; color: var(--color-text-muted);
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            padding: 1.5rem; text-align: center; border-radius: 4px; cursor: pointer; transition: background 0.2s;
            margin: 1.2rem 0;
        }
        .wireframe-img:hover { background: #E2E8F0; color: var(--color-primary); }

        .info-box {
            background: var(--color-badge-bg); border-left: 3px solid var(--color-accent);
            padding: 1.2rem 1.5rem; font-size: 0.9rem; margin: 1.5rem 0; border-radius: 0 4px 4px 0;
        }

        /* TOGGLE SWITCH BAR */
        .location-toggle-bar {
            background: #EBF8FF; border: 1px solid #BEE3F8; color: var(--color-accent);
            padding: 0.8rem 1.2rem; border-radius: 4px; font-size: 0.88rem; display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem;
        }

        /* ACCORDION COMPONENT */
        .accordion-group { margin-bottom: 2rem; }
        .accordion-item {
            background: var(--color-surface); border: 1px solid var(--color-border);
            border-radius: 4px; margin-bottom: 0.8rem; overflow: hidden;
            transition: border-color 0.2s;
        }
        .accordion-item.active { border-color: var(--color-accent); }
        .accordion-header {
            padding: 1.2rem 1.8rem; background: var(--color-surface); cursor: pointer;
            display: flex; justify-content: space-between; align-items: center;
            user-select: none; transition: background 0.2s;
        }
        .accordion-header:hover { background: #F7FAFC; }
        .accordion-title { font-size: 1.15rem; color: var(--color-primary); font-weight: 500; }
        .accordion-icon {
            font-size: 1.2rem; color: var(--color-accent); font-weight: bold;
            transition: transform 0.25s ease;
        }
        .accordion-item.active .accordion-icon { transform: rotate(45deg); }
        .accordion-content {
            display: none; padding: 0 1.8rem 1.8rem 1.8rem;
            border-top: 1px solid #F0F4F8; background: #FFF;
        }
        .accordion-item.active .accordion-content { display: block; }

        /* MODAL LIGHTBOX */
        .modal {
            display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.75); z-index: 2000; align-items: center; justify-content: center;
            padding: clamp(1rem, 3vw, 2rem);
        }
        .modal.is-open { display: flex; }
        .modal-content { background: #FFF; padding: 2.5rem; max-width: 680px; width: 90%; border-radius: 4px; position: relative; }
        .modal-close { position: absolute; top: 1rem; right: 1.2rem; font-size: 1.6rem; cursor: pointer; color: var(--color-text-muted); }
        .clinical-figure[role="button"],.accordion-header[role="button"],.modal-close[role="button"]{cursor:pointer}

        /* FOOTER */
        footer { background: var(--color-primary); color: #FFF; padding: 4rem 0 2rem 0; font-size: 0.88rem; margin-top: 4rem; }
        footer a { color: #A0AEC0; }
        footer a:hover { color: #FFF; text-decoration: none; }
        .footer-bottom { border-top: 1px solid #2D3748; margin-top: 3rem; padding-top: 1.5rem; text-align: center; color: #A0AEC0; font-size: 0.8rem; }

/* Editorial quiet-luxury visual layer. The wireframe copy remains unchanged. */
        :root {
            --color-bg:#F5F4F0; --color-surface:#FFFFFF; --color-primary:#17385F;
            --color-accent:#567CA3; --color-text-main:#263443; --color-text-muted:#667483;
            --color-border:#D9DEE4; --color-badge-bg:#EDF2F5;
            --font-main:"Helvetica Neue",Arial,sans-serif; --font-display:Georgia,"Times New Roman",serif;
            --max-width:1240px;
        }
        html{scroll-behavior:smooth} body{font-size:16px;letter-spacing:.002em;background:var(--color-bg)}
        .container{padding-left:clamp(1.25rem,4vw,3.75rem);padding-right:clamp(1.25rem,4vw,3.75rem)}
        .header-top{background:var(--color-primary);padding:.55rem 0;color:#DCE6EF}
        .header-top .container>span:first-child{display:none}
        header{background:rgba(245,244,240,.96);backdrop-filter:blur(16px)}
        .nav-wrapper{height:104px}.brand{font-family:var(--font-display);font-size:1.16rem;text-transform:none;letter-spacing:0;font-weight:500}
        .brand span{font-family:var(--font-main);letter-spacing:.08em;text-transform:uppercase;font-size:.61rem;margin-top:.35rem}
        nav ul{gap:clamp(.65rem,1.5vw,1.55rem)}nav a.nav-link{font-size:.78rem;letter-spacing:.035em;border:0!important}
        nav a.nav-link.active{color:var(--color-primary);text-decoration:underline;text-underline-offset:8px}
        .btn{border-radius:0;padding:.82rem 1.35rem;letter-spacing:.025em}.btn-primary{background:var(--color-primary)}
        main.container{max-width:none;padding:0}.page-section{padding:clamp(4.5rem,8vw,8.5rem) max(clamp(1.25rem,4vw,3.75rem),calc((100vw - 1320px)/2 + 3.75rem))}
        .page-section h1,.page-section h2,.page-section h3,.page-section h4{font-family:var(--font-display)!important;letter-spacing:-.025em;line-height:1.08}
        .page-section h1{font-size:clamp(2.7rem,5vw,5.3rem)!important;font-weight:400!important;max-width:920px}
        .page-section h2{font-size:clamp(2rem,3.4vw,3.5rem)!important;font-weight:400!important}
        #home{padding-top:0}#home>.grid-2:first-child{min-height:720px;margin-bottom:0!important;gap:0;background:#F5F4F0}
        #home>.grid-2:first-child>div:first-child{padding:clamp(4rem,8vw,7.5rem) clamp(2rem,6vw,7rem) clamp(4rem,8vw,7.5rem) 0}
        #home>.grid-2:first-child h1{font-size:clamp(3rem,5.6vw,6rem)!important;line-height:.99!important;margin-bottom:2rem!important}
        #home>.grid-2:first-child p{max-width:680px;font-size:1rem!important;line-height:1.75}
        .hero-visual{height:auto!important;min-height:720px;margin:0!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,transparent 55%,rgba(17,43,73,.28)),url('/assets/images/Portrait_vonknoch.jpg') center/cover no-repeat!important;color:transparent!important}
        .hero-visual>*{display:none}.grid-4[style*="text-align:center"]{background:var(--color-primary)!important;border:0!important;margin:0 0 clamp(5rem,9vw,9rem)!important;padding:0!important;color:#fff}
        .grid-4[style*="text-align:center"]>div{padding:1.8rem;border-right:1px solid rgba(255,255,255,.18)}
        .grid-4[style*="text-align:center"] strong{color:#fff!important;font-family:var(--font-display);font-weight:400;font-size:1.2rem!important}
        .grid-4[style*="text-align:center"] span{color:#C9D6E4!important}.card{border-radius:0;padding:clamp(1.8rem,3vw,3.2rem);box-shadow:none;background:rgba(255,255,255,.78)}
        .grid-2{gap:clamp(1.5rem,4vw,4rem)}.grid-3{gap:1px;background:var(--color-border)}.grid-3>.card{margin:0;border:0}
        .wireframe-img{border-radius:0;background:#E8EBED;border:1px solid #CED5DA}.info-box{border-radius:0;background:#E9F0F5}
        .accordion-item{border:0;border-top:1px solid var(--color-border);border-radius:0;margin:0;background:transparent}.accordion-item:last-child{border-bottom:1px solid var(--color-border)}
        .accordion-header,.accordion-content{background:transparent}.accordion-header{padding:1.55rem .25rem}.accordion-title{font-family:var(--font-display);font-size:1.35rem}.accordion-content{padding:0 .25rem 1.8rem}
        .location-toggle-bar{border-radius:0;background:#E7EEF4;color:var(--color-primary);border:0;border-left:3px solid var(--color-accent)}
        footer{margin-top:0;padding-top:5rem}.modal-content{border-radius:0}
        .menu-button{display:none;border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);padding:.55rem .8rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
        @media(max-width:1060px){.menu-button{display:block}nav{display:none;position:absolute;top:104px;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:1.25rem}nav.open{display:block}nav ul{flex-direction:column;align-items:stretch}nav li{border-left:0!important;padding-left:0!important}nav a.nav-link{display:block;padding:.7rem 0}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-4[style*="text-align:center"]>div:nth-child(2){border-right:0}}
        @media(max-width:760px){.header-top{display:none}.nav-wrapper{height:84px}nav{top:84px}.page-section{padding-top:4rem;padding-bottom:4rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}#home>.grid-2:first-child{grid-template-columns:1fr}#home>.grid-2:first-child>div:first-child{padding-right:0}.hero-visual{min-height:65vh}.grid-4[style*="text-align:center"]>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}footer .grid-4{grid-template-columns:1fr 1fr}}
        .home-hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(3rem,8vw,8rem);min-height:690px;padding:clamp(4rem,7vw,7rem) 0}.home-hero-copy h1{font-size:clamp(3rem,5.1vw,5.35rem)!important}.home-hero-copy p{max-width:690px;color:var(--color-text-muted);margin:0 0 1.3rem}.section-kicker{display:flex;align-items:center;gap:.65rem;color:#4E87BC;font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.1rem}.section-kicker:before{content:"";width:26px;height:1px;background:#5BA0D5}.home-actions{display:flex;gap:1rem;margin-top:2rem}.home-portrait{min-height:520px;max-width:455px;width:100%;justify-self:end;background:url('/assets/images/Foto-von-Knoch.jpg') center 26%/cover no-repeat;box-shadow:0 22px 55px rgba(23,56,95,.16);position:relative}.portrait-caption{position:absolute;left:0;right:0;bottom:0;padding:3.5rem 1.4rem 1.2rem;color:white;background:linear-gradient(transparent,rgba(15,36,62,.88))}.portrait-caption span,.portrait-badge span{display:block;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}.portrait-caption strong,.portrait-badge strong{display:block;font-size:.78rem}.portrait-badge{position:absolute;left:-42px;bottom:-42px;background:#fff;padding:1rem 1.3rem;box-shadow:0 12px 35px rgba(23,56,95,.13);color:var(--color-primary)}.portrait-badge small{display:block;color:var(--color-text-muted)}
        .home-trust{margin-left:calc(-1 * max(clamp(1.25rem,4vw,3.75rem),calc((100vw - 1320px)/2 + 3.75rem)));margin-right:calc(-1 * max(clamp(1.25rem,4vw,3.75rem),calc((100vw - 1320px)/2 + 3.75rem)));padding:3.5rem max(clamp(1.25rem,4vw,3.75rem),calc((100vw - 1320px)/2 + 3.75rem));display:grid;grid-template-columns:repeat(4,1fr);background:white}.home-trust>div{padding:0 2rem;border-right:1px solid var(--color-border)}.home-trust>div:first-child{padding-left:0}.home-trust>div:last-child{border:0}.home-trust strong{display:block;font:400 1.55rem var(--font-display);color:var(--color-primary)}.home-trust span{display:block;font-size:.75rem;font-weight:700}.home-trust small{display:block;font-size:.67rem;color:var(--color-text-muted)}
        .home-block{padding:clamp(6rem,10vw,10rem) 0}.expertise-block h2,.news-block h2{font-size:clamp(2.4rem,4vw,4rem)!important;margin-bottom:2.5rem}.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.expertise-card{background:white;box-shadow:0 15px 40px rgba(23,56,95,.08)}.expertise-head{height:215px;padding:1.8rem;color:white;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(115deg,#14375E,#547A9C)}.hip-card .expertise-head{background:linear-gradient(115deg,#566A78,#A4B5BE)}.expertise-head span{font-size:.64rem;letter-spacing:.12em}.expertise-head h3{color:white!important;font-size:2rem!important;margin:.4rem 0}.expertise-body{padding:1.65rem}.tag-list{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.45rem}.tag-list span{background:#EAF3FB;color:#3972A9;padding:.36rem .55rem;font-size:.66rem}.expertise-body>a,.philosophy-block a,.home-news-grid a,.news-title-row>a{font-size:.76rem;font-weight:700;color:var(--color-primary);cursor:pointer}
        .philosophy-block{margin-left:calc(-1 * max(clamp(1.25rem,4vw,3.75rem),calc((100vw - 1320px)/2 + 3.75rem)));margin-right:calc(-1 * max(clamp(1.25rem,4vw,3.75rem),calc((100vw - 1320px)/2 + 3.75rem)));padding:clamp(6rem,10vw,10rem) max(clamp(1.25rem,4vw,3.75rem),calc((100vw - 1320px)/2 + 3.75rem));display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);background:#EAF1FA}.quote-mark{font:400 3rem var(--font-display);color:#7FB3DA}.philosophy-block blockquote{margin:0 0 2rem;font:400 clamp(2rem,3.2vw,3.3rem)/1.12 var(--font-display);color:var(--color-primary)}.quote-author{border-top:1px solid #C8D4E1;padding-top:1.5rem;display:flex;align-items:center;gap:.8rem}.quote-author img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:center 25%}.quote-author span>*{display:block}.quote-author small{font-size:.66rem;color:var(--color-text-muted)}.philosophy-block>div:last-child{padding-top:3.1rem}.philosophy-block>div:last-child>p{color:#546577}.science-note{border:1px solid #76A7D0;background:rgba(255,255,255,.44);padding:1.5rem;margin:1.5rem 0}.science-note>*{display:block}.science-note span{font-size:.8rem;color:#546577;margin-top:.35rem}
        .news-title-row{display:flex;justify-content:space-between;align-items:flex-end}.home-news-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.home-news-grid article{background:white;border:1px solid var(--color-border);padding:2rem;box-shadow:0 12px 35px rgba(23,56,95,.06)}.home-news-grid h3{font-size:1.35rem!important}.home-news-grid p{font-size:.85rem;color:var(--color-text-muted)}.news-index{color:#477FBA;background:#ECF4FB;padding:.35rem .55rem;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.news-index.congress{color:#4C845C;background:#ECF5EF}
        .home-news-grid h3 a{display:inline;color:inherit;font:inherit;text-decoration:none}.home-news-grid h3 a:hover{text-decoration:underline;text-underline-offset:5px}
        .home-cta{background:#244A78;color:white;padding:2rem 3.2rem 3rem;margin-bottom:clamp(2rem,7vw,6rem);box-shadow:0 18px 45px rgba(23,56,95,.17)}.cta-status{display:inline-block;background:rgba(255,255,255,.1);border-radius:3px;padding:.45rem .7rem;font-size:.66rem;color:#DCE7F2;margin-bottom:2rem}.home-cta>div:last-child{display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center}.home-cta h2{color:white!important;font-size:2.7rem!important;margin:.1rem 0 .5rem}.home-cta p{max-width:540px;color:#D2DDEA;font-size:.84rem}.cta-links{display:flex;gap:1rem}.cta-links a{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);padding:1rem 1.3rem;color:white}.cta-links span,.cta-links strong{display:block}.cta-links span{font-size:.57rem;text-transform:uppercase;letter-spacing:.12em}.cta-links strong{font-size:.75rem}
        @media(max-width:900px){.home-hero{grid-template-columns:1fr}.home-portrait{justify-self:start;max-width:none}.home-trust{grid-template-columns:1fr 1fr;gap:2rem}.home-trust>div{padding:0;border:0}.expertise-grid,.philosophy-block,.home-news-grid,.home-cta>div:last-child{grid-template-columns:1fr}.cta-links{flex-wrap:wrap}}
        @media(max-width:480px){footer .grid-4{grid-template-columns:1fr}.home-trust{grid-template-columns:1fr}.home-actions,.cta-links{flex-direction:column}.home-actions .btn{width:100%;text-align:center}.portrait-badge{left:12px;bottom:-30px}.home-cta{padding:1.5rem}.home-portrait{min-height:500px}}

/* 2026 editorial refinement — inspired by spacious healthcare publishing, not copied */
        :root{
            --color-bg:#F4F1EA;
            --color-surface:#FBFAF6;
            --color-primary:#262923;
            --color-accent:#767C67;
            --color-text-main:#30332E;
            --color-text-muted:#6E7169;
            --color-border:#D8D6CE;
            --color-badge-bg:#ECEAE2;
            --font-main:"DM Sans",Arial,sans-serif;
            --font-display:"Fraunces",Georgia,serif;
            --max-width:1320px;
        }
        body{background:var(--color-bg);color:var(--color-text-main);font-family:var(--font-main);font-size:16px;line-height:1.75;font-optical-sizing:auto}
        header{background:rgba(244,241,234,.94);border-color:rgba(48,51,46,.15)}
        .header-top{background:#E9E6DD;color:#5F6457;border-bottom:1px solid var(--color-border)}
        .nav-wrapper{height:112px}.brand{font-family:var(--font-display);color:var(--color-primary)}.brand span{color:var(--color-text-muted)}
        nav a.nav-link{color:#565A52;font-weight:500}nav a.nav-link:hover,nav a.nav-link.active{color:#1F211E;text-decoration-color:#767C67}
        nav li .btn-primary{background:#292C27!important;color:#fff!important}
        .btn{padding:.9rem 1.25rem;border-radius:0;font-weight:600;font-size:.78rem;transition:background .35s ease,color .35s ease,border-color .35s ease}
        .btn-primary{background:#292C27;color:white!important}.btn-primary:hover{background:#737967}.btn-outline{border-color:#777B71;color:#30332E}.btn-outline:hover{background:#737967;border-color:#737967;color:white}
        .page-section{padding-top:clamp(7rem,12vw,11rem);padding-bottom:clamp(7rem,12vw,11rem)}
        .page-section h1,.page-section h2,.page-section h3,.page-section h4{font-family:var(--font-display)!important;color:var(--color-primary)!important;font-variation-settings:"opsz" 90;letter-spacing:-.045em}
        .page-section h1{font-size:clamp(3.4rem,6.5vw,6.2rem)!important;line-height:.98!important}.page-section h2{font-size:clamp(2.8rem,5vw,4.9rem)!important;line-height:1.02!important}
        .section-kicker{color:#737967;margin-bottom:1.7rem}.section-kicker:before{background:#8E9481;width:34px}
        #home{padding-top:0;padding-bottom:0}.home-hero{min-height:calc(100vh - 112px);padding:clamp(5rem,8vw,8.5rem) 0;gap:clamp(4rem,10vw,11rem);grid-template-columns:1.15fr .85fr}.home-hero-copy h1{font-size:clamp(4rem,7vw,7.4rem)!important;max-width:850px;margin:.2rem 0 2.4rem}.home-hero-copy p{max-width:620px;font-size:1rem;color:#686B65}.home-actions{margin-top:2.6rem}
        .home-portrait{min-height:620px;max-width:490px;box-shadow:none;filter:saturate(.78) contrast(.96)}.portrait-caption{background:linear-gradient(transparent,rgba(34,37,32,.75))}.portrait-badge{box-shadow:none;border:1px solid var(--color-border);background:#FBFAF6;color:#30332E;left:-64px;bottom:-34px}
        .home-trust{background:#FBFAF6;padding-top:5rem;padding-bottom:5rem}.home-trust>div{border-color:#D8D6CE;padding:0 2.8rem}.home-trust strong{font-size:clamp(1.7rem,2.4vw,2.5rem);color:#2D302B}.home-trust span{color:#393C36}.home-trust small{color:#7A7D75}
        .home-block{padding:clamp(9rem,14vw,12rem) 0}.expertise-block h2,.news-block h2{margin-bottom:4.5rem}.expertise-grid{gap:0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.expertise-card{display:grid;grid-template-columns:.72fr 1.28fr;background:transparent;box-shadow:none}.expertise-card+ .expertise-card{border-left:1px solid var(--color-border)}.expertise-head,.hip-card .expertise-head{height:auto;min-height:350px;padding:2.3rem;color:white;background:#777C6B}.hip-card .expertise-head{background:#99988E}.expertise-head h3{font-size:clamp(2rem,3vw,3.1rem)!important;color:white!important}.expertise-body{padding:2.5rem}.tag-list{display:block;margin-bottom:2rem}.tag-list span{display:block;background:transparent;color:#52564E;padding:.5rem 0;border-bottom:1px solid var(--color-border);font-size:.72rem}.expertise-body>a,.philosophy-block a,.home-news-grid a,.news-title-row>a{color:#565C4D;text-decoration:underline;text-underline-offset:5px}
        .philosophy-block{background:#E8E5DC;padding-top:clamp(9rem,14vw,13rem);padding-bottom:clamp(9rem,14vw,13rem)}.quote-mark{color:#8A907D}.philosophy-block blockquote{font-size:clamp(2.8rem,4.7vw,5rem);line-height:1.02;color:#2E312C}.quote-author{border-color:#C8C5BC}.philosophy-block>div:last-child{padding-top:5rem}.science-note{border:0;border-top:1px solid #AAA99F;border-bottom:1px solid #AAA99F;background:transparent;padding:1.6rem 0;margin:2.3rem 0}
        .news-block{background:#F8F6F0;margin-left:calc(-1 * max(clamp(1.25rem,4vw,3.75rem),calc((100vw - 1320px)/2 + 3.75rem)));margin-right:calc(-1 * max(clamp(1.25rem,4vw,3.75rem),calc((100vw - 1320px)/2 + 3.75rem)));padding-left:max(clamp(1.25rem,4vw,3.75rem),calc((100vw - 1320px)/2 + 3.75rem));padding-right:max(clamp(1.25rem,4vw,3.75rem),calc((100vw - 1320px)/2 + 3.75rem))}.home-news-grid{gap:0;border-top:1px solid var(--color-border)}.home-news-grid article{background:transparent;border:0;border-bottom:1px solid var(--color-border);box-shadow:none;padding:3rem 2rem 3rem 0}.home-news-grid article+article{border-left:1px solid var(--color-border);padding-left:3rem}.home-news-grid h3{font-size:clamp(1.8rem,2.8vw,2.8rem)!important}.news-index,.news-index.congress{background:transparent;color:#737967;padding:0}.home-news-grid p{max-width:520px;font-size:.9rem}
        .home-cta{background:#33362F;color:#F4F1EA;box-shadow:none;margin:clamp(7rem,12vw,11rem) 0;padding:clamp(2.5rem,5vw,5rem)}.home-cta h2{font-size:clamp(2.8rem,5vw,5rem)!important;color:#F4F1EA!important}.home-cta p{color:#D1D2CC}.cta-status{background:transparent;border:1px solid #64685C;color:#D8DACF;border-radius:0}.cta-links a{background:transparent;border-color:#686C61}.cta-links a:hover{background:#F4F1EA;color:#30332E}
        .card{background:transparent;border:0;border-top:1px solid var(--color-border);padding:2.4rem 0;margin-bottom:3rem}.grid-3{background:transparent;gap:3rem}.grid-3>.card{border-top:1px solid var(--color-border)}
        .wireframe-img{background:#E6E3DB;border:0;color:#75786F}.info-box{background:#E8E6DF;border-left-color:#858B78}
        .accordion-header:hover{background:#ECE9E1}.accordion-title{color:#30332E}.accordion-icon,a{color:#656B5A}.accordion-item.active{border-color:#858A7A}
        footer{background:#2D302B;color:#D4D5CF;padding-top:7rem}.footer-bottom{border-color:#55594F;color:#AEB1A8}footer a{color:#BCC0B6}
        @media(max-width:1100px){.home-hero{grid-template-columns:1fr 1fr}.expertise-card{grid-template-columns:1fr}.expertise-head{min-height:250px}.expertise-card+ .expertise-card{border-left:1px solid var(--color-border)}}
        @media(max-width:900px){.home-hero{grid-template-columns:1fr;padding-top:6rem}.home-portrait{justify-self:start;width:min(100%,560px)}.home-trust{grid-template-columns:1fr 1fr}.expertise-grid,.philosophy-block,.home-news-grid,.home-cta>div:last-child{grid-template-columns:1fr}.expertise-card+ .expertise-card,.home-news-grid article+article{border-left:0}.home-news-grid article+article{padding-left:0}.page-section{padding-top:7rem;padding-bottom:7rem}}
        @media(max-width:600px){.home-hero-copy h1{font-size:clamp(3.35rem,15vw,5rem)!important}.page-section h1{font-size:clamp(3rem,14vw,4.5rem)!important}.page-section h2{font-size:clamp(2.6rem,12vw,3.8rem)!important}.home-trust{grid-template-columns:1fr;gap:2.5rem}.home-trust>div{padding:0 0 2rem;border:0;border-bottom:1px solid var(--color-border)}.home-portrait{min-height:520px}.portrait-badge{left:12px}.home-block{padding:7.5rem 0}.philosophy-block{padding-top:7.5rem;padding-bottom:7.5rem}.philosophy-block blockquote{font-size:clamp(2.7rem,13vw,4rem)}.cta-links{width:100%}.cta-links a{width:100%}}
        @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Review adjustments: full-bleed hero, larger navigation and supporting text */
        nav a.nav-link{font-size:.92rem;letter-spacing:.02em}
        #home .home-hero{
            width:100vw;
            margin-left:calc(50% - 50vw);
            grid-template-columns:minmax(0,1fr) minmax(0,1fr);
            gap:0;
            padding:0;
            min-height:calc(100vh - 112px);
            align-items:stretch;
        }
        #home .home-hero-copy{
            display:flex;
            flex-direction:column;
            justify-content:center;
            padding:clamp(5rem,8vw,9rem) clamp(3rem,7vw,8rem) clamp(5rem,8vw,9rem) max(clamp(1.5rem,4vw,4.5rem),calc((100vw - 1320px)/2 + 3.75rem));
        }
        #home .home-portrait{
            width:100%;
            max-width:none;
            min-height:calc(100vh - 112px);
            justify-self:stretch;
            background-position:center 24%;
        }
        #home .portrait-caption{
            left:clamp(1.5rem,3vw,3rem);
            right:auto;
            bottom:clamp(1.5rem,3vw,3rem);
            width:min(320px,calc(100% - 3rem));
            padding:1.15rem 1.3rem;
            background:rgba(247,245,239,.94);
            color:#30332E;
            backdrop-filter:blur(10px);
            border:1px solid rgba(255,255,255,.6);
        }
        #home .portrait-caption span{color:#74786E;margin-bottom:.35rem}
        #home .portrait-caption strong{font-size:.92rem;line-height:1.35}
        #home .portrait-badge{
            left:auto;
            right:clamp(1.5rem,3vw,3rem);
            bottom:clamp(1.5rem,3vw,3rem);
            padding:1.15rem 1.3rem;
            background:rgba(47,50,44,.92);
            border-color:rgba(255,255,255,.16);
            color:#F4F1EA;
            backdrop-filter:blur(10px);
        }
        #home .portrait-badge span,#home .portrait-badge small{color:#CDD0C7}
        .home-trust span{font-size:.9rem;line-height:1.45}
        .home-trust small{font-size:.8rem;line-height:1.45;margin-top:.25rem}
        footer .grid-4>div:first-child p{color:#BCC0B6!important}
        @media(max-width:900px){
            #home .home-hero{grid-template-columns:1fr;min-height:0}
            #home .home-hero-copy{padding:6.5rem clamp(1.25rem,5vw,3rem)}
            #home .home-portrait{min-height:72vh}
        }
        @media(max-width:600px){
            nav a.nav-link{font-size:1rem}
            #home .portrait-caption{right:1rem;left:1rem;bottom:1rem;width:auto}
            #home .portrait-badge{display:none}
            .home-trust span{font-size:1rem}.home-trust small{font-size:.9rem}
        }

/* Hero rollback: return to the restrained, contained editorial composition */
        #home .home-hero{
            width:auto;
            margin-left:0;
            grid-template-columns:1.15fr .85fr;
            gap:clamp(4rem,10vw,11rem);
            padding:clamp(5rem,8vw,8.5rem) 0;
            min-height:calc(100vh - 112px);
            align-items:center;
        }
        #home .home-hero-copy{display:block;padding:0}
        #home .home-portrait{
            width:100%;
            max-width:490px;
            min-height:620px;
            justify-self:end;
            align-self:center;
        }
        #home .portrait-caption{
            left:1.25rem;
            right:auto;
            bottom:1.25rem;
            width:min(245px,calc(100% - 2.5rem));
            padding:1rem 1.1rem;
        }
        #home .portrait-badge{
            left:auto;
            right:1.25rem;
            top:1.25rem;
            bottom:auto;
            padding:1rem 1.1rem;
        }
        @media(max-width:900px){
            #home .home-hero{grid-template-columns:1fr;min-height:0;padding:6.5rem 0;gap:4rem}
            #home .home-hero-copy{padding:0}
            #home .home-portrait{justify-self:start;max-width:560px;min-height:620px}
        }
        @media(max-width:600px){
            #home .home-portrait{min-height:520px}
            #home .portrait-caption{left:1rem;right:1rem;bottom:1rem;width:auto}
        }

/* Accordion readability review */
        .accordion-content h4{
            font-size:clamp(1.45rem,1.8vw,1.9rem)!important;
            line-height:1.2!important;
            letter-spacing:-.025em!important;
            margin-top:2.25rem!important;
            margin-bottom:.85rem!important;
        }
        .accordion-content h4:first-child{margin-top:1.75rem!important}
        .accordion-icon{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            flex:0 0 2.8rem;
            width:2.8rem;
            height:2.8rem;
            font-family:"DM Sans",Arial,sans-serif;
            font-size:2.7rem;
            font-weight:300;
            line-height:1;
            color:#6E7462;
            transform-origin:center;
        }
        .accordion-item.active .accordion-icon{transform:rotate(45deg)}
        @media(max-width:600px){
            .accordion-content h4{font-size:1.4rem!important}
            .accordion-icon{font-size:2.35rem;width:2.4rem;height:2.4rem;flex-basis:2.4rem}
        }

/* Global semantic type scale */
        :root{
            --type-h1:clamp(3.5rem,6vw,6.1rem);
            --type-h2:clamp(2.65rem,4.5vw,4.6rem);
            --type-h3:clamp(1.8rem,2.55vw,2.65rem);
            --type-h4:clamp(1.4rem,1.85vw,1.9rem);
            --type-h5:clamp(1.12rem,1.35vw,1.4rem);
        }
        .page-section h1{
            font-size:var(--type-h1)!important;
            line-height:.98!important;
            margin-top:0!important;
            margin-bottom:2.25rem!important;
        }
        .page-section h2{
            font-size:var(--type-h2)!important;
            line-height:1.03!important;
            margin-top:0!important;
            margin-bottom:1.8rem!important;
        }
        .page-section h3{
            font-size:var(--type-h3)!important;
            line-height:1.1!important;
            margin-top:0!important;
            margin-bottom:1.15rem!important;
        }
        .page-section h4{
            font-size:var(--type-h4)!important;
            line-height:1.18!important;
            margin-top:0!important;
            margin-bottom:.9rem!important;
        }
        .page-section h5{
            font-family:var(--font-display)!important;
            font-size:var(--type-h5)!important;
            line-height:1.25!important;
            color:var(--color-primary)!important;
            margin:0 0 .75rem!important;
        }
        .accordion-title{
            font-size:clamp(1.55rem,2vw,2rem)!important;
            line-height:1.2;
        }
        .accordion-content h4{
            margin-top:2.4rem!important;
            margin-bottom:1rem!important;
        }
        .accordion-content h4:first-child{margin-top:1.8rem!important}
        @media(max-width:600px){
            :root{
                --type-h1:clamp(3rem,14vw,4.4rem);
                --type-h2:clamp(2.5rem,11vw,3.7rem);
                --type-h3:clamp(1.75rem,8vw,2.4rem);
                --type-h4:clamp(1.35rem,6vw,1.75rem);
                --type-h5:1.15rem;
            }
            .accordion-title{font-size:1.5rem!important}
        }

/* Treatment-list readability */
        .expertise-body{padding:2.8rem 2.5rem}
        .tag-list span{
            font-size:1rem;
            line-height:1.5;
            padding:.72rem 0;
            color:#3F433C;
        }
        .expertise-body>a{
            display:inline-block;
            font-size:.95rem;
            line-height:1.4;
            margin-top:.25rem;
        }
        @media(max-width:1100px){.tag-list span{font-size:.96rem}}
        @media(max-width:600px){
            .expertise-body{padding:2.2rem 1.5rem}
            .tag-list span{font-size:1rem;padding:.78rem 0}
            .expertise-body>a{font-size:1rem}
        }

/* Global CTA system */
        :root{
            --cta-font-size:.95rem;
            --cta-height:3.25rem;
            --cta-padding-inline:1.4rem;
        }
        .btn{
            display:inline-flex!important;
            align-items:center;
            justify-content:center;
            min-height:var(--cta-height);
            padding:.75rem var(--cta-padding-inline)!important;
            font-size:var(--cta-font-size)!important;
            font-weight:600!important;
            line-height:1.2!important;
            letter-spacing:.01em!important;
            white-space:nowrap;
        }
        .expertise-body>a,
        .philosophy-block a,
        .home-news-grid a,
        .news-title-row>a{
            display:inline-flex;
            align-items:center;
            min-height:2.75rem;
            font-size:var(--cta-font-size)!important;
            font-weight:600!important;
            line-height:1.25!important;
            letter-spacing:.005em;
            text-underline-offset:6px;
        }
        .cta-links a{
            display:flex;
            align-items:flex-start;
            justify-content:center;
            flex-direction:column;
            min-width:12.5rem;
            min-height:4.5rem;
            padding:.9rem var(--cta-padding-inline)!important;
        }
        .cta-links strong{font-size:var(--cta-font-size)!important;line-height:1.25}
        form .btn{width:100%}
        @media(max-width:600px){
            :root{--cta-font-size:1rem;--cta-height:3.4rem;--cta-padding-inline:1.25rem}
            .btn{white-space:normal}
            .cta-links a{width:100%;min-width:0}
        }

/* Long curved lines entering from the left edge */
        :root{
            --curve-light:rgba(100,108,90,.075);
            --curve-soft:rgba(100,108,90,.05);
            --curve-on-dark:rgba(239,238,229,.085);
        }
        #home,
        .philosophy-block,
        .home-cta,
        main.container>.page-section:not(#home){
            position:relative;
            isolation:isolate;
            overflow:hidden;
        }
        #home>* ,
        .philosophy-block>* ,
        .home-cta>*,
        main.container>.page-section:not(#home)>*{
            position:relative;
            z-index:1;
        }
        #home::before,
        .philosophy-block::before,
        .home-cta::before{
            content:"";
            position:absolute;
            z-index:0;
            pointer-events:none;
            inset:0;
        }
        #home::before,
        .philosophy-block::before{
            left:50%;
            right:auto;
            width:100vw;
            transform:translateX(-50%);
        }
        #home::before{
            height:clamp(48rem,72vw,68rem);
            background:
                radial-gradient(ellipse 178% 114% at -31% -10%, transparent 75.94%, var(--curve-soft) 75.98% 76.02%, transparent 76.06%),
                radial-gradient(ellipse 170% 122% at -28% 45%, transparent 76.94%, var(--curve-light) 76.98% 77.02%, transparent 77.06%),
                radial-gradient(ellipse 162% 130% at -24% 104%, transparent 77.94%, var(--curve-soft) 77.98% 78.02%, transparent 78.06%);
        }
        .philosophy-block::before{
            background:
                radial-gradient(ellipse 180% 120% at -32% -12%, transparent 75.94%, var(--curve-soft) 75.98% 76.02%, transparent 76.06%),
                radial-gradient(ellipse 172% 132% at -29% 48%, transparent 76.94%, var(--curve-light) 76.98% 77.02%, transparent 77.06%),
                radial-gradient(ellipse 164% 142% at -25% 112%, transparent 77.94%, var(--curve-soft) 77.98% 78.02%, transparent 78.06%);
        }
        .home-cta::before{
            background:
                radial-gradient(ellipse 105% 94% at -34% -8%, transparent 61.94%, var(--curve-on-dark) 61.98% 62.02%, transparent 62.06%),
                radial-gradient(ellipse 116% 108% at -30% 55%, transparent 60.94%, var(--curve-on-dark) 60.98% 61.02%, transparent 61.06%),
                radial-gradient(ellipse 126% 118% at -26% 112%, transparent 59.94%, rgba(239,238,229,.055) 59.98% 60.02%, transparent 60.06%);
        }
        main.container>.page-section:not(#home)::before{
            content:"";
            position:absolute;
            z-index:0;
            pointer-events:none;
            top:0;
            right:0;
            width:min(70vw,920px);
            height:clamp(30rem,48vw,44rem);
            background:
                radial-gradient(ellipse 174% 118% at 132% -12%, transparent 75.94%, var(--curve-soft) 75.98% 76.02%, transparent 76.06%),
                radial-gradient(ellipse 166% 128% at 128% 44%, transparent 76.94%, var(--curve-light) 76.98% 77.02%, transparent 77.06%),
                radial-gradient(ellipse 158% 138% at 124% 105%, transparent 77.94%, var(--curve-soft) 77.98% 78.02%, transparent 78.06%);
        }
        @media(max-width:900px){
            #home::before{
                height:54rem;
                background:
                    radial-gradient(ellipse 232% 112% at -92% 4%, transparent 80.94%, var(--curve-soft) 80.98% 81.02%, transparent 81.06%),
                    radial-gradient(ellipse 216% 126% at -84% 72%, transparent 84.94%, var(--curve-light) 84.98% 85.02%, transparent 85.06%);
            }
            .philosophy-block::before{
                background:
                    radial-gradient(ellipse 238% 124% at -96% 2%, transparent 81.94%, var(--curve-soft) 81.98% 82.02%, transparent 82.06%),
                    radial-gradient(ellipse 220% 138% at -86% 82%, transparent 84.94%, var(--curve-light) 84.98% 85.02%, transparent 85.06%);
            }
            .home-cta::before{
                background:
                    radial-gradient(ellipse 148% 102% at -82% 0%, transparent 65.94%, var(--curve-on-dark) 65.98% 66.02%, transparent 66.06%),
                    radial-gradient(ellipse 162% 116% at -76% 78%, transparent 64.94%, var(--curve-on-dark) 64.98% 65.02%, transparent 65.06%);
            }
            main.container>.page-section:not(#home)::before{
                width:82vw;
                height:32rem;
                opacity:.62;
                background:
                    radial-gradient(ellipse 224% 118% at 174% -4%, transparent 80.94%, var(--curve-soft) 80.98% 81.02%, transparent 81.06%),
                    radial-gradient(ellipse 210% 132% at 164% 72%, transparent 84.94%, var(--curve-light) 84.98% 85.02%, transparent 85.06%);
            }
        }
        @media(prefers-contrast:more){
            #home::before,
            .philosophy-block::before,
            .home-cta::before,
            main.container>.page-section:not(#home)::before{display:none}
        }

/* Restore the homepage content hierarchy from the approved wireframe */
        .home-hero-copy .home-hero-principle{color:#3F433C}
        .home-hero-copy .home-hero-focus{color:#2D302B;font-weight:600}
        .home-trust strong{
            font-size:clamp(1.3rem,1.6vw,1.7rem);
            line-height:1.2;
            font-weight:600;
            letter-spacing:-.02em;
        }
        .home-trust span{font-size:.95rem;line-height:1.45;margin-top:.35rem}

        /* Final hero + mobile navigation direction */
        .header-top{display:none!important}
        #home .home-hero{min-height:calc(100vh - 84px)}
        #home .home-portrait{max-width:620px;min-height:760px;background-position:center 22%}
        #home .portrait-caption,#home .portrait-badge{display:none}
        @media(max-width:1060px){
            html.menu-open,body.menu-open{overflow:hidden;height:100%}
            header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#F4F1EA}
            .menu-button{position:relative;z-index:1002;width:48px;height:48px;padding:0;border:0;color:transparent;font-size:0}
            .menu-button::before,.menu-button::after{content:"";position:absolute;left:11px;width:26px;height:1px;background:var(--color-primary);transition:transform .45s cubic-bezier(.76,0,.24,1),top .45s cubic-bezier(.76,0,.24,1)}
            .menu-button::before{top:19px}.menu-button::after{top:28px}
            .menu-button[aria-expanded="true"]::before{top:24px;transform:rotate(45deg)}
            .menu-button[aria-expanded="true"]::after{top:24px;transform:rotate(-45deg)}
            nav{display:flex;position:fixed;z-index:1000;inset:0;width:100vw;height:100dvh;max-height:100dvh;padding:clamp(7.5rem,16vh,9rem) clamp(1.5rem,7vw,5rem) 2.5rem;background:#F4F1EA;border:0;align-items:flex-start;opacity:0;visibility:hidden;transform:translateY(-18px);transition:opacity .4s ease,transform .55s cubic-bezier(.76,0,.24,1),visibility 0s linear .55s;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
            nav::-webkit-scrollbar{display:none}
            nav.open{display:flex;opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}
            nav ul{width:100%;gap:0;align-items:flex-start}
            nav li{width:100%;overflow:hidden}
            nav a.nav-link{width:100%;padding:.25rem 0;font-family:var(--font-display);font-size:clamp(2.4rem,8vw,5rem);font-weight:400;line-height:1.08;letter-spacing:-.035em;color:#30332E;transform:translateY(115%);opacity:0;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .45s ease}
            nav.open li:nth-child(1) a{transition-delay:.08s}nav.open li:nth-child(2) a{transition-delay:.12s}nav.open li:nth-child(3) a{transition-delay:.16s}nav.open li:nth-child(4) a{transition-delay:.20s}nav.open li:nth-child(5) a{transition-delay:.24s}nav.open li:nth-child(6) a{transition-delay:.28s}nav.open li:nth-child(7) a{transition-delay:.32s}
            nav.open a.nav-link{transform:translateY(0);opacity:1}
            nav li:nth-last-child(2){margin-top:2.2rem;padding-top:1.4rem!important;border-top:1px solid var(--color-border);font-size:.8rem!important}
            nav li:last-child{margin-top:1.5rem;width:auto}
            nav li:last-child .btn{font-family:var(--font-sans);font-size:.78rem;letter-spacing:.1em;padding:1rem 1.4rem}
        }
        @media(max-width:900px){#home .home-hero{padding-top:4.5rem;gap:3.25rem}#home .home-portrait{max-width:none;min-height:min(84vh,780px)}}
        @media(max-width:600px){#home .home-portrait{min-height:72vh}}

        /* Comfortable card insets for science and contact content */
        #wissenschaft > .card,
        #kontakt .card{
            padding:clamp(2rem,4vw,3.75rem);
        }
        @media(max-width:600px){
            #wissenschaft > .card,
            #kontakt .card{padding:1.6rem 1.35rem}
        }
        .contact-map{display:block;width:100%;height:300px;border:0;margin:1.5rem 0 1.25rem;filter:saturate(.7) contrast(.95)}
        .contact-profile-link{color:inherit;text-decoration:none}
        .contact-profile-link:hover,.contact-profile-link:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
        .contact-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
        .contact-hours{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--color-border)}
        .clinical-figure{margin:1.75rem 0 2rem;background:transparent;border:0;cursor:zoom-in}
        .clinical-figure img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:transparent}
        img[src*="abbildung-1.webp"]{aspect-ratio:2372/1136}
        img[src*="abbildung-2.webp"]{aspect-ratio:2372/1215}
        img[src*="abbildung-3.webp"]{aspect-ratio:2400/1136}
        img[src*="abbildung-4.webp"]{aspect-ratio:2216/1324}
        img[src*="abbildung-5.webp"]{aspect-ratio:2075/1298}
        img[src*="abbildung-6.webp"]{aspect-ratio:2378/890}
        img[src*="abbildung-7.webp"]{aspect-ratio:1762/1297}
        img[src*="abbildung-h1-huefttotalprothese.webp"]{aspect-ratio:1/1}
        img[src*="patellofemoral-vorher.webp"],img[src*="patellofemoral-nachher.webp"]{aspect-ratio:853/690}
        .clinical-figure figcaption{padding:.9rem 0;border:0;font-size:.8rem;line-height:1.5;color:var(--color-text-muted)}
        .clinical-figure figcaption strong{display:block;margin-bottom:.2rem;color:var(--color-text)}
        .clinical-figure > img[src*="/assets/images/knie-"]{max-height:none}
        .clinical-alignment-figure{width:min(100%,680px);margin-left:0;margin-right:auto;cursor:default}
        .clinical-alignment-grid{display:grid;grid-template-columns:1fr;gap:1.6rem;padding:0}
        .clinical-alignment-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:start}
        .clinical-alignment-column h5{grid-column:1/-1;margin:0 0 -.05rem;font-family:var(--font-main)!important;font-size:.95rem;font-weight:500;line-height:1.4;letter-spacing:.015em;text-align:left;color:var(--color-text-main)}
        .clinical-alignment-image{display:block;width:100%;aspect-ratio:1/1;margin:0;padding:0;overflow:hidden;border:0;background:transparent;color:inherit;font:inherit;cursor:zoom-in}
        .clinical-alignment-image img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;box-sizing:border-box;padding:0;object-fit:cover;object-position:center;background:transparent;border:0}
        .clinical-alignment-image--medial-flexion img{object-position:center bottom}
        .clinical-alignment-image--lateral-flexion img{object-position:center bottom;transform:scale(1.06);transform-origin:left bottom}
        .knee-detail-box{margin:1.4rem 0 1.5rem;padding:0;background:transparent;border:0;border-radius:0}
        .knee-detail-box-accent{background:transparent;border:0}
        .knee-detail-box h4{margin:0 0 .65rem!important;color:var(--color-primary)!important}
        .knee-detail-box h5{margin:1.3rem 0 .5rem;font-family:var(--font-main);font-size:1rem;font-weight:600;color:var(--color-primary)}
        .knee-detail-box .clinical-figure{margin-bottom:0}
        @media(max-width:640px){.clinical-alignment-grid{gap:1.35rem}.clinical-alignment-column{gap:.55rem}.knee-detail-box{padding:0}}
        @media(max-width:420px){.clinical-alignment-column{grid-template-columns:1fr}.clinical-alignment-column h5{grid-column:auto}}
        .before-after-intro{margin:1.35rem 0 .65rem;font-size:.82rem;color:var(--color-text-muted)}
        .before-after{--position:50%;position:relative;width:100%;aspect-ratio:1.62/1;overflow:hidden;background:#111;border:1px solid var(--color-border);touch-action:pan-y}
        .before-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111}
        .before-after-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--position))}
        .before-after-label{position:absolute;top:.75rem;z-index:3;padding:.32rem .55rem;background:rgba(28,32,27,.82);color:#fff;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}
        .before-after-label.before{left:.75rem}.before-after-label.after{right:.75rem}
        .before-after-divider{position:absolute;z-index:2;top:0;bottom:0;left:var(--position);width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.18);transform:translateX(-1px);pointer-events:none}
        .before-after-divider::after{content:'↔';position:absolute;top:50%;left:50%;display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--color-primary);color:#fff;font-size:1rem;transform:translate(-50%,-50%);box-shadow:0 2px 12px rgba(0,0,0,.28)}
        .before-after input{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
        .news-card-image{display:block;width:100%;height:240px;margin:0 0 1.35rem;object-fit:cover;background:#e6e3db;cursor:pointer}
        .news-card-image.cover{object-fit:contain;background:#fff}
        .news-detail-image{display:block;width:100%;max-height:620px;margin:0 0 .45rem;object-fit:cover;background:#e6e3db;cursor:zoom-in}
        .news-detail-image.cover{max-height:720px;object-fit:contain;background:#fff}
        .image-credit{margin:0 0 1.75rem;font-size:.68rem;color:var(--color-text-muted)}
        .practice-manager{display:grid;grid-template-columns:minmax(280px,.82fr) 1.18fr;gap:clamp(3rem,8vw,8rem);align-items:center;padding:clamp(7rem,12vw,11rem) 0;border-top:1px solid var(--color-border)}
        .practice-manager-media{min-height:620px;background:#E7E3D9;overflow:hidden}
        .practice-manager-media img{display:block;width:100%;height:100%;min-height:620px;object-fit:cover;object-position:center 22%}
        .practice-manager-copy h2{font-size:clamp(2.7rem,4.8vw,5rem)!important;margin:.2rem 0 1rem}
        .practice-manager-name{margin:2rem 0 1.5rem;padding-top:1.4rem;border-top:1px solid var(--color-border)}
        .practice-manager-name strong,.practice-manager-name span{display:block}
        .practice-manager-name strong{font:400 clamp(1.5rem,2.3vw,2.2rem) var(--font-display)}
        .practice-manager-name span{margin-top:.25rem;color:var(--color-text-muted);font-size:.82rem}
        .practice-manager-copy>p{max-width:600px;color:var(--color-text-muted)}
        .manager-contact-card{display:grid;grid-template-columns:240px 1fr;gap:1.6rem;align-items:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--color-border)}
        .manager-contact-card img{display:block;width:240px;aspect-ratio:1/1;object-fit:cover;object-position:center 22%}
        .manager-contact-card h4{margin:0 0 .15rem;color:var(--color-primary);font-size:1.2rem}
        .manager-contact-card .manager-role{display:block;margin-bottom:.8rem;color:var(--color-text-muted);font-size:.78rem}
        .manager-contact-card p{margin-bottom:1rem;font-size:.88rem;color:var(--color-text-muted)}
        .manager-contact-actions{display:flex;flex-wrap:wrap;gap:.75rem}
        .fellowship-detail{display:inline-block;margin-left:.35rem;vertical-align:top}
        .fellowship-detail summary{display:inline;cursor:pointer;color:#656B5A;font-weight:600;list-style:none;text-decoration:underline;text-underline-offset:3px}
        .fellowship-detail summary::-webkit-details-marker{display:none}
        .fellowship-detail-box{margin:.8rem 0 1rem;padding:1rem 1.1rem;border-left:2px solid #858B78;background:#ECE9E1;color:var(--color-text-muted);font-size:.86rem;line-height:1.65}
        .fellowship-detail-box p:last-child{margin-bottom:0}
        @media(max-width:900px){.practice-manager{grid-template-columns:1fr}.practice-manager-media{min-height:540px}.practice-manager-media img{min-height:540px}.manager-contact-card{grid-template-columns:200px 1fr}.manager-contact-card img{width:200px}}
        @media(max-width:600px){.home-hero-copy h1{font-size:clamp(2.8rem,11.5vw,4rem)!important;hyphens:none;overflow-wrap:normal;word-break:normal}.practice-manager{padding:7rem 0}.practice-manager-media,.practice-manager-media img{min-height:500px}.manager-contact-card{grid-template-columns:1fr}.manager-contact-card img{width:min(260px,100%)}.fellowship-detail{display:block;margin:.4rem 0 0}.fellowship-detail summary{display:inline-block}}

/* Fabian review 2026-08-31: calmer rhythm, shared axes and integrated media */
main.container>.page-section:not(#home){padding-top:clamp(4.25rem,7vw,6.5rem)}
.page-section h1{margin-bottom:.9rem!important;letter-spacing:-.025em!important}
.page-section h3,.page-section h4,.accordion-title{letter-spacing:-.012em!important}
.philosophy-block--quiet{padding-top:clamp(5rem,8vw,7rem);padding-bottom:clamp(5rem,8vw,7rem);align-items:start;gap:clamp(2rem,5vw,5rem)}
.philosophy-block--quiet>div:last-child{padding-top:2.05rem}
.philosophy-block--quiet p{max-width:720px;color:var(--color-text-main)!important}
.philosophy-block--quiet .science-note{margin:0;padding:0 0 0 clamp(1.25rem,3vw,2.5rem);border:0;border-left:1px solid #aaa99f}
.philosophy-block--quiet .philosophy-about-link{display:block;margin-top:1.1rem;text-decoration:none;font-size:.78rem;font-weight:700;color:#565C4D}
.news-block{padding-top:clamp(6rem,9vw,8rem)}
.practice-manager-media{min-height:0;align-self:center}
.practice-manager-media img{min-height:0;aspect-ratio:4/5;object-fit:contain;object-position:center;background:#e7e3d9}
.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem)}
.contact-layout>div{display:grid;gap:1.5rem}
.contact-layout .card{margin:0}
.manager-contact-card{grid-template-columns:180px 1fr;margin-top:1.25rem;padding-top:1.25rem}
.manager-contact-card img{width:180px;aspect-ratio:4/5;object-fit:contain;object-position:center;background:#e7e3d9}
.cv-section h3{margin:0 0 1.4rem;color:var(--color-primary)}
.cv-list{list-style:none;margin:0;padding:0;font-size:.95rem}
.cv-list li{display:grid;grid-template-columns:8.3rem minmax(0,1fr);gap:1.25rem;padding:.58rem 0;line-height:1.55;border-bottom:1px solid rgba(133,138,122,.2)}
.cv-list li>strong{font-weight:600;color:var(--color-primary)}
.cv-entry{min-width:0;line-height:inherit}
.cv-entry-note{font-size:.82rem;color:var(--color-text-muted);line-height:1.45}
.cv-list--compact li{grid-template-columns:6.5rem minmax(0,1fr)}
.fellowship-detail{display:inline;position:relative;margin-left:.25rem;vertical-align:baseline;line-height:1}
.fellowship-detail summary{display:inline-flex;align-items:center;position:relative;top:-.03em;text-decoration:none;font-size:.78em;line-height:1;cursor:pointer;white-space:nowrap}
.fellowship-detail[open] .fellowship-detail-box{display:block}
.fellowship-detail-box{margin:.8rem 0 1rem;padding:1rem 1.1rem;border-left:1px solid #858b78;background:transparent}
.clinical-figure--integrated{background:transparent;border:0;cursor:default}
.clinical-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,2rem);align-items:start}
.clinical-pair button{appearance:none;border:0;padding:0;background:transparent;color:var(--color-text-muted);cursor:zoom-in;font:inherit;text-align:left}
.clinical-pair-image{display:block;width:100%;aspect-ratio:706/1126;overflow:hidden}
.clinical-pair-image img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center top;background:transparent}
.clinical-pair-label{display:block;margin-top:.55rem;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase}
.clinical-figure--integrated figcaption{padding:.9rem 0;border:0}
#knie .clinical-figure{background:transparent;border:0}
#knie .clinical-figure[onclick],#knie .clinical-figure--integrated[onclick]{cursor:zoom-in}
#knie .clinical-figure>img{background:transparent;mix-blend-mode:normal}
#knie .clinical-figure figcaption{padding:.8rem 0;border:0}
.clinical-figure--series-1{width:min(100%,340px);margin-left:0;margin-right:auto}
.clinical-figure--series-2{width:min(100%,680px);margin-left:0;margin-right:auto}
.clinical-figure--series-3{width:min(100%,1020px);margin-left:0;margin-right:auto}
#knie .clinical-figure--revision{margin-left:0;margin-right:auto}
.knee-revision-example{margin:2rem 0 2.25rem;padding:0;border:0}
.knee-revision-example>h4{margin-top:0!important}
.knee-revision-example .clinical-figure{margin-bottom:1rem}
.research-overview{background:transparent}
.research-overview h4{margin-top:clamp(2.6rem,5vw,4.5rem)!important}
.research-overview h4+p{margin-bottom:.35rem!important}
.academic-roles{margin-top:clamp(4rem,8vw,7rem);padding-top:2rem;border-top:1px solid var(--color-border)}
.academic-roles ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);list-style:none;margin:1.5rem 0 0;padding:0}
.academic-roles li>*{display:block}.academic-roles span{margin-top:.45rem}.academic-roles small{margin-top:.25rem;color:var(--color-text-muted)}
@media(max-width:760px){.clinical-pair,.academic-roles ul{grid-template-columns:1fr}.cv-list li,.cv-list--compact li{grid-template-columns:1fr;gap:.2rem}.contact-layout{grid-template-columns:1fr}.manager-contact-card{grid-template-columns:1fr}.manager-contact-card img{width:min(280px,100%)}}
        .editorial-image-note{margin:-1.2rem 0 2rem;padding:.8rem 1rem;border-left:2px solid #8a907d;background:rgba(232,229,220,.62);color:var(--color-text-muted);font-size:.75rem;line-height:1.5}
        #modalImage{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;margin:0 0 1.25rem;background:#fff}
        .modal-content.clinical-modal{max-width:min(1100px,94vw);max-height:calc(100vh - 2rem);overflow:auto;margin:auto}
        body.lightbox-open{overflow:hidden}
/* Mobile spacing fix: home news */
@media (max-width: 600px) {
  #home .news-block {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  #home .news-title-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 1.25rem;
  }
  #home .news-title-row h2 {
    overflow-wrap: anywhere;
  }
  #home .home-news-grid article,
  #home .home-news-grid article + article {
    padding-left: 0;
    padding-right: 0;
  }
}

/* Shared PHP header components */
.brand{cursor:pointer}
.language-switcher{
  min-width:4.5rem;
  border-left:1px solid var(--color-border);
  padding-left:1rem;
  font-size:.85rem;
  color:var(--color-text-muted);
  white-space:nowrap;
}
.header-appointment{
  min-width:11.85rem;
  text-align:center;
  white-space:nowrap;
}
@media (max-width:1060px){
  .language-switcher{min-width:0;border-left:0;padding-left:0;white-space:normal}
  .header-appointment{min-width:0;white-space:normal}
}
/* Full-width home news background */
#home .news-block {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: max(clamp(1.25rem, 4vw, 3.75rem), calc((100vw - 1320px) / 2 + 3.75rem));
  padding-right: max(clamp(1.25rem, 4vw, 3.75rem), calc((100vw - 1320px) / 2 + 3.75rem));
}
/* Preserve mobile home news inset after full-width rule */
@media (max-width: 600px) {
  #home .news-block {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
/* Stable bilingual desktop navigation */
@media (min-width: 1061px) {
  #site-nav li:nth-last-child(2) {
    width: 52px;
    flex: 0 0 52px;
    white-space: nowrap;
  }
  #site-nav li:last-child .btn {
    width: 184px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }
}
/* Mobile heading wrap: treatment focus */
@media (max-width: 600px) {
  #home .expertise-block h2 {
    max-width: 100%;
    overflow-wrap: anywhere;
    hyphens: auto;
  }
}
/* Match German home portrait to English visual size */
html[lang="de-CH"] #home .home-hero {
  grid-template-columns: minmax(0, 1fr) minmax(490px, 0.92fr);
}
html[lang="de-CH"] #home .home-portrait {
  width: 100%;
  max-width: 560px;
}
@media (max-width: 1100px) {
  html[lang="de-CH"] #home .home-hero {
    grid-template-columns: minmax(0, 1fr) minmax(420px, 0.92fr);
  }
}
@media (max-width: 900px) {
  html[lang="de-CH"] #home .home-hero {
    grid-template-columns: 1fr;
  }
  html[lang="de-CH"] #home .home-portrait {
    max-width: none;
  }
}
/* Unified bilingual home portrait geometry */
@media (min-width: 901px) {
  #home .home-hero,
  html[lang="de-CH"] #home .home-hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }
  #home .home-portrait,
  html[lang="de-CH"] #home .home-portrait {
    width: 100%;
    max-width: 620px;
    align-self: start;
  }
}
/* Legal copy layout */
.legal-copy{max-width:900px}
.legal-copy h2{margin:2.4rem 0 .75rem;font-size:clamp(1.35rem,2vw,1.8rem)!important}
.legal-copy h3{margin:1.6rem 0 .5rem;font-size:1.05rem!important}
.legal-copy p{line-height:1.75;margin-bottom:1rem}

/* Defensive mobile typography: prevent long labels and compound words overflowing */
@media (max-width: 600px) {
  html, body { max-width: 100%; overflow-x: clip; }
  main h1, main h2, main h3, main h4, main blockquote, main a, .legal-copy p {
    max-width: 100%; overflow-wrap: anywhere; word-break: normal;
  }
  main h1, main h2, main h3, main h4, main blockquote { hyphens: auto; }
  img, iframe, video { max-width: 100%; }
}

/* Desktop hero portrait: shared DE/EN placement approved from reference */
@media (min-width: 1101px) {
  #home .home-hero,
  html[lang="de-CH"] #home .home-hero {
    grid-template-columns: minmax(0, 1fr) 328px;
    gap: clamp(5rem, 11vw, 12.5rem);
    align-items: start;
  }
  #home .home-portrait,
  html[lang="de-CH"] #home .home-portrait {
    width: 328px;
    max-width: 328px;
    min-height: 760px;
    margin-top: clamp(10rem, 14vw, 12.5rem);
    align-self: start;
    justify-self: end;
    background-position: center 22%;
  }
}

/* Contact page: calm two-column rhythm with shared left axes. */
.contact-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: clamp(2.5rem, 5vw, 5rem);
}
.contact-layout > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-width: 0;
}
.contact-layout .card {
  width: 100%;
  margin: 0;
  padding: clamp(1.5rem, 2.3vw, 2.2rem) 0;
}
#kontakt .contact-layout > div {
  align-items: stretch;
}
#kontakt .contact-layout > div > .card:not([style*="background"]) {
  padding-left: 0;
  padding-right: 0;
}
#kontakt .contact-layout > div > .card form,
#kontakt .contact-layout > div > .card input,
#kontakt .contact-layout > div > .card textarea {
  width: 100%;
}
#kontakt .contact-layout > div > .card input[type="checkbox"] {
  width: auto;
  flex: 0 0 auto;
}
#kontakt .contact-layout > div > .card form label {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
}
.contact-layout h3,
.contact-layout h4 {
  letter-spacing: .012em !important;
}
.contact-actions {
  margin-top: .85rem;
}
.contact-map {
  margin: 1.1rem 0 .9rem;
}
.contact-hours {
  margin-top: .75rem;
  padding-top: .75rem;
}
.manager-contact-card {
  display: grid !important;
  grid-template-columns: 180px minmax(0, 1fr) !important;
  column-gap: clamp(1.25rem, 2vw, 1.75rem) !important;
  margin-top: .75rem;
  padding-top: 0;
  border-top: 0;
  align-items: start;
}
.manager-contact-card > div {
  min-width: 0;
  padding-left: 0 !important;
}
.manager-contact-card img {
  width: 180px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: transparent;
}
.contact-layout > div:last-child .card[style*="background"],
#kontakt .contact-layout > div > .card[style*="background"] {
  padding: 1.35rem 1.5rem;
}
#kontakt .contact-layout > div:first-child {
  gap: .5rem;
}
#kontakt .contact-layout > div:first-child > .card:first-child {
  padding-bottom: .9rem;
}
#kontakt .contact-layout > div:first-child > .card:nth-child(2) {
  padding-top: .9rem;
}
.contact-layout > div:last-child .card[style*="background"] p {
  margin-bottom: .65rem;
}
@media (max-width: 760px) {
  .contact-layout {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .contact-layout .card {
    padding: 1.5rem 0;
  }
  .contact-layout > div:last-child .card[style*="background"] {
    padding: 1.35rem 1.25rem;
  }
  .manager-contact-card {
    grid-template-columns: 1fr !important;
  }
  .manager-contact-card img {
    width: min(180px, 100%);
  }
  .manager-contact-card > div {
    padding-left: 0 !important;
  }
}

/* Sandra portrait: show the square source image without artificial color bars. */
.practice-manager-media {
  min-height: 0;
  height: auto;
  background: transparent;
  overflow: visible;
}
.practice-manager-media img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: transparent;
}
.manager-contact-card img {
  width: 180px;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: transparent;
}
.practice-manager-media,
.practice-manager-media img,
.manager-contact-card,
.manager-contact-card img {
  border: 0;
  box-shadow: none;
}
.manager-contact-card {
  align-items: start;
  padding-top: 0;
  border-top: 0;
}

/* Avoid a doubled gap between the practice-manager block and the appointment CTA. */
.practice-manager + .home-cta {
  margin-top: 0;
}

/* Client-approved vertical rhythm: local spacing only; typography stays unchanged. */
#about > p:first-of-type {
  margin-bottom: 3.75rem !important;
}

:is(#knie, #huefte) > p {
  margin-bottom: 1.25rem !important;
}
:is(#knie, #huefte) > p:last-of-type {
  margin-bottom: 2.5rem !important;
}
:is(#knie, #huefte) .accordion-content > p {
  margin-bottom: 1.25rem !important;
}
:is(#knie, #huefte) .accordion-content > p:first-child {
  margin-top: 1.25rem !important;
}
:is(#knie, #huefte) .accordion-content h4 {
  margin-top: 2.75rem !important;
  margin-bottom: .75rem !important;
}
:is(#knie, #huefte) .accordion-content .clinical-figure {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
#knie .knee-revision-example,
#knie .knee-detail-box {
  margin-top: 2.75rem;
  margin-bottom: 2.75rem;
}
#knie .knee-revision-example > h4,
#knie .knee-detail-box > h4 {
  margin-top: 0 !important;
}
#knie :is(.knee-revision-example, .knee-detail-box) > p {
  margin-bottom: 1.25rem !important;
}
#knie .knee-detail-box h5 {
  margin-top: 2.75rem;
  margin-bottom: .75rem;
}

#wissenschaft > p {
  margin-bottom: 1.25rem !important;
}
#wissenschaft > p:last-of-type {
  margin-bottom: 2.5rem !important;
}
#wissenschaft .research-overview {
  padding-bottom: 0;
  margin-bottom: 0;
}
#wissenschaft .research-overview > h3 {
  margin-bottom: 2.75rem !important;
}
#wissenschaft .research-overview > h4 {
  margin-top: 2.75rem !important;
  margin-bottom: .75rem !important;
}
#wissenschaft .research-overview > p,
#wissenschaft .research-overview > ul {
  margin-bottom: 1.25rem !important;
}
#wissenschaft .research-overview > :last-child {
  margin-bottom: 0 !important;
}
#wissenschaft .academic-roles {
  margin-top: 3rem;
  padding-top: 3rem;
}

.legal-copy p {
  margin-bottom: 1.25rem;
}
.legal-copy h2 {
  margin-top: 4rem;
  margin-bottom: .75rem;
}
.legal-copy h3 {
  margin-top: 2.75rem;
  margin-bottom: .75rem;
}

:is(#news-rheuma-2026, #news-swiss-2026) article > p:not(.image-credit) {
  margin-bottom: 1.25rem !important;
}
:is(#news-rheuma-2026, #news-swiss-2026) article > p:last-of-type {
  margin-bottom: 2.75rem !important;
}
#aktuelles > p:last-of-type {
  margin-bottom: 2.5rem !important;
}

/* Shared horizontal grid: header and every page section use the same outer edge. */
:root {
  --layout-max-width: 1320px;
  --layout-gutter: clamp(1.25rem, 4vw, 3.75rem);
}
.container {
  max-width: var(--layout-max-width);
  padding-left: var(--layout-gutter);
  padding-right: var(--layout-gutter);
}
.page-section {
  padding-left: max(var(--layout-gutter), calc((100vw - var(--layout-max-width)) / 2 + var(--layout-gutter)));
  padding-right: max(var(--layout-gutter), calc((100vw - var(--layout-max-width)) / 2 + var(--layout-gutter)));
}
.page-section h1,
.page-section h2,
.page-section h3,
.page-section h4,
.accordion-title {
  letter-spacing: -.01em !important;
}
#home .home-trust,
#home .philosophy-block,
#home .news-block {
  margin-left: calc(-1 * max(var(--layout-gutter), calc((100vw - var(--layout-max-width)) / 2 + var(--layout-gutter))));
  margin-right: calc(-1 * max(var(--layout-gutter), calc((100vw - var(--layout-max-width)) / 2 + var(--layout-gutter))));
  padding-left: max(var(--layout-gutter), calc((100vw - var(--layout-max-width)) / 2 + var(--layout-gutter)));
  padding-right: max(var(--layout-gutter), calc((100vw - var(--layout-max-width)) / 2 + var(--layout-gutter)));
}
@media (max-width: 600px) {
  #home .news-block {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* Homepage news: clearer headlines and a tighter editorial rhythm. */
#home .news-title-row .section-kicker {
  margin-bottom: .9rem;
}
#home .news-title-row h2 {
  margin-bottom: 1.15rem !important;
}
#home .home-news-grid article,
#home .home-news-grid article + article {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#home .home-news-grid .news-index {
  display: block;
  margin-bottom: .65rem;
}
#home .home-news-grid h3 {
  font-size: clamp(2.1rem, 3.2vw, 3.1rem) !important;
  line-height: 1.06 !important;
  margin: 0 0 .7rem !important;
}
#home .home-news-grid article p {
  margin-bottom: .75rem;
  line-height: 1.55;
}

/* Fabian portrait: preserve the full supplied image with only minimal crop. */
.home-portrait {
  background-image: url('/assets/images/Portrait_vonknoch.jpg');
  background-position: center;
  background-size: cover;
  aspect-ratio: 1934 / 2164;
  min-height: 0;
}
.hero-visual {
  background-image: linear-gradient(180deg, transparent 55%, rgba(17,43,73,.28)), url('/assets/images/Portrait_vonknoch.jpg');
  background-position: center;
  background-size: cover;
}
@media (min-width: 1101px) {
  #home .home-hero,
  html[lang="de-CH"] #home .home-hero {
    grid-template-columns: minmax(0, 1fr) minmax(430px, 0.82fr);
    gap: clamp(3rem, 6vw, 7rem);
  }
  #home .home-portrait,
  html[lang="de-CH"] #home .home-portrait {
    width: 100%;
    max-width: 560px;
    margin-top: clamp(3rem, 6vw, 6rem);
  }
}

/* Mobile homepage hero: keep the single-column grid inside the viewport. */
@media (max-width: 900px) {
  #home .home-hero,
  html[lang="de-CH"] #home .home-hero {
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }
  #home .home-hero-copy {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}
@media (max-width: 600px) {
  #home .home-hero-copy h1 {
    max-width: 100%;
    hyphens: auto;
    overflow-wrap: break-word;
    word-break: normal;
  }
}

/* Fabian review 2026-09-07: focused spacing, radiograph captions and mobile rhythm. */
@media (min-width: 901px) {
  main.container > :is(#knie, #huefte).page-section {
    padding-top: var(--page-intro-gap);
  }
}
:is(#knie, #huefte) > p:last-of-type {
  margin-bottom: 1.75rem !important;
}
:is(#knie, #huefte) .accordion-header {
  padding-top: .925rem;
  padding-bottom: 1.55rem;
}
:is(#knie, #huefte) .accordion-content > p:first-child {
  margin-top: .5rem !important;
}

.clinical-figure {
  break-inside: avoid;
}
.clinical-figure figcaption strong {
  margin-bottom: .25rem;
  color: var(--color-text-main);
  font-family: var(--font-main);
  font-weight: 600;
}

#huefte .accordion-content p strong {
  color: var(--color-text-main);
  font-weight: 600;
}

@media (min-width: 761px) and (max-width: 900px) {
  :is(#knie, #huefte) {
    padding-top: 3.5rem;
  }
}

@media (max-width: 760px) {
  html {
    scroll-padding-top: 86px;
  }
  .nav-wrapper {
    height: 70px;
  }
  main :is(h1, h2, h3, h4),
  .page-section,
  .accordion-item {
    scroll-margin-top: 86px;
  }
  main.container > .page-section:not(#home) {
    padding-top: 3.75rem;
    padding-bottom: 5.5rem;
  }
  :is(#knie, #huefte) {
    padding-top: var(--page-intro-gap) !important;
  }
  :is(#knie, #huefte) > p:last-of-type {
    margin-bottom: 1.5rem !important;
  }
  :is(#knie, #huefte) .accordion-header {
    padding-top: .8rem;
  }
  .clinical-pair {
    gap: 1.4rem;
  }
  .clinical-pair button {
    width: 76%;
    margin-right: auto;
    margin-left: auto;
  }
  .clinical-pair-image {
    aspect-ratio: auto;
    overflow: visible;
  }
  .clinical-pair-image img {
    height: auto;
    object-fit: contain;
  }
  .clinical-figure--series-1 {
    width: 76%;
    margin-right: auto;
    margin-left: auto;
  }
  .clinical-alignment-image {
    aspect-ratio: auto;
    overflow: visible;
  }
  .clinical-alignment-image img {
    height: auto;
    object-fit: contain;
    transform: none;
  }
  .cv-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 2.25rem;
  }
  .practice-manager {
    gap: 2.5rem;
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
  }
  #home .news-block {
    padding-top: 5rem;
    padding-bottom: 5.5rem;
  }
  #aktuelles .card {
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 2.25rem;
  }
  #home .expertise-head {
    min-height: 13rem;
  }
  footer {
    padding-top: 5.5rem;
  }
  .footer-bottom {
    margin-top: 2.25rem;
  }
}

@media (max-width: 420px) {
  .clinical-alignment-image {
    width: 76%;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 600px) {
  :root {
    --type-h1: clamp(2.75rem, 12vw, 3.75rem);
    --type-h2: clamp(2.25rem, 10vw, 3.25rem);
  }
  main h1,
  main h2,
  main h3,
  main h4,
  .accordion-title,
  #home .home-hero-copy h1,
  #home .expertise-block h2 {
    max-width: 100%;
    hyphens: none;
    overflow-wrap: break-word;
    word-break: normal;
  }
  #home .home-portrait {
    min-height: min(62vh, 560px);
  }
}

/* Fabian feedback 2026-09-09: shared DE/EN page starts and publication axis. */
:root {
  --page-intro-gap: clamp(2.5rem, 5vw, 4.75rem);
}
@media (min-width: 761px) and (max-width: 900px) {
  :root { --page-intro-gap: 3.5rem; }
}
@media (max-width: 760px) {
  :root { --page-intro-gap: 3.25rem; }
}
main.container > :is(#about, #aktuelles, #wissenschaft, #kontakt, #knie, #huefte).page-section {
  padding-top: var(--page-intro-gap);
}
#home .home-hero {
  padding-top: var(--page-intro-gap);
}
#wissenschaft .research-overview {
  padding-inline: 0;
}
@media (min-width: 901px) {
  #home .home-portrait,
  html[lang="de-CH"] #home .home-portrait {
    /* Header is 112px plus its 1px border; leave 24px below the full portrait. */
    width: min(100%, calc((100svh - 113px - var(--page-intro-gap) - 24px) * 1934 / 2164));
    max-width: 560px;
    min-height: 0;
    aspect-ratio: 1934 / 2164;
    margin-top: 0;
    align-self: start;
    background-position: center;
  }
}

/* Fabian feedback 2026-09-10: homepage spacing matches the starred News bracket. */
#home {
  --home-section-space: clamp(6rem, 9vw, 8rem);
}
#home .expertise-block,
#home .news-block,
#home .practice-manager {
  padding-top: var(--home-section-space);
  padding-bottom: var(--home-section-space);
}
@media (max-width: 760px) {
  #home { --home-section-space: 5rem; }
}
/* Keep related contact details compact; separate directions, hours and contact person. */
#kontakt .contact-hours {
  margin-top: calc(.75rem + 18px);
  padding-top: calc(.75rem + 18px);
}
#kontakt .contact-layout > div:first-child > .card:first-child {
  padding-bottom: calc(.9rem + 18px);
}
#kontakt .contact-layout > div:first-child > .card:nth-child(2) {
  padding-top: calc(.9rem + 18px);
}