:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20343c;background:#f2f6f7;line-height:1.65;--teal:#164e5b;--link:#086379;--line:#d9e3e6}
*{box-sizing:border-box}body{margin:0}.wrap{max-width:980px;margin:auto;padding-left:20px;padding-right:20px}a{color:var(--link);text-underline-offset:3px;overflow-wrap:anywhere}a:hover{color:#003d4c}a:focus-visible{outline:3px solid #ad6500;outline-offset:4px}p{margin:0 0 16px}h1,h2,h3,h4{color:var(--teal);line-height:1.3}h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 14px}h2{font-size:1.5rem;margin:0 0 20px}h3{font-size:1.12rem;margin:28px 0 10px}h4{font-size:1.05rem;margin:25px 0 10px}
.technical{margin-top:32px;padding:22px 26px;border:2px solid #b4232c;border-radius:12px;background:#fff0f0;color:#861c24}.technical strong{display:block;font-size:1.2rem;margin-bottom:6px}.technical p{margin:0}.header{padding-top:34px;padding-bottom:26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:17px;align-items:center;text-decoration:none;color:var(--teal);font-size:clamp(1rem,2.4vw,1.5rem);font-weight:650;line-height:1.3}.brand strong{display:block;font-size:clamp(1.8rem,4vw,2.6rem)}.brand small{display:block;font-size:.9rem;color:#58717b;font-weight:400;margin-top:12px;line-height:1.5}.brand-mark{width:56px;height:56px;flex-shrink:0;border-radius:16px;display:grid;place-items:center;background:#dfeef1;color:#176073;font-size:2.8rem;font-weight:350}.phone{font-size:.92rem;white-space:nowrap;font-weight:650}.navigation>.wrap{display:flex;flex-wrap:wrap;gap:7px;padding-top:0;padding-bottom:6px}.navigation a{padding:9px 14px;border-radius:8px;text-decoration:none;font-size:.91rem;color:#46616b}.navigation a:hover{background:#e4eef0;color:var(--teal)}.navigation a[aria-current]{background:var(--teal);color:white;font-weight:600}
.card{background:white;border:1px solid var(--line);border-radius:14px;padding:28px;margin-top:22px;box-shadow:0 3px 14px #153e4c03}.card>:last-child{margin-bottom:0}.orders{background:#e8f3f5;border-color:#c3dde2}.orders h2{margin-bottom:12px}.order-email{font-size:clamp(1.05rem,3.3vw,1.4rem);font-weight:700}.eyebrow{display:block;color:#4f7480;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;font-weight:700;margin-bottom:10px}.text-link{font-size:.9rem}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:34px}.contact-grid address{font-style:normal;border-left:1px solid #dfe8eb;padding-left:32px}.contact-label{display:block;font-size:.85rem;color:#58717b}.contact-phone{font-size:1.4rem;font-weight:650;text-decoration:none}.muted{color:#58717b}.section-heading{padding-top:38px}.section-heading h2{font-size:1.65rem;margin:0}.prose p{margin:0 0 18px}.prose h2{margin-top:30px}.prose h2:first-child{margin-top:0}.prose h3:first-child{margin-top:0}.prose li{padding-left:3px;margin-bottom:9px}.prose ul,.prose ol{padding-left:24px;margin:12px 0 20px}.prose img{max-width:100%;height:auto;border-radius:8px}.prose hr{border:0;border-top:1px solid var(--line);margin:28px 0}.page-title{padding-top:30px}.page-title h1{margin-bottom:0}main.wrap{padding-bottom:44px}footer{border-top:1px solid var(--line);background:#eaf1f3;font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;gap:25px;padding-top:28px;padding-bottom:28px;color:#4b6570}.footer-inner>div:last-child{display:flex;gap:22px;align-items:flex-start}.skip{position:absolute;left:-10000px}.skip:focus{left:15px;top:15px;background:white;padding:12px;z-index:10}
@media(max-width:620px){.wrap{padding-left:14px;padding-right:14px}.technical{margin-top:16px;padding:20px}.header{padding-top:28px;padding-bottom:22px}.brand{gap:12px}.brand-mark{width:42px;height:46px;border-radius:12px;font-size:2.3rem}.brand small{font-size:.82rem}.phone{display:none}.navigation a{padding:8px 10px;font-size:.86rem}.navigation>.wrap{gap:5px}.card{padding:22px 20px;margin-top:18px}.contact-grid{grid-template-columns:1fr;gap:8px}.contact-grid address{border-left:0;border-top:1px solid #dfe8eb;padding-left:0;padding-top:20px}.footer-inner{flex-direction:column}.section-heading{padding-top:30px}.order-email{font-size:1.05rem}}
@media print{:root{background:white}.navigation,.technical,.phone,footer{display:none}.card{border:0;box-shadow:none;padding:0}.header{padding-top:0}.prose{max-width:none}a{color:inherit}.contact-grid{display:block}.contact-grid address{border:0;padding:0}}

/* Hauptinhalt und gemeinsame Seitenleiste */
.wrap{max-width:1240px}
.page-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(285px,3fr);gap:28px;align-items:start;margin-top:28px}
.main-column,.sidebar{min-width:0}
.main-column>.section-heading,.main-column>.page-title{padding-top:0}
.sidebar{display:flex;flex-direction:column;gap:20px;padding-top:0}
.sidebar>.card{margin-top:0;padding:23px}
.sidebar h2{font-size:1.22rem}
.sidebar p{font-size:.94rem}
.sidebar a[href^="mailto:"]{font-size:14px;font-weight:400;overflow-wrap:normal}
.sidebar address{font-style:normal}
.sidebar .contact-phone{font-size:1.3rem}
@media(max-width:850px){.page-grid{grid-template-columns:1fr;gap:24px}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.main-column>.section-heading{padding-top:0}}
@media(max-width:580px){.page-grid{margin-top:24px}.sidebar{grid-template-columns:1fr}.sidebar>.card{padding:22px 20px}}
@media print{.page-grid{display:block}.sidebar{display:none}}

/* Hintergrundbild aus der bisherigen Praxiswebsite */
:root{background:#b9e0f4}
body{min-height:100vh;background:linear-gradient(#ffffff26,#ffffff26),url('../media/hintergrund-meer.jpg') center center / cover fixed no-repeat}
.header{margin-top:20px;background:#fffffff2;border:1px solid #ffffffb3;border-radius:14px 14px 0 0}
.navigation{max-width:1240px;margin:auto;background:#fffffff2;border-radius:0 0 14px 14px;border-top:1px solid #d9e3e6}
.navigation>.wrap{padding-top:10px;padding-bottom:10px}
.section-heading,.page-title{background:#fffffff2;border:1px solid #ffffffb3;border-radius:14px;padding:24px 28px!important}
.section-heading h2{margin-bottom:0}
footer{background:#eaf1f3f5}
@media(max-width:850px){body{background-attachment:scroll;background-size:auto 100vh;background-color:#b9e0f4}.header,.navigation{margin-left:14px;margin-right:14px}.header{padding-left:18px;padding-right:18px}.section-heading,.page-title{padding:22px 20px!important}}
@media print{body{background:white}.header,.navigation,.section-heading,.page-title{border:0;background:white}}

/* Originalbanner und eine zum Himmel und Meer passende blaue Farbpalette */
:root{--teal:#175784;--link:#12659e;--line:#d5e5f0;color:#263f53;background:#b9e0f4}
a:hover{color:#104b78}
.header{display:block;padding:0;background:#2e8bd9;border-color:#ffffffa6;overflow:hidden}
.banner-link{display:block;line-height:0}
.praxis-banner{display:block;width:100%;height:auto}
.navigation{background:#f5fafff5;border-top-color:#d3e5f3}
.navigation a{color:#345c7b}
.navigation a:hover{background:#e0effa;color:#164e7b}
.navigation a[aria-current]{background:#17659d;color:white}
.card{border-color:#d5e5f0;box-shadow:0 4px 18px #164e7b09}
.orders{background:#e9f4fc;border-color:#b9d8ee}
.eyebrow{color:#3d6f93}
.contact-label,.muted{color:#4e708b}
.section-heading,.page-title{background:#f9fcfff5;border-color:#d5e5f0}
.section-heading h1{font-size:1.65rem;margin:0}
.sidebar .contact-phone{color:#175784}
.sidebar .contact address strong{color:#244f70}
.prose hr{border-top-color:#d5e5f0}
footer{background:#e6f1faf5;border-color:#c5deef}
.footer-inner{color:#456680}
@media(max-width:850px){.header{padding:0}}
@media print{.header{background:white}.praxis-banner{max-width:850px}}

/* In Markdown ausdrücklich markierte Infoboxen */
.infobox{padding:18px 20px;margin:0 0 20px;border:1px solid;border-left-width:5px;border-radius:8px}
.infobox-blau{background:#e9f4fc;border-color:#b9d8ee;border-left-color:#287bb3;color:#244f70}
.infobox-gelb{background:#fff8e8;border-color:#e6cc89;border-left-color:#aa6b00;color:#725014}
.infobox-rot{background:#fff0f0;border-color:#e1afb3;border-left-color:#b4232c;color:#861c24}
.infobox .infobox-title{font-weight:700;font-size:1.08rem;margin-bottom:8px}
.infobox>:last-child{margin-bottom:0}

/* Einheitliche feste Größe der Seitentitel */
.section-heading h1,.page-title h1{font-size:26px}

/* Auf Smartphones zuerst Rezeptbestellung und Kontakt anzeigen. */
@media screen and (max-width:580px){
  .page-grid>.sidebar{grid-row:1}
  .page-grid>.main-column{grid-row:2}
}

/* Abholzeiten: übersichtliche Tabellen, bei Bedarf horizontal scrollbar. */
.prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:22px 0;font-size:.93rem;line-height:1.5}
.prose th,.prose td{padding:13px 15px;border-bottom:1px solid #d5e5f0;text-align:left;vertical-align:top}
.prose th{background:#e9f4fc;color:#175784;font-weight:650}
.prose tbody tr:nth-child(even){background:#f4f9fd}
.prose td:first-child{color:#244f70;white-space:nowrap}
@media(max-width:580px){.prose th,.prose td{padding:10px 8px}.prose table{font-size:.82rem}}


/* Wochentage als deutlich erkennbare Gruppenköpfe in Abholtabellen. */
.prose tbody tr:has(>td:first-child>strong):has(>td:nth-child(2):empty){background:#e4f0f9}
.prose tbody tr:has(>td:first-child>strong):has(>td:nth-child(2):empty)>td{padding-top:12px;padding-bottom:7px;border-bottom:0;color:#175784}

/* E-Mail-Adressen zusammenhalten. */
a[href^="mailto:"]{white-space:nowrap;overflow-wrap:normal;word-break:normal}