/* Mockup-Carddesign: separate visual fork, September 2026.
   Light blue groups information; navy identifies introductions and contact.
   Navigation, legal prose and card-group headings remain open. */
:root{--card-surface:#F5F7F9;--card-border:#EDF0F3;--card-radius:16px;--card-space:clamp(22px,2.3vw,34px)}
/* Separate artwork follows both system preference and manual theme selection. */
body .illustration img{background:#fff;filter:none;border-radius:12px}
body .illustration .motif-dark{display:none;background:transparent}
:root[data-theme="dark"] .illustration .motif-light{display:none}
:root[data-theme="dark"] .illustration .motif-dark{display:block}
@media(prefers-color-scheme:dark){
 :root:not([data-theme="light"]) .illustration .motif-light{display:none}
 :root:not([data-theme="light"]) .illustration .motif-dark{display:block}
}
body .task-grid,body .advice-grid,body .depth-grid,body .qa-grid,body .process,body .info-rows,body .aesthetic-pillars,body .practice-steps{gap:24px;border:0}
body .task-link,body .advice-item,body .box,body .karte,body .qa,body .info-row,body .process>li,body .depth-grid>article,body .aesthetic-pillars>article,body .practice-steps>li,body .care-choice{
 background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-space);min-width:0;box-shadow:none
}
body .task-link:last-child,body .task-link:nth-child(n),body:not(.page-praxisbedarf) .box,body:not(.page-praxisbedarf) .karte,body:not(.page-praxisbedarf) .qa,body:not(.page-praxisbedarf) .process>li{border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-space);background:var(--card-surface)}
body .related .box{background:var(--card-surface)}
body .section.content-card{padding:var(--card-space);margin:24px 0 36px;background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--card-radius)}
.content-card>p:last-child,.content-card>ul:last-child{margin-bottom:0}
.content-card>p,.content-card>.text-list{max-width:80ch}
body .home-advice{background:transparent;border:0;padding:30px 0}
body .advice-item{display:flex;flex-direction:column;align-items:flex-start;gap:0}
body .advice-item .illustration{width:100%;margin:0 0 20px;background:transparent}
body .advice-item .illustration img{height:140px}
body .advice-item h3,body .advice-item p,body .advice-item>a{grid-column:auto}
body .advice-item>a{margin-top:auto}
body .task-link:hover,body a.box:hover{border-color:var(--marke);background:var(--card-surface)}
body .aesthetic-pillars h3{border:0;padding-top:0}
body .aesthetic-service,body .content-depth{border:0}
body .process>li{border-top:0}
body .process>li::before{border-radius:10px}
body .info-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
body .info-row{display:block}
body .info-row h3{margin-bottom:14px}
body .qa h3{margin-bottom:14px}
body .practice-steps>li{display:block}
body .professional-practice{background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--card-radius)!important}
body .practice-access{background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--card-radius)}
body .contact-band,body .business{border-radius:var(--card-radius)}
body .callout{border-radius:var(--card-radius)}
body .callout:not(.warn){background:var(--marke-flaeche)}
/* Contact details are one group, not a card around every number. */
body .location-homecare{background:transparent}
body .location .btn{white-space:normal;max-width:100%}
body .legal-copy{max-width:82ch}
@media(max-width:800px){body .info-rows{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){
 :root{--card-space:22px}
 body .task-grid,body .advice-grid,body .depth-grid,body .qa-grid,body .process,body .aesthetic-pillars,body .practice-steps{gap:18px}
 body .advice-item .illustration img{height:120px}
 body .advice-item h3{font-size:1.18rem}
 body .section.content-card{margin:18px 0 28px}
 body .care-choice{padding:22px}
}
@media(max-width:360px){:root{--card-space:20px}body .care-choice{padding:20px}}
@media(forced-colors:active){body .task-link,body .advice-item,body .content-card,body .info-row,body .depth-grid>article{border-color:CanvasText}}
body .service-access-row{background:var(--card-surface);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-space);margin:0 0 18px}

/* Ordinary information surfaces are restrained; notices retain their own colour. */
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--card-surface:#1B2129;--card-border:#242D38}}
:root[data-theme="dark"]{--card-surface:#1B2129;--card-border:#242D38}
body .related .box{border-color:var(--card-border)!important}
a.tail{text-decoration:none;font-weight:650}
a.tail:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:.22em}
/* Three entry routes replace the repeated title / description / link table. */
body .service-access-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body .service-access-row{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:0;padding:var(--card-space)}
.service-access-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--flaeche);color:var(--marke);flex-shrink:0}
.service-access-symbol svg{width:24px;height:24px}
body .service-access-row h3{font-size:1.25rem;line-height:1.3;color:var(--tinte)}
body .service-access-row p{font-size:.95rem;color:var(--tinte-2)}
body .service-access-row .service-access-topics{font-size:.82rem;line-height:1.6;color:var(--tinte-2);padding-top:12px;border-top:1px solid var(--linie);width:100%;margin-bottom:4px}
body .service-access-contact{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;max-width:100%;margin-top:auto;padding:10px 16px;border:1px solid var(--marke);border-radius:10px;text-decoration:none;font-weight:650;font-size:.9rem;line-height:1.4;color:var(--marke);background:transparent}
body .service-access-contact:is(:hover,:focus-visible){background:var(--marke-flaeche);text-decoration:underline;text-underline-offset:.22em}
body .service-access-contact-primary{background:var(--marke);color:var(--marke-text)}
body .service-access-contact-primary:is(:hover,:focus-visible){background:var(--marke-dunkel);color:var(--marke-text)}
@media(max-width:1000px){body .service-access-list{grid-template-columns:minmax(0,1fr)}}
@media(forced-colors:active){body .service-access-row,body .service-access-contact{border-color:ButtonText}}
.legal-copy{overflow-wrap:anywhere}
/* Preserve user text spacing: long heading words must not be clipped. */
body :is(h1,h2,h3,h4,h5,h6),body .page-intro h1,body .portal-welcome h1{overflow-wrap:anywhere;hyphens:none}
.aesthetic-positioning{min-width:0;overflow-wrap:anywhere}
.aesthetic-subtitle{hyphens:auto;overflow-wrap:anywhere}
#praxisunterlagen .actions{display:flex;flex-wrap:wrap;gap:12px}
#praxisunterlagen .btn{max-width:100%;white-space:normal}
/* Keep utility controls separate without reducing text size on narrow screens. */
@media(max-width:400px){
 body .leiste>.wrap{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
 body .leiste .rechts{flex-wrap:wrap;max-width:100%;gap:8px}
}