/* =====================================================================
   Theme „Steakhouse by Ilvi“ – Gestaltung
   Farben/Schriften: Elementor-Kit (Website-Einstellungen → Globale Farben / Globale Schriften).
   Die Variablen unten lesen die Kit-Werte; die Zahl nach dem Komma ist nur der Notwert.
   Breakpoints wie im Kit: Handy bis 760 px, Tablet bis 900 px.
   Klassen mit „ilvi-“ werden in Elementor unter Erweitert → CSS-Klassen vergeben.
   ===================================================================== */

/* ---------------------------------------------------------------- 1. Designvariablen */
body{
  --bg:var(--e-global-color-ilvibg,#0d0908);
  --bg-2:var(--e-global-color-ilvibg2,#130e0c);
  --bg-3:#1a1411;
  --bg-light:var(--e-global-color-ilvilight,#1d1613);
  --bg-ftr:var(--e-global-color-ilviftr,#0a0706);
  --cream:var(--e-global-color-text,#f5e9d4);
  --cream-2:var(--e-global-color-ilvicream2,rgba(245,233,212,.74));
  --cream-3:var(--e-global-color-ilvicream3,rgba(245,233,212,.5));
  --gold:var(--e-global-color-primary,#d4a05a);
  --gold-2:var(--e-global-color-accent,#e8bd7c);
  --red:var(--e-global-color-secondary,#bf4038);
  --red-glow:rgba(191,64,56,.28);
  --label:var(--e-global-color-ilvilabel,#cc4f43);
  --line:rgba(212,160,90,.18);
  --line-2:rgba(212,160,90,.36);
  --f-hand:var(--e-global-typography-accent-font-family,'Caveat'),'Segoe Script',cursive;
  --f-head:var(--e-global-typography-primary-font-family,'Playfair Display'),Georgia,serif;
  --f-body:var(--e-global-typography-text-font-family,'Cormorant Garamond'),Georgia,serif;
  --f-ui:var(--e-global-typography-secondary-font-family,'DM Sans'),system-ui,sans-serif;
  --wrap:1240px;
  --gut:clamp(20px,4.5vw,64px);
  --ease:cubic-bezier(.16,1,.3,1);
  color-scheme:dark;
}

/* ---------------------------------------------------------------- 2. Grundlage */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--f-body);font-size:clamp(18px,1.25vw,20.5px);line-height:1.62;font-weight:500;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
::selection{background:var(--gold);color:#140d08}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
[hidden]{display:none!important}
.sr,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;z-index:200;left:12px;top:12px;width:auto;height:auto;clip:auto;padding:10px 16px;background:var(--gold);color:#170f09}
body::after{content:"";position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
p{margin:0 0 1em}
h1,h2,h3,h4{font-family:var(--f-head);font-weight:600;line-height:1.04;letter-spacing:-.01em;margin:0;text-wrap:balance}

/* Elementor: Überschriften-Akzente (em = goldene Kursive) */
.elementor-heading-title em,.res h2 em,.ilvi-gold-em em{font-style:italic;font-weight:500;color:var(--gold)}
.elementor-heading-title{text-wrap:balance}
.elementor-widget-text-editor p:last-child{margin-bottom:0}
.elementor-widget-text-editor a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}

/* ---------------------------------------------------------------- 3. Wortmarke */
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:56px;height:auto;flex-shrink:0;transition:width .5s var(--ease)}
.wm{display:flex;flex-direction:column;line-height:1;font-family:var(--f-head)}
.wm b{font-weight:700;font-size:24px;letter-spacing:.01em;color:var(--cream)}
.wm i{font-style:italic;font-weight:400;font-size:18px;color:var(--red);margin-top:2px;text-shadow:0 0 7px rgba(255,226,206,.2)}

/* ---------------------------------------------------------------- 4. Buttons (Theme + Elementor-Klasse ilvi-btn) */
html body .btn,body .ilvi-btn .elementor-button{--h:54px;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:var(--h);padding:0 30px;font-family:var(--f-ui);font-size:12px;font-weight:600;letter-spacing:.2em;line-height:1;text-transform:uppercase;border:1px solid var(--gold);border-radius:0;color:#170f09;background:var(--gold);position:relative;overflow:hidden;isolation:isolate;transition:color .45s var(--ease),border-color .45s;white-space:nowrap}
html body .btn::before,body .ilvi-btn .elementor-button::before{content:"";position:absolute;inset:0;background:var(--gold-2);transform:translateY(101%);transition:transform .55s var(--ease);z-index:-1}
html body .btn:hover::before,body .ilvi-btn .elementor-button:hover::before{transform:none}
body .ilvi-btn .elementor-button:hover,body .ilvi-btn .elementor-button:focus{color:#170f09}
html body .btn.ghost,body .ilvi-btn-ghost .elementor-button{background:transparent;color:var(--cream);border-color:var(--line-2)}
html body .btn.ghost::before,body .ilvi-btn-ghost .elementor-button::before{background:var(--gold)}
html body .btn.ghost:hover,body .ilvi-btn-ghost .elementor-button:hover{color:#170f09;border-color:var(--gold)}
body .ilvi-btn .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:10px}
body .ilvi-btn .elementor-button-icon{display:inline-flex;font-size:15px;color:var(--gold);transition:color .3s}
body .ilvi-btn .elementor-button-icon svg{width:15px;height:15px;fill:currentColor}
body .ilvi-btn .elementor-button:hover .elementor-button-icon{color:#170f09}
body .ilvi-btn-full,body .ilvi-btn-full .elementor-button-wrapper,body .ilvi-btn-full .elementor-button{width:100%}

/* Textlink mit Pfeil (Elementor-Button mit Klasse ilvi-link) */
body .ilvi-link .elementor-button,.ilvi-link-fake .elementor-heading-title{display:inline-flex;align-items:center;gap:12px;padding:0;height:auto;background:none;border:0;font-family:var(--f-ui);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
body .ilvi-link .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:12px;flex-direction:row-reverse}
body .ilvi-link .elementor-button-text,.ilvi-link-fake .elementor-heading-title span{position:relative}
body .ilvi-link .elementor-button-text::after,.ilvi-link-fake .elementor-heading-title span::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform-origin:right;transform:scaleX(.35);transition:transform .5s var(--ease)}
body .ilvi-link .elementor-button:hover .elementor-button-text::after,.ilvi-tile:hover .ilvi-link-fake .elementor-heading-title span::after{transform:scaleX(1);transform-origin:left}
body .ilvi-link .elementor-button-icon{font-size:16px;color:var(--gold);transition:transform .5s var(--ease)}
body .ilvi-link .elementor-button-icon svg{width:16px;height:16px;fill:currentColor}
body .ilvi-link .elementor-button:hover .elementor-button-icon{transform:translateX(5px)}

/* ---------------------------------------------------------------- 5. Kopfzeile */
.hdr{position:fixed;inset:0 0 auto;z-index:50;transition:background .5s,border-color .5s;border-bottom:1px solid transparent}
.admin-bar .hdr{top:32px}
@media (max-width:782px){.admin-bar .hdr{top:46px}}
.hdr.solid{background:rgba(13,9,8,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:var(--line)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:92px;max-width:1440px;margin:0 auto;padding:0 var(--gut);transition:height .5s var(--ease)}
.hdr.solid .hdr-in{height:76px}
.hdr.solid .brand img{width:48px}
.nav-list{display:flex;gap:34px;list-style:none;margin:0;padding:0}
.nav-list a{font-family:var(--f-ui);font-size:12.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-2);position:relative;padding:8px 0;transition:color .3s;white-space:nowrap;display:block}
.nav-list a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--red);transform:scaleX(0);transition:transform .45s var(--ease)}
.nav-list a:hover,.nav-list .current-menu-item>a,.nav-list .current_page_item>a{color:var(--cream)}
.nav-list .current-menu-item>a::after,.nav-list .current_page_item>a::after,.nav-list a:hover::after{transform:scaleX(1)}
.hdr-cta{display:flex;align-items:center;gap:24px}
html body .hdr .btn{--h:46px;padding:0 24px}
.hdr-call{gap:9px}
.hdr-call svg,.btn.call svg{width:15px;height:15px;color:var(--gold);flex:none;transition:color .3s}
.btn.call:hover svg,.hdr-call:hover svg{color:#170f09}
.hdr-call .t{display:none}
html body .burger{display:none;background:none;padding:0;border-radius:0;width:46px;height:46px;border:1px solid var(--line-2);align-items:center;justify-content:center}
.burger span{width:18px;height:1px;background:var(--cream);position:relative;display:block}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:1px;background:var(--cream);transition:transform .4s var(--ease)}
.burger span::before{top:-6px}.burger span::after{top:6px}
.menu-open .burger span{background:transparent}
.menu-open .burger span::before{transform:translateY(6px) rotate(45deg)}
.menu-open .burger span::after{transform:translateY(-6px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:45;background:var(--bg);display:flex;flex-direction:column;justify-content:center;padding:110px var(--gut) 40px;clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ease);visibility:hidden}
.menu-open .mnav{clip-path:inset(0);visibility:visible}
.mnav-list{list-style:none;margin:0;padding:0}
.mnav-list a{font-family:var(--f-head);font-size:clamp(25px,6.6vw,34px);line-height:1.2;display:block;padding:9px 0;border-bottom:1px solid var(--line)}
.mnav-list li:last-child a{border-bottom:0}
.mnav-list .hervorheben a,.mnav-list .current-menu-item a{color:var(--gold);font-style:italic}
.mnav .mfoot{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-family:var(--f-ui);font-size:13px;letter-spacing:.08em;color:var(--cream-2);display:grid;gap:8px}
@media (max-width:1320px){.hdr-call .n{display:none}.hdr-call .t{display:inline}}
@media (max-width:1120px){.nav{display:none}html body .burger{display:flex}.hdr-cta{gap:12px}}
@media (max-width:760px){
  .mnav{inset:76px 12px auto 12px;padding:10px 22px 18px;justify-content:flex-start;background:rgba(19,14,12,.96);border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.55);clip-path:inset(0 0 100% 0 round 2px)}
  .menu-open .mnav{clip-path:inset(0 0 0 0 round 2px)}
  .mnav-list a{font-size:19px;padding:12px 0;line-height:1.25}
  .mnav .mfoot{margin-top:12px;padding-top:14px;font-size:12px;gap:6px}
}
@media (max-width:520px){
  .hdr-in,.hdr.solid .hdr-in{height:68px;gap:10px}
  html body .hdr .btn{--h:38px;padding:0 11px;font-size:10.5px;letter-spacing:.08em}
  html body .hdr .hdr-call{width:38px;padding:0}.hdr-call .t{display:none}.hdr-call svg{width:16px;height:16px}
  html body .burger{width:38px;height:38px}.hdr-cta{gap:6px}.brand{gap:8px}
  .brand img,.hdr.solid .brand img{width:36px}.wm b{font-size:17px}.wm i{font-size:13px}
  .mnav{inset:68px 10px auto 10px}
}
@media (max-width:374px){.brand img,.hdr.solid .brand img{width:32px}.wm b{font-size:15.5px}.wm i{font-size:12px}html body .hdr .btn{padding:0 9px;font-size:10px}}

/* ---------------------------------------------------------------- 5b. Elementor-Vorlage „Kopfzeile“ */
.hdr .hdr-in{display:block;height:auto;max-width:none;padding:0}
.hdr .elementor{width:100%}
body .e-con.ilvi-kopf{--padding-top:0;--padding-bottom:0;--padding-left:var(--gut);--padding-right:var(--gut);--row-gap:24px;--column-gap:24px;height:92px;max-width:1440px;margin:0 auto;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;transition:height .5s var(--ease)}
.hdr.solid .e-con.ilvi-kopf{height:76px}
body .e-con.ilvi-brand{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--row-gap:12px;--column-gap:12px;flex-direction:row;align-items:center;width:auto;flex:none}
.ilvi-brand-logo img{width:56px!important;height:auto;transition:width .5s var(--ease)}
.hdr.solid .ilvi-brand-logo img{width:48px!important}
body .e-con.ilvi-wm{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--row-gap:2px;--column-gap:2px;width:auto}
.ilvi-wm-1 .elementor-heading-title{font-family:var(--f-head);font-weight:700;font-size:24px;line-height:1;letter-spacing:.01em;color:var(--cream)}
.ilvi-wm-2 .elementor-heading-title{font-family:var(--f-head);font-style:italic;font-weight:400;font-size:18px;line-height:1;color:var(--red);text-shadow:0 0 7px rgba(255,226,206,.2)}
body .e-con.hdr-cta{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--row-gap:24px;--column-gap:24px;flex-direction:row;align-items:center;width:auto;flex:none}
.ilvi-kopf .elementor-widget{width:auto}
html body .ilvi-kopf .ilvi-btn .elementor-button{--h:46px;padding:0 24px}
html body .ilvi-kopf .hdr-call{--h:46px;padding:0 24px}
@media (max-width:1120px){.ilvi-kopf .elementor-widget-ilvi_navigation{order:3}body .e-con.ilvi-kopf{--row-gap:12px;--column-gap:12px}body .e-con.hdr-cta{--row-gap:12px;--column-gap:12px}}
@media (max-width:520px){
  body .e-con.ilvi-kopf,.hdr.solid .e-con.ilvi-kopf{height:68px;--row-gap:8px;--column-gap:8px}
  body .e-con.hdr-cta{--row-gap:6px;--column-gap:6px}
  body .e-con.ilvi-brand{--row-gap:8px;--column-gap:8px}
  .ilvi-brand-logo img,.hdr.solid .ilvi-brand-logo img{width:36px!important}
  .ilvi-wm-1 .elementor-heading-title{font-size:17px}.ilvi-wm-2 .elementor-heading-title{font-size:13px}
  html body .ilvi-kopf .ilvi-btn .elementor-button{--h:38px;padding:0 11px;font-size:10.5px;letter-spacing:.08em}
  html body .ilvi-kopf .hdr-call{--h:38px;width:38px;padding:0}
}
@media (max-width:374px){.ilvi-brand-logo img,.hdr.solid .ilvi-brand-logo img{width:32px!important}.ilvi-wm-1 .elementor-heading-title{font-size:15.5px}.ilvi-wm-2 .elementor-heading-title{font-size:12px}html body .ilvi-kopf .ilvi-btn .elementor-button{padding:0 9px;font-size:10px}}
.ilvi-kopf-ersatz{display:flex;align-items:center;justify-content:space-between;height:92px;max-width:1440px;margin:0 auto;padding:0 var(--gut)}

/* ---------------------------------------------------------------- 5c. Elementor-Vorlage „Reservierungsband“ */
body .e-con.ilvi-band{--padding-top:clamp(110px,12vw,180px);--padding-bottom:clamp(110px,12vw,180px);--padding-left:var(--gut);--padding-right:var(--gut);position:relative;overflow:hidden;text-align:center;align-items:center;isolation:isolate;background-color:var(--bg);background-size:cover;background-position:center}
.ilvi-band::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(13,9,8,.78),rgba(13,9,8,.78)),linear-gradient(var(--bg),rgba(13,9,8,.5) 40%,rgba(13,9,8,.6) 70%,var(--bg)),radial-gradient(ellipse 70% 55% at 50% 100%,rgba(110,26,24,.22),transparent 70%)}
.ilvi-band .elementor-widget-text-editor{max-width:560px;margin-left:auto;margin-right:auto}
.ilvi-band .elementor-widget-ilvi_telefon{margin:0!important;padding:28px 0 40px}
.ilvi-band .ilvi-band-btns .elementor-widget-ilvi_telefon{padding:0}
.ilvi-band-btns{align-items:center}
.ilvi-bigtel .ilvi-tel-text{font-family:var(--f-head);font-size:clamp(30px,2.8vw,40px);line-height:1.2;color:var(--cream)}
.ilvi-bigtel .ilvi-tel-text:hover{color:var(--gold)}
body .e-con.ilvi-band-btns{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--row-gap:14px;--column-gap:14px;flex-direction:row;flex-wrap:wrap;justify-content:center;width:auto}
.ilvi-band-btns>.elementor-widget{width:auto}
@media (max-width:760px){
  body .e-con.ilvi-band-btns{display:grid!important;grid-template-columns:1fr 54px;gap:12px 10px;width:min(300px,100%);margin:0 auto}
  .ilvi-band-btns>.elementor-widget{width:100%}
  .ilvi-band-btns .elementor-button,.ilvi-band-btns .btn{width:100%;padding:0 14px}
  .ilvi-band-btns>.elementor-widget:last-child{grid-column:1/-1}
}

/* ---------------------------------------------------------------- 5d. Elementor-Vorlage „Footer“ */
.ftr:has(.ilvi-fuss){padding:0;border-top:0}
body .e-con.ilvi-fuss{--padding-top:80px;--padding-bottom:34px;--padding-left:var(--gut);--padding-right:var(--gut);--row-gap:0;--column-gap:0;border-top:1px solid var(--line);background-color:var(--bg-ftr)}
body .e-con.ilvi-fuss-grid{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;display:grid!important;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px}
body .e-con.ilvi-fuss-sp{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--row-gap:0;--column-gap:0;width:auto}
.ilvi-fuss .elementor-widget-text-editor,.ilvi-fuss li,.ilvi-fuss .ilvi-tel-text{color:var(--cream-2);font-size:18px}
.ilvi-fuss .ilvi-claim{font-style:italic;max-width:330px;margin-top:22px}
.ilvi-fuss-h .elementor-heading-title{font-family:var(--f-ui);font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.ilvi-fuss a:hover{color:var(--gold)}
.ilvi-fuss .elementor-widget-text-editor a{color:inherit;text-decoration:none}
.ilvi-fuss .elementor-widget-text-editor p{margin:0 0 8px}
.ilvi-fuss .elementor-widget-ilvi_telefon{margin-bottom:8px}
body .e-con.ilvi-fuss-bot{--padding-top:26px;--padding-bottom:0;--padding-left:0;--padding-right:0;--row-gap:20px;--column-gap:20px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:64px;border-top:1px solid var(--line)}
.ilvi-fuss-bot,.ilvi-fuss-bot .elementor-widget-text-editor,.ilvi-fuss-bot a{font-family:var(--f-ui);font-size:11px!important;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-3)!important}
.ilvi-fuss-bot .elementor-widget{width:auto}
.ilvi-fuss-bot p{margin:0!important}
@media (max-width:900px){body .e-con.ilvi-fuss-grid{grid-template-columns:1fr 1fr}.ilvi-fuss-grid>.e-con:first-child{grid-column:1/-1}}
@media (max-width:520px){body .e-con.ilvi-fuss-grid{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- 6. Abschnitte (Elementor-Container) */
/* ilvi-sec: äußerer Container eines Abschnitts. Varianten: ilvi-light (Leinen), ilvi-tint (dunkler). */
body .e-con.ilvi-sec{--padding-top:clamp(84px,9.5vw,138px);--padding-bottom:clamp(84px,9.5vw,138px);--padding-left:var(--gut);--padding-right:var(--gut);background-color:var(--bg)}
body .e-con.ilvi-sec-kurz{--padding-top:clamp(60px,6vw,90px)}
body .e-con.ilvi-tint{background-color:var(--bg-2)}
body .e-con.ilvi-light,.ilvi-light{--bg:var(--bg-light);--bg-2:#231a16;--bg-3:#2a201b;--line:rgba(212,160,90,.2);background-color:var(--bg)}
.e-con.ilvi-sec{position:relative}

/* Kopfbereich eines Abschnitts (zentriert) */
body .e-con.ilvi-head{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;max-width:760px;margin:0 auto clamp(48px,5.5vw,76px);text-align:center;align-items:center}
body .ilvi-head .elementor-widget{width:100%}
body .ilvi-head .ilvi-eyebrow{width:auto}

/* Kleine Überschriften (Label) mit Strich */
.ilvi-eyebrow .elementor-heading-title{display:inline-flex;align-items:center;gap:14px;text-shadow:0 0 7px rgba(255,226,206,.2)}
.ilvi-eyebrow .elementor-heading-title::before,.ilvi-eyebrow-c .elementor-heading-title::after{content:"";width:34px;height:1px;background:var(--red);flex:none}
.ilvi-hero .ilvi-eyebrow .elementor-heading-title{text-shadow:none}
.ilvi-hand .elementor-heading-title{transform:rotate(-2deg);display:block}
.ilvi-drop p:first-child::first-letter{font-family:var(--f-head);float:left;font-size:4.1em;line-height:.82;padding:.08em .12em 0 0;color:var(--gold);font-weight:600}
.ilvi-rule{display:flex;align-items:center;justify-content:center;gap:12px;margin:26px auto 0}
.ilvi-rule::before,.ilvi-rule::after{content:"";width:72px;height:1px;background:var(--line-2)}
.ilvi-rule .elementor-widget-container,.ilvi-rule>*{width:7px;height:7px;background:var(--red);transform:rotate(45deg)}

/* Zwei Spalten (Bild + Text), auf dem Tablet untereinander */
body .e-con.ilvi-zwei{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0}

/* Bildrahmen „Über mich“: großes Bild + kleines, überlappendes Bild */
body .e-con.ilvi-about-media{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;position:relative;aspect-ratio:4/5;width:100%;display:block;filter:drop-shadow(0 0 30px rgba(236,200,140,.07)) drop-shadow(0 0 80px rgba(236,200,140,.035))}
.ilvi-about-media>.elementor-widget,.ilvi-about-media>.e-con-inner>.elementor-widget{position:absolute;overflow:hidden;margin:0}
.ilvi-about-media .ilvi-am-a{inset:0 18% 12% 0}
.ilvi-about-media .ilvi-am-b{right:0;bottom:0;width:46%;aspect-ratio:4/5;border:10px solid var(--bg);box-shadow:0 30px 60px rgba(0,0,0,.5);z-index:2}
.ilvi-about-media.ilvi-solo .ilvi-am-a{inset:0}
/* ilvi-cover: Bild füllt seinen Rahmen (Rahmenhöhe kommt vom Elternelement bzw. Seitenverhältnis) */
.ilvi-cover{width:100%;margin:0}
.ilvi-cover .elementor-widget-container,.ilvi-cover a,.ilvi-cover figure{height:100%;width:100%;display:block;margin:0}
.ilvi-cover img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block}
.ilvi-tile>.ilvi-cover,.ilvi-kfig>.ilvi-cover,.ilvi-teaser>.ilvi-cover,.ilvi-marble-img>.ilvi-cover,.ilvi-story-img>.ilvi-cover,.ilvi-gal>.ilvi-cover{height:100%}
.ilvi-about-media>.ilvi-am-a{width:auto;height:auto}
.ilvi-about-media>.ilvi-am-b{height:auto}
.ilvi-pimg{height:auto}

/* Bildausschnitte (Elementor: Erweitert → CSS-Klassen am Bild) */
.ilvi-op-oben img{object-position:50% 28%!important}
.ilvi-op-chef img{object-position:84% 30%!important}
.ilvi-op-40 img{object-position:50% 40%!important}
.ilvi-op-links img{object-position:24% 50%!important}

/* Sign-off „Ilvi – Inhaber & Küchenchef“ */
body .e-con.ilvi-sign{--padding-top:26px;--padding-bottom:0;--padding-left:0;--padding-right:0;margin-top:30px;border-top:1px solid var(--line);align-items:center}
.ilvi-sign-name .elementor-heading-title{line-height:1}
.ilvi-sign-rolle .elementor-heading-title{display:block;font-family:var(--f-ui);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--cream-3)}

/* Wegweiser-Kacheln */
body .e-con.ilvi-tile{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;position:relative;aspect-ratio:3/4;overflow:hidden;justify-content:flex-end;isolation:isolate}
.ilvi-tile>.ilvi-cover{position:absolute!important;inset:0;z-index:-2}
.ilvi-tile>.ilvi-cover img{transition:transform 1.4s var(--ease)}
.ilvi-tile:hover>.ilvi-cover img{transform:scale(1.06)}
.ilvi-tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,9,8,.05) 30%,rgba(13,9,8,.7) 60%,rgba(13,9,8,.96));pointer-events:none}
body .e-con.ilvi-tile-in{--padding-top:30px;--padding-bottom:30px;--padding-left:28px;--padding-right:28px;--row-gap:10px;--column-gap:10px;width:100%}
.ilvi-tile-k .elementor-heading-title{font-family:var(--f-ui);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--label);text-shadow:0 0 7px rgba(255,226,206,.2)}
.ilvi-tile .elementor-widget-text-editor{color:var(--cream-2);font-size:.95em;line-height:1.45;margin-bottom:8px}
@media (max-width:900px){body .e-con.ilvi-tile{aspect-ratio:4/4.4}.ilvi-tile::after{background:linear-gradient(180deg,rgba(13,9,8,0) 22%,rgba(13,9,8,.8) 55%,rgba(13,9,8,.97))}}

/* Bildraster „Aus unserer Küche“ */
body .e-con.ilvi-kitchen{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;display:grid!important;grid-template-columns:repeat(6,1fr);grid-auto-rows:clamp(150px,15vw,220px);gap:clamp(10px,1.2vw,16px)}
body .e-con.ilvi-kfig{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;position:relative;overflow:hidden;justify-content:flex-end;isolation:isolate;width:auto;max-width:none}
.ilvi-kfig>.ilvi-cover{position:absolute!important;inset:0;z-index:-2}
.ilvi-kfig>.ilvi-cover img{transition:transform 1.4s var(--ease)}
.ilvi-kfig:hover>.ilvi-cover img{transform:scale(1.05)}
.ilvi-kfig::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60%;z-index:-1;background:linear-gradient(transparent,rgba(20,12,8,.78));pointer-events:none}
.ilvi-kfig .ilvi-kcap{padding:0 20px 16px}
.ilvi-kcap-k .elementor-heading-title{display:block;font-family:var(--f-ui);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#e2b977;margin-bottom:4px}
.ilvi-kcap-t .elementor-heading-title{font-family:var(--f-head);font-size:19px;line-height:1.2;color:#f5e9d4}
.ilvi-k1{grid-column:1/4;grid-row:span 2}.ilvi-k2{grid-column:4/6;grid-row:span 2}.ilvi-k3{grid-column:6/7;grid-row:span 2}.ilvi-k4{grid-column:1/3;grid-row:span 2}.ilvi-k5{grid-column:3/7;grid-row:span 2}
@media (max-width:760px){body .e-con.ilvi-kitchen{grid-template-columns:1fr 1fr;grid-auto-rows:170px}.ilvi-k1,.ilvi-k5{grid-column:1/3;grid-row:span 1}.ilvi-k2,.ilvi-k3,.ilvi-k4{grid-column:auto;grid-row:span 1}.ilvi-k4{grid-column:1/3}.ilvi-kcap-t .elementor-heading-title{font-size:16px}.ilvi-kfig .ilvi-kcap{padding:0 14px 12px}}

/* Marmorierung */
body .e-con.ilvi-marble-img{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;aspect-ratio:5/4;overflow:hidden;position:relative;border:10px solid #2a201b;box-shadow:0 30px 60px rgba(0,0,0,.5);display:block}
.ilvi-marble-img>.elementor-widget{position:absolute;inset:0;margin:0}
.ilvi-marble-img img{filter:saturate(.92) contrast(1.04)}
.ilvi-marble-img::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 120px rgba(13,9,8,.55);pointer-events:none;z-index:1}

/* Infoliste (Adresse, Zeiten …) */
body .e-con.ilvi-vlist{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;margin-top:36px;border-top:1px solid var(--line);--row-gap:0;--column-gap:0}
body .e-con.ilvi-vrow{--padding-top:22px;--padding-bottom:22px;--padding-left:0;--padding-right:0;display:grid!important;grid-template-columns:150px 1fr;gap:20px;border-bottom:1px solid var(--line);align-items:baseline}
.ilvi-vrow .elementor-widget{margin:0}
.ilvi-vdt .elementor-heading-title{font-family:var(--f-ui);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:500}
.ilvi-vdd .elementor-heading-title{font-family:var(--f-head);font-size:21px;line-height:1.4;font-weight:400}
.ilvi-vdd .elementor-heading-title small{display:block;font-family:var(--f-body);font-size:17px;color:var(--cream-2);font-style:italic}
@media (max-width:900px){body .e-con.ilvi-vrow{grid-template-columns:1fr;gap:6px}}

/* Bild mit Buttons (Teaser „Besuchen Sie uns“) */
body .e-con.ilvi-teaser{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;position:relative;min-height:440px;overflow:hidden;background:var(--bg-3);border:1px solid var(--line);justify-content:flex-end;isolation:isolate}
.ilvi-teaser>.ilvi-cover{position:absolute!important;inset:0;z-index:-2}
.ilvi-teaser::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(13,9,8,0) 30%,rgba(13,9,8,.92));pointer-events:none}
body .e-con.ilvi-btns{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--row-gap:12px;--column-gap:12px;flex-wrap:wrap}
.ilvi-btns>.elementor-widget{width:auto}
@media (max-width:900px){body .e-con.ilvi-teaser{min-height:380px}}

/* Philosophie */
body .e-con.ilvi-three{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--row-gap:0;--column-gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body .e-con.ilvi-art{--padding-top:clamp(34px,4vw,54px);--padding-bottom:clamp(34px,4vw,54px);--padding-left:clamp(22px,3vw,44px);--padding-right:clamp(22px,3vw,44px);--row-gap:0;--column-gap:0}
.ilvi-art+.ilvi-art{border-left:1px solid var(--line)}
.ilvi-pimg{aspect-ratio:4/3;overflow:hidden;margin-bottom:32px!important}
.ilvi-pimg img{transition:transform 1.4s var(--ease)}
.ilvi-art:hover .ilvi-pimg img{transform:scale(1.05)}
.ilvi-num .elementor-heading-title{font-family:var(--f-head);font-style:italic;font-size:58px;line-height:1;color:transparent;-webkit-text-stroke:1px var(--gold);display:block;margin-bottom:22px}
.ilvi-art .elementor-widget-heading h3{margin-bottom:14px}
@media (max-width:900px){.ilvi-art+.ilvi-art{border-left:0;border-top:1px solid var(--line)}}

/* Zeitleiste „Über mich“ */
body .e-con.ilvi-path{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--row-gap:0;--column-gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:clamp(64px,7vw,100px)}
body .e-con.ilvi-path-i{--padding-top:34px;--padding-bottom:34px;--padding-left:30px;--padding-right:30px;--row-gap:0;--column-gap:0}
.ilvi-path-i+.ilvi-path-i{border-left:1px solid var(--line)}
.ilvi-path-b{font-family:var(--f-head);font-size:clamp(30px,2.8vw,42px);font-weight:500;color:var(--gold);line-height:1.1;white-space:nowrap}
.ilvi-path-b p{margin:0}
.ilvi-path-i h3.elementor-heading-title{font-size:20px;margin:12px 0 6px}
@media (max-width:900px){.ilvi-path-i+.ilvi-path-i{border-left:0;border-top:1px solid var(--line)}}

/* Zitatband */
body .e-con.ilvi-quote{--padding-top:clamp(90px,10vw,140px);--padding-bottom:clamp(90px,10vw,140px);text-align:center;align-items:center}
.ilvi-blockquote .elementor-heading-title{max-width:980px;margin:28px auto 0}
.ilvi-cite .elementor-heading-title{display:block;margin-top:30px;font-family:var(--f-ui);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--cream-3)}

/* Bild-Geschichten (Das Haus) */
body .e-con.ilvi-story-img{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;aspect-ratio:4/5;overflow:hidden;display:block;position:relative}
.ilvi-story-img>.elementor-widget{position:absolute;inset:0;margin:0}
.ilvi-story-img.ilvi-schein{filter:drop-shadow(0 0 30px rgba(236,200,140,.035)) drop-shadow(0 0 80px rgba(236,200,140,.018))}

/* Galerie „Ein Blick ins Haus“ (Bilder öffnen sich groß per Klick) */
body .e-con.ilvi-gal{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;display:grid!important;gap:clamp(10px,1.2vw,16px);grid-template-columns:1.15fr .85fr .85fr 1.15fr;grid-template-rows:repeat(2,clamp(170px,19vw,280px)) repeat(2,clamp(190px,21vw,320px))}
.ilvi-gal>.elementor-widget{margin:0;overflow:hidden;cursor:zoom-in}
.ilvi-gal img{transition:transform 1.4s var(--ease)}
.ilvi-gal>.elementor-widget:hover img{transform:scale(1.05)}
.ilvi-e1{grid-column:1;grid-row:1/3}.ilvi-e2{grid-column:2/4;grid-row:1}.ilvi-e3{grid-column:2;grid-row:2}.ilvi-e4{grid-column:3;grid-row:2}.ilvi-e5{grid-column:4;grid-row:1/3}.ilvi-e6{grid-column:1/3;grid-row:4}.ilvi-e7{grid-column:3/5;grid-row:3}.ilvi-e8{grid-column:3/5;grid-row:4}.ilvi-e9{grid-column:1/3;grid-row:3}
.ilvi-e3 img{object-position:50% 62%!important}.ilvi-e4 img{object-position:50% 70%!important}.ilvi-e6 img{object-position:50% 72%!important}.ilvi-e8 img{object-position:50% 16%!important}.ilvi-e9 img{object-position:50% 92%!important}
@media (max-width:760px){
  body .e-con.ilvi-gal{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:150px}
  .ilvi-e1,.ilvi-e5{grid-column:auto;grid-row:span 2}.ilvi-e2,.ilvi-e7,.ilvi-e9{grid-column:1/3;grid-row:auto}.ilvi-e3,.ilvi-e4,.ilvi-e6,.ilvi-e8{grid-column:auto;grid-row:span 1}
  .ilvi-e1{order:1}.ilvi-e5{order:2}.ilvi-e2{order:3}.ilvi-e3{order:4}.ilvi-e4{order:5}.ilvi-e6{order:6}.ilvi-e8{order:7}.ilvi-e9{order:8}.ilvi-e7{order:9}
}

/* Karten (Reservieren-Seite) */
body .e-con.ilvi-card{--padding-top:34px;--padding-bottom:34px;--padding-left:34px;--padding-right:34px;--row-gap:0;--column-gap:0;border:1px solid var(--line);--margin-bottom:18px;margin-bottom:18px}
.ilvi-card-h .elementor-heading-title{margin-bottom:14px}
.ilvi-bigtel .elementor-heading-title{font-family:var(--f-head);font-size:clamp(30px,2.8vw,40px);line-height:1.2;color:var(--cream)}
.ilvi-bigtel .elementor-heading-title a:hover{color:var(--gold)}

/* Rechtstexte */
body .e-con.ilvi-legal{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--row-gap:0;--column-gap:0;max-width:820px;margin:0 auto;width:100%}
.ilvi-legal .elementor-widget-heading h2.elementor-heading-title{font-size:30px;margin:46px 0 12px}
.ilvi-legal .elementor-widget-text-editor{color:var(--cream-2)}
.ilvi-legal .elementor-widget-text-editor b,.ilvi-legal .elementor-widget-text-editor strong{color:var(--cream)}
.ilvi-legal ul{margin:0 0 1em;padding-left:1.2em}

/* Kleinteile */
.nw{white-space:nowrap}
.ilvi-sign .ilvi-link{margin-left:auto}
.ilvi-addr .elementor-heading-title{font-family:var(--f-head);font-size:21px;line-height:1.4;font-weight:400}
.ilvi-maillink a{color:var(--cream-2);text-decoration:none}
.ilvi-maillink a:hover{color:var(--gold)}
.ilvi-mend{text-align:center;font-style:italic}
body .e-con.ilvi-sec-karte{--padding-top:0;--padding-bottom:110px}
body .e-con.ilvi-sec-recht{--padding-top:30px}
@media (min-width:901px){.ilvi-tiles>.e-con{flex:1 1 0;min-width:0}}
@media (max-width:900px){.ilvi-tiles>.e-con{width:100%}}
.ilvi-bigtel .elementor-heading-title a{color:inherit}
.ilvi-vdd .elementor-heading-title a:hover{color:var(--gold)}

/* Garstufen: auf dem Handy Text oben, dann Zeichnung, dann Auswahl */
@media (max-width:760px){
  body .e-con.ilvi-done{display:flex;flex-direction:column;--row-gap:0;--column-gap:0}
  body .e-con.ilvi-done>.ilvi-done-r{display:contents}
  .ilvi-done .ilvi-o1{order:1}.ilvi-done .ilvi-o2{order:2}.ilvi-done .ilvi-o3{order:3;margin-bottom:10px!important}
  .ilvi-done>.ilvi-done-l{order:4}.ilvi-done .ilvi-o5{order:5}
  .ilvi-done .ilvi-o2 .elementor-heading-title{font-size:clamp(28px,7.4vw,34px)}
}

/* ---------------------------------------------------------------- 7. Hero (Startseite) */
body .e-con.ilvi-hero{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;position:relative;min-height:max(660px,100svh);max-height:1100px;overflow:hidden;text-align:center;justify-content:center;align-items:center;isolation:isolate}
body .e-con.ilvi-hero-c{--padding-top:110px;--padding-bottom:90px;--padding-left:var(--gut);--padding-right:var(--gut);--row-gap:0;--column-gap:0;position:relative;z-index:2;align-items:center;width:100%}
.ilvi-hero-logo img{width:clamp(88px,8vw,116px)!important;height:auto;filter:drop-shadow(0 6px 26px rgba(0,0,0,.6))}
.ilvi-hero h1.elementor-heading-title{text-shadow:0 4px 40px rgba(0,0,0,.45)}
.ilvi-hero h1 .by{display:block;font-style:italic;font-weight:500;color:var(--red);font-size:.56em;line-height:.95;letter-spacing:0;margin-top:.08em;text-shadow:0 0 28px var(--red-glow),0 4px 40px rgba(0,0,0,.45)}
.ilvi-hero-lead{color:var(--cream)}
@media (min-width:901px){.ilvi-hero-lead p{white-space:nowrap}}
body .e-con.ilvi-hero-btns{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--row-gap:14px;--column-gap:14px;flex-wrap:wrap;justify-content:center;width:auto}
.ilvi-hero-btns>.elementor-widget{width:auto}
@media (max-width:760px){
  body .e-con.ilvi-hero-btns{display:grid!important;grid-template-columns:1fr 54px;gap:12px 10px;width:min(300px,100%);margin:0 auto}
  .ilvi-hero-btns>.elementor-widget{width:100%}
  .ilvi-hero-btns .elementor-button{width:100%;padding:0 14px}
  .ilvi-hero-btns .ilvi-btn-call .elementor-button{padding:0}
  .ilvi-hero-btns .ilvi-btn-call .elementor-button-text{display:none}
  .ilvi-hero-btns>.elementor-widget:last-child{grid-column:1/-1}
  .ilvi-hero h1.elementor-heading-title{text-shadow:0 2px 18px rgba(0,0,0,.8),0 0 2px rgba(0,0,0,.5)}
  .ilvi-hero .ilvi-hero-lead{text-shadow:0 1px 12px rgba(0,0,0,.85)}
  .ilvi-hero .ilvi-eyebrow .elementor-heading-title{white-space:nowrap;font-size:9.5px;letter-spacing:.2em;gap:10px}
  .ilvi-hero .ilvi-eyebrow .elementor-heading-title::before,.ilvi-hero .ilvi-eyebrow .elementor-heading-title::after{width:20px}
  body .e-con.ilvi-hero-c{--padding-bottom:100px}
}

/* ---------------------------------------------------------------- 8. Unterseiten-Kopf */
body .e-con.ilvi-phero{--padding-top:200px;--padding-bottom:132px;--padding-left:var(--gut);--padding-right:var(--gut);position:relative;overflow:hidden;text-align:center;min-height:64vh;justify-content:flex-end;align-items:center;isolation:isolate;background-size:cover;background-position:center}
.ilvi-phero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(13,9,8,.38),rgba(13,9,8,.38)),linear-gradient(180deg,rgba(13,9,8,.7),rgba(13,9,8,.32) 40%,rgba(13,9,8,.55) 75%,var(--bg))}
body .e-con.ilvi-phero-klein{min-height:44vh}
.ilvi-phero .elementor-widget-text-editor{max-width:640px;margin:20px auto 0}
@media (max-width:760px){body .e-con.ilvi-phero{--padding-bottom:96px}}
.phero{position:relative;padding:200px 0 100px;text-align:center;min-height:44vh;display:grid;align-items:end}
.phero h1{font-size:clamp(54px,8vw,116px)}
.sec{padding:clamp(60px,6vw,90px) 0}
.legal{max-width:820px;margin:0 auto}
.legal h2{font-size:30px;margin:46px 0 12px}
.legal p,.legal li{color:var(--cream-2)}
.legal a{color:var(--gold);text-decoration:underline}

