/* Leo's Theme: Ergänzungen zu theme.json (Kopf, Fuß, Grundlagen). Farben nur aus Tokens. */ /* Grundlagen ------------------------------------------------------------ */ /* Eigene Bausteine rechnen Breiten inkl. Innenabstand und Rahmen (sonst ragt z. B. width:100% mit Padding heraus). */ [class^="leos-"],[class*=" leos-"],[class^="leos-"] *,[class*=" leos-"] *{box-sizing:border-box} .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important} .wp-element-button,.wp-block-button__link{font-stretch:var(--wp--custom--label--stretch,75%)} .leos-icon{flex:none} /* Fuß immer unten, auch bei kurzen Seiten */ .wp-site-blocks{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column} .wp-site-blocks>main{flex:1 0 auto} .wp-site-blocks>footer{margin-block-start:auto} /* Kopf ------------------------------------------------------------------ */ .leos-kopf{border-bottom:1px solid var(--wp--preset--color--border);position:relative;z-index:20} .leos-kopf__zeile{gap:var(--wp--preset--spacing--6)} .leos-kopf__logo{flex:none;margin:0} .leos-kopf .leos-menue-haupt{flex:1;font-weight:600;font-size:15px} .leos-kopf .leos-menue-haupt .wp-block-navigation__container{gap:var(--wp--preset--spacing--6)} .leos-kopf .leos-menue-haupt a,.leos-kopf .leos-menue-haupt .wp-block-navigation-submenu__toggle{color:var(--wp--preset--color--espresso);text-decoration:none;min-height:44px;display:inline-flex;align-items:center} .leos-kopf .leos-menue-haupt a:hover,.leos-kopf .leos-menue-haupt .wp-block-navigation-submenu__toggle:hover{color:var(--wp--preset--color--orange-700)} .leos-kopf .leos-menue-haupt .current-menu-item>a,.leos-kopf .leos-menue-haupt [aria-current="page"]{color:var(--wp--preset--color--orange-700);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px} .leos-kopf .wp-block-navigation__submenu-container{background:var(--wp--preset--color--paper)!important;border:1px solid var(--wp--preset--color--border)!important;border-radius:var(--wp--custom--radius--md);box-shadow:0 12px 32px rgba(43,24,13,.14);padding:var(--wp--preset--spacing--2) 0;min-width:240px!important} .leos-kopf .wp-block-navigation__submenu-container a{padding:var(--wp--preset--spacing--2) var(--wp--preset--spacing--4)!important;width:100%} .leos-kopf__aktionen{flex:none;gap:var(--wp--preset--spacing--4)} /* Mobiles Menü (Overlay des Navigationsblocks) */ .leos-kopf .wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--cream)!important;color:var(--wp--preset--color--espresso)!important;padding:var(--wp--preset--spacing--8) clamp(16px,4vw,32px)} .leos-kopf .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{font-size:22px;gap:var(--wp--preset--spacing--4)} .leos-kopf .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{border:0!important;box-shadow:none;background:transparent!important;padding-left:var(--wp--preset--spacing--4)} .leos-kopf .wp-block-navigation__responsive-container-open,.leos-kopf .wp-block-navigation__responsive-container-close{min-width:44px;min-height:44px;align-items:center;justify-content:center} /* Sprachumschalter (erst mit Englisch sichtbar) */ .leos-sprachwahl__liste{list-style:none;margin:0;padding:0;display:flex;gap:var(--wp--preset--spacing--2);font-stretch:75%;font-weight:700;letter-spacing:.08em} .leos-sprachwahl__liste a{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;color:var(--wp--preset--color--espresso);text-decoration:none} .leos-sprachwahl__liste a[aria-current]{color:var(--wp--preset--color--orange-700);text-decoration:underline;text-underline-offset:6px} /* Jetzt bestellen ------------------------------------------------------- */ .leos-bestellen{position:relative} .leos-bestellen__knopf{box-sizing:border-box;list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;box-shadow:inset 0 0 0 3px var(--wp--preset--color--orange),inset 0 0 0 4.5px rgba(251,246,230,.85),0 4px 14px rgba(232,105,63,.35);transition:transform var(--wp--custom--motion--duration--fast) var(--wp--custom--motion--ease-out),background-color var(--wp--custom--motion--duration--base) var(--wp--custom--motion--ease-out)} .leos-bestellen__knopf::-webkit-details-marker{display:none} a.leos-bestellen__knopf{text-decoration:none} .leos-bestellen__knopf::marker{content:""} .leos-bestellen__knopf:active{transform:scale(.97)} .leos-bestellen__knopf:hover{box-shadow:inset 0 0 0 3px #D1572F,inset 0 0 0 4.5px rgba(251,246,230,.95),0 6px 20px rgba(232,105,63,.45)} .leos-bestellen__stern{flex:none;width:15px;height:15px;color:var(--wp--preset--color--cream);transition:transform var(--wp--custom--motion--duration--slow,480ms) var(--wp--custom--motion--ease-out)} .leos-bestellen__knopf:hover .leos-bestellen__stern,.leos-bestellen[open] .leos-bestellen__stern{transform:rotate(45deg)} .leos-bestellen__knopf:focus-visible{outline:3px solid var(--wp--preset--color--espresso);outline-offset:3px} .leos-bestellen__panel{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 32px));background:var(--wp--preset--color--paper);color:var(--wp--preset--color--espresso);border:1px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--md);box-shadow:0 16px 40px rgba(43,24,13,.18);padding:var(--wp--preset--spacing--4);z-index:30} .leos-bestellen__frage{margin:0 0 var(--wp--preset--spacing--3);font-stretch:75%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--espresso-500)} .leos-bestellen__liste{list-style:none;margin:0;padding:0;display:grid;gap:var(--wp--preset--spacing--1)} .leos-bestellen__link{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:var(--wp--preset--spacing--3);min-height:52px;padding:var(--wp--preset--spacing--2) var(--wp--preset--spacing--3);border-radius:var(--wp--custom--radius--sm);color:var(--wp--preset--color--espresso);text-decoration:none} .leos-bestellen__link:hover{background:var(--wp--preset--color--sand);color:var(--wp--preset--color--espresso)} .leos-bestellen__link .leos-icon{grid-row:1 / span 2;grid-column:2;color:var(--wp--preset--color--orange-700)} .leos-bestellen__name{font-weight:700} .leos-bestellen__ort{font-size:14px;color:var(--wp--preset--color--espresso-500)} .leos-bestellen__app{margin:var(--wp--preset--spacing--3) 0 0;font-size:14px} /* Mobil: Bestellen dauerhaft unten sichtbar (STRATEGIE.md 5) */ @media (max-width:781px){ .leos-bestellen{position:fixed;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:90} .leos-bestellen__knopf{width:100%;min-height:52px;box-shadow:inset 0 0 0 3px var(--wp--preset--color--orange),inset 0 0 0 4.5px rgba(251,246,230,.85),0 8px 24px rgba(43,24,13,.28)} .leos-bestellen__panel{top:auto;bottom:calc(100% + 10px);left:0;right:0;width:auto;max-height:70vh;overflow:auto} body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))} .leos-kopf__zeile{gap:var(--wp--preset--spacing--4)} .leos-kopf .leos-menue-haupt{flex:0 0 auto;order:3} } /* Fuß (Farbwelt Abend) -------------------------------------------------- */ .leos-fuss{font-size:15px;position:relative;overflow:hidden;isolation:isolate} /* Strahlenkranz im Fuß: hängt am Logo, Mittelpunkt = Logo-Mitte bei jeder Breite und Skalierung (Oliver, 08.11.2026) */ .leos-fuss .wp-block-site-logo{position:relative;width:fit-content;max-width:100%} .leos-fuss .wp-block-site-logo::before{content:"";position:absolute;z-index:-1;width:1600px;height:1600px;left:50%;top:50%;margin:-800px 0 0 -800px;background:repeating-conic-gradient(from 0deg,rgba(251,246,230,.05) 0deg 7.5deg,transparent 7.5deg 15deg);-webkit-mask:radial-gradient(circle,#000 0,#000 25%,transparent 62%);mask:radial-gradient(circle,#000 0,#000 25%,transparent 62%);animation:leos-drehen 90s linear infinite;pointer-events:none} @keyframes leos-drehen{to{transform:rotate(1turn)}} .leos-fuss a{color:var(--wp--preset--color--cream);text-decoration-color:rgba(251,246,230,.35);text-underline-offset:4px} .leos-fuss a:hover{color:var(--wp--custom--abend--link)} .leos-fuss a:focus-visible{outline:3px solid var(--wp--preset--color--orange);outline-offset:2px} .leos-fuss__claim{color:var(--wp--custom--abend--text-muted);max-width:30ch} .leos-fuss .leos-fuss__titel{font-family:var(--wp--preset--font-family--body);font-stretch:75%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--orange);margin:0 0 var(--wp--preset--spacing--4)} .leos-fuss-filialen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--wp--preset--spacing--6)} .leos-fuss-filialen li{display:flex;flex-direction:column;gap:2px;color:var(--wp--custom--abend--text-muted)} .leos-fuss-filialen .leos-fuss-filialen__name{font-weight:700;color:var(--wp--preset--color--cream);text-decoration:none} .leos-fuss .leos-menue-fuss{gap:var(--wp--preset--spacing--2)} .leos-fuss .leos-menue-fuss a{text-decoration:none;min-height:32px;display:inline-flex;align-items:center} .leos-social{list-style:none;margin:var(--wp--preset--spacing--4) 0 0 -8px;padding:0;display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--1)} .leos-social a{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;color:var(--wp--preset--color--cream);transition:transform var(--wp--custom--motion--duration--base) var(--wp--custom--motion--ease-out),color var(--wp--custom--motion--duration--base) var(--wp--custom--motion--ease-out)} .leos-social li:nth-child(1) a{transform:rotate(-4deg)} .leos-social li:nth-child(2) a{transform:rotate(3deg)} .leos-social a:hover{color:var(--wp--preset--color--orange)} .leos-social li:nth-child(1) a:hover{transform:rotate(-10deg) scale(1.08)} .leos-social li:nth-child(2) a:hover{transform:rotate(9deg) scale(1.08)} .leos-rechtliches{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--wp--preset--spacing--4);margin-top:var(--wp--preset--spacing--12)!important;padding-top:var(--wp--preset--spacing--6);border-top:1px solid var(--wp--custom--abend--border);font-size:14px;color:var(--wp--custom--abend--text-muted)} .leos-rechtliches p{margin:0} .leos-rechtliches ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--wp--preset--spacing--6)} @media (prefers-reduced-motion:reduce){ *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important} } /* Mobiles Menü linksbündig, wie das Untermenü */ .leos-kopf .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content, .leos-kopf .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container, .leos-kopf .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{align-items:flex-start!important;text-align:left} /* Knöpfe (Haupt mit Diner-Innenkontur, Zweit als Kontur) -------------- */ .leos-knopf{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-height:48px;text-decoration:none;transition:transform var(--wp--custom--motion--duration--fast) var(--wp--custom--motion--ease-out),background-color var(--wp--custom--motion--duration--base) var(--wp--custom--motion--ease-out)} .leos-knopf:active{transform:scale(.97)} .leos-knopf--haupt{box-shadow:inset 0 0 0 3px var(--wp--preset--color--orange),inset 0 0 0 4.5px rgba(251,246,230,.85),0 4px 14px rgba(232,105,63,.35)} .leos-knopf--haupt:hover{box-shadow:inset 0 0 0 3px #D1572F,inset 0 0 0 4.5px rgba(251,246,230,.95),0 6px 20px rgba(232,105,63,.45)} .leos-knopf--zweit{background:transparent!important;color:var(--wp--preset--color--olive)!important;box-shadow:inset 0 0 0 1.5px var(--wp--preset--color--olive)} .leos-knopf--zweit:hover{background:var(--wp--preset--color--olive-100)!important} .leos-knopf--klein{min-height:44px;padding:10px 18px!important;font-size:13px} /* Live-Status */ .leos-status{display:inline-flex;align-items:center;gap:8px;margin:0;font-weight:700;font-size:15px} .leos-status::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--wp--preset--color--espresso-500);flex:none} .leos-status.is-offen::before{background:var(--wp--preset--color--leaf);box-shadow:0 0 0 4px rgba(111,175,44,.2)} .leos-status.is-zu::before{background:var(--wp--preset--color--orange-700)} .leos-status.is-bald::before{background:var(--wp--preset--color--juice)} .leos-status--klein{font-size:14px;font-weight:600} /* Filialseite: Kopfbereich ----------------------------------------------- */ .leos-filiale{padding-top:0!important} .leos-filiale>*+*{margin-block-start:0} .leos-fkopf{position:relative;overflow-x:clip;isolation:isolate;background:var(--wp--preset--color--cream);padding:var(--wp--preset--spacing--8) clamp(16px,4vw,32px) var(--wp--preset--spacing--16)} .leos-fkopf__bild::before{content:"";position:absolute;z-index:-1;width:1300px;height:1300px;left:50%;top:50%;margin:-650px 0 0 -650px;background:repeating-conic-gradient(from 0deg,var(--wp--preset--color--sand) 0 7.5deg,transparent 7.5deg 15deg);-webkit-mask:radial-gradient(circle closest-side,#000 25%,transparent 62%);mask:radial-gradient(circle closest-side,#000 25%,transparent 62%);animation:leos-drehen 90s linear infinite;pointer-events:none} .leos-fkopf__innen{max-width:var(--wp--style--global--wide-size,1240px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,5vw,72px);align-items:center} .leos-fkopf__text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--wp--preset--spacing--4)} .leos-krumen ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--wp--preset--color--espresso-500)} .leos-krumen li+li::before{content:"›";margin-right:6px} .leos-krumen a{color:inherit} .leos-fkopf__titel{margin:0;display:flex;flex-direction:column;gap:4px;line-height:1} .leos-fkopf__marke{font-family:var(--wp--preset--font-family--body);font-stretch:75%;font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--orange-700)} .leos-fkopf__ort{font-family:var(--wp--preset--font-family--display,Lobster),cursive;font-weight:400;font-size:clamp(48px,5vw + 16px,88px);color:var(--wp--preset--color--olive);line-height:1.02;text-wrap:balance} .leos-fkopf__adresse{margin:0;font-size:19px} .leos-fkopf__text-lead{margin:0;max-width:52ch;font-size:20px} .leos-fkopf__knoepfe{display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--3);margin-top:var(--wp--preset--spacing--2)} .leos-fkopf__bild{position:relative} .leos-fkopf__bild .leos-bild,.leos-fkopf__bild picture{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--wp--custom--radius--lg)} .leos-fkopf__bild .leos-bild{box-shadow:0 24px 60px rgba(43,24,13,.18);border:6px solid var(--wp--preset--color--paper)} .leos-karte{margin:0;position:relative} .leos-karte__quelle{position:absolute;right:14px;bottom:14px;font-size:11px;line-height:1.2;padding:3px 7px;border-radius:6px;background:rgba(255,253,247,.85);color:var(--wp--preset--color--espresso-500)} .leos-karte__quelle a{color:inherit} /* Filialseite: Zeiten, Anfahrt, Kontakt */ .leos-finfos{margin-block:calc(var(--wp--preset--spacing--8) * -1) var(--wp--preset--spacing--16)!important;position:relative;display:grid;gap:var(--wp--preset--spacing--4)} .leos-finfos__hinweis{margin:0;padding:var(--wp--preset--spacing--4) var(--wp--preset--spacing--6);border-radius:var(--wp--custom--radius--md);background:var(--wp--preset--color--juice);color:var(--wp--preset--color--espresso);font-weight:700} .leos-finfos__raster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wp--preset--spacing--4)} .leos-finfo{padding:var(--wp--preset--spacing--6);border:1px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--md);background:var(--wp--preset--color--paper);box-shadow:0 10px 30px rgba(43,24,13,.06)} .leos-finfo p{margin:0 0 var(--wp--preset--spacing--3)} .leos-finfo p:last-child{margin-bottom:0} .leos-finfos .leos-finfo__titel{font-family:var(--wp--preset--font-family--body);font-stretch:75%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--orange-700);margin:0 0 var(--wp--preset--spacing--4)} .leos-finfo__adresse{font-style:normal;font-size:18px;line-height:1.5;margin:0 0 var(--wp--preset--spacing--4)} .leos-finfo__telefon{font-size:24px;font-weight:700} .leos-finfo--kontakt p{text-align:center} .leos-finfo__telefon a{color:var(--wp--preset--color--espresso);text-decoration-thickness:2px;text-underline-offset:5px} .leos-finfo__notiz{font-size:15px;color:var(--wp--preset--color--espresso-500)} .leos-finfo__notiz a{color:var(--wp--preset--color--orange-700);font-weight:700} .leos-finfo__aktion{margin-top:var(--wp--preset--spacing--4)!important} .leos-finfo__aktion .leos-knopf{display:flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box;text-align:center} .leos-finfo__aktion+.leos-finfo__aktion{margin-top:var(--wp--preset--spacing--2)!important} .leos-zeiten{margin:0} .leos-zeiten__zeile{display:flex;justify-content:space-between;gap:var(--wp--preset--spacing--4);padding:9px 10px;margin:0 -10px;border-bottom:1px dashed var(--wp--preset--color--border);border-radius:6px} .leos-zeiten__zeile:last-child{border-bottom:0} .leos-zeiten__zeile.is-heute{align-items:center;padding:12px 20px;border-bottom-color:transparent;border-radius:999px;background:var(--wp--preset--color--olive);box-shadow:inset 0 0 0 3px var(--wp--preset--color--olive),inset 0 0 0 4.5px rgba(251,246,230,.85);color:var(--wp--preset--color--paper)} .leos-zeiten__zeile.is-heute .leos-zeiten__heute{color:var(--wp--preset--color--paper)} .leos-zeiten dt{font-weight:700} .leos-zeiten dd{margin:0;text-align:right;font-variant-numeric:tabular-nums} .leos-zeiten__heute{font-stretch:75%;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--orange-700)} /* Häufige Fragen */ .leos-faq{margin-block:0 var(--wp--preset--spacing--16)!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--wp--preset--spacing--8);align-items:start} .leos-faq__titel{margin:0;font-size:clamp(32px,2vw + 20px,40px)} .leos-faq__eintrag{border-bottom:1px solid var(--wp--preset--color--border)} .leos-faq__eintrag summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:10px 0;font-weight:700;font-size:18px} .leos-faq__eintrag summary::-webkit-details-marker{display:none} .leos-faq__eintrag summary::after{content:"+";flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--wp--preset--color--sand);color:var(--wp--preset--color--orange-700);font-size:20px;transition:transform var(--wp--custom--motion--duration--base) var(--wp--custom--motion--ease-out)} .leos-faq__eintrag[open] summary::after{transform:rotate(45deg)} .leos-faq__eintrag summary:focus-visible{outline:3px solid var(--wp--preset--color--orange);outline-offset:2px} .leos-faq__eintrag p{margin:0 0 var(--wp--preset--spacing--4);max-width:60ch} /* Filialkarten */ .leos-fkarten{margin-block:0 var(--wp--preset--spacing--16)!important} .leos-fkarten__titel{margin:0 0 var(--wp--preset--spacing--6);font-size:clamp(32px,2vw + 20px,40px)} .leos-fkarten__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--wp--preset--spacing--4)} .leos-fkarte{position:relative;display:flex;flex-direction:column;background:var(--wp--preset--color--paper);border:1px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--md);overflow:hidden;transition:transform var(--wp--custom--motion--duration--base) var(--wp--custom--motion--ease-out),box-shadow var(--wp--custom--motion--duration--base) var(--wp--custom--motion--ease-out)} @media (hover:hover){.leos-fkarte:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(43,24,13,.12)}} .leos-fkarte__bild .leos-bild,.leos-fkarte__bild picture{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:50% 52%} .leos-fkarte__bild .leos-karte__quelle{right:8px;bottom:8px;font-size:10px} .leos-fkarte__text{padding:var(--wp--preset--spacing--4) var(--wp--preset--spacing--6) var(--wp--preset--spacing--6);display:flex;flex-direction:column;gap:var(--wp--preset--spacing--2);flex:1} .leos-fkarte__name{margin:0;font-size:22px;font-family:var(--wp--preset--font-family--body);font-weight:700} /* gleich als h2 oder h3 */ .leos-fkarte__name a{color:var(--wp--preset--color--espresso);text-decoration:none} .leos-fkarte__name a::after{content:"";position:absolute;inset:0;z-index:1} .leos-fkarte__name a:focus-visible{outline:none} .leos-fkarte:has(.leos-fkarte__name a:focus-visible){outline:3px solid var(--wp--preset--color--orange);outline-offset:2px} .leos-fkarte__adresse{margin:0;font-size:15px;color:var(--wp--preset--color--espresso-500)} .leos-fkarte__aktion{margin:auto 0 0;padding-top:var(--wp--preset--spacing--2);position:relative;z-index:2} .leos-fkarte .leos-karte__quelle{z-index:2} .leos-hinweis-editor{padding:16px;border:1px dashed var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--md);font-size:14px} /* Startseite: Kopfbereich mit Bestellauswahl -------------------------- */ .leos-start{padding-top:0!important} .leos-start>*+*{margin-block-start:0} .leos-skopf{position:relative;overflow-x:clip;isolation:isolate;padding:var(--wp--preset--spacing--12) clamp(16px,4vw,32px) var(--wp--preset--spacing--16)} .leos-skopf__innen{max-width:var(--wp--style--global--wide-size,1240px);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:center} .leos-skopf__text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--wp--preset--spacing--4)} .leos-skopf__orte{margin:0;font-stretch:75%;font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--orange-700)} .leos-skopf__titel{margin:0;font-family:var(--wp--preset--font-family--display),cursive;font-weight:400;font-size:clamp(48px,5vw + 18px,92px);line-height:1.02;color:var(--wp--preset--color--olive);text-wrap:balance} .leos-skopf__lead{margin:0;max-width:44ch;font-size:20px} .leos-skopf__bestellen{width:100%;max-width:560px;margin-top:var(--wp--preset--spacing--4);padding:var(--wp--preset--spacing--6);background:var(--wp--preset--color--paper);border:1px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--md);box-shadow:0 16px 40px rgba(43,24,13,.08)} .leos-skopf .leos-skopf__frage{margin:0 0 var(--wp--preset--spacing--3);font-family:var(--wp--preset--font-family--body);font-stretch:75%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--espresso-500)} .leos-wahl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--preset--spacing--2)} .leos-wahl__link{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:var(--wp--preset--spacing--3);min-height:64px;padding:var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);border-radius:var(--wp--custom--radius--sm);background:var(--wp--preset--color--cream);box-shadow:inset 0 0 0 1.5px var(--wp--preset--color--border);color:var(--wp--preset--color--espresso);text-decoration:none;transition:background-color var(--wp--custom--motion--duration--base) var(--wp--custom--motion--ease-out),box-shadow var(--wp--custom--motion--duration--base) var(--wp--custom--motion--ease-out),transform var(--wp--custom--motion--duration--fast) var(--wp--custom--motion--ease-out)} @media (hover:hover){ .leos-wahl__link:hover{background:var(--wp--preset--color--orange);box-shadow:inset 0 0 0 3px var(--wp--preset--color--orange),inset 0 0 0 4.5px rgba(251,246,230,.85);color:var(--wp--preset--color--espresso)} .leos-wahl__link:hover .leos-wahl__ort{color:var(--wp--preset--color--espresso)} .leos-wahl__link:hover .leos-icon{color:var(--wp--preset--color--espresso)} } .leos-wahl__link:active{background:var(--wp--preset--color--orange-100)} .leos-wahl__link:active{transform:scale(.98)} .leos-wahl__link:focus-visible{outline:3px solid var(--wp--preset--color--espresso);outline-offset:2px} .leos-wahl__link .leos-icon{grid-row:1 / span 3;grid-column:2;color:var(--wp--preset--color--orange-700)} .leos-wahl__name{font-weight:700} .leos-wahl__ort{font-size:14px;color:var(--wp--preset--color--espresso-500)} .leos-wahl__zuletzt{font-stretch:75%;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--orange-700)} .leos-app-zeile{margin:var(--wp--preset--spacing--4) 0 0;font-size:15px} .leos-app-zeile a{color:var(--wp--preset--color--orange-700);font-weight:700} .leos-skopf__bild{position:relative;display:grid;place-items:center} .leos-skopf__bild::before{content:"";position:absolute;z-index:-1;width:1400px;height:1400px;left:50%;top:50%;margin:-700px 0 0 -700px;background:repeating-conic-gradient(from 0deg,var(--wp--preset--color--sand) 0 7.5deg,transparent 7.5deg 15deg);-webkit-mask:radial-gradient(circle closest-side,#000 18%,transparent 62%);mask:radial-gradient(circle closest-side,#000 18%,transparent 62%);animation:leos-drehen 90s linear infinite;pointer-events:none} .leos-skopf__logo{display:block;width:min(420px,100%);height:auto} /* Schatten als weicher Kreis statt filter:drop-shadow; der Filter konnte über dem drehenden Strahlenkranz als graues Rechteck erscheinen (Oliver, 08.11.2026). */ .leos-skopf__bild::after{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:calc(min(420px,100%) * 1.36);aspect-ratio:1;transform:translate(calc(-50% + 11px),calc(-50% + 30px));border-radius:50%;background:radial-gradient(closest-side,rgba(43,24,13,.1) 58%,rgba(43,24,13,.07) 68%,rgba(43,24,13,.035) 80%,rgba(43,24,13,.01) 92%,rgba(43,24,13,0) 100%);pointer-events:none} /* Startseite: Foodtruck, App, Gutscheine */ .leos-steaser{margin-block:0 var(--wp--preset--spacing--16)!important} .leos-steaser__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wp--preset--spacing--4)} .leos-steaser--zwei .leos-steaser__liste{grid-template-columns:repeat(2,minmax(0,1fr))} .leos-teaser{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--3);padding:var(--wp--preset--spacing--8) var(--wp--preset--spacing--6);border-radius:var(--wp--custom--radius--md);background:var(--wp--preset--color--sand)} .leos-teaser .leos-teaser__titel{margin:0;font-family:var(--wp--preset--font-family--display),cursive;font-weight:400;font-size:34px;line-height:1.1;color:var(--wp--preset--color--olive)} .leos-teaser__text{margin:0;flex:1} .leos-teaser__icon{display:block;flex:none;width:52px;height:52px;margin-left:auto;align-self:center;color:var(--wp--preset--color--olive);transform:rotate(-4deg);transition:transform var(--wp--custom--motion--duration--base) var(--wp--custom--motion--ease-out)} .leos-teaser--app .leos-teaser__icon{color:var(--wp--preset--color--orange);transform:rotate(3deg)} @media (hover:hover){.leos-teaser:hover .leos-teaser__icon{transform:rotate(-9deg) scale(1.06)}.leos-teaser--app:hover .leos-teaser__icon{transform:rotate(8deg) scale(1.06)}} .leos-teaser__aktion{display:flex;flex-wrap:wrap;align-items:center;gap:var(--wp--preset--spacing--2);margin-top:var(--wp--preset--spacing--2)} .leos-teaser--app{position:relative;overflow:hidden;isolation:isolate;background:var(--wp--preset--color--espresso);color:var(--wp--preset--color--cream)} .leos-teaser--app::before{content:"";position:absolute;z-index:-1;width:900px;height:900px;right:-450px;top:-450px;background:repeating-conic-gradient(from 0deg,rgba(251,246,230,.05) 0 7.5deg,transparent 7.5deg 15deg);-webkit-mask:radial-gradient(circle closest-side,#000 20%,transparent 70%);mask:radial-gradient(circle closest-side,#000 20%,transparent 70%);animation:leos-drehen 90s linear infinite} .leos-teaser--app .leos-teaser__titel{color:var(--wp--preset--color--orange)} .leos-knopf--hell{background:transparent!important;color:var(--wp--preset--color--cream)!important;box-shadow:inset 0 0 0 1.5px var(--wp--preset--color--cream)} .leos-knopf--hell:hover{background:rgba(251,246,230,.1)!important} /* Startseite: Instagram (Bilder lokal, Klick führt zu Instagram) */ /* Unterseiten (Vorlage page): Titel, Einleitung, Karten */ .leos-seite{padding-top:var(--wp--preset--spacing--12)!important;padding-bottom:var(--wp--preset--spacing--16)!important} .leos-seite .leos-seite__titel{margin:0 0 var(--wp--preset--spacing--4);font-family:var(--wp--preset--font-family--display),cursive;font-weight:400;font-size:clamp(44px,4vw + 16px,80px);line-height:1.05;color:var(--wp--preset--color--olive)} .leos-seite__lead{margin:0 0 var(--wp--preset--spacing--8);max-width:60ch;font-size:20px} .leos-seite__inhalt{margin-block:0 var(--wp--preset--spacing--12)!important} .leos-seite .leos-seite__zwischentitel{margin:0 0 var(--wp--preset--spacing--3);font-family:var(--wp--preset--font-family--body);font-stretch:75%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--orange-700)} .leos-seite__notiz{margin:var(--wp--preset--spacing--6) 0 0;font-size:15px;color:var(--wp--preset--color--espresso-500)} .leos-karten3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--wp--preset--spacing--4)} .leos-karte3{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--2);padding:var(--wp--preset--spacing--6);background:var(--wp--preset--color--paper);border:1px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--md);box-shadow:0 10px 30px rgba(43,24,13,.06)} .leos-karte3__marke{margin:0;font-stretch:75%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--orange-700)} .leos-seite .leos-karte3__titel{margin:0;font-size:26px;line-height:1.2} .leos-karte3__titel a{color:var(--wp--preset--color--espresso);text-decoration:none} .leos-karte3__text{margin:0;flex:1} .leos-karte3__aktion{margin:var(--wp--preset--spacing--3) 0 0} .leos-gutscheine .leos-karte3{background:var(--wp--preset--color--sand);border-color:transparent;box-shadow:none} .leos-gutscheine .leos-karte3__titel{font-family:var(--wp--preset--font-family--display),cursive;font-weight:400;font-size:44px;color:var(--wp--preset--color--olive)} .leos-kontakt__telefon{margin:0;font-size:22px;font-weight:700} .leos-kontakt__telefon a{color:var(--wp--preset--color--espresso);text-decoration-thickness:2px;text-underline-offset:5px} .leos-kontakt__mehr{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--wp--preset--spacing--8);margin-top:var(--wp--preset--spacing--12);padding-top:var(--wp--preset--spacing--8);border-top:1px solid var(--wp--preset--color--border)} .leos-kontakt__mehr p{margin:0 0 var(--wp--preset--spacing--2)} .leos-kontakt__mail{font-size:20px;font-weight:700;color:var(--wp--preset--color--espresso)} .leos-pfeillink{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700;color:var(--wp--preset--color--orange-700);text-decoration:none} .leos-pfeillink:hover{text-decoration:underline;text-underline-offset:4px} /* App-Seite */ .leos-appband{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--wp--preset--spacing--8);align-items:center;padding:clamp(28px,5vw,64px);margin-block:0 var(--wp--preset--spacing--12)!important;border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--espresso);color:var(--wp--preset--color--cream)} .leos-appband::before{content:"";position:absolute;z-index:-1;width:1400px;height:1400px;right:-700px;top:-700px;background:repeating-conic-gradient(from 0deg,rgba(251,246,230,.05) 0 7.5deg,transparent 7.5deg 15deg);-webkit-mask:radial-gradient(circle closest-side,#000 20%,transparent 70%);mask:radial-gradient(circle closest-side,#000 20%,transparent 70%);animation:leos-drehen 90s linear infinite} .leos-appband__marke{margin:0 0 var(--wp--preset--spacing--2);font-stretch:75%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--custom--abend--text-muted)} .leos-appband .leos-appband__titel{margin:0 0 var(--wp--preset--spacing--4);font-family:var(--wp--preset--font-family--display),cursive;font-weight:400;font-size:clamp(36px,3vw + 16px,56px);line-height:1.05;color:var(--wp--preset--color--orange)} .leos-appband__text p{max-width:52ch} .leos-appband__knoepfe{display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--3);margin-top:var(--wp--preset--spacing--6)} .leos-schritte{list-style:none;margin:0;padding:0;display:grid;gap:var(--wp--preset--spacing--3);counter-reset:none} .leos-schritte li{display:flex;align-items:center;gap:var(--wp--preset--spacing--4);padding:var(--wp--preset--spacing--4);border-radius:var(--wp--custom--radius--md);background:rgba(251,246,230,.06);font-weight:600} .leos-schritte__nr{flex:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--wp--preset--color--orange);color:var(--wp--preset--color--espresso);font-weight:800} /* Foodtruck: Kopf, Ablauf, Formular */ .leos-truckfakten{list-style:none;margin:0;padding:var(--wp--preset--spacing--8);display:grid;gap:var(--wp--preset--spacing--4);border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--espresso);color:var(--wp--preset--color--cream);box-shadow:0 24px 60px rgba(43,24,13,.18)} .leos-truckfakten li{display:flex;align-items:center;gap:var(--wp--preset--spacing--3);font-size:19px;font-weight:600} .leos-truckfakten__stern{flex:none;width:22px;height:22px;color:var(--wp--preset--color--orange)} .leos-ablauf{margin-block:var(--wp--preset--spacing--4) var(--wp--preset--spacing--16)!important} .leos-ablauf__titel{margin:0 0 var(--wp--preset--spacing--6);font-size:clamp(32px,2vw + 20px,40px)} .leos-ablauf__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wp--preset--spacing--4)} .leos-ablauf__liste li{padding:var(--wp--preset--spacing--6);border-radius:var(--wp--custom--radius--md);background:var(--wp--preset--color--sand)} .leos-ablauf__liste h3{margin:var(--wp--preset--spacing--3) 0 var(--wp--preset--spacing--2);font-size:22px} .leos-ablauf__liste p{margin:0} .leos-formular{margin-block:0 var(--wp--preset--spacing--16)!important;padding:clamp(24px,4vw,48px);border-radius:var(--wp--custom--radius--lg);background:var(--wp--preset--color--paper);border:1px solid var(--wp--preset--color--border);box-shadow:0 16px 40px rgba(43,24,13,.08);scroll-margin-top:24px} .leos-formular__kopf{margin-bottom:var(--wp--preset--spacing--6)} .leos-formular .leos-formular__titel{margin:0 0 var(--wp--preset--spacing--2);font-size:clamp(32px,2vw + 20px,40px)} .leos-formular__kopf p{margin:0;color:var(--wp--preset--color--espresso-500)} .leos-formular__meldung{margin:0 0 var(--wp--preset--spacing--6);padding:var(--wp--preset--spacing--4) var(--wp--preset--spacing--6);border-radius:var(--wp--custom--radius--md);font-weight:700} .leos-formular__meldung.is-ok{background:#E3F0D3;color:#2E4A12} .leos-formular__meldung.is-fehler{background:var(--wp--preset--color--orange-100);color:var(--wp--preset--color--orange-700)} .leos-formular__felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--preset--spacing--4) var(--wp--preset--spacing--6)} .leos-feld{display:flex;flex-direction:column;gap:6px} .leos-feld--breit{grid-column:1 / -1} .leos-feld label{font-weight:700;font-size:15px} .leos-feld input,.leos-feld select,.leos-feld textarea{width:100%;min-height:48px;padding:12px 14px;border:1.5px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--sm);background:#fff;color:var(--wp--preset--color--espresso);font:inherit;font-size:17px} .leos-feld textarea{min-height:120px;resize:vertical} .leos-feld input:focus-visible,.leos-feld select:focus-visible,.leos-feld textarea:focus-visible{outline:3px solid var(--wp--preset--color--orange);outline-offset:1px;border-color:var(--wp--preset--color--orange)} .leos-feld__hinweis{font-size:14px;color:var(--wp--preset--color--espresso-500)} .leos-feld--check{flex-direction:row;align-items:flex-start;gap:12px} .leos-feld--check input{width:22px;min-height:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--wp--preset--color--orange-700)} .leos-feld--check label{font-weight:400} .leos-feld--falle{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden} @media (max-width:781px){ .leos-fkopf{padding-top:var(--wp--preset--spacing--6);padding-bottom:var(--wp--preset--spacing--12)} .leos-fkopf__innen{grid-template-columns:1fr} .leos-fkopf__bild .leos-bild,.leos-fkopf__bild picture{aspect-ratio:4/3} .leos-fkopf__knoepfe{width:100%} .leos-fkopf__knoepfe .leos-knopf{flex:1 1 auto} .leos-finfos{margin-top:0!important} .leos-finfos__raster{grid-template-columns:1fr} .leos-faq{grid-template-columns:1fr;gap:var(--wp--preset--spacing--4)} .leos-skopf{padding-top:var(--wp--preset--spacing--6);padding-bottom:var(--wp--preset--spacing--12)} .leos-skopf__innen{grid-template-columns:1fr} .leos-skopf__bild{display:none} .leos-skopf__bestellen{padding:var(--wp--preset--spacing--4)} .leos-wahl{grid-template-columns:1fr} .leos-steaser__liste,.leos-steaser--zwei .leos-steaser__liste{grid-template-columns:1fr} .leos-appband{grid-template-columns:1fr} .leos-ablauf__liste,.leos-formular__felder{grid-template-columns:1fr} .leos-truckfakten{padding:var(--wp--preset--spacing--6)} .leos-seite{padding-top:var(--wp--preset--spacing--8)!important} } /* Impressum und Datenschutz */ .leos-recht{max-width:760px} .leos-recht__firmen{display:grid;gap:var(--wp--preset--spacing--6);margin-bottom:var(--wp--preset--spacing--12)} .leos-recht__firma{padding:var(--wp--preset--spacing--6);background:var(--wp--preset--color--sand);border-radius:var(--wp--custom--radius--md)} .leos-recht__firma p{margin:0 0 var(--wp--preset--spacing--3)} .leos-recht__firma p:last-child{margin-bottom:0} .leos-recht__abschnitt{margin-top:var(--wp--preset--spacing--8)} .leos-seite .leos-recht__abschnitt h2{margin:0 0 var(--wp--preset--spacing--3);font-family:var(--wp--preset--font-family--body);font-size:22px;line-height:1.3;font-weight:700} .leos-recht__abschnitt p{margin:0 0 var(--wp--preset--spacing--3);max-width:70ch} .leos-recht a{overflow-wrap:anywhere} /* Speisekarte */ .leos-speisekarte .leos-fkarten{margin-block:var(--wp--preset--spacing--8) 0!important} .leos-angebot{margin-block:0 var(--wp--preset--spacing--16)!important} .leos-angebot__kopf{display:grid;gap:var(--wp--preset--spacing--3);margin-bottom:var(--wp--preset--spacing--6)} .leos-angebot__titel{margin:0;font-size:clamp(32px,2vw + 20px,40px)} .leos-angebot__lead{margin:0;max-width:60ch;font-size:18px} .leos-angebot__bereich + .leos-angebot__bereich{margin-top:var(--wp--preset--spacing--16)} .leos-angebot__bereich{scroll-margin-top:140px} .leos-angebot__bereich[hidden]{display:none} .ist-umschaltbar .leos-angebot__bereich + .leos-angebot__bereich{margin-top:0} .ist-umschaltbar .leos-angebot__bereichstitel{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} .leos-angebot__wahl{display:grid;grid-template-columns:1fr 1fr;gap:var(--wp--preset--spacing--3);margin-block:var(--wp--preset--spacing--6);scroll-margin-top:16px} .leos-angebot__wahl[hidden],.leos-angebot__wechsel[hidden]{display:none} .leos-angebot__wahlknopf{padding:14px 12px;border:2px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--md);background:transparent;color:var(--wp--preset--color--espresso);font-family:var(--wp--preset--font-family--display),cursive;font-size:clamp(26px,2vw + 18px,36px);line-height:1.1;cursor:pointer;transition:background-color .2s,border-color .2s} .leos-angebot__wahlknopf[aria-expanded="true"]{background:var(--wp--preset--color--orange);border-color:var(--wp--preset--color--orange)} .leos-angebot__wahlknopf:focus-visible{outline:3px solid var(--wp--preset--color--orange);outline-offset:2px} .leos-angebot__wechsel{margin:0 0 var(--wp--preset--spacing--8);text-align:center} @media (hover:hover){.leos-angebot__wahlknopf:not([aria-expanded="true"]):hover{border-color:var(--wp--preset--color--orange)}} .leos-angebot__hinweis{margin:var(--wp--preset--spacing--6) 0 0;padding:10px 14px;max-width:80ch;border:1px solid var(--wp--preset--color--border);border-radius:6px;background:var(--wp--preset--color--paper);font-size:14px;line-height:1.45} .leos-angebot__aktion{margin:0} .leos-angebot__leiste{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--wp--preset--spacing--3) var(--wp--preset--spacing--6);margin:0 calc(-1 * var(--wp--preset--spacing--4)) var(--wp--preset--spacing--8);padding:var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);background:var(--wp--preset--color--cream);border-bottom:1px solid var(--wp--preset--color--border)} .leos-angebot__navrahmen{position:relative;min-width:0;flex:1 1 320px} .leos-angebot__nav{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--links,0px),#000 calc(100% - var(--rechts,0px)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--links,0px),#000 calc(100% - var(--rechts,0px)),transparent 100%)} .leos-angebot__navrahmen.kann-links .leos-angebot__nav{--links:56px} .leos-angebot__navrahmen.kann-rechts .leos-angebot__nav{--rechts:56px} .leos-angebot__mehr{position:absolute;top:50%;display:flex;align-items:center;width:44px;height:44px;margin:-22px 0 0;padding:0;border:0;background:none;color:var(--wp--preset--color--orange-700);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s} .leos-angebot__mehr svg{display:block;width:22px;height:22px} .leos-angebot__mehr--rechts{right:0;justify-content:flex-end} .leos-angebot__mehr--links{left:0;justify-content:flex-start} .leos-angebot__mehr--links svg{transform:rotate(180deg)} .leos-angebot__navrahmen.kann-rechts .leos-angebot__mehr--rechts,.leos-angebot__navrahmen.kann-links .leos-angebot__mehr--links{opacity:1;pointer-events:auto} .leos-angebot__nav::-webkit-scrollbar{display:none} .leos-angebot__nav ul,.leos-gerichte,.leos-gericht__kz,.leos-angebot__namen{list-style:none;margin:0;padding:0} .leos-angebot__nav ul{display:flex;gap:var(--wp--preset--spacing--4);white-space:nowrap} .leos-angebot__nav a{display:inline-block;padding:6px 0;font-weight:700;font-size:15px;color:var(--wp--preset--color--espresso);text-decoration:none;border-bottom:2px solid transparent} .leos-angebot__filter{display:flex;gap:var(--wp--preset--spacing--2)} .leos-angebot__filter[hidden]{display:none} .leos-angebot__filterknopf{display:inline-block;padding:8px 14px;border:2px solid var(--wp--preset--color--border);border-radius:999px;font:inherit;font-weight:700;font-size:14px;line-height:1.2;color:var(--wp--preset--color--espresso);background:transparent;cursor:pointer} .leos-angebot__filterknopf[aria-pressed="true"]{background:var(--wp--preset--color--espresso);border-color:var(--wp--preset--color--espresso);color:var(--wp--preset--color--cream)} @media (hover:hover){.leos-angebot__nav a:hover{border-bottom-color:var(--wp--preset--color--orange)}.leos-angebot__filterknopf:hover{border-color:var(--wp--preset--color--orange)}} .leos-angebot__abschnitt{position:relative;scroll-margin-top:104px;margin:0 0 var(--wp--preset--spacing--12);padding:0 var(--wp--preset--spacing--8) var(--wp--preset--spacing--8);border:1.5px solid var(--wp--preset--color--border);border-radius:14px} .leos-kat{display:flex;align-items:center;gap:var(--wp--preset--spacing--3);width:fit-content;max-width:calc(100% + 2 * var(--wp--preset--spacing--3));margin:-.6em 0 var(--wp--preset--spacing--6) calc(-1 * var(--wp--preset--spacing--3));padding:0 var(--wp--preset--spacing--3);background:var(--wp--preset--color--cream);font-size:clamp(28px,1.6vw + 18px,36px)} .leos-kat .leos-angebot__abschnittstitel{font-size:1em} .leos-kat__karo{flex:none;width:24px;height:12px;opacity:.55;background:conic-gradient(var(--kat-text) 25%,transparent 0 50%,var(--kat-text) 0 75%,transparent 0) 0 0/6px 6px} /* Kategoriefarben (Oliver 07.11.2026), auf allen Karten gleich: Rahmen in der Farbe (abgemildert), Titel und Karo in lesbarer Abdunklung (Kontrast mind. 3:1 auf Creme). */ .leos-angebot__abschnitt{--kat:var(--wp--preset--color--espresso-700);--kat-text:var(--kat);border-color:color-mix(in srgb,var(--kat) 55%,var(--wp--preset--color--cream))} .leos-angebot__abschnitt .leos-angebot__abschnittstitel{color:var(--kat-text)} .leos-angebot__abschnitt--veggie{--kat:var(--wp--preset--color--leaf);--kat-text:color-mix(in srgb,var(--wp--preset--color--leaf) 80%,var(--wp--preset--color--espresso))} .leos-angebot__abschnitt--salate,.leos-angebot__abschnitt--bowls{--kat:var(--wp--preset--color--olive)} .leos-angebot__abschnitt--beilagen{--kat:var(--wp--preset--color--juice);--kat-text:color-mix(in srgb,var(--wp--preset--color--juice) 60%,var(--wp--preset--color--espresso))} .leos-angebot__abschnitt--sossen{--kat:var(--wp--preset--color--orange);--kat-text:color-mix(in srgb,var(--wp--preset--color--orange) 80%,var(--wp--preset--color--espresso))} .leos-angebot__abschnitt--kids{--kat:var(--wp--preset--color--orange-700)} .leos-angebot__abschnitt--smash{--kat:var(--wp--preset--color--espresso-700)} .leos-angebot__abschnitt--currywurst{--kat:var(--wp--preset--color--orange);--kat-text:color-mix(in srgb,var(--wp--preset--color--orange) 80%,var(--wp--preset--color--espresso))} .leos-angebot__abschnitt--ofenkartoffel{--kat:var(--wp--preset--color--juice);--kat-text:color-mix(in srgb,var(--wp--preset--color--juice) 60%,var(--wp--preset--color--espresso))} .leos-angebot__abschnitt--desserts{--kat:var(--wp--preset--color--espresso-500)} .leos-angebot__abschnitt[hidden]{display:none} .leos-angebot__abschnittstitel{margin:0;font-family:var(--wp--preset--font-family--display),cursive;font-weight:400;font-size:clamp(28px,1.6vw + 18px,36px);line-height:1.1;color:var(--wp--preset--color--olive)} .leos-angebot__text{margin:0 0 var(--wp--preset--spacing--6);max-width:70ch;color:var(--wp--preset--color--espresso-500)} .leos-angebot__namen{display:flex;flex-wrap:wrap;gap:8px} .leos-angebot__namen li{padding:6px 12px;border:1px solid var(--wp--preset--color--border);border-radius:999px;font-size:15px;line-height:1.3} .leos-angebot__notiz{margin:0;max-width:70ch;font-size:15px;color:var(--wp--preset--color--espresso-500)} .leos-gerichte{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--wp--preset--spacing--6) var(--wp--preset--spacing--12)} .leos-angebot__abschnitt--bowls .leos-gerichte{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--wp--preset--spacing--3) var(--wp--preset--spacing--8)} .leos-gericht[hidden]{display:none} .leos-gericht__name{margin:0;font-family:inherit;font-weight:700;font-size:18px;line-height:1.3;letter-spacing:0} .leos-gericht__text{margin:4px 0 0;font-size:15px;line-height:1.45;color:var(--wp--preset--color--espresso-500)} .leos-gericht__kz{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px} .leos-kz{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.02em} .leos-kz--v,.leos-kz--vg{background:var(--wp--preset--color--olive);color:var(--wp--preset--color--cream)} .leos-kz--vg{background:var(--wp--preset--color--olive-100);color:var(--wp--preset--color--olive)} .leos-kz--gf{border:1px solid var(--wp--preset--color--espresso-500);color:var(--wp--preset--color--espresso-500)} .admin-bar .leos-angebot__leiste{top:32px} @media (max-width:781px){.leos-angebot__abschnitt{scroll-margin-top:152px}.admin-bar .leos-angebot__leiste{top:46px}} @media (max-width:600px){.admin-bar .leos-angebot__leiste{top:0}} @media (max-width:600px){.leos-angebot__abschnitt{padding:0 var(--wp--preset--spacing--4) var(--wp--preset--spacing--6)}.leos-kat{gap:var(--wp--preset--spacing--2);margin-left:calc(-1 * var(--wp--preset--spacing--2));max-width:calc(100% + 2 * var(--wp--preset--spacing--2));padding:0 var(--wp--preset--spacing--2);font-size:26px}.leos-kat__karo{width:18px}}/* Kopfmenü: zwischen 600 und 781 px passt das ausgeschriebene Menü nicht in die Zeile, daher dort ebenfalls das Menü zum Aufklappen (WordPress schaltet erst unter 600 px um). */ @media (min-width:1024px) and (max-width:1180px){.leos-kopf__zeile{gap:var(--wp--preset--spacing--4)}.leos-kopf .leos-menue-haupt .wp-block-navigation__container{gap:var(--wp--preset--spacing--3)}} @media (min-width:600px) and (max-width:1023px){ .leos-kopf .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex} .leos-kopf .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none} } /* Nach-oben-Knopf: rechts unten, mobil über der festen Bestellleiste */ .leos-nachoben{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:80;display:flex;align-items:center;justify-content:center;width:52px;height:52px;padding:0;border:0;border-radius:50%;background:var(--wp--preset--color--espresso);color:var(--wp--preset--color--cream);box-shadow:inset 0 0 0 3px var(--wp--preset--color--espresso),inset 0 0 0 4.5px rgba(251,246,230,.85),0 8px 24px rgba(43,24,13,.25);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity var(--wp--custom--motion--duration--base) var(--wp--custom--motion--ease-out),transform var(--wp--custom--motion--duration--base) var(--wp--custom--motion--ease-out),visibility 0s linear var(--wp--custom--motion--duration--base),background-color .2s} .leos-nachoben.is-sichtbar{opacity:1;visibility:visible;transform:none;transition-delay:0s} .leos-nachoben:hover{background:var(--wp--preset--color--orange-700);box-shadow:inset 0 0 0 3px var(--wp--preset--color--orange-700),inset 0 0 0 4.5px rgba(251,246,230,.85),0 8px 24px rgba(43,24,13,.25)} .leos-nachoben:focus-visible{outline:3px solid var(--wp--preset--color--orange);outline-offset:3px} .leos-formular-im-bild .leos-nachoben.is-sichtbar{opacity:0;visibility:hidden;pointer-events:none} @media (max-width:781px){.leos-nachoben{right:16px;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:48px;height:48px}} @media (prefers-reduced-motion:reduce){.leos-nachoben{transition:none;transform:none}} /* Seiten ohne feste Bestellleiste (functions.php leos_ohne_bestellleiste_slugs) */ @media (max-width:781px){ .leos-ohne-bestellleiste .leos-kopf .leos-bestellen{display:none} body.leos-ohne-bestellleiste{padding-bottom:0} .leos-ohne-bestellleiste .leos-nachoben{bottom:calc(24px + env(safe-area-inset-bottom,0px))} } /* Schwebende Bestellleiste ruht, solange ein Bestellknopf der Seite sichtbar ist (assets/js/theme.js) */ @media (max-width:781px){ .leos-bestellleiste-bereit .leos-kopf .leos-bestellen{transition:opacity 420ms cubic-bezier(.22,1,.36,1),transform 520ms cubic-bezier(.22,1,.36,1),visibility 0s linear 0s} .leos-bestellleiste-ruht .leos-kopf .leos-bestellen{opacity:0;visibility:hidden;transform:translateY(calc(100% + 24px)) scale(.96);pointer-events:none;transition:opacity 260ms ease-in,transform 320ms ease-in,visibility 0s linear 320ms} .leos-bestellleiste-ruht .leos-nachoben{bottom:calc(24px + env(safe-area-inset-bottom,0px))} } @media (max-width:781px) and (prefers-reduced-motion:reduce){ .leos-bestellleiste-bereit .leos-kopf .leos-bestellen,.leos-bestellleiste-ruht .leos-kopf .leos-bestellen{transition:opacity 200ms linear,visibility 0s linear 200ms;transform:none} } /* 404 */ .leos-404 .leos-404__knoepfe{display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--3);margin-block:var(--wp--preset--spacing--6) var(--wp--preset--spacing--16)!important} /* Desktop: schwebender Bestellknopf, sobald der Kopf weggescrollt ist (assets/js/theme.js, Oliver 08.11.2026) */ @keyframes leos-einschweben{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}} @media (min-width:782px){ .leos-bestellen-schwebt .leos-kopf .leos-bestellen{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:85;animation:leos-einschweben 460ms cubic-bezier(.22,1,.36,1);transition:opacity 420ms cubic-bezier(.22,1,.36,1),transform 520ms cubic-bezier(.22,1,.36,1),visibility 0s linear 0s} .leos-bestellen-schwebt .leos-kopf .leos-bestellen__knopf{box-shadow:inset 0 0 0 3px var(--wp--preset--color--orange),inset 0 0 0 4.5px rgba(251,246,230,.85),0 8px 24px rgba(43,24,13,.28)} .leos-bestellen-schwebt .leos-kopf .leos-bestellen__panel{top:auto;bottom:calc(100% + 10px);right:0} .leos-bestellen-schwebt .leos-nachoben{bottom:calc(88px + env(safe-area-inset-bottom,0px))} .leos-bestellen-schwebt.leos-bestellleiste-ruht .leos-kopf .leos-bestellen{opacity:0;visibility:hidden;transform:translateY(24px) scale(.96);pointer-events:none;transition:opacity 260ms ease-in,transform 320ms ease-in,visibility 0s linear 320ms} .leos-bestellen-schwebt.leos-bestellleiste-ruht .leos-nachoben{bottom:calc(24px + env(safe-area-inset-bottom,0px))} } @media (min-width:782px) and (prefers-reduced-motion:reduce){ .leos-bestellen-schwebt .leos-kopf .leos-bestellen{animation:none;transform:none} } /* Merch-Seite (normale Blöcke, Klassen leos-merch…) */ .leos-merch{gap:var(--wp--preset--spacing--12)!important;margin-block:var(--wp--preset--spacing--8) var(--wp--preset--spacing--16)!important;align-items:center} .leos-merch__bild{margin:0;padding:var(--wp--preset--spacing--6);border-radius:28px;background:var(--wp--preset--color--sand);box-shadow:0 18px 40px rgba(43,24,13,.12)} .leos-merch__bild img{display:block;width:100%;height:auto;transition:transform var(--wp--custom--motion--duration--base) var(--wp--custom--motion--ease-out)} @media (hover:hover){.leos-merch__bild a:hover img{transform:scale(1.03) rotate(-1deg)}} .leos-merch__eyebrow{margin:0;font-stretch:75%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--orange-700)} .leos-merch .leos-merch__titel{margin:4px 0 var(--wp--preset--spacing--3);font-size:clamp(32px,2vw + 20px,44px)} .leos-merch__aktion{margin-top:var(--wp--preset--spacing--6)} .leos-merch__hinweis{font-size:14px;color:var(--wp--preset--color--espresso-500)} /* Merch-Seite dunkel (Vorlage templates/page-merch.html, Farbwelt „Abend“ wie der Fuß; Oliver 08.11.2026) */ .leos-dunkel{position:relative;overflow:hidden;isolation:isolate;background:var(--wp--custom--abend--bg);color:var(--wp--custom--abend--text);margin-block:0!important} .leos-dunkel::before{content:"";position:absolute;z-index:-1;width:1600px;height:1600px;right:-700px;top:-900px;background:repeating-conic-gradient(from 0deg,rgba(251,246,230,.045) 0deg 7.5deg,transparent 7.5deg 15deg);-webkit-mask:radial-gradient(circle,#000 0,#000 25%,transparent 62%);mask:radial-gradient(circle,#000 0,#000 25%,transparent 62%);animation:leos-drehen 120s linear infinite;pointer-events:none} .leos-dunkel .leos-seite__titel{color:var(--wp--custom--abend--heading)} .leos-dunkel a:not(.wp-element-button){color:var(--wp--custom--abend--link)} .leos-merch-seite + footer,.leos-merch-seite ~ .wp-block-template-part .leos-fuss{border-top:1px solid var(--wp--custom--abend--border)} .leos-merch-seite .leos-merch__claim{margin:0 0 var(--wp--preset--spacing--12);max-width:22ch;font-weight:700;font-size:clamp(28px,2.2vw + 16px,44px);line-height:1.15;letter-spacing:-.01em;color:var(--wp--custom--abend--text)} .leos-merch-seite .leos-merch__bild{background:var(--wp--custom--abend--surface-alt,#3A2416);box-shadow:inset 0 0 0 1px var(--wp--custom--abend--border),0 24px 60px rgba(0,0,0,.35)} .leos-merch-seite .leos-merch__eyebrow{color:var(--wp--custom--abend--heading)} .leos-merch-seite .leos-merch__titel{color:var(--wp--custom--abend--text)} .leos-merch-seite .leos-merch__hinweis{color:var(--wp--custom--abend--text-muted,#CDB89C)} /* Merch: Anfrage (Größen als Knöpfe) und Band auf der Startseite */ .leos-merch-seite .leos-merch-anfrage{background:var(--wp--custom--abend--surface-alt);color:var(--wp--custom--abend--text);box-shadow:inset 0 0 0 1px var(--wp--custom--abend--border)} .leos-merch-seite .leos-merch-anfrage .leos-formular__titel{color:var(--wp--custom--abend--heading)} .leos-merch-seite .leos-merch-anfrage .leos-formular__kopf p,.leos-merch-seite .leos-merch-anfrage .leos-feld__hinweis{color:var(--wp--custom--abend--text-muted)} .leos-merch-seite .leos-merch-anfrage .leos-feld input:not([type=radio]):not([type=checkbox]),.leos-merch-seite .leos-merch-anfrage .leos-feld textarea{background:var(--wp--custom--abend--bg);color:var(--wp--custom--abend--text);border-color:var(--wp--custom--abend--border)} .leos-merch-anfrage__groessen{border:0;margin:0;padding:0} .leos-merch-anfrage__groessen legend{font-weight:700;font-size:15px;margin-bottom:6px} .leos-merch-anfrage__groessen div{display:flex;flex-wrap:wrap;gap:8px} .leos-merch-anfrage__groesse input{position:absolute;opacity:0;pointer-events:none} .leos-merch-anfrage__groesse span{display:inline-flex;align-items:center;justify-content:center;min-width:56px;min-height:48px;padding:0 14px;border:1.5px solid currentColor;border-radius:999px;font-weight:700;cursor:pointer;opacity:.85} .leos-merch-anfrage__groesse input:checked + span{background:var(--wp--preset--color--orange);border-color:var(--wp--preset--color--orange);color:var(--wp--preset--color--espresso);opacity:1} .leos-merch-anfrage__groesse input:focus-visible + span{outline:3px solid var(--wp--preset--color--orange);outline-offset:2px} .leos-smerch{width:min(720px,calc(100% - 32px));margin-block:var(--wp--preset--spacing--12) var(--wp--preset--spacing--24)!important;padding:clamp(20px,3vw,36px);border:6px solid var(--wp--preset--color--paper);border-radius:var(--wp--custom--radius--md);box-shadow:var(--wp--preset--shadow--3);transform:rotate(-1.8deg);transition:transform var(--wp--custom--motion--duration--slow) var(--wp--custom--motion--ease-out)} @media (hover:hover){.leos-smerch:hover{transform:rotate(0)}} .leos-smerch__innen{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--wp--preset--spacing--8);align-items:center} .leos-smerch__bild{display:block;width:100%;height:auto;max-width:260px;margin-inline:auto} .leos-smerch__eyebrow{margin:0;font-stretch:75%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--custom--abend--heading)} .leos-smerch .leos-smerch__titel{margin:6px 0 var(--wp--preset--spacing--3);font-family:var(--wp--preset--font-family--display),cursive;font-weight:400;font-size:clamp(30px,2vw + 16px,42px);line-height:1.05;color:var(--wp--custom--abend--text)} .leos-smerch__lead{margin:0 0 var(--wp--preset--spacing--4);max-width:36ch;font-size:16px;line-height:1.5;color:var(--wp--custom--abend--text-muted)} @media (max-width:781px){.leos-smerch{margin-block:var(--wp--preset--spacing--8) var(--wp--preset--spacing--16)!important;transform:rotate(-1deg)}.leos-smerch__innen{grid-template-columns:1fr;gap:var(--wp--preset--spacing--4)}.leos-smerch__bild{max-width:200px}} @media (prefers-reduced-motion:reduce){.leos-smerch{transition:none}} .leos-feld[hidden]{display:none} .leos-merch-anfrage__weg{border:0;margin:0;padding:0} .leos-merch-anfrage__weg legend{font-weight:700;font-size:15px;margin-bottom:6px} .leos-merch-anfrage__weg div{display:flex;flex-wrap:wrap;gap:8px} /* Fertige Sektionen (patterns/sektion-*.php) und Knopf-Stile für den Button-Block */ .leos-sektion{margin-block:var(--wp--preset--spacing--12) var(--wp--preset--spacing--16)!important} .leos-eyebrow{margin:0 0 var(--wp--preset--spacing--2)!important;font-stretch:75%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--orange-700)} .leos-sektion h2.wp-block-heading{margin-top:0;font-size:clamp(32px,2vw + 20px,44px)} .leos-sektion__bild img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 18px 40px rgba(43,24,13,.14)} .leos-sektion--kacheln{gap:var(--wp--preset--spacing--6)!important} .leos-sektion--kacheln .leos-teaser{margin:0} .leos-sektion--band{padding:var(--wp--preset--spacing--16) var(--wp--preset--spacing--4)!important} .leos-sektion--band h2.wp-block-heading{color:var(--wp--custom--abend--heading)} .leos-sektion--band p{color:var(--wp--custom--abend--text-muted)} .leos-dunkel .leos-eyebrow{color:var(--wp--custom--abend--heading)} .leos-claim{max-width:24ch;font-weight:700;font-size:clamp(28px,2.2vw + 16px,44px);line-height:1.15;letter-spacing:-.01em} .leos-faq .wp-block-details{border-bottom:1px solid var(--wp--preset--color--border)} .leos-faq .wp-block-details summary{cursor:pointer;min-height:56px;display:flex;align-items:center;padding:10px 0;font-weight:700;font-size:18px} .wp-block-button.is-style-leos-zweit .wp-block-button__link{background:transparent;color:var(--wp--preset--color--olive);box-shadow:inset 0 0 0 1.5px var(--wp--preset--color--olive)} .wp-block-button.is-style-leos-zweit .wp-block-button__link:hover{background:var(--wp--preset--color--olive-100)} .wp-block-button.is-style-leos-hell .wp-block-button__link{background:transparent;color:var(--wp--custom--abend--text);box-shadow:inset 0 0 0 1.5px var(--wp--custom--abend--text)} .wp-block-button.is-style-leos-hell .wp-block-button__link:hover{background:rgba(251,246,230,.1)} /* Stile für Standardblöcke (Leo’s Allgemein) */ .is-style-leos-hervorgehoben{padding:var(--wp--preset--spacing--6) var(--wp--preset--spacing--8);border-radius:28px;background:var(--wp--preset--color--olive);box-shadow:inset 0 0 0 3px var(--wp--preset--color--olive),inset 0 0 0 4.5px rgba(251,246,230,.85);color:var(--wp--preset--color--paper);font-size:19px;line-height:1.55} .is-style-leos-hervorgehoben a{color:var(--wp--preset--color--paper)} p.is-style-leos-gross{text-wrap:balance;font-weight:700;font-size:clamp(28px,2.2vw + 16px,44px);line-height:1.15;letter-spacing:-.01em} p.is-style-leos-klein{font-size:14px;color:var(--wp--preset--color--espresso-500)} .wp-block-heading.is-style-leos-zeile{font-family:var(--wp--preset--font-family--body);font-stretch:75%;font-weight:700;font-size:13px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--orange-700)} .wp-block-heading.is-style-leos-schlicht{font-family:var(--wp--preset--font-family--body);font-weight:700;color:var(--wp--preset--color--espresso)} .wp-block-image.is-style-leos-fotorahmen img{padding:10px 10px 12px;background:var(--wp--preset--color--paper);border-radius:14px;box-shadow:0 1px 0 var(--wp--preset--color--border),0 14px 32px rgba(43,24,13,.14);transform:rotate(-1.5deg)} .wp-block-image.is-style-leos-fotorahmen{overflow:visible} .wp-block-image.is-style-leos-rund img,.wp-block-gallery.is-style-leos-rund img,.wp-block-video.is-style-leos-rund video{border-radius:28px} ul.is-style-leos-haekchen{list-style:none;padding-left:0} ul.is-style-leos-haekchen li{position:relative;padding-left:32px;margin-bottom:8px} ul.is-style-leos-haekchen li::before{content:"";position:absolute;left:0;top:.35em;width:20px;height:20px;border-radius:50%;background:var(--wp--preset--color--olive) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-7' fill='none' stroke='%23FBF6E6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat} .wp-block-quote.is-style-leos-zitat{position:relative;margin-inline:0;padding:var(--wp--preset--spacing--4) 0 var(--wp--preset--spacing--4) 64px;border:0} .wp-block-quote.is-style-leos-zitat::before{content:"\201E";position:absolute;left:0;top:-12px;font-family:var(--wp--preset--font-family--display),cursive;font-size:96px;line-height:1;color:var(--wp--preset--color--orange)} .wp-block-quote.is-style-leos-zitat p{font-family:var(--wp--preset--font-family--display),cursive;font-size:clamp(24px,1.5vw + 16px,34px);line-height:1.25;color:var(--wp--preset--color--olive)} .wp-block-quote.is-style-leos-zitat cite{font-style:normal;font-stretch:75%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--espresso-500)} .leos-seite .entry-content>.leos-fkarten.alignwide{margin-block-start:var(--wp--preset--spacing--12)!important} .wp-block-group.is-style-leos-hinweis{padding:var(--wp--preset--spacing--6);border:1.5px solid var(--wp--preset--color--border);border-radius:14px;background:var(--wp--preset--color--paper)} .wp-block-group.is-style-leos-dunkel{padding:var(--wp--preset--spacing--8);border-radius:28px;background:var(--wp--custom--abend--bg);color:var(--wp--custom--abend--text)} .wp-block-group.is-style-leos-dunkel :where(h1,h2,h3,h4){color:var(--wp--custom--abend--heading)} .wp-block-separator.is-style-leos-punkte{border:0;border-top:3px dotted var(--wp--preset--color--border);background:none;max-width:none;opacity:1} .wp-block-separator.is-style-leos-karo{border:0;height:12px;max-width:72px!important;opacity:.5;background:conic-gradient(var(--wp--preset--color--espresso) 25%,transparent 0 50%,var(--wp--preset--color--espresso) 0 75%,transparent 0) 0 0/6px 6px} @media (prefers-reduced-motion:reduce){.wp-block-image.is-style-leos-fotorahmen img{transform:none}} /* Umfrage (inc/umfrage.php) */ .leos-umfrage{max-width:560px;margin-block:var(--wp--preset--spacing--8)!important;padding:var(--wp--preset--spacing--6);border:1.5px solid var(--wp--preset--color--border);border-radius:14px;background:var(--wp--preset--color--paper)} .leos-umfrage .leos-umfrage__frage{margin:0 0 var(--wp--preset--spacing--4);font-family:var(--wp--preset--font-family--body);font-size:20px;line-height:1.3;color:var(--wp--preset--color--espresso)} .leos-umfrage__form{display:grid;gap:8px;justify-items:start} .leos-umfrage__antwort{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 14px;border:1.5px solid var(--wp--preset--color--border);border-radius:999px;cursor:pointer} .leos-umfrage__antwort input{width:20px;height:20px;accent-color:var(--wp--preset--color--orange)} .leos-umfrage__antwort:has(input:checked){border-color:var(--wp--preset--color--orange);background:var(--wp--preset--color--orange-100)} .leos-umfrage__form button{margin-top:8px} .leos-umfrage__ergebnis,.leos-umfrage__summe{display:none} .leos-umfrage.is-ergebnis .leos-umfrage__form{display:none} .leos-umfrage.is-ergebnis .leos-umfrage__ergebnis{display:grid;gap:12px;list-style:none;margin:0;padding:0} .leos-umfrage.is-ergebnis .leos-umfrage__summe{display:block;margin:var(--wp--preset--spacing--3) 0 0;font-size:14px;color:var(--wp--preset--color--espresso-500)} .leos-umfrage__ergebnis li{display:grid;grid-template-columns:1fr auto;gap:4px 12px} .leos-umfrage__name{font-weight:700} .leos-umfrage__wert{font-variant-numeric:tabular-nums} .leos-umfrage__balken{grid-column:1 / -1;height:10px;border-radius:99px;background:var(--wp--preset--color--sand);overflow:hidden} .leos-umfrage__balken span{display:block;height:100%;border-radius:99px;background:var(--wp--preset--color--orange)} /* Leo’s Rahmen für Bild und Video (inc/rahmen.php): Rundung, heller Rahmen, Schatten. Gilt auf der Seite und in der Editor-Vorschau. */ :is(.wp-block-image,.wp-block-video).leos-rund :is(img,video){border-radius:var(--leos-radius,14px)} :is(.wp-block-image,.wp-block-video).leos-rahmen :is(img,video){box-sizing:border-box;padding:var(--leos-rahmen-breite,10px);background:var(--leos-rahmen-farbe,var(--wp--preset--color--paper));border:0;outline:1px solid rgba(43,24,13,.06);outline-offset:-1px;border-radius:var(--leos-radius,14px)} :is(.wp-block-image,.wp-block-video).leos-schatten :is(img,video){box-shadow:0 24px 60px rgba(43,24,13,.18)} :is(.wp-block-image,.wp-block-video).leos-rahmen.leos-schatten :is(img,video){box-shadow:0 24px 60px rgba(43,24,13,.18)} /* Fotos: Bildstrecke auf Espresso, die warmen Bilder leuchten dort (08.11.2026) */ .leos-strecke{margin-block:var(--wp--preset--spacing--16)!important;padding:0} /* Normale Seiten (Speisen & Getränke) begrenzen den Inhalt auf die Breite „wide“: Streifen trotzdem über die ganze Seite wie auf der Startseite. */ .leos-seite{overflow-x:clip} .leos-seite .leos-strecke.alignfull{width:calc(100vw - var(--leos-scrollbar,0px));max-width:none!important;margin-inline:calc(50% - 50vw + var(--leos-scrollbar,0px) / 2)!important} .leos-strecke__kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--wp--preset--spacing--4);max-width:var(--wp--style--global--wide-size,1240px);margin:0 auto clamp(24px,3vw,40px);padding-inline:clamp(16px,4vw,32px)} .leos-strecke__titel{margin:0;font-family:var(--wp--preset--font-family--display),cursive;font-weight:400;font-size:clamp(38px,3vw + 22px,68px);line-height:1.05;color:var(--wp--preset--color--olive)} .leos-strecke__band{--hoehe:clamp(440px,82svh,940px);display:flex;gap:6px;height:var(--hoehe);padding-inline:6px} .leos-strecke__streifen{position:relative;flex:1 1 0;min-width:0;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;isolation:isolate;background:var(--wp--preset--color--espresso);color:var(--wp--preset--color--paper);font:inherit;text-align:left;cursor:pointer;transition:flex-grow .75s cubic-bezier(.2,.7,.2,1),flex-basis .75s cubic-bezier(.2,.7,.2,1)} .leos-strecke__streifen:focus-visible{outline:3px solid var(--wp--preset--color--orange);outline-offset:-3px} .leos-strecke__streifen img,.leos-strecke__video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover} .leos-strecke__video{z-index:2;opacity:0;transition:opacity .35s} .leos-strecke__video.ist-an{opacity:1} .leos-strecke__druck{z-index:0;filter:brightness(.78)} .leos-strecke__farbe{z-index:2;opacity:0;transition:opacity .55s} .leos-strecke__schrift{z-index:3;text-shadow:0 1px 6px rgba(43,24,13,.8);position:absolute;left:50%;bottom:20px;writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font-stretch:75%;font-weight:800;font-size:17px;white-space:nowrap;transition:opacity .25s} .leos-strecke__unterschrift{z-index:3;position:absolute;inset:auto 0 0;padding:90px clamp(18px,3vw,40px) clamp(18px,3vw,32px);background:linear-gradient(to top,rgba(43,24,13,.78),rgba(43,24,13,0));font-family:var(--wp--preset--font-family--display),cursive;font-size:clamp(34px,4.2vw,68px);line-height:1.05;white-space:nowrap;opacity:0;transition:opacity .3s} .leos-strecke__streifen.is-offen{flex:0 0 min(calc(var(--hoehe) * var(--seite,1)),72%);cursor:default} .leos-strecke__streifen.is-offen .leos-strecke__farbe{opacity:1} .leos-strecke__streifen.is-offen .leos-strecke__schrift{opacity:0} .leos-strecke__streifen.is-offen .leos-strecke__unterschrift{opacity:1;transition-delay:.25s} @media (prefers-reduced-motion:reduce){.leos-strecke__streifen,.leos-strecke__farbe,.leos-strecke__schrift,.leos-strecke__unterschrift{transition:none}} .leos-angebot__moment{margin:var(--wp--preset--spacing--12) 0;aspect-ratio:16/7;overflow:hidden;border-radius:var(--wp--custom--radius--md);background:var(--wp--preset--color--espresso)} .leos-angebot__moment img{display:block;width:100%;height:100%;object-fit:cover} .leos-angebot .leos-angebot__moment--burger{aspect-ratio:4/5;max-width:460px;margin-inline:auto} .leos-angebot .leos-angebot__moment--klein{aspect-ratio:3/2;max-width:340px;margin:var(--wp--preset--spacing--8) auto} .leos-finfo__karte{margin-bottom:var(--wp--preset--spacing--4);overflow:hidden;border-radius:var(--wp--custom--radius--sm)} .leos-finfo__karte img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover} .leos-seitenbild{margin-block:0 var(--wp--preset--spacing--8)!important;aspect-ratio:21/9;overflow:hidden;border-radius:var(--wp--custom--radius--md)} .leos-seitenbild img{display:block;width:100%;height:100%;object-fit:cover} .leos-bildreihe{display:flex;gap:12px;margin-block:var(--wp--preset--spacing--6) var(--wp--preset--spacing--8)!important} .leos-bildreihe__bild{flex:var(--seite,1) 1 0;min-width:0;margin:0;overflow:hidden;border-radius:var(--wp--custom--radius--md)} .leos-bildreihe__bild img{display:block;width:100%;height:auto} @media (max-width:781px){.leos-bildreihe{flex-direction:column}.leos-bildreihe__bild{flex:none}} @media (max-width:781px){ .leos-strecke__band{--offen:calc(clamp(520px,86svh,760px) * .64);--zu:clamp(60px,calc(11.61svh - 13.5px),105px);--hoehe:calc(var(--offen) + (var(--n,7) - 1) * (var(--zu) + 6px));flex-direction:column} .leos-strecke__streifen{transition-duration:.5s} .leos-strecke__streifen.is-offen{flex:0 0 min(calc((100vw - 12px) / var(--seite,1)),var(--offen))} .leos-strecke__schrift{writing-mode:horizontal-tb;left:16px;bottom:50%;transform:translateY(50%)} .leos-angebot__moment{aspect-ratio:4/3} .leos-seitenbild{aspect-ratio:4/3} } @supports (animation-timeline:view()){ @media (min-width:782px) and (prefers-reduced-motion:no-preference){ .leos-angebot__moment img{scale:1.1;animation:leos-bild-gleiten linear both;animation-timeline:view()} @keyframes leos-bild-gleiten{from{translate:0 -4%}to{translate:0 4%}} } } /* Strahlenkranz läuft bis in den Kopfbereich (Oliver, 08.11.2026): Kopf dort durchsichtig und ohne Linie. */ .home .leos-kopf,.page-template-filiale .leos-kopf{background-color:transparent!important;border-bottom-color:transparent} /* Hintergrund-Motiv der Filiale: liegt hinter allem und zieht beim Scrollen langsamer mit (--leos-app-y aus theme.js). */ .leos-applikation{--staerke:.055;position:fixed;z-index:-1;top:30vh;right:clamp(16px,3vw,64px);width:min(30vw,calc(58vh * var(--seite,.7)));opacity:calc(var(--leos-app-o,0) * var(--staerke));pointer-events:none;transform:translate3d(0,var(--leos-app-y,0),0)} .leos-applikation img{display:block;width:100%;height:auto} .page-template-filiale .leos-fkopf{background:transparent} @media (max-width:781px){ .leos-applikation{--staerke:.045;top:26vh;right:-12vw;width:62vw} } /* Unsere Geschichte (Über uns): dunkle Seite, Bild und Text im Wechsel, gerahmt und leicht schräg. */ .leos-seite:has(.leos-geschichte){background:var(--wp--custom--abend--bg);color:var(--wp--custom--abend--text)} .leos-geschichte{--rahmen-schatten:0 26px 54px rgba(0,0,0,.5)} .leos-geschichte>*{margin-block:0} .leos-geschichte :where(h1,h2){color:var(--wp--custom--abend--heading)} .leos-geschichte__kopf{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);align-items:center;padding-block:clamp(24px,4vw,56px) clamp(40px,6vw,88px)} .leos-geschichte__kopf h1{margin:0;font-size:clamp(60px,9vw,136px);line-height:1} .leos-geschichte__satz{margin:18px 0 0;font-weight:700;font-size:clamp(24px,2.6vw,38px);line-height:1.18} .leos-geschichte__lead{margin:14px 0 0;font-size:20px;color:var(--wp--custom--abend--text-muted)} .leos-stapel{position:relative;aspect-ratio:1/1.08} .leos-stapel>.wp-block-image{position:absolute;margin:0} .leos-stapel>:nth-child(1){left:0;top:6%;width:62%;height:84%;transform:rotate(-3.5deg)} .leos-stapel>:nth-child(2){right:0;top:0;width:52%;height:50%;transform:rotate(3deg)} .leos-stapel>:nth-child(3){right:5%;bottom:0;width:46%;height:52%;transform:rotate(-1.5deg)} .leos-stapel>.wp-block-image,.is-style-leos-album>.wp-block-image,.leos-route{padding:6px;background:var(--wp--preset--color--paper);border-radius:20px;box-shadow:var(--rahmen-schatten)} .leos-stapel>.wp-block-image img,.is-style-leos-album>.wp-block-image img,.leos-route>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px;background:var(--wp--custom--abend--surface)} .leos-fokus-oben img{object-position:50% 22%} .leos-fokus-unten img{object-position:50% 72%} .wp-block-group.is-style-leos-album{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;padding-block:clamp(40px,6vw,88px)} .is-style-leos-album>.wp-block-image,.is-style-leos-album>.leos-route{grid-column:1/8;grid-row:1;aspect-ratio:4/3;margin:0;transform:rotate(-1.4deg)} .is-style-leos-album>.leos-album__text{grid-column:8/13;grid-row:1;padding-inline:clamp(0px,1.5vw,24px)} .is-style-leos-album:nth-child(odd)>.wp-block-image,.is-style-leos-album:nth-child(odd)>.leos-route{grid-column:6/13;transform:rotate(1.2deg)} .is-style-leos-album:nth-child(odd)>.leos-album__text{grid-column:1/6} .leos-album__text>h2{margin:0 0 10px;font-size:clamp(84px,10vw,150px);line-height:.95} .leos-album__text>p{margin:0} .leos-album__text>p+p{margin-top:12px} .leos-route{position:relative;overflow:hidden} .leos-route>img,.leos-route>svg{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:14px} .leos-route__quelle{position:absolute;right:16px;bottom:12px;font-size:11px;color:var(--wp--custom--abend--text-muted)} .leos-route__weg{fill:none;stroke:var(--wp--preset--color--orange);stroke-width:9;stroke-linecap:round} .leos-route__pin{fill:var(--wp--preset--color--orange);stroke:var(--wp--preset--color--cream);stroke-width:7} .leos-route__pin--leer{fill:var(--wp--preset--color--espresso)} .leos-route__ort{font-family:var(--wp--preset--font-family--display),cursive;font-size:78px;fill:var(--wp--preset--color--cream);paint-order:stroke;stroke:var(--wp--preset--color--espresso);stroke-width:12px;stroke-linejoin:round} .leos-route__auto{opacity:0} .leos-route.ist-bereit .ist-neu.leos-route__weg{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s var(--wp--custom--motion--ease-out) var(--leos-warte,0s)} .leos-route.ist-bereit .ist-neu.leos-route__pin,.leos-route.ist-bereit .ist-neu.leos-route__ort{opacity:0;transition:opacity .5s var(--leos-warte,0s)} .leos-route.ist-bereit.ist-los .ist-neu.leos-route__weg{stroke-dashoffset:0} .leos-route.ist-bereit.ist-los .ist-neu.leos-route__pin,.leos-route.ist-bereit.ist-los .ist-neu.leos-route__ort{opacity:1} .leos-route.ist-bereit.ist-los .leos-route__auto{opacity:1;transition:opacity .4s .9s} .leos-geschichte__schluss{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center;padding-block:clamp(32px,5vw,72px) clamp(64px,8vw,120px)} .leos-geschichte__schluss>.leos-album__text{grid-column:1/7} .leos-geschichte__schluss>.leos-route{grid-column:7/13;aspect-ratio:4/3;margin:0;transform:rotate(1.2deg)} .leos-geschichte__zeile{margin:28px 0!important;font-family:var(--wp--preset--font-family--display),cursive;font-size:clamp(38px,4.6vw,68px);line-height:1.1;color:var(--wp--custom--abend--heading)} .leos-geschichte__name{font-weight:700} .leos-geschichte__mehr{max-width:64ch;margin-block-end:var(--wp--preset--spacing--12)!important} .leos-geschichte .leos-fkarten__titel{color:var(--wp--custom--abend--heading)} .leos-geschichte .leos-fkarte{color:var(--wp--preset--color--espresso)} .leos-geschichte>.wp-block-buttons{padding-block-end:var(--wp--preset--spacing--16)} @media (max-width:781px){ .leos-geschichte__kopf{grid-template-columns:1fr} .is-style-leos-album>.wp-block-image,.is-style-leos-album>.leos-route,.is-style-leos-album:nth-child(odd)>.wp-block-image,.is-style-leos-album:nth-child(odd)>.leos-route{grid-column:1/-1;grid-row:1} .is-style-leos-album>.leos-album__text,.is-style-leos-album:nth-child(odd)>.leos-album__text{grid-column:1/-1;grid-row:2;margin-top:24px} .leos-album__text>h2{font-size:96px} .leos-geschichte__schluss>.leos-album__text,.leos-geschichte__schluss>.leos-route{grid-column:1/-1} .leos-geschichte__schluss>.leos-route{margin-top:32px} } /* Kontaktformular unten auf der Startseite */ .leos-kontaktband{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);align-items:start;padding-block:clamp(48px,6vw,88px);scroll-margin-top:16px} .leos-kontaktband__titel{margin:0 0 var(--wp--preset--spacing--3);font-size:clamp(36px,3vw + 16px,56px)} .leos-kontaktband__text p{margin:0 0 var(--wp--preset--spacing--3)} .leos-kontaktband__direkt{font-weight:700} .leos-kontaktband__karte{padding:clamp(20px,3vw,32px);border-radius:var(--wp--custom--radius--md);background:var(--wp--preset--color--paper);border:1px solid var(--wp--preset--color--border)} .leos-kontaktband__karte .leos-feld__hinweis{margin:0} @media (max-width:781px){.leos-kontaktband{grid-template-columns:1fr}} .leos-kontaktband__titel{color:var(--wp--preset--color--olive)} .leos-kontaktklappe{padding-block:clamp(24px,3vw,40px);scroll-margin-top:16px} .leos-kontaktklappe .leos-kontaktklappe__zeile{display:flex;width:fit-content;max-width:100%;box-sizing:border-box;margin-inline:auto;align-items:center;justify-content:center;gap:var(--wp--preset--spacing--3);min-height:44px;text-align:center;cursor:pointer;list-style:none} .leos-kontaktklappe__zeile::-webkit-details-marker{display:none} .leos-kontaktklappe__zeile:focus-visible{outline:3px solid var(--wp--preset--color--orange);outline-offset:2px} .leos-kontaktklappe__zeile svg{flex:none;transition:transform var(--wp--custom--motion--duration--base)} .leos-kontaktklappe[open] .leos-kontaktklappe__zeile svg{transform:rotate(45deg)} .leos-kontaktklappe .leos-kontaktband{padding-block:var(--wp--preset--spacing--4) var(--wp--preset--spacing--4)} .leos-fkarte__link{position:relative;z-index:2;margin:var(--wp--preset--spacing--2) 0 0} .leos-fkarte__link .leos-knopf{gap:8px} .leos-knopf--mail{display:inline-flex;align-items:center;gap:8px;white-space:nowrap} .leos-fkarte:has(.leos-fkarte__link) .leos-knopf{display:inline-flex;align-items:center;justify-content:center;width:100%;box-sizing:border-box} @media (prefers-reduced-motion:reduce){.leos-kontaktklappe__zeile svg{transition:none}} .leos-kontaktband__an{display:flex;align-items:center;justify-content:center;gap:10px;min-height:76px;margin:0 0 var(--wp--preset--spacing--6);padding:12px 30px;border-radius:999px;background:var(--wp--preset--color--olive);box-shadow:inset 0 0 0 3px var(--wp--preset--color--olive),inset 0 0 0 4.5px rgba(251,246,230,.85);color:var(--wp--preset--color--cream);font-stretch:75%;font-weight:700;font-size:15px;line-height:1.25;letter-spacing:.08em;text-align:center;text-transform:uppercase} .leos-kontaktband__an strong{display:block;margin-top:2px;font-weight:800;font-size:clamp(20px,1.2vw + 14px,27px);line-height:1.15;letter-spacing:.05em;color:var(--wp--preset--color--paper)} .leos-kontaktband__stern{flex:none;width:15px;height:15px;color:var(--wp--preset--color--cream)} /* Anfahrt mit dem Auto, Skizze (Leo, 11.11.2026) */ .leos-auto{display:grid;grid-template-columns:1fr;gap:var(--wp--preset--spacing--8);padding:var(--wp--preset--spacing--8);border:1px solid var(--wp--preset--color--border);border-radius:var(--wp--custom--radius--md);background:var(--wp--preset--color--paper);box-shadow:0 10px 30px rgba(43,24,13,.06)} .leos-auto__text{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:var(--wp--preset--spacing--12);align-items:start} .leos-auto__text>*{grid-column:1} .leos-auto__text .leos-auto__schritte{grid-column:2;grid-row:1 / span 3;align-self:center} .leos-auto__marke{margin:0 0 var(--wp--preset--spacing--2);font-stretch:75%;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--orange-700)} .leos-finfos .leos-auto__titel{margin:0 0 var(--wp--preset--spacing--4);font-family:var(--wp--preset--font-family--display);font-weight:400;font-size:var(--wp--preset--font-size--h-2,clamp(1.75rem,1.3rem + 1.8vw,2.5rem));line-height:1.1;color:var(--wp--preset--color--olive)} .leos-auto__hinweis{margin:0 0 var(--wp--preset--spacing--6);padding:var(--wp--preset--spacing--3) var(--wp--preset--spacing--4);border:2px solid var(--wp--preset--color--orange-700);border-radius:var(--wp--custom--radius--md);font-weight:700} .leos-auto__schritte{list-style:none;margin:0;padding:0;counter-reset:leos-auto} .leos-auto__schritte li{counter-increment:leos-auto;display:grid;grid-template-columns:34px 1fr;gap:var(--wp--preset--spacing--3);align-items:start;margin:0 0 var(--wp--preset--spacing--3)} .leos-auto__schritte li::before{content:counter(leos-auto);display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--wp--preset--color--espresso);border-radius:50%;background:var(--wp--preset--color--juice);font-weight:800;font-size:15px;line-height:1} .leos-auto,.leos-auto__text,.leos-auto__skizze{min-width:0} .leos-auto__skizze{margin:0} .leos-auto__skizze figcaption{margin-top:var(--wp--preset--spacing--2);font-size:14px;color:var(--wp--preset--color--espresso-500)} .leos-skizze{display:block;width:100%;height:auto;border-radius:10px;transform:rotate(.3deg);box-shadow:0 1px 0 var(--wp--preset--color--border),0 14px 34px rgba(43,24,13,.12)} .leos-skizze__linie{stroke-dasharray:1;stroke-dashoffset:0} .leos-auto.ist-bereit .leos-skizze__linie{stroke-dashoffset:1} .leos-auto.ist-los .leos-skizze__linie{stroke-dashoffset:0;transition:stroke-dashoffset 2.4s .2s cubic-bezier(.45,0,.2,1)} @media (prefers-reduced-motion:reduce){.leos-auto.ist-bereit .leos-skizze__linie{stroke-dashoffset:0;transition:none}} @media (max-width:781px){.leos-auto{padding:var(--wp--preset--spacing--6) var(--wp--preset--spacing--4)}.leos-auto__text{display:block}.leos-auto__rahmen{overflow-x:auto;margin:0 calc(var(--wp--preset--spacing--4) * -1);padding:4px var(--wp--preset--spacing--4) 12px}.leos-skizze{min-width:680px;transform:none}}