#kp-vorschau { --kp-bg:light-dark(#faf9f4,#192420); --kp-card:light-dark(#ffffff,#22312a); --kp-text:light-dark(#243f34,#ebf2e9); --kp-muted:light-dark(#59665e,#b7c6bb); --kp-line:light-dark(#e1e5db,#405146); --kp-green:light-dark(#edf2e5,#31432f); --kp-warm:light-dark(#fff1d9,#473a27); padding:18px 0; color:var(--kp-text); font:15px/1.5 system-ui,sans-serif; }
    #kp-vorschau * {box-sizing:border-box;}
    #kp-vorschau .kp-page {max-width:690px;margin:auto;background:var(--kp-bg);padding:24px;border:1px solid var(--kp-line);border-radius:20px;}
    #kp-vorschau .kp-brand {display:flex;align-items:center;gap:10px;font-weight:600;padding-right:70px;}
    #kp-vorschau .kp-small {font-size:12px;color:var(--kp-muted);}
    #kp-vorschau h2 {font:600 26px/1.2 Georgia,serif;margin:22px 0 18px;}
    #kp-vorschau h3 {font:600 16px/1.3 system-ui,sans-serif;margin:0 0 12px;}
    #kp-vorschau p {margin:0;}
    #kp-vorschau .kp-today {background:var(--kp-green);border-radius:14px;padding:16px;}
    #kp-vorschau .kp-time {font-weight:650;font-size:21px;margin:3px 0 8px;}
    #kp-vorschau .kp-reminder {margin-top:12px;background:var(--kp-warm);border-radius:10px;padding:12px;}
    #kp-vorschau details {margin-top:9px;}
    #kp-vorschau summary {min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;}
    #kp-vorschau summary::before {content:'＋';}
    #kp-vorschau details[open]>summary::before {content:'−';}
    #kp-vorschau .kp-week {padding:8px 0;display:grid;gap:5px;}
    #kp-vorschau .kp-row {display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;}
    #kp-vorschau .kp-actions {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 22px;}
    #kp-vorschau .kp-actions a {display:flex;align-items:center;min-height:60px;padding:13px;text-decoration:none;color:var(--kp-text);background:var(--kp-card);border:1px solid var(--kp-line);border-radius:12px;font-weight:550;}
    #kp-vorschau .kp-events {border-top:1px solid var(--kp-line);padding-top:4px;}
    #kp-vorschau .kp-event {display:grid;grid-template-columns:128px 1fr;gap:12px;padding:8px 0;}
    #kp-vorschau .kp-date {color:var(--kp-muted);}
    #kp-vorschau .kp-downloads {border-top:1px solid var(--kp-line);margin-top:14px;padding-top:4px;}
    #kp-vorschau .kp-file {display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--kp-line);}
    #kp-vorschau .kp-footer {margin-top:20px;display:flex;gap:16px;flex-wrap:wrap;font-size:12px;}
    #kp-vorschau .kp-footer a {color:var(--kp-muted);}
    #kp-vorschau [hidden] {display:none!important;}
    @media(max-width:420px){#kp-vorschau .kp-page{padding:16px;}#kp-vorschau .kp-event{grid-template-columns:1fr;gap:0;}#kp-vorschau .kp-actions{gap:8px;}#kp-vorschau .kp-actions a{padding:10px;font-size:14px;}}
  
html {color-scheme:light;} body {margin:0;background:#faf9f4;} [hidden] {display:none!important;}
#kp-vorschau {padding:22px 16px;} #kp-vorschau .kp-page {max-width:790px;border:0;padding:18px 24px;}
#kp-vorschau h1 {font:600 34px/1.2 Georgia,serif;margin:16px 0 22px;} #kp-vorschau .kp-brand {padding-right:0;min-height:86px;}
#kp-vorschau .kp-logo {width:48px;height:78px;object-fit:contain;margin-right:5px;}
#kp-vorschau .kp-compare {display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;border-top:1px solid var(--kp-line);margin-top:12px;font-size:12px;color:var(--kp-muted);}
#kp-vorschau .kp-compare a {display:inline-flex;align-items:center;min-height:44px;color:var(--kp-text);}
#kp-vorschau .kp-demo {padding:10px 12px;background:var(--kp-warm);border-radius:8px;margin-bottom:14px;font-size:13px;}
#kp-vorschau .kp-file {align-items:center;min-height:48px;color:var(--kp-text);text-decoration:none;flex-wrap:wrap;}
#kp-vorschau .kp-file:hover,#kp-vorschau .kp-actions a:hover {background:var(--kp-green);}
#kp-vorschau .kp-form-note {padding-top:12px;} #kp-vorschau .kp-footer {align-items:center;}
#kp-vorschau .kp-footer>a {display:inline-flex;align-items:center;min-height:44px;}
#kp-vorschau .kp-booking {flex:1;min-width:180px;margin:0;} #kp-vorschau .kp-booking p {max-width:350px;}
#kp-vorschau .kp-preview-tools {border-top:1px solid var(--kp-line);margin-top:14px;color:var(--kp-muted);}
#kp-vorschau .kp-preview-tools summary {font-size:12px;}
#kp-vorschau .kp-preview-buttons {display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
#kp-vorschau button {font:inherit;min-height:44px;padding:8px 13px;border:1px solid var(--kp-line);border-radius:9px;background:var(--kp-card);color:var(--kp-text);cursor:pointer;}
#kp-vorschau button[aria-pressed="true"] {background:var(--kp-text);color:var(--kp-card);}
#kp-vorschau :focus-visible {outline:3px solid #a05e18;outline-offset:3px;}
@media(max-width:420px){#kp-vorschau{padding:12px 4px;}#kp-vorschau .kp-page{padding:12px;}#kp-vorschau h1{font-size:29px;}#kp-vorschau .kp-actions a{font-size:14px;}#kp-vorschau .kp-time{font-size:20px;}}

/* Willkommen und ruhige, gut erkennbare Tagesinformationen. */
#kp-vorschau .kp-page{max-width:1080px;padding:18px 30px}
#kp-vorschau .kp-brand{min-height:48px;gap:12px;font-size:17px}
#kp-vorschau .kp-brand-dot{color:#a3ad85;font-size:22px}
#kp-vorschau .kp-welcome{display:grid;grid-template-columns:minmax(0,1fr) 215px;align-items:center;gap:40px;margin:25px 0 40px}
#kp-vorschau .kp-eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:13px;font-weight:750;color:#727b60}
#kp-vorschau h1{font-size:clamp(36px,5.2vw,60px);font-weight:500;letter-spacing:-.035em;margin:16px 0 22px;line-height:1.1}
#kp-vorschau .kp-intro{font-size:clamp(16px,2.1vw,21px);line-height:1.65;color:#64726b;max-width:620px}
#kp-vorschau .kp-mascot{position:relative;display:grid;place-items:center}
#kp-vorschau .kp-mascot::before{content:'';position:absolute;inset:28% -6% 8%;background:#eee9d6;border-radius:50%}
#kp-vorschau .kp-mascot img{position:relative;width:190px;height:290px;object-fit:contain}
#kp-vorschau .kp-today{background:#fbede9;border:1px solid #edcfc7;padding:21px 24px}
#kp-vorschau .kp-today-heading{display:flex;align-items:center;gap:9px;margin-bottom:8px}
#kp-vorschau .kp-today-heading .kp-small{color:#884b40;font-size:14px;font-weight:650}
#kp-vorschau .kp-important{display:grid;place-items:center;border:1.8px solid #ac6253;border-radius:50%;width:23px;height:23px;font-size:16px;color:#9d5042;font-weight:750}
#kp-vorschau .kp-reminder{background:#fff9f6;border:1px solid #edd9d0;padding:14px 17px;color:#704a40}
#kp-vorschau .kp-reminder p{margin-top:4px;font-size:15px}
#kp-vorschau .kp-action-heading{display:flex;align-items:center;gap:20px;margin:30px 0 14px;color:#64726b;font-weight:600;font-size:16px}
#kp-vorschau .kp-action-heading::after{content:'';height:1px;background:var(--kp-line);flex:1}
#kp-vorschau .kp-actions{margin:0 0 28px;gap:12px}
#kp-vorschau .kp-actions a{gap:13px;padding:18px;min-height:80px;font-size:17px}
#kp-vorschau .kp-action-icon{width:42px;height:42px;border-radius:11px;background:#f0f3e9;display:grid;place-items:center;flex-shrink:0;color:#536b52}
#kp-vorschau .kp-action-icon svg{width:24px;height:24px}
#kp-vorschau .kp-arrow{margin-left:auto;color:#84917f}
#kp-vorschau .kp-small{font-size:13px}
#kp-vorschau .kp-notices{margin:20px 0;padding:20px;background:#f0f3e9;border-radius:14px}
#kp-vorschau .kp-notice{padding:8px 0;overflow-wrap:anywhere}
#kp-vorschau .kp-notice p{white-space:pre-line}
#kp-vorschau .kp-notice h3{margin-bottom:6px}
@media(max-width:640px){#kp-vorschau .kp-page{padding:12px 16px}#kp-vorschau .kp-welcome{grid-template-columns:minmax(0,1fr) 105px;gap:12px;margin:25px 0 30px}#kp-vorschau .kp-mascot img{width:105px;height:190px}#kp-vorschau .kp-mascot::before{inset:28% -2% 15%}#kp-vorschau .kp-eyebrow{font-size:10px;letter-spacing:.12em}#kp-vorschau h1{font-size:36px;margin:12px 0 16px}#kp-vorschau .kp-intro{font-size:15px}#kp-vorschau .kp-today{padding:16px}#kp-vorschau .kp-actions a{font-size:15px;padding:13px;gap:10px}#kp-vorschau .kp-action-icon{width:34px;height:34px}#kp-vorschau .kp-arrow{display:none}}
@media(max-width:430px){#kp-vorschau .kp-actions{grid-template-columns:1fr}#kp-vorschau .kp-actions a{min-height:65px}#kp-vorschau .kp-arrow{display:block}#kp-vorschau .kp-welcome{grid-template-columns:minmax(0,1fr) 90px}#kp-vorschau h1{font-size:33px}#kp-vorschau .kp-mascot img{width:90px;height:170px}#kp-vorschau .kp-intro{font-size:14px}}

#kp-vorschau .kp-event{grid-template-columns:210px 1fr}
@media(max-width:640px){#kp-vorschau .kp-event{grid-template-columns:1fr;gap:0}}

#kp-vorschau .kp-reminder{overflow-wrap:anywhere}#kp-vorschau .kp-reminder p{white-space:pre-line}#kp-vorschau .kp-reminder strong{display:flex;align-items:flex-start;gap:8px}#kp-vorschau .kp-reminder.kp-marked strong::before{content:'!';display:inline-grid;place-items:center;flex-shrink:0;width:21px;height:21px;border:1.5px solid currentColor;border-radius:50%;font-weight:750;line-height:1}#kp-vorschau .kp-today-heading p{overflow-wrap:anywhere}#kp-vorschau .kp-important{flex-shrink:0}