/* ---------------------------------------------------------------- 9. Reservierungsband (Theme) */
.res{position:relative;overflow:hidden;text-align:center;padding:clamp(110px,12vw,180px) 0;background:radial-gradient(ellipse 70% 55% at 50% 100%,rgba(110,26,24,.22),transparent 70%),var(--bg)}
.res .bgimg{position:absolute;inset:0;z-index:0;opacity:.22}
.res .bgimg img{width:100%;height:100%;object-fit:cover;display:block}
.res .bgimg::after{content:"";position:absolute;inset:0;background:linear-gradient(var(--bg),rgba(13,9,8,.5) 40%,rgba(13,9,8,.6) 70%,var(--bg))}
.res .wrap{position:relative;z-index:2}
.res .hand{font-family:var(--f-hand);font-weight:600;color:var(--gold);font-size:clamp(26px,2.4vw,34px);line-height:1;display:block;transform:rotate(-2deg)}
.res h2{font-size:clamp(40px,5vw,72px);margin:24px 0 22px}
.res .lead{font-size:clamp(21px,1.7vw,25px);line-height:1.5;color:var(--cream-2);font-style:italic;max-width:560px;margin:0 auto}
.res .tel{display:inline-block;font-family:var(--f-head);font-size:clamp(34px,4.4vw,60px);line-height:1.1;color:var(--gold);margin:30px 0 46px;letter-spacing:.01em;transition:color .3s}
.res .tel:hover{color:var(--gold-2)}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
@media (max-width:760px){.res .hero-btns{display:grid;grid-template-columns:1fr 54px;gap:12px 10px;width:min(300px,100%);margin:0 auto}.res .hero-btns .btn{width:100%;padding:0 14px}.res .hero-btns .btn.call{padding:0;font-size:0;gap:0}.res .hero-btns .btn.call svg{width:18px;height:18px}.res .hero-btns .btn:last-child{grid-column:1/-1}}

