/* Café Morgenrot, measured against the original 1086 × 1448 composition. */
body[data-design="cafe"] { --ink:#111b31; --accent:#2e5e75; --muted:#38677c; --brass:#cf683d; }
body[data-design="cafe"] .card-intro { inset:0 0 auto; width:100%; height:30.4%; }
body[data-design="cafe"] h1 { height:100%; }
.cafe-brand,.cafe-subtitle { position:absolute; inset:0; display:block; width:100%; height:auto; overflow:visible; }
.cafe-name { fill:#32627a; font:900 64px 'Nunito Sans',Arial,sans-serif; letter-spacing:4px; }
.morgenrot-name { fill:#bf522f; font:900 110px 'Nunito Sans',Arial,sans-serif; stroke:#bf522f; stroke-width:1px; paint-order:stroke fill; }
body[data-design="cafe"] .card-intro > p { position:absolute; inset:0 0 auto; width:100%; margin:0; }
.cafe-subtitle text { fill:#285a73; font:400 76px 'Allura',cursive; stroke:#285a73; stroke-width:.4px; paint-order:stroke fill; }
.cafe-ornament { position:absolute; overflow:hidden; pointer-events:none; }
.cafe-heart { left:36.83%; top:28.32%; width:28.55%; height:2.76%; }
body[data-design="cafe"] .group-heading { position:relative; isolation:isolate; }
body[data-design="cafe"] .group-heading::after { display:none; }
body[data-design="cafe"] .group-heading::before { content:''; position:absolute; z-index:-1; left:-2.85cqw; top:0; width:30.4cqw; height:7cqw; background:linear-gradient(95deg,#f4c9a7c9,#f4c9a7e0 60%,#f4c9a7b8); mask:url('./assets/cafe-wash-fruehstueck.svg') 0 0/100% 100% no-repeat; }
body[data-design="cafe"] .group-2 .group-heading::before { left:-2.3cqw; width:25.3cqw; mask-image:url('./assets/cafe-wash-kuchen.svg'); }
body[data-design="cafe"] .group-3 .group-heading::before { width:22.6cqw; mask-image:url('./assets/cafe-wash-kaffee.svg'); }
body[data-design="cafe"] .group-heading h2 { position:absolute; inset:0 0 auto; width:100%; padding:0; margin:0; border-radius:0; background:none; font:900 4cqw/1 'Nunito Sans',Arial,sans-serif; letter-spacing:.045em; color:#285b74; }
.cafe-category { display:block; width:100%; height:100%; overflow:visible; }
.cafe-category text { font:inherit; fill:currentColor; letter-spacing:inherit; transform:translateX(1.5cqw) scaleX(.9); stroke:currentColor; stroke-width:.035cqw; paint-order:stroke fill; }
body[data-design="cafe"] .group-1 .cafe-category text { transform:translateX(1.5cqw) scaleX(.86); }
body[data-design="cafe"] .dish h3 { -webkit-text-stroke:.04cqw currentColor; }
body[data-design="cafe"] .cafe-rule { left:25.6cqw; top:1.5cqw; width:21.64cqw; height:6.17cqw; }
body[data-design="cafe"] .group-2 .cafe-rule { left:23cqw; top:0; width:21.92cqw; height:7.18cqw; }
body[data-design="cafe"] .group-3 .cafe-rule { left:19.06cqw; top:-1.1cqw; width:23.02cqw; height:8.2cqw; }
@media(min-width:601px) {
 body[data-design="cafe"] .paper { --add-size:3.7cqw; }
 body[data-design="cafe"] .group-1 { left:33.15%; top:32.1%; width:46.4%; }
 body[data-design="cafe"] .group-2 { left:34.9%; top:60.1%; width:44%; }
 body[data-design="cafe"] .group-3 { left:33.98%; top:73.2%; width:40.1%; }
 body[data-design="cafe"] .group-heading { height:8.5cqw; min-height:0; margin:0; }
 body[data-design="cafe"] .group-3 .group-heading { height:9cqw; }
 body[data-design="cafe"] .group-2 h2 { font-size:4cqw; }
 body[data-design="cafe"] .dish { min-height:0; height:8.5cqw; padding:0; border:0; }
 body[data-design="cafe"] .dish h3 { font:700 2.85cqw/1.14 'Nunito Sans',Arial,sans-serif; }
 body[data-design="cafe"] .price { font:400 2.7cqw/1.2 'Nunito Sans',Arial,sans-serif; }
 body[data-design="cafe"] .dish-actions { gap:2cqw; }
 body[data-design="cafe"] .ingredients { font:400 2cqw/1.25 'Nunito Sans',Arial,sans-serif; margin:.2cqw 0 0; white-space:nowrap; }
 body[data-design="cafe"] .dish-add { font:700 3cqw/1 Arial,sans-serif; }
 body[data-design="cafe"] .group-2 .ingredients,
 body[data-design="cafe"] .group-3 .ingredients { display:none; }
 body[data-design="cafe"] .group-3 .dish { height:6.1cqw; }
}
@media(max-width:600px) {
 body[data-design="cafe"] .card-intro { top:0; }
 body[data-design="cafe"] .paper { padding-top:46cqw; }
 body[data-design="cafe"] .cafe-heart { top:37.76cqw; height:3.68cqw; }
 body[data-design="cafe"] .menu-group { left:31%; width:59%; }
 body[data-design="cafe"] .group-heading { min-height:9cqw; margin-bottom:9px; }
 body[data-design="cafe"] .group-heading h2 { font-size:4cqw; padding:0; }
 body[data-design="cafe"] .group-heading::before { width:32cqw; height:8cqw; }
 body[data-design="cafe"] .group-2 .group-heading::before { width:27cqw; }
 body[data-design="cafe"] .group-3 .group-heading::before { width:24cqw; }
 body[data-design="cafe"] .cafe-rule { left:28cqw; width:23cqw; }
 body[data-design="cafe"] .group-2 .cafe-rule { left:25cqw; width:23cqw; }
 body[data-design="cafe"] .group-3 .cafe-rule { left:21cqw; width:23cqw; }
 body[data-design="cafe"] .dish { min-height:68px; border:0; }
 body[data-design="cafe"] .dish h3 { font-size:15px; font-weight:700; }
 body[data-design="cafe"] .price { font-size:14px; }
 body[data-design="cafe"] .ingredients { font-size:12px; }
 body[data-design="cafe"] .group-2 .ingredients,
 body[data-design="cafe"] .group-3 .ingredients { display:none; }
 body[data-design="cafe"] .group-2 .dish,
 body[data-design="cafe"] .group-3 .dish { min-height:45px; }
}