/* Three additional complete design systems. Without data-design, Round 7 is unchanged. */
html[data-design=atelier]{--ink:#241b32;--cream:#241b32;--muted:#51475f;--gold:#e5bd5a;--line:#241b3238;--base:#f6f2ea;--paper:#fffdfa;--brand:#6942c1;--focus:#6942c1;--work:#ddefe7;--demo:#f7d8d1;--product:#aecdf2;--dark:#241b32;--panel-muted:#51475f;--radius:9px;color-scheme:light}
html[data-design=nacht]{--ink:#111c29;--cream:#f3f3e9;--muted:#c4d4de;--gold:#f2cf75;--line:#dae9f03b;--base:#111c29;--paper:#f3f3e9;--brand:#b8a5ff;--focus:#b8a5ff;--work:#8bdcd5;--demo:#f28f82;--product:#aecbee;--dark:#111c29;--panel-muted:#334657;--radius:28px;color-scheme:dark}
html[data-design=kapitel]{--ink:#20182b;--cream:#20182b;--muted:#54495d;--gold:#ebc45d;--line:#20182b3b;--base:#fff7ed;--paper:#fff7ed;--brand:#4e2b76;--focus:#4e2b76;--work:#f5917b;--demo:#d8c8f2;--product:#bfe3ce;--dark:#20182b;--panel-muted:#493648;--radius:2px;color-scheme:light}
html[data-design] body{background:var(--base);color:var(--cream);overflow-wrap:anywhere}
html[data-design] .depth{display:none}
html[data-design] .site-header{background:var(--base);backdrop-filter:none;border-color:var(--line);flex-wrap:wrap}
html[data-design] .site-header .brand{color:var(--brand)}
html[data-design] .brand span{color:var(--brand)}
html[data-design] .site-header nav{flex-wrap:wrap}
html[data-design] .site-header nav a[aria-current=page]{color:var(--brand);box-shadow:0 3px 0 var(--brand)}
html[data-design] .site-header nav a:hover{color:var(--brand)}
html[data-design] .button{color:var(--dark);border-color:var(--dark);border-radius:var(--radius);background:var(--gold);box-shadow:none}
html[data-design] .button:hover{background:var(--gold);box-shadow:0 4px 0 var(--dark)}
html[data-design] :is(a,button,input,textarea,select):focus-visible{outline-color:var(--focus)}
html[data-design] .eyebrow,html[data-design] .example-kind,html[data-design] .text-link{color:var(--brand)}
html[data-design] .recommended{background:var(--gold);color:var(--dark);font-size:1rem;border:1px solid var(--dark);border-radius:var(--radius);padding:6px 16px}
.design-rail{position:relative;z-index:31;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:0 40px;min-height:44px;background:var(--base);border-bottom:1px solid var(--line)}
.design-rail a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;font-size:.875rem;font-weight:650;text-decoration:none}
.design-rail a:first-child{margin-right:auto;text-decoration:underline;text-underline-offset:4px}
.design-rail a[aria-current=true]{background:var(--brand);color:var(--base)}
html[data-design] .home-start{padding-top:22px;gap:18px 40px;position:relative}
html[data-design] .home-copy{position:relative;align-self:center;min-width:0}
html[data-design] .home-copy h1{font-size:clamp(2.8rem,4.5vw,3.75rem);letter-spacing:-.04em;line-height:1.04;margin:14px 0 18px}
html[data-design] .home-copy>p:last-child{font-size:1.125rem;max-width:39ch}
html[data-design] .home-input{background:var(--work);color:var(--dark);border:1px solid var(--dark);border-radius:var(--radius);padding:24px;box-shadow:none;align-self:center}
html[data-design] .home-input textarea{background:var(--paper);color:var(--dark);border:1px solid var(--dark);border-radius:calc(var(--radius)*.55)}
html[data-design] .home-input p{color:var(--panel-muted)}
html[data-design] .entry-choices{gap:18px}
html[data-design] .entry-choices .button{height:auto;min-height:88px;padding:15px 20px}
html[data-design] .start-price{font-size:1.25rem;border-top:1px solid var(--line);padding-top:16px;color:var(--cream)}
html[data-design] .start-price span{font-size:1.0625rem}
html[data-design] .home-start>.local-note{margin-top:0}
.design-art{position:relative;isolation:isolate;width:100%;height:110px;margin:0 0 18px;overflow:clip;perspective:800px}
.design-art span,.design-art img{position:absolute;display:block}
.art-image{width:70%;height:100%;right:0;object-fit:cover;object-position:75% 45%;border-radius:9px;transform:rotateX(var(--art-angle,16deg)) translateY(calc(var(--art-rise,0px)*-.35));transform-origin:bottom center}
.art-back{width:var(--art-width,48%);height:85%;right:5%;top:6%;background:var(--brand);border-radius:var(--art-radius,75px);transform:rotate(calc(var(--art-angle,16deg)*-.6))}
.art-front{width:52%;height:70%;left:2%;bottom:0;background:var(--product);border-radius:var(--art-radius,75px);transform:translateY(calc(var(--art-rise,0px)*-.3));}
.art-contour{inset:6px;border:2px solid var(--brand);border-radius:var(--art-radius,75px);transform:translateX(var(--art-edge,24px));opacity:.5}
html[data-design=atelier] .home-copy h1 em{color:var(--brand);font-family:Georgia,serif;font-weight:400;font-style:italic}
html[data-design=atelier] .design-art{height:140px}
html[data-design=atelier] .art-back{background:var(--product);height:80%;right:1%}
html[data-design=atelier] .art-front{width:45%;height:30%;bottom:5%;left:0;background:var(--demo);border-radius:0}
html[data-design=atelier] .art-contour{inset:12px 0 0 12px;border-width:1px;opacity:1;border-radius:0}
html[data-design=atelier] .art-image{width:72%;height:100%;border-radius:0;mix-blend-mode:multiply}
html[data-design=nacht] .design-art{height:150px;overflow:visible}
html[data-design=nacht] .home-copy h1 em{font-family:Jakarta,system-ui,sans-serif;font-style:normal;font-weight:750;color:var(--brand)}
html[data-design=nacht] .art-back{background:var(--work);right:8%;top:12%;width:80%;height:92%;border-radius:28px;transform:perspective(800px) rotateX(var(--art-angle,16deg))}
html[data-design=nacht] .art-image{width:82%;height:94%;right:9%;object-position:50% 60%;border:1px solid var(--brand);border-radius:20px;transform:perspective(800px) rotateX(var(--art-angle,16deg)) translateY(-8px);box-shadow:0 var(--art-edge,24px) 25px #0008}
html[data-design=nacht] .art-front{left:1%;bottom:2%;width:24%;height:28%;background:var(--demo);border-radius:16px;z-index:2}
html[data-design=nacht] .art-contour{left:var(--art-light,20%);right:auto;top:-3%;bottom:0;width:2px;border:0;background:var(--gold);opacity:.85;z-index:3;transform:none}
html[data-design=nacht] .home-input{box-shadow:12px 12px 0 #24394b}
html[data-design=nacht] .short-examples{border-radius:28px;padding-inline:28px}
html[data-design=kapitel] .home-copy h1{font-weight:800;letter-spacing:-.055em}
html[data-design=kapitel] .home-copy h1 em{font-family:Jakarta,system-ui,sans-serif;font-weight:800;font-style:normal;color:var(--brand)}
html[data-design=kapitel] .design-art{height:115px;margin-bottom:14px}
html[data-design=kapitel] .art-back{height:96%;top:0;right:0;background:var(--demo);border:2px solid var(--brand);transform:rotate(calc(var(--art-angle,16deg)*-.3))}
html[data-design=kapitel] .art-front{background:var(--brand);width:var(--art-width,48%);left:2%;height:92%;border-radius:var(--art-radius,75px);transform:none}
html[data-design=kapitel] .art-contour{background:var(--gold);border:0;width:28%;height:46%;left:auto;right:3%;top:30%;transform:rotate(var(--art-angle,16deg));border-radius:var(--art-radius,75px);opacity:1}
html[data-design=kapitel] .home-input{border:2px solid var(--brand);box-shadow:8px 8px 0 var(--brand)}
html[data-design] .short-examples{position:relative;background:var(--demo);color:var(--dark);padding:28px;margin-block:20px 32px;border:1px solid var(--dark);overflow:clip}
html[data-design] .design-example-art{position:relative;height:38px;margin:0 0 12px;overflow:clip;pointer-events:none;perspective:240px}
.design-example-art span{position:absolute;display:block;border:1px solid var(--dark)}
.design-example-art .example-plane{left:32%;top:3px;width:28%;max-width:180px;height:32px;background:var(--product);clip-path:polygon(0 18%,82% 0,100% 70%,16% 100%);border-radius:0;transform:rotateY(calc((1 - var(--section-p,0))*35deg)) rotate(calc((1 - var(--section-p,0))*-6deg));transform-origin:left center}
.design-example-art .example-fold{left:10%;top:9px;width:14%;max-width:110px;height:26px;background:var(--paper);clip-path:polygon(0 0,100% 20%,78% 100%,12% 80%);transform:translateX(calc(var(--section-p,0)*18px)) rotate(calc(-9deg + var(--section-p,0)*13deg));z-index:2}
.design-example-art .example-disc{right:8%;top:2px;width:32px;height:32px;border-radius:50%;background:var(--gold);transform:translateY(calc(var(--section-p,0)*-4px));z-index:3}
html[data-design=atelier] .example-fold{border-color:#e36b59}
html[data-design=nacht] .example-plane{background:var(--work)}
html[data-design=nacht] .example-fold{background:var(--brand);border-radius:6px}
html[data-design=kapitel] .example-plane{background:var(--brand);border-color:var(--brand)}
html[data-design=kapitel] .example-fold{background:var(--gold);border-width:2px}
html[data-design] .short-heading,html[data-design] #short-example-viewport,html[data-design] .example-controls{position:relative;z-index:1}
html[data-design] #short-example-viewport{border-color:#20182b50}
html[data-design] #short-example-viewport p{color:var(--panel-muted)}
html[data-design] .short-examples .example-kind{color:var(--dark)}
html[data-design] .example-controls button,html[data-design] .catalog-filters button{background:var(--paper);border-color:var(--dark);color:var(--dark);border-radius:var(--radius)}
html[data-design] .example-controls button[aria-pressed=true],html[data-design] .catalog-filters button[aria-pressed=true]{background:var(--brand);color:var(--base);border-color:var(--brand)}
html[data-design] .page-heading,html[data-design] .offers-section,html[data-design] .faq-heading{position:relative}
html[data-design] .page-heading h1,html[data-design] .offers-section h1,html[data-design] .faq-heading h1{color:var(--brand)}
html[data-design=atelier] .page-heading h1,html[data-design=atelier] .faq-heading h1{font-family:Georgia,serif;letter-spacing:-.045em;font-weight:400}
html[data-design=nacht] .page-heading{border-bottom:1px solid var(--brand);margin-bottom:26px}
html[data-design=kapitel] .page-heading{border-bottom:5px solid var(--brand);margin-bottom:26px}
html[data-design=kapitel] .page-heading h1,html[data-design=kapitel] .offers-section h1{font-weight:800}
html[data-design] .rq-dialog,html[data-design] .rq-surface{--rq-bg:var(--work);--rq-ink:var(--dark);--rq-muted:var(--panel-muted);--rq-line:#20182b60;--rq-accent:var(--gold);--rq-on-accent:var(--dark);background:var(--work)!important;color:var(--dark)!important;border-color:var(--dark)!important;border-radius:var(--radius);box-shadow:none;color-scheme:light}
html[data-design] .rq-dialog input,html[data-design] .rq-dialog textarea,html[data-design] .rq-dialog select{background:var(--paper)!important;color:var(--dark)!important;border-color:#20182b80!important}
html[data-design] :is(.home-input,.rq-dialog) :is(input,textarea)::placeholder{color:var(--panel-muted);opacity:1}
html[data-design] .rq-dialog .rq-price{color:var(--dark)}
html[data-design] .rq-dialog .rq-kicker{color:var(--dark)}
html[data-design] .rq-dialog .rq-progress i.current{background:var(--dark)}
html[data-design] .rq-dialog .rq-error{color:#701423}
html[data-design] :is(input,textarea){caret-color:var(--dark)}
html[data-design] .rq-dialog .rq-context-note,html[data-design] .rq-dialog .rq-example-note{background:var(--paper);color:var(--dark)}
html[data-design] .rq-dialog .rq-recommendation{background:var(--product);color:var(--dark)}
html[data-design] .rq-dialog .rq-primary{border-radius:var(--radius);background:var(--gold);color:var(--dark);border:1px solid var(--dark)}
html[data-design] .rq-dialog .rq-secondary,html[data-design] .rq-dialog .rq-mode button{background:var(--paper);color:var(--dark);border-color:var(--dark);border-radius:var(--radius)}
html[data-design] .rq-dialog .rq-mode button[aria-pressed=true]{background:var(--dark);color:var(--paper)}
html[data-design] .rq-dialog .rq-text-button{color:var(--dark)}
html[data-design] .rq-page{background:var(--work);padding:30px}
html[data-design] .rq-page .rq-kicker{color:var(--dark)}
html[data-design] .request-aside{border-top:4px solid var(--product);padding-top:18px}
html[data-design] .process-step{position:relative;opacity:1!important;transform:none!important;transition:none;background:var(--paper);border:1px solid var(--line);padding:28px;margin-bottom:16px;color:var(--dark);border-radius:var(--radius);overflow:clip}
html[data-design] .process-step>span{color:var(--brand);position:relative;z-index:1}
html[data-design] .process-step>div{position:relative;z-index:1}
html[data-design] .process-step p{color:var(--panel-muted)}
html[data-design] .process-step::before{content:"";position:absolute;inset:0;background:var(--product);transform:scaleX(var(--section-p,0));transform-origin:left;opacity:.45}
html[data-design=nacht] .process-step{background:var(--work)}
html[data-design=nacht] .process-step>span{color:var(--dark)}
html[data-design=nacht] .process-step:nth-child(even){background:var(--product)}
html[data-design=nacht] .process-step::before{background:var(--gold);transform:scaleY(var(--section-p,0));transform-origin:top;opacity:.35;inset:0 auto 0 0;width:12px}
html[data-design=kapitel] .process-step:nth-child(3n+1){background:var(--work)}
html[data-design=kapitel] .process-step:nth-child(3n+2){background:var(--demo)}
html[data-design=kapitel] .process-step:nth-child(3n){background:var(--product)}
html[data-design=kapitel] .process-step::before{inset:10px;border:2px solid var(--brand);background:transparent;border-radius:var(--art-radius,75px);transform:none;opacity:var(--section-p,0)}
html[data-design] .example-list>article{min-width:0;position:relative;background:var(--demo);border-color:var(--dark);color:var(--dark);border-radius:var(--radius);overflow:clip}
html[data-design] .example-list p{color:var(--panel-muted)}
html[data-design] .example-list .example-kind{color:var(--dark)}
html[data-design] .solution{border-color:var(--brand);background:var(--paper);padding:20px;margin:22px 0}
html[data-design] .example-list .relai-word{color:var(--dark)}
html[data-design] .offer-card{background:var(--product);color:var(--dark);border:1px solid var(--dark);border-radius:var(--radius)}
html[data-design] .offer-card:hover{background:var(--product);outline:2px solid var(--brand);outline-offset:-3px}
html[data-design] .offer-card>p,html[data-design] .offer-type,html[data-design] .offer-card strong{color:var(--dark)}
html[data-design] dialog:not(.rq-dialog){background:var(--paper);color:var(--dark);border-color:var(--dark);border-radius:var(--radius)}
html[data-design] dialog .eyebrow,html[data-design] .detail-price,html[data-design] .detail-note{color:var(--dark)}
html[data-design] .icon-button{background:var(--paper);color:var(--dark);border-color:var(--dark);border-radius:var(--radius)}
html[data-design] .menu-dialog nav a[aria-current=page]{color:var(--dark);font-weight:800}
html[data-design] .faq-list details[open]{background:var(--paper);color:var(--dark);padding-inline:18px;border-left:6px solid var(--brand)}
html[data-design] .faq-list details[open] p{color:var(--panel-muted)}
html[data-design] .faq-list summary{position:relative}
html[data-design] .faq-list details::marker{color:var(--brand)}
html[data-design] .demo-banner{flex-wrap:wrap;background:var(--demo);color:var(--dark);border-color:var(--dark);backdrop-filter:none}
html[data-design] .case-surface{background:var(--demo);color:var(--dark);border-color:var(--dark);border-radius:var(--radius);box-shadow:0 var(--art-edge,24px) 35px #20182b18}
html[data-design] .case-surface.rq-surface{--rq-bg:var(--demo);background:var(--demo)!important}
html[data-design] .project-ground{background:var(--demo)!important;border-color:var(--dark);box-shadow:0 2px 0 var(--dark),0 var(--art-edge,24px) 35px #20182b30}
html[data-design] .case-surface .rq-kicker,html[data-design] .demo-label,html[data-design] .case-surface .rq-help,html[data-design] .case-offer-rows dt{color:var(--dark)}
html[data-design] .demo-value{background:var(--paper);color:var(--dark);border-color:var(--dark);border-radius:0}
html[data-design] .case-offer-rows dt{border-color:#20182b40}
html[data-design] .demo-cursor{color:var(--brand)}
html[data-design] .accept-confirm{color:var(--dark)}
html[data-design] .result-browser{border:2px solid var(--brand);border-radius:var(--radius);box-shadow:none}
html[data-design] .result-bar,html[data-design] .shop-dialog-bar{background:var(--demo);color:var(--dark)}
html[data-design] .handover article{background:var(--product);color:var(--dark);border-color:var(--dark);border-radius:var(--radius)}
html[data-design] .handover p{color:var(--panel-muted)}
html[data-design] .site-footer .brand{color:var(--brand)}
.design-ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:clip}
.design-ambient span{position:absolute;display:block;border:1px solid var(--line);transform:translateY(var(--art-rise,0px));}
.ambient-one{right:-140px;top:25%;width:var(--ambient-width,240px);height:var(--ambient-height,260px);border-radius:var(--art-radius,75px);background:var(--product);opacity:.25;border:2px solid var(--brand)}
.ambient-two{left:-70px;bottom:12%;width:var(--ambient-width,240px);height:180px;background:var(--demo);opacity:.18;transform:rotate(calc(var(--art-angle,16deg)*-.5))!important}
html[data-design=nacht] .ambient-one{background:var(--work);opacity:.12}
html[data-design=kapitel] .ambient-one{background:var(--demo);opacity:.6;border-width:4px}
html[data-design=nacht] body:has(.restaurant-hero){--focus:#111c29}
html[data-design=nacht] .home-input,html[data-design=nacht] .rq-dialog,html[data-design=nacht] dialog:not(.rq-dialog){--focus:#111c29}
html[data-design] .brand-opening{position:absolute;inset:0;width:100%;height:100%;z-index:4;background:var(--base)}
html[data-design] .opening-face span{font-size:3rem}
html[data-design] .opening-face{background:var(--brand)}
html[data-design] .opening-face span{color:var(--base)}
html[data-design] .opening-face b{color:var(--gold)}
html[data-design] body:has(.restaurant-hero){color:var(--dark);background:var(--paper)}
html[data-design] body:has(.restaurant-hero) header{background:var(--paper);color:var(--dark)}
html[data-design] body:has(.restaurant-hero) .lunch-link{background:var(--product);color:var(--dark)}
html[data-design] body:has(.restaurant-hero) .menu-tabs button[aria-pressed=true]{background:var(--dark);color:var(--paper)}
html[data-design] body:has(.restaurant-hero) .menu-panel article>div{min-width:0}
html[data-design] body:has(.restaurant-hero) .menu-tabs button{border-color:var(--dark);color:var(--dark)}
html[data-design] body:has(.restaurant-hero) .restaurant-section.times{background:var(--product)}
html[data-design] body:has(.restaurant-hero) .restaurant-return{background:var(--gold);color:var(--dark)}
@media(max-width:700px){
 .design-rail{padding:0 12px;gap:2px;justify-content:space-between}
 .design-rail a{padding:8px 9px;font-size:.875rem}
 html[data-design] .home-start{padding-top:18px}
 html[data-design] .home-copy h1{font-size:2.5rem;margin:10px 0 12px}
 html[data-design=kapitel] .home-copy h1{font-size:2.2rem}
 html[data-design] .home-copy>p:last-child{font-size:1.0625rem;line-height:1.5}
 html[data-design] .design-art{height:56px;margin-bottom:8px}
 html[data-design] .home-input{padding:18px;margin-top:12px}
 html[data-design] .home-input .recommended{margin-bottom:12px}
 html[data-design] .home-input h2{font-size:1.75rem;margin-bottom:12px}
 html[data-design] .home-input label{margin-bottom:6px}
 html[data-design] .home-input textarea{min-height:100px;height:100px}
 html[data-design] .entry-choices{gap:12px}
 html[data-design] .short-examples{padding:22px 18px}
 html[data-design] .rq-page{padding:23px 18px!important}
 html[data-design] .process-step{grid-template-columns:38px minmax(0,1fr);padding:22px 18px;gap:16px}
 html[data-design] .process-step:nth-child(even)>div{margin-left:0}
 html[data-design] .process-step>span{font-size:2rem}
 html[data-design] .art-image{transform:rotateX(calc(var(--art-angle,16deg)*.65)) translateY(calc(var(--art-rise,0px)*-.25))}
 html[data-design] .solution{padding:16px}
}
@media(max-width:380px){
 .design-rail{padding-inline:7px}
 .design-rail a{padding-inline:7px}
 html[data-design] .home-copy h1{font-size:2.35rem}
 html[data-design] .home-input{padding:18px 16px}
}
html[data-design] .is-reduced .design-art *,html[data-design] .is-reduced .design-ambient *,html[data-design] .is-reduced .design-example-art span{transform:none!important}
@media(prefers-reduced-motion:reduce){html[data-design] .design-art *,html[data-design] .design-ambient *{transform:none!important}}
/* The comparison page contains the design rationale, away from customer flows. */
body[data-page=vergleich]{overflow-wrap:anywhere;background:#f6f2ea;color:#241b32;--cream:#241b32;--muted:#51475f;--line:#241b3238;--gold:#e5bd5a}
.compare-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid #241b3238}
.compare-header .brand{color:#6942c1}.compare-header .brand span{color:#6942c1}
.compare-intro{padding:42px 0 32px;max-width:760px}
.compare-intro h1{font-size:clamp(2.8rem,5vw,4.5rem);margin:12px 0 22px}
.compare-intro>p{font-size:1.125rem;line-height:1.6}
.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:38px}
.compare-card{background:#fffdfa;border:1px solid #241b3240;overflow:hidden}
.compare-card.nacht{background:#111c29;color:#f3f3e9;border-color:#111c29}
.compare-card.kapitel{background:#d8c8f2;border:2px solid #4e2b76}
.compare-image{height:220px;display:block;object-fit:cover;object-position:top;width:100%;border-bottom:1px solid #241b3238}
.compare-body{padding:24px}.compare-body h2{font-size:1.7rem;letter-spacing:-.03em;margin-bottom:15px}
.compare-body p{font-size:1rem;line-height:1.65;margin-bottom:16px}
.compare-body .button{font-size:1rem;border-radius:8px;min-height:56px;margin-block:6px 20px}
.compare-body dl{margin:0;font-size:.9375rem}.compare-body dt{font-weight:750;margin-top:17px}.compare-body dd{margin:4px 0 0;line-height:1.6}
.compare-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.compare-swatches span{display:block;width:28px;height:28px;border:1px solid #241b3250}
.compare-note{border-top:1px solid #241b3240;padding:26px 0 38px;font-size:1rem;line-height:1.7}
@media(max-width:1000px){.compare-grid{grid-template-columns:1fr}.compare-card{display:grid;grid-template-columns:1fr 1.2fr}.compare-image{height:100%;min-height:320px}}
@media(max-width:700px){.compare-header{padding:20px 0}.compare-header a:last-child{font-size:.9375rem;max-width:15ch;text-align:right}.compare-intro{padding-top:28px}.compare-card{display:block}.compare-image{height:220px;min-height:0}.compare-body{padding:22px}.compare-intro h1{font-size:2.65rem}}

body[data-page=vergleich] a:focus-visible{outline:3px solid #6942c1;outline-offset:5px}
body[data-page=vergleich] .compare-card.nacht a:focus-visible{outline-color:#b8a5ff}