/* ---------------------------------------------------------------- 10. Footer */
.ftr{border-top:1px solid var(--line);padding:80px 0 34px;background:var(--bg-ftr)}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px}
.ftr h4{font-family:var(--f-ui);font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.ftr p,.ftr li{color:var(--cream-2);font-size:18px}
.ftr .claim{font-style:italic;max-width:330px}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ftr li.zu{color:var(--cream-3)}
.ftr li.social{margin-top:6px}
.ftr a:hover{color:var(--gold)}
.ftr .brand{margin-bottom:22px}
.fbot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:64px;padding-top:26px;border-top:1px solid var(--line);font-family:var(--f-ui);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-3)}
.fbot nav{display:flex;gap:26px}
.fbot nav li{list-style:none;font-size:inherit;color:inherit}
@media (max-width:900px){.fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child{grid-column:1/-1}}
@media (max-width:520px){.fgrid{grid-template-columns:1fr}}

/* ---------------------------------------------------------------- 11. Handy, Touch, Barrierefreiheit */
@media (max-width:760px){
  .ilvi-story-img,.ilvi-about-media.ilvi-solo{width:82%!important;margin-left:auto;margin-right:auto}
}
@media (max-width:900px),(hover:none){
  body::after{display:none}
  .hdr.solid,.mnav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .hdr.solid{background:rgba(13,9,8,.97)}.mnav{background:rgb(19,14,12)}
  .ilvi-about-media,.ilvi-story-img,.ilvi-hero-logo img{filter:none!important}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Elementor-Editor: feste Kopfzeile verdeckt nichts */
.elementor-editor-active .hdr{position:absolute}

html body .btn:hover,html body .btn:focus{color:#170f09;background-color:var(--gold)}
html body .btn.ghost:hover,html body .btn.ghost:focus{background-color:transparent}
html body .burger:hover{background:none;border-color:var(--gold)}