@import url('https://fonts.googleapis.com/css2?family=Ephesis&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
:root{--blue:#063d78;--blue2:#0b5aa6;--cream:#f7f1e5;--gold:#c7a65a;--ink:#17324d;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Montserrat',Arial,Helvetica,sans-serif;color:#203040;background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}.top{background:var(--blue);color:#fff;font-size:14px}.top .wrap{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.mast{background:#f7f1e5;padding:0;overflow:hidden}.mast .wrap{width:min(1280px,96%)}.mastgrid{display:grid;grid-template-columns:minmax(330px,1fr) minmax(330px,1fr) minmax(480px,1.45fr);align-items:stretch;gap:0;min-height:155px}.brandblock{display:flex;align-items:center;justify-content:center;background:#f7f1e5;padding:12px 24px}.logo{width:330px;max-width:100%;height:auto;display:block;filter:brightness(0) saturate(100%) invert(20%) sepia(63%) saturate(1707%) hue-rotate(181deg) brightness(87%) contrast(102%)}.claim{display:flex;align-items:center;justify-content:center;background:#f7f1e5;font-family:'Montserrat',Arial,sans-serif;font-style:italic;font-size:27px;line-height:1.35;color:var(--blue);text-align:center;padding:15px 25px}.headerpic{min-width:0;overflow:hidden}.headerpic img{width:100%;height:100%;min-height:155px;object-fit:cover;object-position:center;display:block}.nav{position:sticky;top:0;z-index:20;background:#063d78;color:#fff;box-shadow:0 2px 8px #0003}.nav .wrap{display:flex;align-items:center;gap:24px;min-height:52px}.nav a{font-size:14px;font-weight:700}.nav a:hover{color:#f2d58d}.menuBtn{display:none;background:none;border:0;color:#fff;font-size:28px}.hero{min-height:560px;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.65)),url('images/PSX_20241021_224307.jpg') center/cover;display:flex;align-items:center}.hero .inner{width:min(1180px,92%);margin:auto;display:flex;justify-content:flex-end}.heroBox{width:min(570px,100%);color:#fff;text-align:center;padding:42px 30px}.eyebrow{text-transform:uppercase;letter-spacing:3px}.hero h1{font:italic 54px 'Montserrat',Arial,sans-serif;margin:5px 0 10px}.hero p{font:italic 26px 'Montserrat',Arial,sans-serif}.buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}.btn{padding:14px 20px;border-radius:7px;font-weight:700;background:var(--blue2);color:#fff;border:2px solid transparent}.btn.alt{background:var(--cream);color:var(--blue)}.btn.out{background:transparent;border-color:#fff}.features{background:var(--cream);border-bottom:1px solid #e1d8c6}.featuregrid{display:grid;grid-template-columns:repeat(4,1fr)}.feature{text-align:center;padding:22px 15px;border-right:1px solid #ded5c4}.feature:last-child{border:0}.feature b{display:block;color:var(--blue);font:700 19px 'Montserrat',Arial,sans-serif}.section{padding:64px 0}.two{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}h2{font:700 38px 'Montserrat',Arial,sans-serif;color:var(--blue);margin:0 0 18px}.lead{font-size:18px}.photo{width:100%;height:360px;object-fit:cover;border-radius:3px}.script{font:italic 23px 'Montserrat',Arial,sans-serif;color:var(--blue)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:42px}.card{height:230px;position:relative;overflow:hidden}.card img{width:100%;height:100%;object-fit:cover;transition:.3s}.card:hover img{transform:scale(1.04)}.card span{position:absolute;left:0;right:0;bottom:0;padding:18px;color:#fff;background:linear-gradient(transparent,#063d78 45%);font:700 20px 'Montserrat',Arial,sans-serif}.hoursContact{background:var(--cream);padding:45px 0}.hcgrid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.hoursbox{background:#fff;border-radius:12px;padding:25px;box-shadow:0 6px 22px #0001}.statusHeader{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:bold}.dot{width:13px;height:13px;border-radius:50%;background:#999}.dot.open{background:#20a84b}.dot.closed{background:#d93025}.dayrow{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:8px 0;gap:15px}.contact p{margin:7px 0}.footer{background:#052f5b;color:#fff;padding:28px 0;font-size:14px}.footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.legal{opacity:.9;display:flex;gap:18px}.subhero{padding:70px 0;background:var(--cream);text-align:center}.content{padding:50px 0}.legacy{display:inline-block;margin-top:10px;color:var(--blue);font-weight:bold}.adminlink{opacity:.6}
@media(max-width:850px){.top .wrap{flex-direction:column;gap:2px}.mast .wrap{width:94%}.mastgrid{grid-template-columns:1fr 1fr;min-height:125px}.brandblock{padding:10px 18px 10px 0}.logo{max-width:100%;width:280px}.claim{display:none}.headerpic img{min-height:125px}.menuBtn{display:block;margin-left:auto}.nav .wrap{flex-wrap:wrap;gap:0}.navlinks{display:none;width:100%;padding:10px 0}.navlinks.open{display:grid}.navlinks a{padding:11px 0}.hero{min-height:500px}.heroBox{background:#0005}.hero h1{font-size:42px}.featuregrid,.cards{grid-template-columns:1fr 1fr}.two,.hcgrid{grid-template-columns:1fr}.photo{height:300px}}@media(max-width:520px){.mastgrid{grid-template-columns:1fr}.brandblock{justify-content:center;padding:12px}.headerpic{display:none}.featuregrid,.cards{grid-template-columns:1fr}.hero h1{font-size:35px}.hero p{font-size:21px}.section{padding:42px 0}h2{font-size:31px}}
/* Kopfbereich exakt an die freigegebene Vorschau angeglichen */
.mast{height:155px;background:var(--cream);overflow:hidden}
.mast .wrap{width:100%;max-width:none;height:100%}
.mastgrid{height:155px;min-height:155px;grid-template-columns:38% 27% 35%;align-items:stretch}
.brandblock{height:155px;background:var(--cream);padding:10px 28px 10px 5vw;justify-content:center;overflow:hidden}
.logo{width:auto;max-width:100%;height:135px;max-height:135px;object-fit:contain;filter:brightness(0) saturate(100%) invert(20%) sepia(63%) saturate(1707%) hue-rotate(181deg) brightness(87%) contrast(102%)}
.claim{height:155px;background:var(--cream);font-size:25px;padding:10px 10px;white-space:nowrap}
.headerpic{height:155px;background:var(--cream);overflow:hidden}
.headerpic img{width:100%;height:155px;min-height:155px;object-fit:cover;object-position:center center;display:block;opacity:.82}
.nav .wrap{width:min(1180px,94%);justify-content:flex-start}
.hero{min-height:420px;height:clamp(420px,42vw,520px)}
.heroBox{padding:32px 24px}
.hero h1{font-size:50px}
.features .wrap{width:min(1180px,96%)}
@media(max-width:850px){.mast{height:125px}.mastgrid{height:125px;min-height:125px;grid-template-columns:48% 52%}.brandblock{height:125px;padding:8px 16px}.logo{height:108px;max-height:108px}.headerpic{height:125px}.headerpic img{height:125px;min-height:125px}.claim{display:none;height:125px}.hero{height:auto;min-height:500px}}
@media(max-width:520px){.mast{height:auto}.mastgrid{height:auto;min-height:0}.brandblock{height:125px}.headerpic{display:none}}

/* Finaler Kopf: vollständiger Olivenzweig + weicher Übergang wie Vorschau */
.mast{background:var(--cream)}
.mastgrid{grid-template-columns:34% 28% 38%;position:relative;overflow:visible}
.brandblock,.claim{position:relative;z-index:2;background:var(--cream)}
.headerpic{position:relative;z-index:1;overflow:visible;background:var(--cream)}
.headerpic img{
  position:absolute;
  top:0;
  left:-95px;
  width:calc(100% + 95px);
  height:155px;
  min-height:155px;
  object-fit:cover;
  object-position:left center;
  opacity:.88;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.30) 7%,#000 19%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.30) 7%,#000 19%,#000 100%);
}
.claim{padding-right:20px}
@media(max-width:850px){
 .mastgrid{grid-template-columns:48% 52%;overflow:hidden}
 .headerpic{overflow:hidden}
 .headerpic img{position:static;width:100%;height:125px;min-height:125px;object-fit:cover;object-position:left center;-webkit-mask-image:none;mask-image:none}
}

/* HEADER-FIX: komplettes Motiv anzeigen, nichts vom Olivenzweig abschneiden */
.mast{height:155px;background:var(--cream);overflow:hidden}
.mast .wrap{width:100%;max-width:none;height:155px}
.mastgrid{display:grid;grid-template-columns:34% 28% 38%;height:155px;min-height:155px;overflow:hidden}
.brandblock{height:155px;background:var(--cream);position:relative;z-index:3}
.claim{height:155px;background:var(--cream);position:relative;z-index:3}
.headerpic{height:155px;position:relative;overflow:visible;background:var(--cream);z-index:1}
.headerpic img{
 position:absolute;
 top:0;
 left:-150px;
 width:calc(100% + 150px);
 height:155px;
 min-height:155px;
 object-fit:fill;
 object-position:center;
 opacity:.90;
 -webkit-mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.18) 5%,rgba(0,0,0,.65) 13%,#000 23%,#000 100%);
 mask-image:linear-gradient(to right,transparent 0,rgba(0,0,0,.18) 5%,rgba(0,0,0,.65) 13%,#000 23%,#000 100%);
}
@media(max-width:850px){
 .mast{height:125px}.mast .wrap{height:125px}.mastgrid{height:125px;min-height:125px;grid-template-columns:48% 52%}
 .brandblock{height:125px}.headerpic{height:125px;overflow:hidden}
 .headerpic img{left:0;width:100%;height:125px;min-height:125px;object-fit:fill;-webkit-mask-image:none;mask-image:none}
}

/* 2026-09-20 DEFINITIVER HEADER-FIX: Der Zweig bleibt vollständig sichtbar. */
.mastgrid{grid-template-columns:34% 26% 40%;overflow:hidden}
.headerpic{overflow:hidden!important;z-index:2}
.headerpic img{
 position:static!important;
 left:auto!important;
 top:auto!important;
 width:100%!important;
 height:155px!important;
 min-height:155px!important;
 object-fit:fill!important;
 object-position:center center!important;
 opacity:.90!important;
 -webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.22) 0%,rgba(0,0,0,.70) 8%,#000 18%,#000 100%)!important;
 mask-image:linear-gradient(to right,rgba(0,0,0,.22) 0%,rgba(0,0,0,.70) 8%,#000 18%,#000 100%)!important;
}
@media(max-width:850px){
 .mastgrid{grid-template-columns:48% 52%}
 .headerpic img{height:125px!important;min-height:125px!important;-webkit-mask-image:none!important;mask-image:none!important}
}

/* Feinjustierung: Farbübergang im Header exakt 5px weiter rechts */
@media(min-width:851px){
  .headerpic img{
    -webkit-mask-image:linear-gradient(to right,
      rgba(0,0,0,.22) 5px,
      rgba(0,0,0,.70) calc(8% + 5px),
      #000 calc(18% + 5px),
      #000 100%)!important;
    mask-image:linear-gradient(to right,
      rgba(0,0,0,.22) 5px,
      rgba(0,0,0,.70) calc(8% + 5px),
      #000 calc(18% + 5px),
      #000 100%)!important;
  }
}

/* Zweig separat ueber dem Farbverlauf: dadurch bleibt er immer voll sichtbar. */
@media(min-width:851px){
 .headerpic{position:relative!important;overflow:visible!important;}
 .headerpic img.acropolis{
   position:absolute!important;inset:0!important;width:100%!important;height:155px!important;object-fit:fill!important;z-index:1!important;
   -webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.22) 5px,rgba(0,0,0,.70) calc(8% + 5px),#000 calc(18% + 5px),#000 100%)!important;
   mask-image:linear-gradient(to right,rgba(0,0,0,.22) 5px,rgba(0,0,0,.70) calc(8% + 5px),#000 calc(18% + 5px),#000 100%)!important;
 }
 .headerpic img.olive-overlay{
   position:absolute!important;left:0!important;top:0!important;width:auto!important;height:155px!important;min-height:0!important;object-fit:contain!important;z-index:5!important;opacity:1!important;
   -webkit-mask-image:none!important;mask-image:none!important;pointer-events:none!important;
 }
}
@media(max-width:850px){.headerpic img.olive-overlay{display:none!important}.headerpic img.acropolis{width:100%!important}}

/* FINAL: Originalzweig direkt aus dem Headerbild, ohne Overlay oder Maske. */
@media(min-width:851px){
 .headerpic{position:relative!important;overflow:hidden!important;background:var(--cream)!important;}
 .headerpic img.acropolis{position:absolute!important;inset:0!important;width:100%!important;height:155px!important;min-height:155px!important;object-fit:fill!important;object-position:center!important;opacity:1!important;z-index:2!important;-webkit-mask-image:none!important;mask-image:none!important;}
 .headerpic img.olive-overlay{display:none!important;}
}

/* Korrektur: den schmalen blauen Absatz oberhalb des Olivenzweigs entfernen.
   Nur die obere Kante wird beige ueberblendet; Zweig und Akropolis bleiben unveraendert. */
@media(min-width:851px){
  .headerpic::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:34%;
    height:16px;
    z-index:4;
    pointer-events:none;
    background:linear-gradient(to right,
      var(--cream) 0%,
      var(--cream) 62%,
      rgba(247,241,229,.78) 78%,
      rgba(247,241,229,0) 100%);
  }
}

/* Hero action buttons – angeglichen an die Designvorlage */
.heroBox{width:min(720px,100%)}
.hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch;flex-wrap:nowrap}
.hero-actions .btn{min-height:68px;padding:10px 15px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:12px;font-family:'Montserrat',Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.2;text-align:left;box-shadow:0 2px 4px #0002}
.hero-actions .btn-icon{width:31px;height:31px;flex:0 0 31px;display:flex;align-items:center;justify-content:center}
.hero-actions .btn-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hero-actions .menu-action{background:#0b67b8;color:#fff;border:2px solid #0b67b8}
.hero-actions .reserve-action{background:#ead8ad;color:#063d78;border:2px solid #ead8ad}
.hero-actions .call-action{background:#082f5b;color:#fff;border:2px solid #fff}
.hero-actions .btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
@media(max-width:700px){.hero-actions{grid-template-columns:1fr}.hero-actions .btn{width:min(310px,100%);justify-self:center}.heroBox{width:min(570px,100%)}}

/* Hero-Inhalt wie in der Vorlage weiter rechts positionieren */
.hero .inner{width:min(1280px,96%);justify-content:flex-end}
.heroBox{width:min(720px,100%);margin-right:-36px;padding-right:0}
.hero h1{position:relative;padding-bottom:20px;margin-bottom:10px}
.hero h1::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:76px;height:3px;border-radius:2px;background:#d2b36b}
.hero-actions{margin-left:auto;margin-right:0}
@media(max-width:1350px){.heroBox{margin-right:0;padding-right:24px}}
@media(max-width:850px){.heroBox{margin-right:0;padding-right:24px}.hero h1::after{width:64px}}

/* Hero-Anpassung nach Vorlage */
.hero{min-height:590px;height:clamp(590px,48vw,680px)}
.heroBox{width:min(690px,100%)}
.hero p{line-height:1.3;margin:12px 0 0}
.hero p .friends-line{display:block}
.hero-actions{gap:10px;margin-top:24px}
.hero-actions .btn{min-height:58px;padding:8px 12px;font-size:13px;gap:9px}
.hero-actions .btn-icon{width:27px;height:27px;flex-basis:27px}
@media(max-width:850px){.hero{height:auto;min-height:540px}}

/* Hero-Inhalt noch etwas weiter nach rechts */
@media(min-width:1351px){
  .heroBox{transform:translateX(45px);}
}


/* Navigation exakt mittig zur gesamten Seitenbreite */
.nav .wrap{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:center !important;
}
.navlinks{
    display:flex;
    align-items:center;
    justify-content:center !important;
    gap:24px;
    width:auto;
    margin-left:auto !important;
    margin-right:auto !important;
}
@media(max-width:850px){
    .nav .wrap{
        width:94% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        justify-content:space-between !important;
    }
    .navlinks{
        width:100%;
        margin:0 !important;
        justify-content:flex-start !important;
    }
    .navlinks.open{display:grid}
}


/* Navigation: Menüpunkte enger zusammen */
.navlinks{
    gap:16px !important;
}

/* Hero-Buttons: etwas schmaler, weiterhin sauber in einer Reihe */
.heroBox{
    width:min(680px,100%) !important;
}
.hero-actions{
    grid-template-columns:repeat(3, minmax(0, 190px)) !important;
    justify-content:center !important;
    gap:10px !important;
}
.hero-actions .btn{
    width:190px !important;
    padding-left:10px !important;
    padding-right:10px !important;
}

@media(max-width:850px){
    .navlinks{gap:0 !important;}
}
@media(max-width:700px){
    .hero-actions{
        grid-template-columns:1fr !important;
    }
    .hero-actions .btn{
        width:min(280px,100%) !important;
    }
}


/* Kopfbereich-Slogan: handschriftlicher und schräger wie in der Vorlage */
.claim{
    font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive !important;
    font-style:italic !important;
    font-weight:500 !important;
    font-size:27px !important;
    line-height:1.25 !important;
    letter-spacing:-0.4px !important;
    transform:rotate(-5deg);
    transform-origin:center;
}

/* Kopfbereich: helles Grau/Weiß wie in der Referenz statt Beige */
.mast,
.brandblock,
.claim{
    background:#f1f2f3 !important;
}

/* Weicher Farbübergang vom hellgrauen Kopfbereich zur Akropolis */
.headerpic{
    position:relative;
    background:#f1f2f3 !important;
}
.headerpic::before{
    content:"";
    position:absolute;
    z-index:2;
    left:0;
    top:0;
    bottom:0;
    width:34%;
    pointer-events:none;
    background:linear-gradient(
        90deg,
        #f1f2f3 0%,
        rgba(241,242,243,.96) 12%,
        rgba(241,242,243,.78) 35%,
        rgba(241,242,243,.42) 62%,
        rgba(241,242,243,.12) 84%,
        rgba(241,242,243,0) 100%
    );
}
.headerpic .acropolis{
    position:relative;
    z-index:1;
}


/* FINALER Farbübergang: Hellgrau sauber in das Akropolisbild */
@media(min-width:851px){
  .headerpic{
    background:#f1f2f3 !important;
    overflow:hidden !important;
  }
  .headerpic::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:43% !important;
    z-index:6 !important;
    pointer-events:none !important;
    background:linear-gradient(90deg,
      #f1f2f3 0%,
      #f1f2f3 10%,
      rgba(241,242,243,.98) 22%,
      rgba(241,242,243,.88) 38%,
      rgba(241,242,243,.62) 56%,
      rgba(241,242,243,.32) 73%,
      rgba(241,242,243,.10) 89%,
      rgba(241,242,243,0) 100%) !important;
  }
  .headerpic::after{
    content:none !important;
    display:none !important;
  }
  .headerpic img.acropolis{
    z-index:2 !important;
  }
}


/* Olivenzweig wieder klar sichtbar über dem weichen Akropolis-Verlauf */
@media(min-width:851px){
  .headerpic::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:8 !important;
    left:1.5% !important;
    top:8% !important;
    width:27% !important;
    height:84% !important;
    pointer-events:none !important;
    background:url('images/olivenzweig_overlay.png') center / contain no-repeat !important;
  }
}


/* Headerbild final: keine zusätzliche Überblendung/kein doppelter Zweig */
@media(min-width:851px){
  .headerpic::before,
  .headerpic::after{
    content:none !important;
    display:none !important;
  }
  .headerpic img.acropolis{
    position:relative !important;
    z-index:1 !important;
    opacity:1 !important;
  }
}


/* Button-Feinschliff */
.hero-actions{
    grid-template-columns:190px 190px 170px !important;
    justify-content:center !important;
}
.hero-actions .call-action{
    width:170px !important;
}
.hero-actions .reserve-icon{
    width:29px !important;
    height:29px !important;
}
.hero-actions .reserve-icon svg{
    stroke-width:1.8 !important;
}
@media(max-width:700px){
    .hero-actions{
        grid-template-columns:1fr !important;
    }
    .hero-actions .call-action,
    .hero-actions .reserve-action,
    .hero-actions .menu-action{
        width:min(280px,100%) !important;
    }
}


/* Sauberes Speisekarten-Icon */
.hero-actions .menu-icon{
    width:30px !important;
    height:30px !important;
}
.hero-actions .menu-icon svg{
    stroke-width:1.75 !important;
}


/* Vier Infokästen unter dem Hero – wie in der Designvorlage */
.features{
    background:#f5f2ec !important;
    border-top:1px solid #e5e0d7;
    border-bottom:1px solid #e5e0d7;
    padding:0 !important;
}
.feature-grid{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:0 !important;
    width:min(1180px,94%) !important;
}
.feature-item{
    position:relative;
    min-height:145px;
    padding:18px 22px 16px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#063d78;
}
.feature-item:not(:last-child)::after{
    content:"";
    position:absolute;
    right:0;
    top:27px;
    bottom:27px;
    width:1px;
    background:#d8d1c5;
}
.feature-icon{
    width:47px;
    height:47px;
    margin-bottom:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#064a8c;
}
.feature-icon svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.people-icon svg{
    stroke-width:2.8;
}
.feature-item strong{
    display:block;
    font-family:Georgia,"Times New Roman",serif;
    font-size:19px;
    line-height:1.2;
    font-weight:700;
    color:#063d78;
    margin:2px 0 5px;
}
.feature-item > span:last-child{
    font-family:'Montserrat',Arial,sans-serif;
    font-size:14px;
    line-height:1.25;
    color:#063d78;
}
@media(max-width:850px){
    .feature-grid{
        grid-template-columns:repeat(2,1fr) !important;
    }
    .feature-item:nth-child(2)::after{display:none}
    .feature-item:nth-child(-n+2){border-bottom:1px solid #d8d1c5}
}
@media(max-width:520px){
    .feature-grid{grid-template-columns:1fr !important}
    .feature-item{min-height:125px}
    .feature-item::after{display:none !important}
    .feature-item:not(:last-child){border-bottom:1px solid #d8d1c5}
}


/* FINAL: Infobereich exakt gleichmäßig wie in der Vorlage */
.features{
    background:#f3eee5 !important;
    border-top:1px solid #e4ddd1 !important;
    border-bottom:1px solid #e4ddd1 !important;
}
.features .wrap.feature-grid{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 3.2% !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:0 !important;
}
.feature-item{
    width:100% !important;
    min-width:0 !important;
    min-height:145px !important;
    padding:17px 14px 16px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
}
.feature-item:not(:last-child)::after{
    right:0 !important;
    top:28px !important;
    bottom:28px !important;
    background:#d6cec0 !important;
}
.feature-icon{
    width:46px !important;
    height:46px !important;
    margin:0 auto 5px !important;
    color:#064a8c !important;
}
.feature-item strong{
    width:100% !important;
    margin:2px 0 5px !important;
    text-align:center !important;
    color:#063d78 !important;
}
.feature-item > span:last-child{
    width:100% !important;
    display:block !important;
    text-align:center !important;
    color:#063d78 !important;
}
@media(max-width:850px){
    .features .wrap.feature-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        padding:0 3% !important;
    }
}
@media(max-width:520px){
    .features .wrap.feature-grid{
        grid-template-columns:1fr !important;
        padding:0 5% !important;
    }
}


/* "Das Athen seit 1993" nach der Vorlage */
.about-vorlage{
    background:#fff;
    padding:28px 0 12px;
}
.about-vorlage-grid{
    display:grid;
    grid-template-columns:minmax(330px,.9fr) minmax(500px,1.25fr);
    gap:48px;
    align-items:center;
}
.about-vorlage-text h2{
    margin:0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:38px;
    line-height:1.15;
    color:#063d78;
}
.about-gold-line{
    width:44px;
    height:2px;
    background:#c7a65a;
    margin:9px 0 14px;
}
.about-vorlage-text p{
    margin:0 0 12px;
    font-family:'Montserrat',Arial,sans-serif;
    font-size:15px;
    line-height:1.48;
    color:#222;
}
.about-signature{
    margin-top:8px;
    color:#063d78;
    font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
    font-style:italic;
    font-size:20px;
    line-height:1.25;
    transform:rotate(-4deg);
    display:inline-block;
}
.about-signature span{
    display:block;
    text-align:right;
    margin-top:3px;
}
.about-vorlage-image{
    position:relative;
    overflow:hidden;
    min-height:290px;
}
.about-vorlage-image img{
    width:100%;
    height:290px;
    display:block;
    object-fit:cover;
}
.about-image-script{
    position:absolute;
    right:26px;
    top:52px;
    color:#fff;
    font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
    font-style:italic;
    font-size:24px;
    line-height:1.35;
    text-shadow:0 2px 5px rgba(0,0,0,.65);
    transform:rotate(-5deg);
}
@media(max-width:850px){
    .about-vorlage-grid{grid-template-columns:1fr;gap:24px}
    .about-vorlage-image img{height:auto}
}


/* Korrektur Speisenbild: höher und ohne doppelten Schriftzug */
.about-vorlage-image{
    min-height:340px !important;
}
.about-vorlage-image img{
    width:100% !important;
    height:340px !important;
    object-fit:cover !important;
    object-position:center center !important;
}
.about-image-script{
    display:none !important;
}
@media(max-width:850px){
    .about-vorlage-image{min-height:0 !important}
    .about-vorlage-image img{height:auto !important}
}


/* Vier Abschnitte unter dem großen Speisenbild */
.home-cards-section{background:#fff;padding:0 0 28px}
.home-cards-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}
.home-card{
    position:relative;
    min-width:0;
    overflow:hidden;
    display:block;
    background:#063d78;
}
.home-card img{
    display:block;
    width:100%;
    height:155px;
    object-fit:cover;
}
.home-card-caption{
    min-height:72px;
    padding:11px 14px;
    background:#063d78;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
.home-card-caption strong{
    display:block;
    font-family:Georgia,"Times New Roman",serif;
    font-size:17px;
    line-height:1.1;
    margin-bottom:5px;
}
.home-card-caption span{
    display:block;
    font-family:'Montserrat',Arial,sans-serif;
    font-size:12px;
    line-height:1.2;
}
.home-card-caption b{font-size:27px;font-weight:300}
@media(max-width:850px){.home-cards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.home-cards-grid{grid-template-columns:1fr}}


/* Originalfotos in den vier unteren Karten */
.home-card img{
    height:155px !important;
    object-fit:cover !important;
}
.home-card:nth-child(1) img{object-position:center 54% !important;}
.home-card:nth-child(2) img{object-position:center 50% !important;}
.home-card:nth-child(4) img{object-position:center 62% !important;}


/* Exakte Originalbilder des Nutzers in den unteren Karten */
.home-cards-grid .home-card img{
    width:100% !important;
    height:155px !important;
    object-fit:cover !important;
}
.restaurant-card img{object-position:center 52% !important;}
.biergarten-card img{object-position:center 50% !important;}
.menu-card img{object-position:center 58% !important;}
/* Keine Schrift oder Overlays direkt auf den Fotos */
.home-card::before,
.home-card::after{content:none !important;display:none !important;}

/* Aktuelles Originalfoto für Feiern & Events */
.home-cards-grid .event-card img{
    object-fit:cover !important;
    object-position:center 52% !important;
}


/* Unterer Kontakt-/Öffnungszeitenbereich nach der Designvorlage */
.lower-info-reference{
    position:relative;
    overflow:hidden;
    background:linear-gradient(90deg,#f5f1e9 0%,#f5f1e9 55%,#edf3f6 100%);
    border-top:1px solid #e1dbcf;
    padding:24px 0 22px;
    color:#063d78;
}
.lower-info-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr 1.55fr;
    align-items:stretch;
    gap:0;
}
.hours-reference{
    padding:0 34px 0 8px;
    border-right:1px solid #d6cec0;
}
.contact-reference{
    padding:0 28px;
    position:relative;
    z-index:2;
}
.lower-title{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:11px;
}
.lower-title h2{
    margin:0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:24px;
    font-weight:700;
    color:#063d78;
}
.lower-icon{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 34px;
}
.lower-icon svg,.contact-icon svg{
    width:100%;
    height:100%;
    fill:none;
    stroke:#07508f;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.pin-title{width:26px;height:32px;flex-basis:26px}
.hours-table{
    padding-left:46px;
    font-family:'Montserrat',Arial,sans-serif;
    font-size:14px;
}
.hours-table > div{
    display:grid;
    grid-template-columns:1.35fr 1fr;
    gap:18px;
    margin:7px 0;
}
.hours-table > div span:last-child{color:#063d78}
.contact-row{
    display:flex;
    align-items:flex-start;
    gap:13px;
    margin:8px 0;
    font-family:'Montserrat',Arial,sans-serif;
    font-size:14px;
    line-height:1.45;
}
.contact-icon{
    width:25px;
    height:25px;
    flex:0 0 25px;
    margin-top:1px;
}
.lower-art-reference{
    position:relative;
    min-height:175px;
    overflow:hidden;
}
.lower-acropolis{
    position:absolute;
    left:0;
    bottom:-22px;
    width:78%;
    height:190px;
    object-fit:cover;
    object-position:right center;
    opacity:.38;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 14%,#000 38%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 14%,#000 38%,#000 100%);
}
.lower-greeting{
    position:absolute;
    z-index:3;
    right:20px;
    top:3px;
    color:#07508f;
    font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
    font-style:italic;
    font-size:25px;
    line-height:1.18;
    transform:rotate(-5deg);
    text-align:center;
}
.lower-greeting span{display:inline-block;margin-left:18px}
.lower-olive{
    position:absolute;
    z-index:3;
    right:0;
    bottom:-4px;
    width:145px;
    max-height:105px;
    object-fit:contain;
    transform:rotate(-7deg);
}
@media(max-width:900px){
    .lower-info-grid{grid-template-columns:1fr 1fr}
    .lower-art-reference{grid-column:1/-1;min-height:190px;margin-top:12px}
}
@media(max-width:620px){
    .lower-info-grid{grid-template-columns:1fr}
    .hours-reference{border-right:0;border-bottom:1px solid #d6cec0;padding:0 0 20px}
    .contact-reference{padding:20px 0 0}
    .hours-table{padding-left:0}
    .lower-art-reference{grid-column:auto}
}


/* Korrektur: Öffnungszeiten bleiben vollständig an das vorhandene Script angebunden */
.hours-reference .hours-status{
    padding-left:46px;
    margin:0 0 8px;
    font-family:'Montserrat',Arial,sans-serif;
    font-size:13px;
}
.hours-reference #week{
    padding-left:46px !important;
}
.hours-reference #week > div{
    display:grid;
    grid-template-columns:1.35fr 1fr;
    gap:18px;
    margin:7px 0;
}

/* Rechter Abschluss exakt als zusammenhängende Grafik aus der Designvorlage */
.lower-art-reference{
    position:relative !important;
    min-height:190px !important;
    overflow:hidden !important;
}
.lower-reference-art{
    position:absolute;
    inset:0;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block;
}
.lower-acropolis,.lower-olive,.lower-greeting{display:none !important;}

@media(max-width:620px){
    .hours-reference .hours-status,
    .hours-reference #week{padding-left:0 !important}
    .lower-art-reference{min-height:175px !important}
}


/* Korrektur rechter Abschluss: größer, höher und bündig bis an den rechten Rand */
.lower-info-reference .wrap.lower-info-grid{
    width:100% !important;
    max-width:none !important;
    padding-left:max(3.5%, 28px) !important;
    padding-right:0 !important;
}
.lower-info-grid{
    grid-template-columns:1.02fr .92fr 1.62fr !important;
}
.lower-art-reference{
    min-height:230px !important;
    height:230px !important;
    margin-right:0 !important;
    padding-right:0 !important;
    align-self:stretch !important;
}
.lower-reference-art{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    object-position:right center !important;
    display:block !important;
}
@media(max-width:900px){
    .lower-info-reference .wrap.lower-info-grid{
        padding-left:3% !important;
        padding-right:0 !important;
    }
    .lower-art-reference{
        min-height:220px !important;
        height:220px !important;
    }
}
@media(max-width:620px){
    .lower-info-reference .wrap.lower-info-grid{
        padding-left:5% !important;
        padding-right:0 !important;
    }
    .lower-art-reference{
        min-height:190px !important;
        height:190px !important;
    }
}


/* FINAL-Korrektur: rechte Grafik exakt über die volle Kästchenhöhe */
.lower-info-reference{
    padding-top:0 !important;
    padding-bottom:0 !important;
    background:#f5f1e9 !important;
}
.lower-info-reference .wrap.lower-info-grid{
    min-height:230px !important;
    align-items:stretch !important;
}
.hours-reference,
.contact-reference{
    padding-top:24px !important;
    padding-bottom:22px !important;
}
.lower-art-reference{
    position:relative !important;
    height:auto !important;
    min-height:100% !important;
    align-self:stretch !important;
    overflow:hidden !important;
    background:#f5f1e9 !important;
}
.lower-reference-art{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:right center !important;
}

/* weicher Übergang von exakt derselben Hintergrundfarbe in die Grafik */
.lower-art-reference::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:2 !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:34% !important;
    pointer-events:none !important;
    background:linear-gradient(
        90deg,
        #f5f1e9 0%,
        rgba(245,241,233,.98) 18%,
        rgba(245,241,233,.82) 43%,
        rgba(245,241,233,.42) 72%,
        rgba(245,241,233,0) 100%
    ) !important;
}
@media(max-width:900px){
    .lower-info-reference .wrap.lower-info-grid{min-height:0 !important}
    .lower-art-reference{height:210px !important;min-height:210px !important}
}
@media(max-width:620px){
    .lower-art-reference{height:185px !important;min-height:185px !important}
}


/* Letzte Korrektur: Zweig kleiner, Schrift separat und gestochen scharf über dem Bild */
.lower-olive{
    display:block !important;
    position:absolute !important;
    z-index:5 !important;
    right:12px !important;
    bottom:8px !important;
    width:105px !important;
    height:auto !important;
    max-height:78px !important;
    object-fit:contain !important;
}
.lower-greeting{
    display:block !important;
    position:absolute !important;
    z-index:6 !important;
    right:34px !important;
    top:20px !important;
    color:#07508f !important;
    font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive !important;
    font-size:25px !important;
    font-weight:600 !important;
    line-height:1.15 !important;
    text-shadow:none !important;
    opacity:1 !important;
    transform:rotate(-5deg) !important;
    -webkit-font-smoothing:antialiased;
}


/* Rechter Kontaktbereich jetzt nach der bestätigten Vorschau */
.lower-info-reference{
    padding-top:0 !important;
    padding-bottom:0 !important;
    background:#f5f1e9 !important;
}
.lower-info-reference .wrap.lower-info-grid{
    width:100% !important;
    max-width:none !important;
    padding-right:0 !important;
    min-height:230px !important;
    align-items:stretch !important;
}
.hours-reference,.contact-reference{
    padding-top:24px !important;
    padding-bottom:22px !important;
}
.lower-art-reference.preview-art{
    position:relative !important;
    align-self:stretch !important;
    min-height:230px !important;
    height:auto !important;
    overflow:hidden !important;
    background:#f5f1e9 !important;
}
.preview-acropolis{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
}
/* warm cream fade matching the box, as in the preview */
.lower-art-reference.preview-art::before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    z-index:2 !important;
    inset:0 auto 0 0 !important;
    width:34% !important;
    background:linear-gradient(90deg,
      #f5f1e9 0%,
      rgba(245,241,233,.96) 20%,
      rgba(245,241,233,.72) 48%,
      rgba(245,241,233,.25) 78%,
      rgba(245,241,233,0) 100%) !important;
    pointer-events:none !important;
}
.preview-greeting{
    position:absolute !important;
    z-index:5 !important;
    right:36px !important;
    top:20px !important;
    color:#07508f !important;
    font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive !important;
    font-style:italic !important;
    font-weight:600 !important;
    font-size:25px !important;
    line-height:1.14 !important;
    text-align:center !important;
    transform:rotate(-5deg) !important;
    text-shadow:none !important;
}
.preview-greeting span{display:inline-block;margin-left:15px}
.preview-olive{
    position:absolute !important;
    z-index:5 !important;
    right:8px !important;
    bottom:4px !important;
    width:105px !important;
    height:auto !important;
    max-height:78px !important;
    object-fit:contain !important;
    transform:rotate(-7deg) !important;
}
/* Hide any older art rules/content */
.lower-reference-art,.lower-acropolis,.lower-olive,.lower-greeting{display:none !important;}

@media(max-width:900px){
    .lower-art-reference.preview-art{min-height:210px !important;height:210px !important}
}
@media(max-width:620px){
    .lower-art-reference.preview-art{min-height:185px !important;height:185px !important}
    .preview-greeting{right:24px !important;font-size:21px !important}
    .preview-olive{width:88px !important}
}


/* Unterer Bereich nach der bestätigten Vorschau */
.lower-info-reference{
    padding:0 !important;
    background:#f5f1e9 !important;
}
.lower-info-reference .wrap.lower-info-grid{
    width:100% !important;
    max-width:none !important;
    padding-left:max(4%,42px) !important;
    padding-right:0 !important;
    min-height:245px !important;
    grid-template-columns:1fr .9fr 1.65fr !important;
    align-items:stretch !important;
}
.hours-reference,.contact-reference{
    padding-top:26px !important;
    padding-bottom:24px !important;
}
.lower-art-reference.exact-footer-art{
    position:relative !important;
    min-height:245px !important;
    height:auto !important;
    align-self:stretch !important;
    overflow:hidden !important;
    background:#f5f1e9 !important;
}
.exact-acropolis{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    display:block !important;
    filter:none !important;
    opacity:1 !important;
}
.lower-art-reference.exact-footer-art::before{
    content:"" !important;
    position:absolute !important;
    z-index:2 !important;
    left:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:29% !important;
    background:linear-gradient(90deg,
        #f5f1e9 0%,
        rgba(245,241,233,.96) 18%,
        rgba(245,241,233,.72) 48%,
        rgba(245,241,233,.25) 76%,
        rgba(245,241,233,0) 100%) !important;
    pointer-events:none !important;
}
.exact-greeting{
    position:absolute !important;
    z-index:6 !important;
    right:32px !important;
    top:22px !important;
    color:#07508f !important;
    font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive !important;
    font-style:italic !important;
    font-weight:600 !important;
    font-size:26px !important;
    line-height:1.16 !important;
    text-align:center !important;
    transform:rotate(-5deg) !important;
    opacity:1 !important;
    text-shadow:none !important;
}
.exact-greeting span{display:inline-block;margin-left:16px}
.exact-olive{
    position:absolute !important;
    z-index:6 !important;
    right:8px !important;
    bottom:9px !important;
    width:112px !important;
    height:auto !important;
    max-height:84px !important;
    object-fit:contain !important;
    transform:rotate(-7deg) !important;
    opacity:1 !important;
}
/* alte/doppelte Grafik- und Textlayer sicher ausblenden */
.preview-acropolis,.preview-greeting,.preview-olive,
.lower-reference-art,.lower-acropolis,.lower-olive,.lower-greeting{
    display:none !important;
}
@media(max-width:900px){
    .lower-info-reference .wrap.lower-info-grid{
        grid-template-columns:1fr 1fr !important;
        padding-left:4% !important;
    }
    .lower-art-reference.exact-footer-art{
        grid-column:1/-1 !important;
        height:220px !important;
        min-height:220px !important;
    }
}
@media(max-width:620px){
    .lower-info-reference .wrap.lower-info-grid{grid-template-columns:1fr !important}
    .lower-art-reference.exact-footer-art{
        grid-column:auto !important;
        height:190px !important;
        min-height:190px !important;
    }
    .exact-greeting{font-size:21px !important;right:20px !important}
    .exact-olive{width:90px !important}
}


/* Olivenzweig exakt an der Position der bestätigten Vorschau */
.exact-olive,.preview-olive,.lower-olive{display:none !important;}
.branch-preview-final{
    display:block !important;
    position:absolute !important;
    z-index:7 !important;
    right:0 !important;
    bottom:0 !important;
    width:150px !important;
    height:138px !important;
    object-fit:cover !important;
    object-position:right bottom !important;
    opacity:1 !important;
    filter:none !important;
}
.branch-final .exact-greeting{
    z-index:8 !important;
    right:28px !important;
    top:20px !important;
}
@media(max-width:900px){
    .branch-preview-final{width:135px !important;height:124px !important}
}
@media(max-width:620px){
    .branch-preview-final{width:105px !important;height:96px !important}
}


/* Kontaktspalte näher an die Akropolis – wie in der Vorlage */
@media(min-width:901px){
    .lower-info-reference .wrap.lower-info-grid{
        grid-template-columns:0.88fr 0.72fr 1.65fr !important;
        padding-left:max(4%,42px) !important;
    }
    .hours-reference{
        padding-right:24px !important;
    }
    .contact-reference{
        padding-left:30px !important;
        padding-right:8px !important;
    }
    .lower-art-reference{
        margin-left:-6px !important;
    }
}


/* FINAL: Kontakt deutlich weiter rechts + sauberer transparenter Olivenzweig */
@media(min-width:901px){
    .lower-info-reference .wrap.lower-info-grid{
        grid-template-columns:1.05fr .75fr 1.50fr !important;
        padding-left:max(3.5%,28px) !important;
        padding-right:0 !important;
    }
    .hours-reference{
        padding-left:8px !important;
        padding-right:24px !important;
    }
    .contact-reference{
        padding-left:42px !important;
        padding-right:6px !important;
    }
    .lower-art-reference.exact-footer-art{
        margin-left:0 !important;
    }
}

/* Keine alten Zweigbilder mehr */
.exact-olive,.preview-olive,.lower-olive{display:none !important}

.branch-preview-final{
    display:block !important;
    position:absolute !important;
    z-index:7 !important;
    right:12px !important;
    bottom:5px !important;
    width:150px !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:right bottom !important;
    opacity:1 !important;
    filter:none !important;
    transform:rotate(-7deg) !important;
    background:transparent !important;
}

.branch-final .exact-greeting{
    right:30px !important;
    top:20px !important;
    z-index:8 !important;
}

@media(max-width:900px){
    .branch-preview-final{width:128px !important;right:10px !important}
}
@media(max-width:620px){
    .branch-preview-final{width:100px !important;right:6px !important}
}

/* FINAL: Grußtext weiter links in den freien Himmel */
@media(min-width:901px){
  .branch-final .exact-greeting{
    left:auto !important;
    right:205px !important;
    top:18px !important;
    z-index:8 !important;
    white-space:nowrap !important;
  }
}
@media(max-width:900px) and (min-width:621px){
  .branch-final .exact-greeting{
    left:auto !important;
    right:165px !important;
    top:18px !important;
  }
}


/* FINAL – Akropolis ohne Zweig, Gruß weiter links im freien Himmel */
.branch-preview-final,
.exact-olive,
.preview-olive,
.lower-olive {
    display:none !important;
}

.lower-art-reference.exact-footer-art .exact-greeting,
.lower-art-reference .exact-greeting {
    left:9% !important;
    right:auto !important;
    top:24px !important;
    z-index:8 !important;
    transform:rotate(-6deg) !important;
    text-align:center !important;
}

/* Footer-Signet rechts wie in der bestätigten Vorlage */
footer {
    position:relative !important;
}
.footer-slogan {
    position:absolute;
    right:max(3.5%,34px);
    top:50%;
    transform:translateY(-50%);
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
    white-space:nowrap;
    z-index:5;
}
.footer-leaf {
    width:55px;
    height:42px;
    display:block;
    transform:rotate(-8deg);
}
.footer-leaf svg {
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.footer-slogan-text {
    display:block;
    font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
    font-size:15px;
    line-height:1.28;
    font-style:italic;
    font-weight:600;
    transform:rotate(-5deg);
    transform-origin:center;
    text-align:center;
}

/* Platz für Signet freihalten */
footer .wrap {
    padding-right:260px !important;
}

@media(max-width:900px){
    .lower-art-reference.exact-footer-art .exact-greeting,
    .lower-art-reference .exact-greeting {
        left:7% !important;
    }
    .footer-slogan {
        position:static;
        transform:none;
        justify-content:center;
        margin:14px auto 0;
    }
    footer .wrap { padding-right:0 !important; }
}


/* Weißer Olivenzweig im Footer – wie in der bestätigten Vorlage */
.footer-leaf{
    width:72px !important;
    height:52px !important;
    display:block !important;
    flex:0 0 72px !important;
    transform:rotate(-7deg) !important;
    color:#fff !important;
}
.footer-leaf svg{
    display:block !important;
    width:100% !important;
    height:100% !important;
    overflow:visible !important;
    fill:currentColor !important;
}
.footer-leaf .olive-stem{
    stroke-width:3.2 !important;
}
.footer-leaf .olive-twig{
    stroke-width:2.2 !important;
}
.footer-slogan{
    gap:7px !important;
}


/* Scharfer weißer Vektor-Olivenzweig im Footer */
.footer-slogan .footer-leaf.crisp-olive{
  width:82px !important;
  height:54px !important;
  flex:0 0 82px !important;
  display:block !important;
  color:#fff !important;
  transform:rotate(-8deg) !important;
  filter:none !important;
  opacity:1 !important;
}
.footer-slogan .footer-leaf.crisp-olive svg{
  display:block !important;
  width:100% !important;
  height:100% !important;
  shape-rendering:geometricPrecision !important;
  text-rendering:geometricPrecision !important;
  overflow:visible !important;
}


/* Mitlaufender "Nach oben"-Button rechts */
.scroll-top-btn{
    position:fixed;
    right:22px;
    bottom:28px;
    z-index:9999;
    width:48px;
    height:48px;
    border:2px solid rgba(255,255,255,.92);
    border-radius:50%;
    background:#063d78;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    box-shadow:0 4px 14px rgba(0,0,0,.28);
    opacity:0;
    visibility:hidden;
    transform:translateY(10px);
    transition:opacity .22s ease, transform .22s ease, background .2s ease, visibility .22s;
}
.scroll-top-btn.show{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}
.scroll-top-btn:hover{
    background:#0b5aa6;
    transform:translateY(-2px);
}
.scroll-top-btn svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.5;
    stroke-linecap:round;
    stroke-linejoin:round;
}
@media(max-width:600px){
    .scroll-top-btn{
        width:44px;
        height:44px;
        right:14px;
        bottom:18px;
    }
}


/* Senkrechter Trennstrich links vor "Ein Stück Griechenland in Bernburg" */
.footer-slogan{
    border-left:1px solid rgba(255,255,255,.78) !important;
    padding-left:24px !important;
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
}
@media(max-width:900px){
    .footer-slogan{
        border-left:0 !important;
        padding-left:0 !important;
    }
}


/* Kontaktblock weiter nach rechts direkt an den Akropolis-Bereich */
@media(min-width:901px){
    .lower-info-reference .wrap.lower-info-grid{
        grid-template-columns:0.92fr 0.62fr 1.46fr !important;
    }
    .contact-reference{
        position:relative !important;
        left:72px !important;
        padding-left:12px !important;
        padding-right:0 !important;
        z-index:4 !important;
    }
}

/* Mobile-Optimierung 360 / 390 / 430 px – Desktop bleibt unverändert */
@media(max-width:520px){
  html,body{max-width:100%;overflow-x:hidden}
  .wrap{width:92%}
  .top .wrap{padding:7px 0;text-align:center;align-items:center;font-size:12px;line-height:1.35}
  .mastgrid{min-height:auto!important}
  .brandblock{padding:10px 6px!important}
  .logo{width:min(270px,88vw)!important}
  .nav{position:sticky;top:0}
  .nav .wrap{min-height:48px;width:92%}
  .menuBtn{font-size:25px;padding:7px 3px}
  .navlinks{padding:5px 0 10px!important;text-align:center}
  .navlinks a{display:block;padding:9px 6px!important;font-size:13px!important;line-height:1.2}

  .hero{min-height:0!important;padding:52px 0 44px;background-position:center!important}
  .hero .inner{width:94%;justify-content:center}
  .heroBox{width:100%!important;padding:25px 15px!important}
  .hero h1{font-size:34px!important;line-height:1.08}
  .hero p{font-size:19px!important;line-height:1.25}
  .hero-actions{grid-template-columns:1fr!important;gap:9px!important;width:min(285px,100%);margin-left:auto;margin-right:auto}
  .hero-actions .btn{min-height:55px!important;width:100%!important;padding:8px 13px!important;font-size:12px!important}
  .hero-actions .btn-icon{width:25px!important;height:25px!important;flex-basis:25px!important}

  .features .wrap.feature-grid{width:100%!important;padding:0 5%!important}
  .feature-item{min-height:118px!important;padding:14px 10px!important}
  .feature-icon{width:40px!important;height:40px!important}
  .feature-item strong{font-size:17px!important}
  .feature-item>span:last-child{font-size:12px!important}

  .about-vorlage{padding:28px 0 12px!important}
  .about-vorlage-grid{grid-template-columns:1fr!important;gap:20px!important}
  .about-vorlage-text h2{font-size:31px!important}
  .about-vorlage-text p{font-size:14px!important}
  .about-vorlage-image{min-height:0!important}
  .about-vorlage-image img{height:230px!important;object-fit:cover!important}

  .home-cards-grid{grid-template-columns:1fr!important;gap:12px!important}
  .home-card img{height:190px!important}
  .home-card-caption{min-height:64px!important}

  .lower-info-reference .wrap.lower-info-grid{width:100%!important;padding:0 5%!important;grid-template-columns:1fr!important;min-height:0!important}
  .hours-reference,.contact-reference{padding:22px 0!important;border-right:0!important;left:auto!important;position:relative!important}
  .hours-reference{border-bottom:1px solid #d6cec0!important}
  .hours-reference .hours-status,.hours-reference #week{padding-left:0!important}
  .hours-table{padding-left:0!important}
  .hours-reference #week>div,.hours-table>div{grid-template-columns:1fr auto!important;gap:12px!important;font-size:13px!important}
  .contact-reference{border-bottom:1px solid #d6cec0!important}
  .lower-title h2{font-size:22px!important}
  .contact-row{font-size:13px!important}
  .lower-art-reference.exact-footer-art{grid-column:auto!important;width:calc(100% + 10vw)!important;margin-left:-5vw!important;height:185px!important;min-height:185px!important}
  .exact-acropolis{object-position:center center!important}
  .lower-art-reference.exact-footer-art .exact-greeting,.lower-art-reference .exact-greeting{left:7%!important;right:auto!important;top:18px!important;font-size:20px!important}

  footer{padding:18px 0!important}
  footer .wrap{width:90%!important;padding-right:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:11px!important;text-align:center!important}
  footer .legal{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:14px!important}
  .footer-slogan{position:static!important;transform:none!important;margin:10px auto 0!important;justify-content:center!important;border-left:0!important;padding-left:0!important;min-height:0!important}
  .footer-slogan-text{font-size:14px!important}
  .scroll-top-btn{right:12px!important;bottom:14px!important;width:42px!important;height:42px!important}
}
@media(max-width:380px){
  .hero h1{font-size:31px!important}
  .hero p{font-size:18px!important}
  .about-vorlage-text h2{font-size:29px!important}
  .home-card img{height:175px!important}
}

/* Öffnungszeiten: etwas kleinerer Abstand zwischen den Wochentagen */
.hours-reference #week > div{
    margin:3px 0 !important;
}

/* PC: zwei Öffnungszeiten eines Tages in einer Zeile mit / */
.hours-separator::before{
    content:" / ";
    margin:0 5px;
}
@media(max-width:900px){
    .hours-separator{display:block;height:0}
    .hours-separator::before{content:"";margin:0}
}


/* Korrektur Desktop: Zeitblöcke wirklich in EINER Zeile */
@media(min-width:901px){
  .lower-info-reference .wrap.lower-info-grid{
    grid-template-columns:1.18fr .58fr 1.24fr !important;
  }
  .hours-reference #week > div{
    grid-template-columns:190px minmax(270px,1fr) !important;
  }
  .hours-reference #week > div > span{
    white-space:nowrap !important;
    display:block !important;
  }
  .hours-reference .hours-separator{
    display:inline !important;
    height:auto !important;
  }
  .hours-reference .hours-separator::before{
    content:" / " !important;
    display:inline !important;
    margin:0 5px !important;
  }
}

@media(min-width:901px){
  .hours-reference #week > .dayrow{
    grid-template-columns:170px 1fr !important;
    gap:18px !important;
  }
  .hours-reference #week > .dayrow > span{
    white-space:nowrap !important;
  }
}


/* Desktop-Fix: Öffnungszeiten garantiert komplett in einer Zeile */
@media(min-width:901px){
  .lower-info-reference .wrap.lower-info-grid{
    grid-template-columns:1.30fr .50fr 1.20fr !important;
  }
  .hours-reference{
    padding-right:18px !important;
  }
  .hours-reference #week > .dayrow{
    display:grid !important;
    grid-template-columns:125px minmax(0,1fr) !important;
    column-gap:12px !important;
    align-items:center !important;
  }
  .hours-reference #week > .dayrow > span{
    white-space:nowrap !important;
    font-size:13px !important;
    letter-spacing:-0.15px !important;
  }
}


/* Desktop: Trennlinie und Kontaktblock wieder etwas nach links */
@media(min-width:901px){
    .lower-info-reference .wrap.lower-info-grid{
        grid-template-columns:1.24fr .56fr 1.20fr !important;
    }
    .contact-reference{
        left:28px !important;
        padding-left:8px !important;
    }
}


/* Desktop: Trennlinie + Kontakt noch etwas weiter nach links, Öffnungszeiten kompakter */
@media(min-width:901px){
    .lower-info-reference .wrap.lower-info-grid{
        grid-template-columns:1.18fr .62fr 1.20fr !important;
    }
    .contact-reference{
        left:8px !important;
        padding-left:6px !important;
    }
    .hours-reference #week > .dayrow{
        margin:0 !important;
        padding-top:7px !important;
        padding-bottom:7px !important;
        min-height:0 !important;
    }
}


/* Desktop: Akropolis exakt auf die Höhe des gesamten Info-Kästchens strecken */
@media(min-width:901px){
    .lower-info-reference{
        overflow:hidden !important;
    }
    .lower-info-reference .wrap.lower-info-grid{
        align-items:stretch !important;
    }
    .acropolis-reference{
        height:100% !important;
        min-height:100% !important;
        align-self:stretch !important;
        background-size:cover !important;
        background-position:center center !important;
    }
    .acropolis-reference img{
        width:100% !important;
        height:100% !important;
        min-height:100% !important;
        object-fit:cover !important;
        object-position:center center !important;
        display:block !important;
    }
}


/* Korrektur: tatsächliches Akropolis-Element an die komplette Kästchenhöhe anpassen */
@media(min-width:901px){
    .lower-art-reference.exact-footer-art{
        position:relative !important;
        height:auto !important;
        min-height:100% !important;
        align-self:stretch !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
    }
    .lower-art-reference.exact-footer-art .exact-acropolis{
        position:absolute !important;
        left:0 !important;
        right:0 !important;
        top:-10px !important;
        bottom:0 !important;
        width:100% !important;
        height:calc(100% + 10px) !important;
        min-height:calc(100% + 10px) !important;
        object-fit:cover !important;
        object-position:center center !important;
        margin:0 !important;
        padding:0 !important;
    }
}

@media(min-width:901px){
 .lower-info-reference .wrap.lower-info-grid{min-height:0!important;height:auto!important;align-items:stretch!important}
 .hours-reference,.contact-reference{padding-top:22px!important;padding-bottom:12px!important}
 .hours-reference #week>.dayrow{padding-top:5px!important;padding-bottom:5px!important;margin:0!important;min-height:0!important}
 .lower-art-reference.exact-footer-art{position:relative!important;height:auto!important;min-height:0!important;align-self:stretch!important;overflow:hidden!important}
 .lower-art-reference.exact-footer-art .exact-acropolis{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center center!important}
}


/* Desktop: weißen Rand der Akropolis-Grafik wegcroppen und Bild exakt füllen */
@media(min-width:901px){
    .lower-art-reference.exact-footer-art{
        overflow:hidden !important;
    }
    .lower-art-reference.exact-footer-art .exact-acropolis{
        position:absolute !important;
        inset:0 !important;
        width:100% !important;
        height:100% !important;
        min-height:100% !important;
        object-fit:cover !important;
        object-position:center center !important;
        transform:scale(1.09) translateY(-1.2%) !important;
        transform-origin:center center !important;
    }
}


/* FINAL Desktop: Akropolis noch ein kleines Stück höher/weiter aufziehen */
@media(min-width:901px){
    .lower-art-reference.exact-footer-art{
        overflow:hidden !important;
    }
    .lower-art-reference.exact-footer-art .exact-acropolis{
        position:absolute !important;
        left:0 !important;
        right:0 !important;
        top:-7px !important;
        bottom:-7px !important;
        width:100% !important;
        height:calc(100% + 14px) !important;
        min-height:calc(100% + 14px) !important;
        object-fit:cover !important;
        object-position:center center !important;
        transform:scale(1.105) !important;
        transform-origin:center center !important;
    }
}


/* PC: Impressum / Datenschutz / Admin näher an den senkrechten Strich */
@media(min-width:901px){
  .footer-bottom .footer-links,
  footer .footer-links{
    margin-left:auto !important;
    margin-right:22px !important;
    justify-content:flex-end !important;
  }
}


/* PC FINAL: Impressum / Datenschutz / Admin direkt vor den senkrechten Footer-Strich */
@media(min-width:901px){
    footer.footer .wrap{
        justify-content:flex-start !important;
        flex-wrap:nowrap !important;
    }
    footer.footer .legal{
        margin-left:auto !important;
        margin-right:8px !important;
        justify-content:flex-end !important;
        white-space:nowrap !important;
    }
}


/* PC: Legal-Links unabhängig vom zentrierten .wrap direkt links vor den Trennstrich setzen */
@media(min-width:901px){
  footer.footer{
    position:relative !important;
  }
  footer.footer .legal{
    position:absolute !important;
    right:max(17%,260px) !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:18px !important;
    white-space:nowrap !important;
    z-index:6 !important;
  }
}


/* PC: Copyright ganz nach links im blauen Footer */
@media(min-width:901px){
  footer.footer .copy{
    position:absolute !important;
    left:22px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    white-space:nowrap !important;
  }
}


/* PC FINAL: tatsächliches Copyright ganz links am Browserrand */
@media(min-width:901px){
  footer.footer{
    position:relative !important;
  }
  footer.footer .copyright-left{
    position:absolute !important;
    left:22px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    margin:0 !important;
    padding:0 !important;
    white-space:nowrap !important;
    z-index:7 !important;
  }
}


/* ============================
   HANDY: Navigation + Logo
   PC-Version bleibt unverändert
   ============================ */
@media (max-width:900px){

  /* Desktop-Menü auf dem Handy vollständig ausblenden.
     Nur der mobile Menü-Button bleibt sichtbar. */
  .nav .wrap > a,
  .nav .wrap > .navlinks,
  .nav .wrap > ul,
  .navlinks{
      display:none !important;
  }

  .nav .wrap{
      min-height:72px !important;
      display:flex !important;
      align-items:center !important;
      justify-content:flex-end !important;
      overflow:visible !important;
  }

  .menu-toggle,
  .hamburger,
  .mobile-menu-toggle{
      display:flex !important;
      margin-left:auto !important;
      margin-right:20px !important;
  }

  /* Logo-Bereich mobil wieder vollständig darstellen:
     Logo nicht abschneiden und vorhandene Akropolis-Grafik sichtbar lassen. */
  .brand,
  .brand-reference,
  .header-brand,
  .logo-area{
      overflow:visible !important;
      height:auto !important;
      min-height:0 !important;
  }

  .brand img,
  .brand-reference img,
  .header-brand img,
  .logo-area img{
      max-width:100% !important;
      height:auto !important;
      object-fit:contain !important;
      object-position:center !important;
  }

  /* Falls die Akropolis als eigenes Header-Element vorhanden ist */
  .header-acropolis,
  .brand-acropolis,
  .acropolis-header{
      display:block !important;
      visibility:visible !important;
      opacity:1 !important;
  }
}


/* MOBILE FINAL: Akropolis im Kopf sichtbar + funktionierendes Hamburger-Menü */
@media(max-width:520px){
  .mast{
    height:auto !important;
    overflow:hidden !important;
  }
  .mast .wrap{
    width:100% !important;
    height:auto !important;
  }
  .mastgrid{
    display:grid !important;
    grid-template-columns:46% 54% !important;
    height:125px !important;
    min-height:125px !important;
    overflow:hidden !important;
  }
  .brandblock{
    display:flex !important;
    height:125px !important;
    padding:8px 4px 8px 10px !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .logo{
    width:100% !important;
    height:auto !important;
    max-height:108px !important;
    object-fit:contain !important;
  }
  .claim{display:none !important;}
  .headerpic{
    display:block !important;
    position:relative !important;
    height:125px !important;
    min-height:125px !important;
    overflow:hidden !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .headerpic img.acropolis{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:125px !important;
    min-height:125px !important;
    object-fit:cover !important;
    object-position:center center !important;
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }

  .nav .wrap{
    width:100% !important;
    min-height:58px !important;
    padding:0 16px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-end !important;
  }
  .menuBtn{
    display:block !important;
    margin:0 0 0 auto !important;
    padding:8px 10px !important;
    cursor:pointer !important;
    font-size:30px !important;
    line-height:1 !important;
  }
  .nav .wrap > .navlinks,
  .navlinks{
    display:none !important;
    width:100% !important;
    margin:0 !important;
    padding:4px 0 12px !important;
    grid-template-columns:1fr !important;
    text-align:center !important;
  }
  .nav .wrap > .navlinks.open,
  .navlinks.open{
    display:grid !important;
  }
  .navlinks a{
    display:block !important;
    padding:10px 6px !important;
  }
}


/* HANDY: "Wir freuen uns auf Ihren Besuch!" rechts ausrichten */
@media(max-width:520px){
  .signature{
    width:100% !important;
    margin-left:auto !important;
    margin-right:0 !important;
    padding-left:0 !important;
    padding-right:12px !important;
    text-align:right !important;
    justify-content:flex-end !important;
  }
  .signature *{
    text-align:right !important;
  }
}


/* HANDY FINAL: tatsächlichen Besuchstext an den rechten Rand setzen */
@media(max-width:520px){
  .mobile-visit-right{
    display:block !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    width:100% !important;
    max-width:none !important;
    margin:18px 0 0 auto !important;
    padding:0 14px 0 0 !important;
    text-align:right !important;
    transform:none !important;
    float:none !important;
    box-sizing:border-box !important;
  }
  .mobile-visit-right,
  .mobile-visit-right *{
    text-align:right !important;
  }
}


/* HANDY: weißen Außenrand vollständig entfernen */
@media(max-width:520px){
  html, body{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
    background:#063d78 !important;
  }

  body > *,
  header,
  main,
  footer,
  .topbar,
  .mast,
  .nav,
  .hero{
    max-width:none !important;
  }

  .topbar,
  .mast,
  .nav,
  .hero{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}


/* HANDY FINAL: volle Breite, aber alle Inhalte sauber zentriert.
   Verhindert Überbreite durch width:100% + Padding. */
@media(max-width:520px){
  html, body{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
  }

  *, *::before, *::after{
    box-sizing:border-box !important;
  }

  .top,
  .mast,
  .nav,
  .hero{
    width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .top .wrap{
    width:92% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .mast .wrap{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .nav .wrap{
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .hero .inner{
    width:94% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .heroBox{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* HANDY KORREKTUR: Seite selbst darf keinerlei Rand/Padding bekommen.
   mobile-visit-right sitzt jetzt nur noch am Besuchstext. */
@media(max-width:520px){
  html, body{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }

  body{
    overflow-x:hidden !important;
  }

  .about-signature.mobile-visit-right{
    width:100% !important;
    margin:18px 0 0 0 !important;
    padding:0 12px 0 0 !important;
    text-align:right !important;
  }
}


/* HANDY: Besuchstext rechts UND wieder schräg wie zuvor */
@media(max-width:520px){
  .about-signature.mobile-visit-right{
    width:auto !important;
    max-width:90% !important;
    margin:20px 12px 0 auto !important;
    padding:0 !important;
    text-align:right !important;
    transform:rotate(-4deg) !important;
    transform-origin:right center !important;
  }

  .about-signature.mobile-visit-right,
  .about-signature.mobile-visit-right *{
    text-align:right !important;
  }
}


/* HANDY: mehr Luft nach dem Besuchstext + Text im folgenden Bild weiter nach innen */
@media(max-width:520px){
  .about-signature.mobile-visit-right{
    margin-bottom:38px !important;
  }

  /* Text-Overlay im nachfolgenden Bild mit mehr Abstand zum rechten Rand */
  .about-photo .overlay,
  .about-photo .photo-text,
  .about-image .overlay,
  .about-image .photo-text{
    padding-right:28px !important;
    right:0 !important;
    box-sizing:border-box !important;
  }
}

.about-image-script{display:none !important;}


/* HANDY: Schriftzug im Speisenbild weiter vom rechten Rand.
   Nur mobile Darstellung – Originalbild und PC-Version bleiben unverändert. */
@media(max-width:520px){
  .about-vorlage-image{
    overflow:hidden !important;
  }
  .about-vorlage-image img{
    display:block !important;
    width:calc(100% + 80px) !important;
    max-width:none !important;
    height:auto !important;
    transform:translateX(-80px) !important;
  }
}


/* HANDY: weißen Strich unter dem Akropolis-Bild entfernen */
@media(max-width:520px){
  .acropolis-photo,
  .acropolis-photo img,
  .acropolis-reference,
  .acropolis-reference img,
  .lower-info-reference .photo,
  .lower-info-reference .photo img{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    border-bottom:0 !important;
  }

  .acropolis-photo img,
  .acropolis-reference img,
  .lower-info-reference .photo img{
    display:block !important;
    vertical-align:bottom !important;
  }

  footer.footer{
    margin-top:0 !important;
    border-top:0 !important;
  }
}


/* HANDY FINAL – Kontaktblock bleibt wie ursprünglich.
   Nur die Akropolis wird in der Höhe/Position passend eingestellt. */
@media(max-width:520px){

  .lower-art-reference.exact-footer-art{
    position:relative !important;
    width:100% !important;
    height:250px !important;
    min-height:250px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
    line-height:0 !important;
  }

  .lower-art-reference.exact-footer-art .exact-acropolis{
    position:absolute !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    vertical-align:top !important;
  }
}


/* HANDY FINAL:
   Akropolis wieder in der ursprünglichen mobilen Breite.
   Der verbleibende Zwischenbereich bekommt exakt die Farbe des Kontaktblocks. */
@media(max-width:520px){

  .lower-info-reference,
  .lower-info-reference .wrap.lower-info-grid{
    background:#f6f1e7 !important;
  }

  .lower-art-reference.exact-footer-art{
    position:relative !important;
    width:calc(100% + 10vw) !important;
    max-width:none !important;
    height:230px !important;
    min-height:230px !important;
    margin:0 0 0 -5vw !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
    line-height:0 !important;
    background:#f6f1e7 !important;
  }

  .lower-art-reference.exact-footer-art .exact-acropolis{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    width:100% !important;
    height:230px !important;
    min-height:230px !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
  }
}


/* HANDY: ausschließlich Akropolis nach oben erweitern */
@media(max-width:520px){
  .lower-art-reference.exact-footer-art{
    position:relative !important;
    overflow:visible !important;
  }

  .lower-art-reference.exact-footer-art .exact-acropolis{
    position:absolute !important;
    top:-28px !important;
    left:0 !important;
    right:0 !important;
    bottom:auto !important;
    width:100% !important;
    height:258px !important;
    min-height:258px !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    z-index:2 !important;
  }
}


/* HANDY FINAL: Akropolis normal + weicher Verlauf oben wie links */
@media(max-width:520px){
  .lower-art-reference.exact-footer-art{
    position:relative !important;
    overflow:hidden !important;
    margin:0 0 0 -5vw !important;
    width:calc(100% + 10vw) !important;
    height:230px !important;
    min-height:230px !important;
  }

  .lower-art-reference.exact-footer-art .exact-acropolis{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
  }

  .lower-art-reference.exact-footer-art::after{
    content:"" !important;
    position:absolute !important;
    z-index:5 !important;
    top:0 !important;
    left:0 !important;
    right:0 !important;
    height:38px !important;
    pointer-events:none !important;
    background:linear-gradient(
      to bottom,
      #f6f1e7 0%,
      rgba(246,241,231,.82) 22%,
      rgba(246,241,231,.42) 52%,
      rgba(246,241,231,0) 100%
    ) !important;
  }
}


/* HANDY: vorhandenen Akropolis-Schriftzug etwas tiefer setzen – kein zweiter Text */
@media(max-width:520px){
  .lower-art-reference.exact-footer-art .art-text,
  .lower-art-reference.exact-footer-art .acropolis-text,
  .lower-art-reference.exact-footer-art .exact-art-text,
  .lower-art-reference.exact-footer-art .kali-text{
    top:34px !important;
    transform:none !important;
  }
}


/* HANDY: tatsächlichen vorhandenen Akropolis-Text tiefer setzen */
@media(max-width:520px){
  .lower-art-reference.exact-footer-art .exact-greeting{
    top:48px !important;
    bottom:auto !important;
    transform:none !important;
    z-index:6 !important;
  }
}


/* PC: mehr Luft nach „... herzlich willkommen.“ und Kategorien tiefer */
@media(min-width:901px){
  .about-signature{
    margin-top:34px !important;
  }

  .cards,
  .feature-cards,
  .about-cards{
    margin-top:38px !important;
  }
}


/* PC: nach „Wir freuen uns auf Ihren Besuch! / Ihr Athen-Team“ mehr Luft */
@media(min-width:901px){
  .about-signature{
    margin-bottom:42px !important;
  }

  .cards,
  .feature-cards,
  .about-cards{
    margin-top:0 !important;
  }
}


/* PC: Bereich nach „Ihr Athen-Team“ noch weiter nach unten */
@media(min-width:901px){
  .about-signature{
    margin-bottom:72px !important;
  }
}


/* PC: Öffnungszeiten etwas näher an den senkrechten Trennstrich */
@media(min-width:901px){
  .hours-reference{
    transform:translateX(24px) !important;
  }
}


/* PC KORREKTUR: Grid/Trennstrich bleibt fest; nur Öffnungszeiten-Inhalt näher zum Strich */
@media(min-width:901px){
  .hours-reference{
    transform:none !important;
    padding-left:42px !important;
    padding-right:8px !important;
  }
}


/* PC FINAL: tatsächlichen senkrechten Strich (border-right von .hours-reference)
   nach links setzen; keine transform-Verschiebung des Blocks */
@media(min-width:901px){
  .lower-info-reference .wrap.lower-info-grid{
    grid-template-columns:1.10fr .70fr 1.20fr !important;
  }
  .hours-reference{
    transform:none !important;
    padding-left:8px !important;
    padding-right:18px !important;
  }
  .contact-reference{
    left:8px !important;
    padding-left:6px !important;
  }
}


/* ===== NEUE GUTSCHEINSEITE ===== */
.navlinks a.active{color:#c7a65a !important;}
.voucher-page{background:#f7f2e8;}
.voucher-intro{
  position:relative;
  overflow:hidden;
  padding:76px 0 86px;
  background:
    radial-gradient(circle at 80% 30%,rgba(199,166,90,.12),transparent 34%),
    linear-gradient(180deg,#fff 0%,#f7f2e8 100%);
}
.voucher-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);
  gap:72px;
  align-items:center;
}
.voucher-eyebrow{
  color:#c7a65a;
  font:700 15px/1.2 Montserrat,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.voucher-text h1{
  color:#063d78;
  font:800 clamp(48px,5vw,72px)/.98 Montserrat,sans-serif;
  margin:0;
  letter-spacing:-.035em;
}
.voucher-gold-line{width:78px;height:3px;background:#c7a65a;margin:22px 0 28px;}
.voucher-text h2{
  color:#063d78;
  font:700 24px/1.25 Montserrat,sans-serif;
  margin:0 0 24px;
}
.voucher-text h2 span{
  display:block;
  color:#0b5aa6;
  font-size:40px;
  font-weight:700;
  margin-top:2px;
}
.voucher-text p{
  max-width:700px;
  color:#294968;
  font:400 16px/1.72 Montserrat,sans-serif;
  margin:0 0 16px;
}
.voucher-text p strong{color:#063d78;}
.voucher-text p a{color:#0b5aa6;font-weight:600;text-decoration:none;}
.voucher-note{font-size:14px !important;opacity:.85;}
.voucher-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px;}
.voucher-actions .btn{
  min-width:180px;
  justify-content:center;
  text-align:center;
}
.voucher-image{
  position:relative;
  min-height:480px;
  border-radius:2px;
  overflow:hidden;
  box-shadow:0 20px 45px rgba(6,61,120,.14);
}
.voucher-image>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.voucher-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(6,61,120,.55),transparent 55%);
}
.voucher-image-card{
  position:absolute;
  z-index:2;
  left:34px;
  right:34px;
  bottom:32px;
  padding:22px 24px;
  background:rgba(255,255,255,.94);
  border-left:4px solid #c7a65a;
}
.voucher-image-card strong{
  display:block;
  color:#063d78;
  font:800 22px/1.2 Montserrat,sans-serif;
  margin-bottom:6px;
}
.voucher-image-card span{
  color:#0b5aa6;
  font:600 17px/1.35 Montserrat,sans-serif;
}
@media(max-width:900px){
  .voucher-intro{padding:44px 0 56px;}
  .voucher-grid{grid-template-columns:1fr;gap:38px;padding-left:20px;padding-right:20px;}
  .voucher-text h1{font-size:46px;}
  .voucher-text h2 span{font-size:34px;}
  .voucher-image{min-height:340px;}
}
@media(max-width:520px){
  .voucher-intro{padding-top:34px;}
  .voucher-grid{gap:30px;}
  .voucher-text h1{font-size:39px;}
  .voucher-text h2{font-size:20px;}
  .voucher-text h2 span{font-size:30px;}
  .voucher-text p{font-size:15px;}
  .voucher-actions{display:grid;grid-template-columns:1fr;}
  .voucher-actions .btn{width:100%;}
  .voucher-image{min-height:300px;}
  .voucher-image-card{left:18px;right:18px;bottom:18px;padding:17px;}
}


/* Gutscheinseite PC: drei Aktionsbuttons nebeneinander */
@media(min-width:901px){
  .voucher-actions{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:12px !important;
    align-items:stretch !important;
  }
  .voucher-actions .btn{
    min-width:0 !important;
    width:auto !important;
    flex:0 0 auto !important;
    padding-left:20px !important;
    padding-right:20px !important;
    white-space:nowrap !important;
  }
}


/* ===== GUTSCHEINSEITE HANDY – optimiert ===== */
@media(max-width:520px){
  .voucher-page,
  .voucher-intro{
    width:100% !important;
    overflow-x:hidden !important;
  }

  .voucher-intro{
    padding:30px 0 44px !important;
  }

  .voucher-grid{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    gap:28px !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
  }

  .voucher-text{
    width:100% !important;
    min-width:0 !important;
  }

  .voucher-eyebrow{
    font-size:12px !important;
    letter-spacing:.13em !important;
    margin-bottom:7px !important;
  }

  .voucher-text h1{
    font-size:38px !important;
    line-height:1 !important;
  }

  .voucher-gold-line{
    width:60px !important;
    margin:16px 0 20px !important;
  }

  .voucher-text h2{
    font-size:19px !important;
    margin-bottom:19px !important;
  }

  .voucher-text h2 span{
    font-size:29px !important;
    line-height:1.1 !important;
  }

  .voucher-text p{
    width:100% !important;
    max-width:none !important;
    font-size:15px !important;
    line-height:1.62 !important;
    margin-bottom:14px !important;
  }

  .voucher-note{
    font-size:13px !important;
  }

  .voucher-actions{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    gap:10px !important;
    margin-top:24px !important;
  }

  .voucher-actions .btn{
    display:flex !important;
    width:100% !important;
    min-width:0 !important;
    min-height:50px !important;
    box-sizing:border-box !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:13px 14px !important;
    white-space:normal !important;
    text-align:center !important;
  }

  .voucher-image{
    width:100% !important;
    min-height:280px !important;
    height:280px !important;
    margin:0 !important;
  }

  .voucher-image>img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  .voucher-image-card{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    padding:15px 16px !important;
  }

  .voucher-image-card strong{
    font-size:19px !important;
  }

  .voucher-image-card span{
    font-size:15px !important;
  }
}


/* Gutscheinseite: heller Hintergrund wie im mittleren Bereich der Startseite */
.voucher-page,
.voucher-intro{
  background:#ffffff !important;
}


/* ===== GALERIESEITE ===== */
.gallery-page,.gallery-intro{background:#fff;}
.gallery-intro{padding:66px 0 84px;}
.gallery-eyebrow{
  color:#c7a65a;font:700 14px/1.2 Montserrat,sans-serif;
  letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;
}
.gallery-page h1{
  color:#063d78;font:800 clamp(46px,5vw,68px)/1 Montserrat,sans-serif;
  margin:0;letter-spacing:-.03em;
}
.gallery-gold-line{width:76px;height:3px;background:#c7a65a;margin:20px 0 22px;}
.gallery-lead{
  max-width:760px;color:#294968;font:400 17px/1.65 Montserrat,sans-serif;
  margin:0 0 34px;
}
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.gallery-item{
  position:relative;display:block;overflow:hidden;background:#f6f1e7;
  aspect-ratio:4/3;
}
.gallery-item img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .3s ease;
}
.gallery-item:hover img{transform:scale(1.035);}
@media(max-width:900px){
  .gallery-intro{padding:44px 20px 58px;}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:520px){
  .gallery-intro{padding:32px 18px 46px;}
  .gallery-page h1{font-size:39px;}
  .gallery-lead{font-size:15px;margin-bottom:24px;}
  .gallery-grid{grid-template-columns:1fr;gap:12px;}
  .gallery-item{aspect-ratio:4/3;}
}

/* Neue Galerie 2026 */
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.gallery-item{
  display:block;
  overflow:hidden;
  border-radius:3px;
  background:#eee9df;
}
.gallery-item img{
  width:100%;
  height:300px;
  object-fit:cover;
  display:block;
  transition:transform .25s ease;
}
.gallery-item:hover img{transform:scale(1.025);}
@media(max-width:900px){
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .gallery-item img{height:260px;}
}
@media(max-width:520px){
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
  .gallery-item img{height:210px;}
}

/* Galerie Lightbox */
body.lightbox-open{overflow:hidden}
.gallery-lightbox{
  position:fixed; inset:0; z-index:99999;
  display:none; align-items:center; justify-content:center;
  background:rgba(0,20,38,.84);
  padding:58px 76px 105px;
}
.gallery-lightbox.open{display:flex}
.lightbox-stage{
  margin:0; position:relative; display:flex; align-items:center; justify-content:center;
  max-width:min(1100px,82vw); max-height:calc(100vh - 170px);
}
.lightbox-image{
  display:block; max-width:100%; max-height:calc(100vh - 170px);
  width:auto; height:auto; object-fit:contain;
  background:#111; border:4px solid rgba(255,255,255,.92);
  box-shadow:0 12px 42px rgba(0,0,0,.5);
}
.lightbox-caption{
  position:absolute; left:4px; right:4px; bottom:4px;
  display:flex; justify-content:space-between; gap:20px;
  padding:22px 14px 10px;
  color:#fff; font-size:14px;
  background:linear-gradient(transparent,rgba(0,0,0,.72));
}
.lightbox-close,.lightbox-prev,.lightbox-next{
  position:absolute; border:0; background:transparent; color:#fff; cursor:pointer;
  font-family:Arial,sans-serif; z-index:2;
}
.lightbox-close{right:22px;top:12px;font-size:44px;line-height:1}
.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%);font-size:70px;line-height:1;padding:20px}
.lightbox-prev{left:12px}.lightbox-next{right:12px}
.lightbox-thumbs{
  position:absolute; left:20px; right:20px; bottom:12px;
  display:flex; gap:8px; justify-content:flex-start; overflow-x:auto;
  padding:4px 0; scrollbar-width:thin;
}
.lightbox-thumb{
  flex:0 0 82px; height:62px; padding:2px; border:2px solid rgba(255,255,255,.7);
  background:#111; cursor:pointer; opacity:.72;
}
.lightbox-thumb.active{opacity:1;border-color:#1e9cff}
.lightbox-thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:520px){
  .gallery-lightbox{padding:55px 38px 90px}
  .lightbox-stage{max-width:100%;max-height:calc(100vh - 145px)}
  .lightbox-image{max-height:calc(100vh - 145px);border-width:2px}
  .lightbox-close{right:10px;top:8px;font-size:38px}
  .lightbox-prev,.lightbox-next{font-size:48px;padding:8px}
  .lightbox-prev{left:0}.lightbox-next{right:0}
  .lightbox-thumbs{left:8px;right:8px;bottom:10px;gap:5px}
  .lightbox-thumb{flex-basis:62px;height:48px}
  .lightbox-caption{font-size:12px;padding:18px 8px 7px}
}

/* Lieferservice – Gestaltung auf Basis der Gutscheinseite */
.delivery-image{background:#f6f1e7;display:flex;align-items:center;justify-content:center;min-height:420px}
.delivery-image>img{object-fit:contain!important;width:78%!important;height:auto!important;max-height:330px;padding:28px}
.delivery-details{background:#f7f4ee;padding:0 0 64px}
.delivery-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.delivery-card{background:#fff;padding:25px 28px;border-top:4px solid #c7a65a;box-shadow:0 4px 16px rgba(6,61,120,.08)}
.delivery-card h3{margin:0 0 12px;color:#063d78;font-family:Montserrat,sans-serif;font-size:21px}
.delivery-card p{margin:0;line-height:1.75;color:#333}
@media(max-width:700px){
 .delivery-grid{grid-template-columns:1fr!important}
 .delivery-image{min-height:260px}
 .delivery-image>img{width:75%!important;max-height:220px;padding:20px}
 .delivery-cards{grid-template-columns:1fr;gap:12px}
 .delivery-details{padding-bottom:38px}
 .delivery-card{padding:20px}
}

/* Lieferservice: heller Bereich, Boxen in bisherigem Abschnittston */
.delivery-details{background:#fff!important;}
.delivery-card{background:#f7f4ee!important;}
/* Lieferservice: Restaurantfoto mit Toyota Yaris */
.delivery-image{position:relative;overflow:hidden;background:#f6f1e7}
.delivery-image>img{width:100%!important;height:100%!important;max-height:none!important;padding:0!important;object-fit:cover!important;object-position:center center!important}
.delivery-image .voucher-image-card{display:none!important}
@media(max-width:900px){.delivery-image>img{width:100%!important;height:100%!important;max-height:none!important;padding:0!important;object-fit:cover!important}}

.delivery-closed-popup[hidden]{display:none!important}.delivery-closed-popup{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(0,20,42,.72);backdrop-filter:blur(2px)}.delivery-closed-dialog{position:relative;width:min(92vw,520px);background:#fff;padding:34px;border-top:4px solid #c7a65a;box-shadow:0 22px 65px rgba(0,0,0,.34);text-align:center;color:#18334f}.delivery-closed-dialog h2{margin:0 0 14px;color:#063d78;font-size:28px}.delivery-closed-dialog p{font-size:17px;line-height:1.55}.delivery-closed-next{font-weight:700;color:#063d78}.delivery-closed-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#063d78;font-size:32px;cursor:pointer}.delivery-closed-ok{margin-top:18px;border:0;border-radius:4px;background:#0b5aa6;color:#fff;padding:12px 25px;font:700 15px Montserrat,sans-serif;cursor:pointer}body.delivery-popup-open{overflow:hidden}

/* Kontakt & Impressum – Gestaltung auf Basis der Gutscheinseite */
.contact-page-details{margin:24px 0 8px;padding:18px 20px;border-left:3px solid #c7a65a;background:#f6f1e7}
.contact-page-details p{margin:0 0 12px}.contact-page-details p:last-child{margin-bottom:0}
.contact-page-image img{object-position:center center}
.imprint-section{padding:56px 0 64px;background:#f6f1e7}
.imprint-heading{margin-bottom:28px}.imprint-heading h2{margin:4px 0 10px;color:#063d78;font-size:34px}
.imprint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.imprint-card{background:#fff;border-top:3px solid #c7a65a;padding:26px 28px;box-shadow:0 6px 18px rgba(0,0,0,.05)}
.imprint-card h3{margin:0 0 14px;color:#063d78;font-size:21px}.imprint-card p{margin:0 0 12px;line-height:1.65}.imprint-card a{color:#0b5aa6;font-weight:600}
@media(max-width:700px){.imprint-section{padding:38px 0 44px}.imprint-grid{grid-template-columns:1fr}.imprint-card{padding:22px 20px}.imprint-heading h2{font-size:29px}}

/* Kontaktformular */
.contact-form{margin-top:30px;padding:26px;background:#f6f1e7;border-top:3px solid #c7a65a;box-shadow:0 8px 24px rgba(6,61,120,.08)}
.contact-form h3{margin:0 0 20px;color:#063d78;font-size:24px}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.contact-form label{display:flex;flex-direction:column;gap:7px;color:#063d78;font-weight:700;font-size:14px}
.contact-form label span{font-weight:400}
.contact-form input,.contact-form textarea{box-sizing:border-box;width:100%;border:1px solid #c9c9c9;background:#fff;padding:12px 13px;font:inherit;color:#222;outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:#0b5aa6;box-shadow:0 0 0 2px rgba(11,90,166,.12)}
.contact-form textarea{resize:vertical}
.contact-form-wide{grid-column:1/-1}
.contact-form-check{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:400!important;color:#333!important}
.contact-form-check input{width:auto;margin-top:3px}
.contact-form-trap{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}
.contact-submit{border:0;cursor:pointer}
.contact-form-success,.contact-form-error{margin-bottom:18px;padding:13px 15px;font-weight:700}
.contact-form-success{background:#e9f5ec;color:#236735}
.contact-form-error{background:#faeaea;color:#8a2424}
@media(max-width:700px){.contact-form{padding:20px 16px}.contact-form-grid{grid-template-columns:1fr}.contact-form-wide{grid-column:1}}

/* Datenschutzseite auf Basis der Gutscheinseite */
.privacy-intro{padding:58px 0 64px;background:#fff}
.privacy-wrap{max-width:1180px}
.privacy-page h1{margin:5px 0 10px;color:#063d78;font-size:clamp(34px,4vw,54px);line-height:1.05}
.privacy-content{margin-top:32px;color:#273b50;font-size:15px;line-height:1.72}
.privacy-content p{margin:0 0 18px}
.privacy-content span[style*="font-weight: 700"],.privacy-content strong{color:#063d78}
.privacy-content a{color:#0b5aa6;overflow-wrap:anywhere}
@media(max-width:520px){.privacy-intro{padding:34px 0 44px}.privacy-content{font-size:14px;line-height:1.65}.privacy-content br{display:none}}

/* Kontakt/Impressum: helle Fläche mit drei cremefarbenen Spalten */
.contact-three-section{padding:54px 0 58px;background:#fff}
.contact-three-grid{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:20px;align-items:stretch}
.contact-three-card{background:#f6f1e7;border-top:3px solid #c7a65a;padding:26px 28px;box-shadow:0 8px 22px rgba(6,61,120,.08)}
.contact-three-card h2{margin:0 0 18px;color:#063d78;font-size:25px}.contact-three-card h3{margin:18px 0 8px;color:#063d78;font-size:17px}.contact-three-card p{line-height:1.6}.contact-three-card a{color:#0b5aa6;font-weight:600}.contact-three-card hr{border:0;border-top:1px solid #c7a65a;margin:20px 0}
.contact-three-actions{margin-top:22px}.contact-form-card .contact-form{margin:12px 0 0;padding:0;background:transparent;border:0;box-shadow:none}.contact-form-card .contact-form-grid{gap:12px}.contact-form-card .contact-submit{width:100%}
.imprint-section{background:#fff!important}.imprint-card{background:#f6f1e7!important}
@media(max-width:900px){.contact-three-grid{grid-template-columns:1fr}.contact-three-section{padding:36px 0 40px}.contact-three-card{padding:22px 20px}}

/* Kontakt/Impressum – 3 Spalten wie abgestimmt */
.contact-three-card h2{display:flex;align-items:center;gap:14px;font-size:27px}
.three-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#0b5aa6;color:#fff;font-size:24px;line-height:1;font-weight:700}
.contact-three-actions .btn,.contact-form-card .contact-submit{display:flex!important;align-items:center!important;justify-content:center!important;min-height:52px!important;color:#fff!important;font-weight:800!important;text-align:center!important}
.contact-form-card .contact-form-check a{color:#0b5aa6;text-decoration:underline}
@media(max-width:520px){.contact-three-card h2{font-size:24px}.three-icon{flex-basis:42px;width:42px;height:42px;font-size:20px}}

/* Feiern & Events – auf Grundlage der Gutscheinseite */
.events-page,.events-intro{background:#fff}
.events-image>img{object-position:center center}
@media(max-width:520px){
  .events-text h1{font-size:36px!important}
  .events-text h2 span{font-size:29px!important}
}

/* Startseite: eigener Button für Feiern & Events */
.home-card.event-card .event-card-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  margin-left:12px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.75);
  border-radius:3px;
  color:#fff;
  font:700 12px Montserrat,sans-serif;
  letter-spacing:.03em;
  white-space:nowrap;
}
.home-card.event-card:hover .event-card-button{
  background:#fff;
  color:#063d78;
}
@media(max-width:520px){
  .home-card.event-card .event-card-button{padding:6px 9px;font-size:11px}
}

/* Startseiten-Popup aus dem Adminbereich */
.site-popup[hidden]{display:none!important}
.site-popup{position:fixed;inset:0;z-index:20000;display:flex;align-items:center;justify-content:center;padding:24px}
.site-popup-backdrop{position:absolute;inset:0;background:rgba(0,18,38,.78);backdrop-filter:blur(2px)}
.site-popup-dialog{position:relative;z-index:1;max-width:min(92vw,900px);max-height:90vh;display:flex;align-items:center;justify-content:center}
.site-popup-dialog img{display:block;max-width:100%;max-height:86vh;width:auto;height:auto;box-shadow:0 18px 65px rgba(0,0,0,.48)}
.site-popup-close{position:absolute;z-index:2;right:-16px;top:-16px;width:42px;height:42px;border:2px solid #fff;border-radius:50%;background:#063d78;color:#fff;font:400 30px/34px Arial,sans-serif;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.35)}
body.site-popup-open{overflow:hidden}
@media(max-width:520px){
 .site-popup{padding:16px}
 .site-popup-dialog{max-width:94vw}
 .site-popup-close{right:-8px;top:-14px}
}

/* Eigenes Bewertungssystem */
.reviews-section{padding:58px 0;background:#07121e;color:#fff}.reviews-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.reviews-kicker{color:#c7a65a;font-weight:800;letter-spacing:.08em}.reviews-head h2{margin:7px 0 8px;font-size:34px}.reviews-summary{color:#d8e0e8}.review-stars{color:#f4b400;letter-spacing:2px}.review-stars span{color:#56616c}.reviews-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card,.review-empty{background:#172431;border:1px solid #263746;padding:22px;border-radius:5px}.review-card{display:flex;gap:15px}.review-card p{line-height:1.55;margin-bottom:0}.review-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:50%;display:grid;place-items:center;background:#0b5aa6;font-weight:800;font-size:20px}.review-modal[hidden]{display:none!important}.review-modal{position:fixed;inset:0;z-index:21000;display:flex;align-items:center;justify-content:center;padding:20px}.review-backdrop{position:absolute;inset:0;background:#00152bd9;backdrop-filter:blur(2px)}.review-dialog{position:relative;z-index:1;background:#fff;color:#26394d;width:min(94vw,560px);padding:30px;border-top:4px solid #c7a65a}.review-close{position:absolute;right:10px;top:6px;border:0;background:none;color:#063d78;font-size:32px;cursor:pointer}.review-dialog h2{color:#063d78;margin-top:0}.review-dialog label{display:block;font-weight:700;color:#063d78;margin:14px 0}.review-dialog input:not([type=radio]),.review-dialog textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #bbb;font:inherit}.review-dialog small{display:block;margin-top:12px}.review-trap{position:absolute!important;left:-9999px!important}.star-input{display:flex;flex-direction:row-reverse;justify-content:flex-end}.star-input input{display:none}.star-input label{font-size:40px;color:#bbb;cursor:pointer;margin:0 3px}.star-input input:checked~label,.star-input label:hover,.star-input label:hover~label{color:#f4b400}body.review-open{overflow:hidden}
@media(max-width:800px){.reviews-list{grid-template-columns:1fr}.reviews-head{align-items:flex-start;flex-direction:column}.reviews-head h2{font-size:29px}}

/* Bewertungen: helle Gestaltung und zentrierte Überschrift */
.reviews-section{
  background:#f6f1e7!important;
  color:#273b50!important;
}
.reviews-head{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:16px!important;
}
.reviews-head>div{
  width:100%!important;
  text-align:center!important;
}
.reviews-head h2{
  color:#063d78!important;
  text-align:center!important;
  margin:0 0 8px!important;
}
.reviews-summary{
  color:#273b50!important;
  text-align:center!important;
}
.reviews-open{
  margin:0 auto!important;
}
.review-card,.review-empty{
  background:#fff!important;
  color:#273b50!important;
  border-color:#ded8cc!important;
}

/* Bewertungen komplett hell */
.reviews-section{
  background:#fff!important;
}
.review-card,
.review-empty{
  background:#f6f1e7!important;
  color:#273b50!important;
  border:1px solid #ded8cc!important;
}

/* Mehr/Weniger bei langen Bewertungen */
.review-more-btn{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0 0 0 2px;
  color:#0b5aa6;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}
.review-more-btn:hover,
.review-more-btn:focus{
  text-decoration:underline;
}

/* Bewertungen: eine Reihe als horizontaler Slider */
.reviews-slider-wrap{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  width:100%;
}
.reviews-slider-wrap .reviews-list{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  gap:16px!important;
  width:100%;
  padding:2px 2px 10px;
  scrollbar-width:none;
}
.reviews-slider-wrap .reviews-list::-webkit-scrollbar{display:none}
.reviews-slider-wrap .review-card,
.reviews-slider-wrap .review-empty{
  flex:0 0 calc((100% - 32px)/3)!important;
  width:auto!important;
  min-width:0;
  scroll-snap-align:start;
  box-sizing:border-box;
}
.reviews-arrow{
  flex:0 0 44px;
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  background:#063d78;
  color:#fff;
  font-size:34px;
  line-height:40px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 3px 10px rgba(0,0,0,.15);
}
.reviews-arrow:hover{background:#0b5aa6}
@media(max-width:850px){
  .reviews-slider-wrap .review-card,
  .reviews-slider-wrap .review-empty{flex-basis:calc((100% - 16px)/2)!important}
}
@media(max-width:600px){
  .reviews-slider-wrap{gap:6px}
  .reviews-arrow{flex-basis:36px;width:36px;height:36px;font-size:28px}
  .reviews-slider-wrap .review-card,
  .reviews-slider-wrap .review-empty{flex-basis:100%!important}
}

/* FIX: Bewertungs-Slider garantiert nur eine einzige Reihe */
#bewertungen .reviews-slider-wrap{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
}
#bewertungen .reviews-slider-wrap #reviewsList.reviews-list{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  grid-template-columns:none!important;
  grid-auto-flow:unset!important;
  align-items:stretch!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  width:100%!important;
}
#bewertungen .reviews-slider-wrap #reviewsList.reviews-list > .review-card,
#bewertungen .reviews-slider-wrap #reviewsList.reviews-list > .review-empty{
  display:block!important;
  flex:0 0 calc((100% - 32px)/3)!important;
  max-width:calc((100% - 32px)/3)!important;
  min-width:calc((100% - 32px)/3)!important;
  width:calc((100% - 32px)/3)!important;
  margin:0!important;
}
@media(max-width:850px){
 #bewertungen .reviews-slider-wrap #reviewsList.reviews-list > .review-card,
 #bewertungen .reviews-slider-wrap #reviewsList.reviews-list > .review-empty{
   flex-basis:calc((100% - 16px)/2)!important;
   min-width:calc((100% - 16px)/2)!important;
   max-width:calc((100% - 16px)/2)!important;
   width:calc((100% - 16px)/2)!important;
 }
}
@media(max-width:600px){
 #bewertungen .reviews-slider-wrap #reviewsList.reviews-list > .review-card,
 #bewertungen .reviews-slider-wrap #reviewsList.reviews-list > .review-empty{
   flex-basis:100%!important;min-width:100%!important;max-width:100%!important;width:100%!important;
 }
}

/* Bewertungsbuttons nebeneinander */
.reviews-buttons{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}
.reviews-buttons .btn{
  margin:0!important;
  text-decoration:none;
  box-sizing:border-box;
}
.reviews-google{
  background:#063d78!important;
  color:#fff!important;
}
.reviews-google:hover{background:#0b5aa6!important}

/* Bewertungsbuttons: exakt gleiche Größe und Farbe */
#bewertungen .reviews-buttons{
  display:flex!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:12px!important;
}
#bewertungen .reviews-buttons .btn,
#bewertungen .reviews-buttons .reviews-open,
#bewertungen .reviews-buttons .reviews-google{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:330px!important;
  min-width:330px!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 18px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:7px!important;
  background:#063d78!important;
  color:#fff!important;
  font:700 14px Montserrat,Arial,sans-serif!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
#bewertungen .reviews-buttons .btn:hover,
#bewertungen .reviews-buttons .reviews-open:hover,
#bewertungen .reviews-buttons .reviews-google:hover{
  background:#0b5aa6!important;
  color:#fff!important;
}
@media(max-width:760px){
  #bewertungen .reviews-buttons{flex-direction:column!important;align-items:center!important}
  #bewertungen .reviews-buttons .btn,
  #bewertungen .reviews-buttons .reviews-open,
  #bewertungen .reviews-buttons .reviews-google{
    width:min(100%,330px)!important;
    min-width:0!important;
  }
}

/* Bewertungsquellen: Sterne jeweils direkt über dem passenden Button */
#bewertungen .reviews-head{
  display:block!important;
  text-align:center!important;
}
#bewertungen .reviews-head h2{
  margin-bottom:20px!important;
}
#bewertungen .reviews-rating-columns{
  display:flex;
  justify-content:center;
  align-items:stretch;
  gap:12px;
  flex-wrap:wrap;
  margin:0 auto 28px;
}
#bewertungen .reviews-rating-column{
  width:330px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
}
#bewertungen .reviews-source-label{
  font-weight:700;
  color:#063d78;
  margin-bottom:5px;
}
#bewertungen .reviews-rating-column .reviews-summary{
  min-height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:10px!important;
  white-space:nowrap;
}
#bewertungen .reviews-rating-column .btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:330px!important;
  min-width:330px!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 18px!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:7px!important;
  background:#063d78!important;
  color:#fff!important;
  font:700 14px Montserrat,Arial,sans-serif!important;
  text-decoration:none!important;
}
#bewertungen .reviews-rating-column .btn:hover{background:#0b5aa6!important}
@media(max-width:760px){
  #bewertungen .reviews-rating-columns{flex-direction:column;align-items:center}
  #bewertungen .reviews-rating-column{width:min(100%,330px)}
  #bewertungen .reviews-rating-column .btn{width:100%!important;min-width:0!important}
  #bewertungen .reviews-rating-column .reviews-summary{white-space:normal}
}

/* Social-Links vor der Adresse in der oberen Kontaktleiste */
.top .wrap{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}
.top .athen-social-links{display:inline-flex;align-items:center;gap:12px;flex:0 0 auto}
.top .athen-social-links a{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;color:#fff;text-decoration:none;opacity:.95}
.top .athen-social-links a:hover,.top .athen-social-links a:focus-visible{opacity:1;transform:translateY(-1px)}
.top .athen-social-links svg{display:block;width:17px;height:17px;fill:currentColor}
@media(max-width:600px){.top .wrap{gap:5px 12px}.top .athen-social-links{gap:10px}}

/* Social icons: explicit, visible lettermarks; no external fonts, SVGs or images required. */
.top .athen-social-links{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;gap:7px!important;flex-shrink:0!important}
.top .athen-social-links a{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;width:25px!important;height:25px!important;border:1px solid rgba(255,255,255,.8)!important;border-radius:50%!important;color:#fff!important;background:rgba(255,255,255,.12)!important;text-decoration:none!important}
.top .athen-social-links .athen-social-mark{display:block!important;visibility:visible!important;opacity:1!important;font-family:Arial,sans-serif!important;font-size:17px!important;font-weight:800!important;line-height:1!important;color:#fff!important}
.top .athen-social-links a:hover{background:rgba(255,255,255,.28)!important}

/* Bunte Social-Media-Symbole in der oberen Kontaktleiste */
.top .athen-social-links a{width:29px!important;height:29px!important;border:0!important;border-radius:8px!important;box-shadow:0 1px 3px rgba(0,0,0,.16);transition:transform .18s,filter .18s}
.top .athen-social-links a[aria-label="Facebook"]{background:#1877f2!important}
.top .athen-social-links a[aria-label="Google"]{background:#fff!important}
.top .athen-social-links a[aria-label="Instagram"]{background:linear-gradient(45deg,#feda75 0%,#fa7e1e 22%,#d62976 52%,#962fbf 77%,#4f5bd5 100%)!important}
.top .athen-social-links a svg{display:block!important;width:20px!important;height:20px!important;fill:none!important;visibility:visible!important;opacity:1!important}
.top .athen-social-links a svg path,.top .athen-social-links a svg rect,.top .athen-social-links a svg circle{fill:revert-layer}
.top .athen-social-links a:hover,.top .athen-social-links a:focus-visible{filter:brightness(1.12);transform:translateY(-2px)}

/* Facebook-Bildvorlage: gleiche Icon-Größe wie bisher */
.top .athen-social-links a[aria-label="Facebook"]{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:50%!important;overflow:hidden!important}
.top .athen-social-links a[aria-label="Facebook"] img{display:block!important;width:29px!important;height:29px!important;max-width:none!important;object-fit:contain!important}

/* Instagram-Bildvorlage: bisherige Icon-Größe beibehalten */
.top .athen-social-links a[aria-label="Instagram"]{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:50%!important;overflow:hidden!important}
.top .athen-social-links a[aria-label="Instagram"] img{display:block!important;width:29px!important;height:29px!important;max-width:none!important;object-fit:contain!important}

/* Google-Symbol: kein weißer Button-Hintergrund oder Rahmen; Icon-Größe bleibt 29 px. */
.top .athen-social-links a[aria-label="Google"]{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:50%!important;overflow:hidden!important;padding:0!important;width:29px!important;height:29px!important}
.top .athen-social-links a[aria-label="Google"] img{display:block!important;width:29px!important;height:29px!important;max-width:none!important;object-fit:contain!important}

/* Desktop: dieselben Social-Icons auch unter der Mailadresse im Kontakt-Footer */
.athen-footer-social{display:flex;align-items:center;gap:17px;margin:13px 0 0 34px}
.athen-footer-social a{display:inline-flex;width:29px;height:29px;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;line-height:0;transition:transform .18s ease}
.athen-footer-social a:hover,.athen-footer-social a:focus-visible{transform:translateY(-2px)}
.athen-footer-social img{display:block;width:29px;height:29px;object-fit:contain;max-width:none}
@media(max-width:767px){.athen-footer-social{display:none!important}}

/* Galerie: abgerundete Ecken und dezenter Schatten */
.gallery-grid .gallery-item{border-radius:12px;box-shadow:0 5px 17px rgba(9,42,75,.17);transition:box-shadow .2s ease,transform .2s ease}
.gallery-grid .gallery-item:hover{box-shadow:0 9px 23px rgba(9,42,75,.23);transform:translateY(-2px)}

.site-popup-dialog [hidden]{display:none!important}
.site-popup-dialog video{max-width:100%;max-height:86vh;width:auto;height:auto;box-shadow:0 18px 65px rgba(0,0,0,.48);background:#000}

/* Startseite: handschriftlicher Restaurantname im Begrüßungsbild. */
.hero .heroBox h1{font-family:'Ephesis',cursive!important;font-style:normal!important;font-weight:400!important;font-size:clamp(62px,5.8vw,82px);line-height:1.12;}
@media(max-width:600px){.hero .heroBox h1{font-size:clamp(45px,10.5vw,60px)!important;line-height:1.08!important;}}

/* Startseite: Ephesis sichtbar auch bei vorherigen Hero-Overrides */
.hero .heroBox h1{font-family:'Ephesis',cursive!important;font-style:normal!important;font-weight:400!important;font-size:clamp(62px,5.8vw,82px)!important;line-height:1.12!important}
@media(max-width:600px){.hero .heroBox h1{font-size:clamp(45px,10.5vw,60px)!important}}

/* Live-Öffnungsstatus unter der Begrüßungsüberschrift */
.hero-opening-status{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin:5px auto 12px;padding:7px 15px;border-radius:999px;background:rgba(4,35,65,.82);border:1px solid rgba(255,255,255,.42);color:#fff;font:600 15px/1.4 'Montserrat',Arial,sans-serif;letter-spacing:.1px;text-shadow:0 1px 2px #0006}
.hero-opening-status[hidden]{display:none!important}
.hero-opening-status::before{content:'';width:9px;height:9px;border-radius:50%;background:#f0b55d;flex:none}
.hero-opening-status.is-open::before{background:#57db89}
.hero-opening-status.is-closed::before{background:#ff9a88}
@media(max-width:600px){.hero-opening-status{font-size:13px;padding:7px 11px}}

/* Öffnungsstatus innerhalb der Überschrift, oberhalb des goldenen Strichs */
.hero .heroBox h1 .hero-opening-status{display:block;width:100%;box-sizing:border-box;margin:4px auto 0;padding:0;background:none;border:0;border-radius:0;color:#fff;font-family:'Ephesis',cursive!important;font-size:clamp(24px,2.15vw,32px)!important;font-style:normal!important;font-weight:400!important;line-height:1.2!important;letter-spacing:normal!important;text-transform:none!important;text-shadow:0 2px 5px rgba(0,0,0,.65)}
.hero .heroBox h1 .hero-opening-status::before{display:none!important}
@media(max-width:600px){.hero .heroBox h1 .hero-opening-status{font-size:clamp(22px,5vw,28px)!important}}

/* Handy: Social-Media-Buttons in der oberen Leiste mit etwas mehr Abstand. */
@media (max-width: 767px) {
  .top .athen-social-links { gap: 16px !important; }
}

/* Startseite: Ken-Burns-Slider im großen Bild */
.about-vorlage-image.kenburns-slider{position:relative;overflow:hidden;background:#eee;}
.about-vorlage-image.kenburns-slider .kenburns-slide{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;opacity:0;transform:scale(1);transition:opacity 1.2s ease;will-change:transform,opacity;}
.about-vorlage-image.kenburns-slider .kenburns-slide.is-active{opacity:1;animation:athenKenBurns 8s linear forwards;}
@keyframes athenKenBurns{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.13) translate3d(-1.5%,-1%,0)}}
@media(max-width:850px){.about-vorlage-image.kenburns-slider{height:230px!important;min-height:230px!important}.about-vorlage-image.kenburns-slider .kenburns-slide{height:100%!important}}
/* Ken-Burns bleibt auf Wunsch auch mobil aktiv. */

/* FIX 2026-09-24: Ken-Burns-Slider auch auf Smartphones als EIN Bild anzeigen */
@media (max-width:850px){
  #startImgHauptbildSlider.about-vorlage-image.kenburns-slider{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:230px!important;
    min-height:230px!important;
    overflow:hidden!important;
  }
  #startImgHauptbildSlider.about-vorlage-image.kenburns-slider > img.kenburns-slide{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
    object-fit:cover!important;
    object-position:center!important;
    opacity:0!important;
    transform:scale(1.02);
  }
  #startImgHauptbildSlider.about-vorlage-image.kenburns-slider > img.kenburns-slide.is-active{
    opacity:1!important;
    animation:athenKenBurnsMobile 8s linear forwards!important;
  }
  @keyframes athenKenBurnsMobile{
    0%{transform:scale(1.02) translate3d(0,0,0)}
    100%{transform:scale(1.16) translate3d(-2%,-1.2%,0)}
  }
}

/* FIX 2026-09-24 v3: mobile Ken-Burns mit voller Bildgroesse */
@media (max-width:850px){
  #startImgHauptbildSlider.about-vorlage-image.kenburns-slider{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/10!important;
    overflow:hidden!important;
    border-radius:0!important;
  }
  #startImgHauptbildSlider.about-vorlage-image.kenburns-slider > img.kenburns-slide{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center!important;
    margin:0!important;
    opacity:0!important;
    transform:scale(1.03) translate3d(0,0,0)!important;
    transition:opacity 1.1s ease!important;
  }
  #startImgHauptbildSlider.about-vorlage-image.kenburns-slider > img.kenburns-slide.is-active{
    opacity:1!important;
    animation:athenKenBurnsMobileV3 8s ease-in-out forwards!important;
  }
  @keyframes athenKenBurnsMobileV3{
    0%{transform:scale(1.03) translate3d(0,0,0)!important}
    100%{transform:scale(1.20) translate3d(-2.5%,-1.5%,0)!important}
  }
}

/* Startseite: grosses Ken-Burns-Bild mit runden Ecken wie Restaurantseite */
#startImgHauptbildSlider.about-vorlage-image.kenburns-slider{
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 12px 28px rgba(0,0,0,.10);
}
@media (max-width:850px){
  #startImgHauptbildSlider.about-vorlage-image.kenburns-slider{
    border-radius:16px !important;
  }
}

/* Mobil: grosses Startseitenbild bewusst ohne abgerundete Ecken */
@media (max-width:850px){
  #startImgHauptbildSlider.about-vorlage-image.kenburns-slider{
    border-radius:0 !important;
  }
}

/* Öffnungsstatus im Hero in Gold wie die Trennlinie */
.hero .heroBox h1 .hero-opening-status{color:var(--gold)!important;}

/* News-Seite */
.news-intro{padding-bottom:56px}.news-heading{max-width:820px;margin-bottom:28px}.news-list{display:grid;gap:24px}.news-card{display:grid;grid-template-columns:minmax(260px,38%) 1fr;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(8,52,91,.13);border:1px solid rgba(7,66,117,.08)}.news-card:not(:has(.news-card-image)){grid-template-columns:1fr}.news-card-image{min-height:300px}.news-card-image img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}.news-card-body{padding:30px 34px}.news-card-body h2{color:#06477f;font-family:Georgia,serif;font-size:30px;margin:10px 0 14px}.news-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.news-type{background:#06477f;color:#fff;border-radius:999px;padding:7px 13px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.news-date{color:#a67a20;font-weight:700}.news-copy{font-size:16px;line-height:1.7;color:#293d4e;margin-bottom:20px}.news-button{display:inline-flex!important;width:auto!important}.news-empty,.news-loading{background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 6px 20px rgba(8,52,91,.1)}@media(max-width:760px){.news-card{grid-template-columns:1fr;border-radius:0}.news-card-image,.news-card-image img{min-height:220px;height:240px}.news-card-body{padding:24px 20px}.news-card-body h2{font-size:25px}.news-intro{padding-bottom:35px}}


/* === 2026-09-26: Startseite exakt nach freigegebener Blau/Gold-Vorschau === */
.exact-preview-shell{display:block;width:100%;background:#062e57}
.exact-preview-header{position:relative;width:100%;aspect-ratio:1704/305;background:url('images/preview_header_exact.png') center top/100% 100% no-repeat}
.exact-preview-hero{position:relative;width:100%;aspect-ratio:1704/618;background:url('images/preview_hero_exact.png') center top/100% 100% no-repeat}
.exact-nav-hit,.exact-hero-hit{position:absolute;display:block;z-index:8;background:transparent;border:0}
/* Klickflächen entsprechen exakt der sichtbaren Navigation der Vorlage */
.n-start{left:5.4%;top:78%;width:8.6%;height:19%}.n-menu{left:14.6%;top:78%;width:9.2%;height:19%}.n-rest{left:24.8%;top:78%;width:9.2%;height:19%}.n-garden{left:35.0%;top:78%;width:9.3%;height:19%}.n-delivery{left:44.4%;top:78%;width:10.6%;height:19%}.n-voucher{left:55.1%;top:78%;width:9.5%;height:19%}.n-news{left:65.0%;top:78%;width:5.8%;height:19%}.n-gallery{left:70.9%;top:78%;width:7.7%;height:19%}.n-contact{left:79.0%;top:78%;width:17.0%;height:19%}
.h-menu{left:52.3%;top:80.0%;width:14.2%;height:13.0%}.h-reserve{left:67.4%;top:80.0%;width:14.6%;height:13.0%}.h-call{left:83.1%;top:80.0%;width:14.0%;height:13.0%}
.exact-nav-hit:focus-visible,.exact-hero-hit:focus-visible{outline:3px solid #f1c96c;outline-offset:-3px;border-radius:5px}
.mobile-original-header{display:none}
@media(max-width:899px){
 .exact-preview-shell{display:none}
 .mobile-original-header{display:block}
 .mobile-original-header .mast,.mobile-original-header .brandblock,.mobile-original-header .claim,.mobile-original-header .headerpic{background:#06345f!important}
 .mobile-original-header .logo{filter:none!important}
 .mobile-original-header .nav{background:#052f59!important}
 .mobile-original-header .navlinks a{color:#e6bd62!important}
 .mobile-original-header .navlinks a.current{color:#fff!important;border-bottom:2px solid #e6bd62}
 .mobile-original-header .claim{color:#fff!important;font-family:'Ephesis',cursive!important;font-size:30px!important}
}
/* 2026-09-26: Das bisherige Original-Logo wird auch in der mobilen Ansicht durch das Blau/Gold-Logo der freigegebenen Vorschau ersetzt. */
@media(max-width:899px){
  .mobile-original-header .brandblock{overflow:visible!important}
  .mobile-original-header .logo{width:min(360px,94vw)!important;height:auto!important;max-height:118px!important;object-fit:contain!important;filter:none!important}
}

/* === 2026-09-26 FINAL: Startbereich 1:1 nach freigegebener Marmor/Gold-Vorschau === */
@media(min-width:900px){
  .exact-final-shell{display:block!important;width:100%!important;background:#061f3e!important}
  .exact-final-shell .exact-preview-full{position:relative;width:100%;aspect-ratio:1654/896;background:url('images/athen_startseite_final_1zu1.png') center top/100% 100% no-repeat}
  .exact-final-hit{position:absolute;display:block;z-index:20;background:transparent;border:0}
  .exact-final-hit:focus-visible{outline:3px solid #e7bd55;outline-offset:-3px;border-radius:5px}
  .fn-start{left:3.7%;top:29.0%;width:8.1%;height:5.7%}
  .fn-menu{left:13.4%;top:29.0%;width:9.0%;height:5.7%}
  .fn-rest{left:23.3%;top:29.0%;width:9.2%;height:5.7%}
  .fn-garden{left:33.0%;top:29.0%;width:9.3%;height:5.7%}
  .fn-delivery{left:43.1%;top:29.0%;width:10.5%;height:5.7%}
  .fn-voucher{left:54.1%;top:29.0%;width:9.5%;height:5.7%}
  .fn-news{left:64.4%;top:29.0%;width:5.6%;height:5.7%}
  .fn-gallery{left:71.0%;top:29.0%;width:7.6%;height:5.7%}
  .fn-contact{left:79.5%;top:29.0%;width:17.0%;height:5.7%}
  .fh-menu{left:51.6%;top:86.6%;width:15.0%;height:8.3%}
  .fh-reserve{left:67.1%;top:86.6%;width:15.0%;height:8.3%}
  .fh-call{left:82.7%;top:86.6%;width:14.5%;height:8.3%}
}


/* 2026-09-26: Desktop-Live-Öffnungsstatus – exakt zwischen ATHEN und vorhandener Tagline. */
@media(min-width:900px){
  .desktop-live-status-block{
    position:absolute; z-index:18; left:64.1%; top:74.6%; width:27.2%;
    text-align:center; color:#f3d16f; pointer-events:none;
    display:flex; flex-direction:column; align-items:center;
  }
  .desktop-live-status{
    width:100%; font-family:Georgia,'Times New Roman',serif;
    font-size:clamp(13px,1.10vw,19px); font-weight:700; line-height:1.08;
    white-space:nowrap; text-shadow:0 2px 4px #000;
  }
  .desktop-status-ornament{
    display:flex; align-items:center; justify-content:center; width:72%; gap:8px;
    margin-top:.45%; color:#e7bd55;
  }
  .desktop-status-ornament span{height:1px;background:#e7bd55;flex:1;box-shadow:0 0 4px #0008}
  .desktop-status-ornament b{font:700 clamp(10px,.85vw,15px) Georgia,serif;line-height:1}
}
@media(max-width:899px){.desktop-live-status-block{display:none!important}}
\n/* FIX 4: Statusbereich sauber getrennt; identische Ornamente oben/unten; Tagline tiefer. */\n@media(min-width:900px){\n  .desktop-live-status-block{\n    left:63.2%!important; top:72.9%!important; width:29.0%!important;\n    padding:5px 18px 8px!important;\n    background:linear-gradient(90deg,rgba(4,24,43,0),rgba(4,24,43,.92) 12%,rgba(4,24,43,.92) 88%,rgba(4,24,43,0))!important;\n    gap:3px!important;\n  }\n  .desktop-live-status{font-size:clamp(13px,1.08vw,18px)!important;line-height:1.15!important;margin:1px 0!important}\n  .desktop-status-ornament{width:68%!important;margin:0 auto!important;gap:7px!important;height:12px!important}\n  .desktop-status-ornament span{height:1px!important;background:#e7bd55!important}\n  .desktop-status-ornament b{font-size:clamp(10px,.78vw,14px)!important;color:#e7bd55!important}\n  .desktop-redrawn-tagline{margin-top:5px;color:#fff;text-align:center;line-height:1.04;text-shadow:0 2px 5px #000;white-space:nowrap}\n  .desktop-redrawn-tagline em{display:block;font-family:'Ephesis',cursive;font-style:normal;font-weight:400;font-size:clamp(20px,1.85vw,30px)}\n  .desktop-redrawn-tagline strong{display:block;margin-top:1px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(14px,1.25vw,21px);font-weight:400}\n}\n

/* FIX 5 – Desktop: nur Live-Status in die freie Zeile setzen. Die vorhandene
   Tagline im 1:1-Hintergrundbild bleibt unberührt. */
@media(min-width:900px){
  .exact-final-shell .desktop-live-status-block{
    position:absolute!important;
    left:64.4%!important;
    top:75.35%!important;
    width:26.0%!important;
    padding:0!important;
    margin:0!important;
    background:none!important;
    gap:2px!important;
    transform:none!important;
  }
  .exact-final-shell .desktop-live-status{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#e7bd55!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:clamp(12px,1.03vw,18px)!important;
    font-weight:700!important;
    line-height:1.08!important;
    white-space:nowrap!important;
    text-align:center!important;
    text-shadow:0 2px 4px #000!important;
  }
  .exact-final-shell .desktop-status-ornament{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:58%!important;
    height:10px!important;
    margin:1px auto 0!important;
    padding:0!important;
    gap:6px!important;
    color:#e7bd55!important;
  }
  .exact-final-shell .desktop-status-ornament span{
    display:block!important;
    flex:1!important;
    height:1px!important;
    background:#e7bd55!important;
    box-shadow:0 0 3px #0008!important;
  }
  .exact-final-shell .desktop-status-ornament b{
    font:700 clamp(9px,.70vw,12px)/1 Georgia,serif!important;
    color:#e7bd55!important;
  }
  .exact-final-shell .desktop-redrawn-tagline{display:none!important}
}


/* FINAL CLEAN 2026-09-26: nur dynamischen Status ergänzen; 1:1-Hintergrund bleibt unangetastet. */
@media(min-width:900px){
  .exact-final-shell .desktop-live-status-block{
    position:absolute!important;z-index:19!important;
    left:64.0%!important;top:75.15%!important;width:27.0%!important;height:auto!important;
    padding:0!important;margin:0!important;background:transparent!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
    gap:2px!important;transform:none!important;pointer-events:none!important;
  }
  .exact-final-shell .desktop-live-status{
    width:100%!important;margin:0!important;padding:0!important;
    color:#e7bd55!important;font-family:Georgia,'Times New Roman',serif!important;
    font-size:clamp(12px,1.00vw,17px)!important;font-weight:700!important;line-height:1.05!important;
    white-space:nowrap!important;text-align:center!important;text-shadow:0 2px 4px #000!important;
  }
  .exact-final-shell .desktop-status-ornament{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:63%!important;height:10px!important;margin:3px auto 0!important;padding:0!important;gap:7px!important;
    color:#e7bd55!important;background:transparent!important;
  }
  .exact-final-shell .desktop-status-ornament span{
    display:block!important;flex:1!important;height:1px!important;background:#e7bd55!important;box-shadow:0 0 3px #0008!important;
  }
  .exact-final-shell .desktop-status-ornament b{
    display:block!important;margin:0!important;padding:0!important;color:#e7bd55!important;
    font:700 clamp(9px,.70vw,12px)/1 Georgia,serif!important;
  }
  .exact-final-shell .desktop-redrawn-tagline{display:none!important}
  /* Buttons bleiben exakt an der Position des freigegebenen 1:1-Hintergrunds. */
  .exact-final-shell .fh-menu{left:51.6%!important;top:86.6%!important;width:15%!important;height:8.3%!important}
  .exact-final-shell .fh-reserve{left:67.1%!important;top:86.6%!important;width:15%!important;height:8.3%!important}
  .exact-final-shell .fh-call{left:82.7%!important;top:86.6%!important;width:14.5%!important;height:8.3%!important}
}


/* === FIX 8 2026-09-26: rechter Hero-Bereich als ein sauberer Block === */
@media(min-width:900px){
  .exact-final-shell .desktop-hero-clean-zone{
    position:absolute;z-index:17;left:63.2%;top:73.0%;width:29.4%;height:12.6%;
    background:#071b2d;pointer-events:none;
  }
  .exact-final-shell .desktop-live-status-block{
    position:absolute!important;z-index:25!important;left:64.0%!important;top:73.25%!important;width:27.8%!important;
    padding:0!important;margin:0!important;background:none!important;gap:0!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;pointer-events:none!important;
  }
  .exact-final-shell .desktop-live-status{
    order:1;width:100%!important;color:#e7bd55!important;font:700 clamp(12px,1.04vw,18px)/1.08 Georgia,'Times New Roman',serif!important;
    text-align:center!important;white-space:nowrap!important;text-shadow:0 2px 4px #000!important;margin:0 0 5px!important;
  }
  .exact-final-shell .desktop-status-ornament{
    order:2;display:flex!important;width:72%!important;height:14px!important;align-items:center!important;gap:8px!important;margin:0 auto 7px!important;
  }
  .exact-final-shell .desktop-status-ornament span{display:block!important;flex:1!important;height:2px!important;background:#e7bd55!important;box-shadow:none!important}
  .exact-final-shell .desktop-status-ornament b{display:block!important;color:#e7bd55!important;font:700 clamp(11px,.82vw,15px)/1 Georgia,serif!important}
  .exact-final-shell .desktop-redrawn-tagline{order:3!important;display:block!important;color:#fff!important;text-align:center!important;line-height:1!important;white-space:nowrap!important;text-shadow:0 2px 4px #000!important;margin-top:0!important}
  .exact-final-shell .desktop-redrawn-tagline em{display:block!important;font-family:'Ephesis',cursive!important;font-style:normal!important;font-weight:400!important;font-size:clamp(22px,1.95vw,33px)!important;line-height:1!important}
  .exact-final-shell .desktop-redrawn-tagline strong{display:block!important;margin-top:4px!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(15px,1.28vw,22px)!important;font-weight:400!important;line-height:1!important}

  .exact-final-shell .hero-css-btn{
    z-index:30!important;top:87.8%!important;height:7.6%!important;border:2px solid #e7bd55!important;border-radius:8px!important;
    background:linear-gradient(#0a477c,#062e57)!important;color:#fff!important;box-shadow:0 2px 6px #0007!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
    font:700 clamp(11px,.92vw,16px)/1.08 Georgia,'Times New Roman',serif!important;text-align:center!important;
  }
  .exact-final-shell .hero-css-btn.reserve{background:linear-gradient(#f5e5b8,#e5c77b)!important;color:#071b38!important;border-color:#f3cf69!important}
  .exact-final-shell .hero-btn-icon{font-size:clamp(20px,1.7vw,30px);line-height:1}
  .exact-final-shell .fh-menu{left:51.7%!important;width:15.0%!important}
  .exact-final-shell .fh-reserve{left:67.3%!important;width:15.0%!important}
  .exact-final-shell .fh-call{left:82.9%!important;width:14.3%!important}
}
\n\n/* === FIX 9: transparenter Status, Ornament wie unter ATHEN, klare Buttons === */
@media(min-width:900px){
  .exact-final-shell .desktop-hero-clean-zone{display:none!important;background:none!important}
  .exact-final-shell .desktop-live-status-block{
    position:absolute!important;z-index:31!important;
    left:64.2%!important;top:74.15%!important;width:27.2%!important;
    padding:0!important;margin:0!important;background:transparent!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;
    box-shadow:none!important;filter:none!important;pointer-events:none!important;
  }
  .exact-final-shell .desktop-live-status{
    width:100%!important;margin:0!important;padding:0!important;background:transparent!important;
    color:#edc85f!important;font:700 clamp(12px,1.02vw,17px)/1.05 Georgia,'Times New Roman',serif!important;
    text-align:center!important;white-space:nowrap!important;text-shadow:0 2px 3px #000!important;
  }
  /* gleiche Geometrie wie das Ornament direkt unter ATHEN: lange feine Linien + Mittelraute */
  .exact-final-shell .desktop-status-ornament.exact-ornament{
    display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;
    width:76%!important;height:13px!important;margin:0 auto!important;padding:0!important;column-gap:7px!important;
    color:#d7bd72!important;background:transparent!important;box-shadow:none!important;
  }
  .exact-final-shell .desktop-status-ornament.exact-ornament .orn-line{
    display:block!important;width:100%!important;height:1px!important;background:#b89d59!important;box-shadow:none!important;
  }
  .exact-final-shell .desktop-status-ornament.exact-ornament .orn-center{
    display:block!important;color:#b89d59!important;font:700 clamp(10px,.72vw,13px)/1 Georgia,serif!important;transform:rotate(0deg)!important;
  }
  .exact-final-shell .desktop-redrawn-tagline{display:none!important}

  /* Buttons tiefer, ohne Blur/Verläufe: klare 2px-Goldkante und flache Flächen */
  .exact-final-shell .hero-css-btn{
    z-index:32!important;top:88.6%!important;height:7.2%!important;
    border:2px solid #e7bd55!important;border-radius:5px!important;
    background:#073b6c!important;color:#fff!important;box-shadow:none!important;filter:none!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:11px!important;
    font:700 clamp(11px,.90vw,16px)/1.08 Georgia,'Times New Roman',serif!important;text-align:center!important;
  }
  .exact-final-shell .hero-css-btn.reserve{background:#ecd392!important;color:#071b38!important;border-color:#e7bd55!important}
  .exact-final-shell .hero-btn-icon{font-size:clamp(19px,1.55vw,27px)!important;line-height:1!important;text-shadow:none!important}
  .exact-final-shell .fh-menu{left:51.7%!important;width:15.0%!important}
  .exact-final-shell .fh-reserve{left:67.3%!important;width:15.0%!important}
  .exact-final-shell .fh-call{left:82.9%!important;width:14.3%!important}
}

/* FIX10 – Originalfoto + sauberer dynamischer Öffnungsstatus */
@media(min-width:900px){
 .exact-final-shell .exact-preview-full{background-image:url('images/athen_startseite_originalfoto.png')!important;}
 .exact-final-shell .desktop-hero-copy{position:absolute;z-index:15;left:62.5%;top:48.5%;width:31.5%;text-align:center;color:#fff;text-shadow:0 2px 6px #000;}
 .desktop-welcome{font-family:'Ephesis',cursive;font-size:clamp(27px,2.35vw,42px);line-height:1;color:#fff;}
 .desktop-restaurant{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,3.15vw,58px);font-weight:700;line-height:1.05;margin-top:5px;}
 .desktop-athen{font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,4.35vw,78px);font-weight:700;line-height:1;color:#e7bd55;}
 .exact-final-shell .desktop-live-status{position:static!important;display:block!important;width:100%!important;margin:4px 0!important;color:#e7bd55!important;font:700 clamp(13px,1.1vw,19px)/1.15 Georgia,'Times New Roman',serif!important;text-align:center!important;text-shadow:0 2px 4px #000!important;}
 .exact-final-shell .desktop-status-ornament.exact-ornament{position:static!important;display:flex!important;align-items:center!important;width:72%!important;height:13px!important;margin:3px auto!important;gap:9px!important;}
 .exact-final-shell .desktop-status-ornament.exact-ornament .orn-line{display:block!important;flex:1!important;height:1px!important;background:#e7bd55!important;box-shadow:none!important;}
 .exact-final-shell .desktop-status-ornament.exact-ornament .orn-center{display:block!important;color:#e7bd55!important;font:700 clamp(11px,.82vw,15px)/1 Georgia,serif!important;}
 .desktop-tagline{margin-top:8px;line-height:1.05;}
 .desktop-tagline em{display:block;font-family:'Ephesis',cursive;font-style:normal;font-size:clamp(22px,1.95vw,34px);font-weight:400;}
 .desktop-tagline strong{display:block;margin-top:3px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(15px,1.25vw,22px);font-weight:400;}
 .exact-final-shell .hero-css-btn{top:87.3%!important;height:7.8%!important;border:2px solid #e7bd55!important;border-radius:7px!important;box-shadow:none!important;filter:none!important;}
}

/* FIX11 – Navigationsrahmen bündig bis an beide Seiten; Buttons wie gewünschte Referenz */
@media(min-width:900px){
  .exact-final-shell .exact-preview-full::after{
    content:"";position:absolute;z-index:24;left:0;right:0;top:28.35%;height:7.05%;
    border-top:2px solid #e7bd55;border-bottom:2px solid #e7bd55;
    box-sizing:border-box;pointer-events:none;
  }
  .exact-final-shell .exact-preview-full::before{
    content:"";position:absolute;z-index:25;left:0;right:0;top:28.35%;height:7.05%;
    border-left:2px solid #e7bd55;border-right:2px solid #e7bd55;
    box-sizing:border-box;pointer-events:none;
  }
  .exact-final-shell .hero-css-btn{
    top:87.3%!important;height:7.8%!important;
    border:2px solid #e7bd55!important;border-radius:7px!important;
    background:linear-gradient(180deg,#0b4d84 0%,#073766 100%)!important;
    color:#fff!important;box-shadow:none!important;filter:none!important;
  }
  .exact-final-shell .hero-css-btn.reserve{
    background:linear-gradient(180deg,#f7e7b8 0%,#e8cc83 100%)!important;
    color:#071b38!important;border-color:#e7bd55!important;
  }
}


/* FIX12 – beide oberen Goldrahmen wirklich bündig + Tagline komplett in Schreibschrift */
@media(min-width:900px){
  .exact-final-shell .edge-frame{position:absolute!important;left:0!important;right:0!important;z-index:40!important;pointer-events:none!important;box-sizing:border-box!important;border-left:2px solid #e7bd55!important;border-right:2px solid #e7bd55!important;}
  .exact-final-shell .edge-frame-header{top:0!important;height:28.35%!important;border-top:2px solid #e7bd55!important;border-bottom:2px solid #e7bd55!important;}
  .exact-final-shell .edge-frame-nav{top:28.35%!important;height:7.05%!important;border-top:2px solid #e7bd55!important;border-bottom:2px solid #e7bd55!important;}
  .exact-final-shell .desktop-tagline em,
  .exact-final-shell .desktop-tagline strong{
    display:block!important;font-family:'Ephesis',cursive!important;font-style:normal!important;font-weight:400!important;color:#fff!important;text-shadow:0 2px 4px #000!important;line-height:1!important;
  }
  .exact-final-shell .desktop-tagline em{font-size:clamp(22px,1.95vw,34px)!important;}
  .exact-final-shell .desktop-tagline strong{font-size:clamp(22px,1.95vw,34px)!important;margin-top:2px!important;}
}


/* FIX13 – neues Logo + Restaurant Athen in Ephesis */
@media(min-width:900px){
 .exact-final-shell .desktop-new-logo{position:absolute;z-index:45;left:5.4%;top:2.7%;width:22.5%;height:23.5%;object-fit:contain;display:block;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55));}
 .exact-final-shell .desktop-restaurant,
 .exact-final-shell .desktop-athen{font-family:'Ephesis',cursive!important;font-style:normal!important;font-weight:400!important;letter-spacing:0!important;}
 .exact-final-shell .desktop-restaurant{font-size:clamp(42px,3.75vw,68px)!important;line-height:.9!important;margin-top:6px!important;}
 .exact-final-shell .desktop-athen{font-size:clamp(56px,4.9vw,88px)!important;line-height:.88!important;color:#e7bd55!important;}
}
@media(max-width:899px){.desktop-new-logo{display:none!important;}}


/* FIX14 – Logo sauber ohne Überlagerung; Restaurant Athen eindeutig Ephesis */
@media(min-width:900px){
  /* alte, in der Vorschau eingebrannte Logozone abdecken */
  .exact-final-shell .exact-preview-full .desktop-new-logo{
    left:4.2%!important;top:3.0%!important;width:23.0%!important;height:23.8%!important;
    object-fit:contain!important;object-position:center!important;
    background:#031c35!important;padding:4px 10px!important;box-sizing:border-box!important;
    filter:none!important;
  }
  .exact-final-shell .desktop-restaurant,
  .exact-final-shell .desktop-athen{
    font-family:'Ephesis',cursive!important;font-style:normal!important;font-weight:400!important;
    text-transform:none!important;letter-spacing:0!important;
  }
  .exact-final-shell .desktop-restaurant{font-size:clamp(46px,4.15vw,74px)!important;line-height:.86!important;margin-top:7px!important;}
  .exact-final-shell .desktop-athen{font-size:clamp(58px,5.15vw,92px)!important;line-height:.86!important;color:#e7bd55!important;}
}

/* FIX15 – altes Logo und alte Zweigreste vollständig abdecken; neues Logo sauber freistellen */
@media(min-width:900px){
  .exact-final-shell .exact-preview-full::marker{content:"";}
  .exact-final-shell .desktop-logo-cleanplate{
    position:absolute;z-index:43;left:5.0%;top:6.7%;width:23.2%;height:20.2%;
    background:
      linear-gradient(125deg,transparent 0 24%,rgba(194,143,47,.30) 24.3%,transparent 24.8% 58%,rgba(189,133,40,.20) 58.3%,transparent 58.8%),
      radial-gradient(ellipse at 22% 30%,#0a416c 0,#06345a 38%,#042844 72%,#031e36 100%);
    box-shadow:inset 0 0 35px rgba(0,0,0,.16);
    pointer-events:none;
  }
  .exact-final-shell .exact-preview-full .desktop-new-logo{
    z-index:46!important;left:5.6%!important;top:7.1%!important;width:21.9%!important;height:19.4%!important;
    object-fit:contain!important;object-position:center!important;background:transparent!important;
    padding:0!important;box-shadow:none!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.28))!important;
  }
}

/* FIX16 – kein künstlicher Hintergrund hinter dem Logo */
@media(min-width:900px){
 .exact-final-shell .desktop-logo-cleanplate{display:none!important;background:none!important;box-shadow:none!important;}
 .exact-final-shell .exact-preview-full .desktop-new-logo{background:transparent!important;padding:0!important;box-shadow:none!important;}
}

/* FIX17 – altes eingebranntes Logo entfernt; neues Logo allein auf sauberem Header */
@media(min-width:900px){
  .exact-final-shell .exact-preview-full{
    background-image:url('images/athen_startseite_logo_clean.png')!important;
  }
  .exact-final-shell .desktop-logo-cleanplate{display:none!important;}
  .exact-final-shell .exact-preview-full .desktop-new-logo{
    z-index:46!important;
    left:5.6%!important;top:5.0%!important;width:21.9%!important;height:20.5%!important;
    object-fit:contain!important;object-position:center!important;
    background:transparent!important;padding:0!important;box-shadow:none!important;
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.28))!important;
  }
}

/* FIX18 – Logo wirklich freigestellt und sauber in den Header eingepasst */
@media(min-width:900px){
  .exact-final-shell .exact-preview-full .desktop-new-logo{
    left:6.1%!important;
    top:3.9%!important;
    width:20.8%!important;
    height:22.0%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:transparent!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    filter:drop-shadow(0 2px 2px rgba(0,0,0,.22))!important;
  }
}


/* FIX19 – neu erzeugter Header 1:1, ersetzt die fehlerhafte Logo-/Zweig-Komposition */
@media(min-width:900px){
  .exact-final-shell .desktop-new-logo{display:none!important;}
  .exact-final-shell .desktop-header-neu{
    display:block!important;position:absolute!important;z-index:22!important;
    left:0!important;top:0!important;width:100%!important;height:35.4%!important;
    object-fit:fill!important;object-position:center top!important;pointer-events:none!important;
  }
  .exact-final-shell .edge-frame-header,.exact-final-shell .edge-frame-nav{display:none!important;}
  .exact-final-shell .exact-preview-full::before,.exact-final-shell .exact-preview-full::after{display:none!important;}
}
@media(max-width:899px){.desktop-header-neu{display:none!important;}}

/* FIX20 – Header nicht mehr verzerren; unterer Goldrahmen vollständig sichtbar */
@media(min-width:900px){
  .exact-final-shell .desktop-header-neu{
    left:0!important;
    top:0!important;
    width:100%!important;
    height:35.4%!important;
    object-fit:fill!important;
    object-position:center top!important;
  }
  /* der Rahmen wird separat scharf und lückenlos bis an beide Seiten gelegt */
  .exact-final-shell .edge-frame-header,
  .exact-final-shell .edge-frame-nav{display:block!important;left:0!important;right:0!important;width:100%!important;box-sizing:border-box!important;}
  .exact-final-shell .edge-frame-header{top:0!important;height:28.35%!important;}
  .exact-final-shell .edge-frame-nav{top:28.35%!important;height:7.05%!important;}
}

/* FIX21 – Header proportional: keine horizontale Verzerrung */
@media(min-width:900px){
  .exact-final-shell .desktop-header-neu{
    left:0!important;
    top:0!important;
    width:100%!important;
    height:35.4%!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
  .exact-final-shell .edge-frame-header,
  .exact-final-shell .edge-frame-nav{
    display:block!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    box-sizing:border-box!important;
  }
  .exact-final-shell .edge-frame-header{top:0!important;height:28.35%!important;}
  .exact-final-shell .edge-frame-nav{top:28.35%!important;height:7.05%!important;}
}

/* FIX22 – Header als echtes Breitformat: keine Dehnung und kein Abschneiden */
@media(min-width:900px){
  .exact-final-shell .desktop-header-neu{
    left:0!important;top:0!important;width:100%!important;height:35.4%!important;
    object-fit:fill!important;object-position:center top!important;
  }
  .exact-final-shell .edge-frame-header{top:0!important;height:28.35%!important;left:0!important;right:0!important;width:100%!important;}
  .exact-final-shell .edge-frame-nav{top:28.35%!important;height:7.05%!important;left:0!important;right:0!important;width:100%!important;}
}

/* FIX23 – Desktop-Header und Navigation komplett neu aufgebaut; keine gestreckte Banner-Grafik mehr */
@media(min-width:900px){
  .exact-final-shell .rebuilt-desktop-header{position:absolute;z-index:60;inset:0 0 auto 0;height:35.4%;display:block;color:#f3d36c;font-family:Georgia,'Times New Roman',serif;overflow:hidden;background:#062a4b;}
  .exact-final-shell .rebuilt-head-main{position:relative;height:80%;box-sizing:border-box;border:3px solid #d9a928;background-color:#07365c;background-image:radial-gradient(circle at 28% 20%,rgba(22,91,139,.38),transparent 35%),linear-gradient(125deg,rgba(255,255,255,.025),transparent 35%),linear-gradient(15deg,transparent 0 48%,rgba(215,164,49,.28) 49%,transparent 50% 100%);overflow:hidden;}
  .exact-final-shell .rebuilt-head-main:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#f0c44d;box-shadow:0 -4px 0 rgba(240,196,77,.55);z-index:9;}
  .exact-final-shell .rebuilt-contact{position:absolute;z-index:8;left:32%;right:8%;top:5%;height:16%;display:flex;align-items:center;justify-content:space-between;gap:2%;padding:0 1.5%;border-bottom:1px solid rgba(231,189,85,.75);font-size:clamp(11px,1.02vw,17px);color:#f2e7c4;white-space:nowrap;text-shadow:0 1px 2px #000;}
  .exact-final-shell .rebuilt-logo{position:absolute;z-index:7;left:5.2%;top:16%;width:24%;height:76%;object-fit:contain;object-position:center;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45));}
  .exact-final-shell .rebuilt-claim{position:absolute;z-index:7;left:33%;top:34%;width:30%;text-align:center;font-family:'Ephesis',cursive;font-size:clamp(29px,3vw,53px);line-height:.72;color:#f2d267;text-shadow:0 2px 3px #00182d;transform:rotate(-2deg);}
  .exact-final-shell .rebuilt-claim span{display:inline-block;margin-top:.18em;}
  .exact-final-shell .rebuilt-acropolis{position:absolute;z-index:5;right:0;bottom:0;width:43%;height:75%;object-fit:cover;object-position:center bottom;mask-image:linear-gradient(90deg,transparent 0,#000 17%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 17%);}
  .exact-final-shell .rebuilt-nav{position:relative;height:20%;box-sizing:border-box;border:3px solid #d9a928;border-top:0;background:#062e57;display:flex;align-items:stretch;justify-content:space-evenly;padding:0 2.2%;gap:.2%;overflow:hidden;}
  .exact-final-shell .rebuilt-nav a{position:relative;display:flex;align-items:center;justify-content:center;flex:0 1 auto;height:100%;padding:0 .7%;color:#e8c45b;text-decoration:none;font-weight:700;font-size:clamp(10px,1.03vw,17px);white-space:nowrap;text-shadow:0 1px 2px #000;}
  .exact-final-shell .rebuilt-nav a.active{color:#fff;}
  .exact-final-shell .rebuilt-nav a.active:after{content:"";position:absolute;left:10%;right:10%;bottom:10%;height:3px;background:#fff;}
  .exact-final-shell .desktop-header-neu,.exact-final-shell .edge-frame{display:none!important;}
  .exact-final-shell .fn-start,.exact-final-shell .fn-menu,.exact-final-shell .fn-rest,.exact-final-shell .fn-garden,.exact-final-shell .fn-delivery,.exact-final-shell .fn-voucher,.exact-final-shell .fn-news,.exact-final-shell .fn-gallery,.exact-final-shell .fn-contact{display:none!important;}
}
@media(max-width:899px){.rebuilt-desktop-header{display:none!important;}}
/* FIX24 – Social Buttons im neu aufgebauten Desktop-Header */
@media(min-width:900px){
  .exact-final-shell .rebuilt-contact{left:17.5%;right:7%;padding-left:0;gap:1.4%;}
  .exact-final-shell .rebuilt-social{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-right:1.2%;}
  .exact-final-shell .rebuilt-social a{display:block;width:30px;height:30px;border-radius:50%;overflow:hidden;transition:transform .18s ease,filter .18s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));}
  .exact-final-shell .rebuilt-social a:hover,.exact-final-shell .rebuilt-social a:focus-visible{transform:translateY(-2px);filter:brightness(1.12) drop-shadow(0 2px 3px rgba(0,0,0,.45));}
  .exact-final-shell .rebuilt-social img{display:block;width:100%;height:100%;object-fit:contain;}
}
/* FIX25 – Header-Hintergrund wieder im edlen Marmor/Gold-Look der Referenz, aktuelles Logo bleibt */
@media(min-width:900px){
  .exact-final-shell .rebuilt-desktop-header{background:#041f3b!important;}
  .exact-final-shell .rebuilt-head-main{
    background-color:#062f55!important;
    background-image:
      linear-gradient(90deg,rgba(3,30,56,.10) 0%,rgba(3,30,56,.04) 56%,rgba(3,30,56,.18) 100%),
      url('images/marmor_gold_header_bg.jpg')!important;
    background-size:auto 100%,cover!important;
    background-position:center!important;
    border:3px solid #d9a928!important;
    box-shadow:inset 0 0 0 2px rgba(255,218,91,.25),inset 0 0 30px rgba(0,0,0,.28)!important;
  }
  .exact-final-shell .rebuilt-head-main:before{
    content:"";position:absolute;z-index:4;right:0;bottom:0;width:44%;height:76%;
    background:url('images/akropolis_sunset_header.jpg') center bottom/cover no-repeat;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20%);mask-image:linear-gradient(90deg,transparent 0,#000 20%);
    filter:saturate(1.08) contrast(1.04);
  }
  .exact-final-shell .rebuilt-acropolis{display:none!important;}
  .exact-final-shell .rebuilt-nav{
    background-color:#062b50!important;
    background-image:linear-gradient(rgba(2,31,58,.88),rgba(2,31,58,.88)),url('images/marmor_gold_header_bg.jpg')!important;
    background-size:cover!important;background-position:center 65%!important;
    border-color:#d9a928!important;box-shadow:inset 0 1px 0 rgba(255,223,108,.28)!important;
  }
}
/* FIX26 – sauberer Marmorhintergrund OHNE eingebrannten Text; voller Header */
@media(min-width:900px){
 .exact-final-shell .rebuilt-head-main{
   background:#062f55 url('images/marmor_gold_clean.jpg') center/cover no-repeat!important;
 }
 .exact-final-shell .rebuilt-head-main:before{
   content:""!important;position:absolute!important;z-index:4!important;right:0!important;bottom:0!important;width:44%!important;height:76%!important;
   background:url('images/akropolis_sunset_header.jpg') center bottom/cover no-repeat!important;
   -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 20%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 20%)!important;
 }
 .exact-final-shell .rebuilt-nav{
   background:#062b50 url('images/marmor_gold_clean.jpg') center 70%/cover no-repeat!important;
 }
}


/* 2026-09-27: Startseite 1:1 – klickbare Bereiche exakt auf der Grafik */
.athen-home-visual{display:block;position:relative;width:100%;margin:0;background:#03162b;overflow:hidden;line-height:0}
.athen-home-visual>img{display:block;width:100%;height:auto;margin:0;padding:0;user-select:none}
.athen-home-links{position:absolute;inset:0;z-index:20;pointer-events:none}
.athen-home-links .hot{position:absolute;display:block;pointer-events:auto;background:transparent;cursor:pointer;text-decoration:none}
/* Social Media – exakt über den drei runden Symbolen, mit dezentem Gold-Glow */
.social-fb{left:13.75%;top:4.55%;width:3.05%;height:4.95%;border-radius:50%}
.social-google{left:16.55%;top:4.55%;width:3.05%;height:4.95%;border-radius:50%}
.social-instagram{left:19.35%;top:4.55%;width:3.05%;height:4.95%;border-radius:50%}
.social-fb,.social-google,.social-instagram{transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.social-fb:hover,.social-google:hover,.social-instagram:hover{transform:scale(1.12);background:rgba(255,205,74,.08);box-shadow:0 0 0 2px rgba(255,211,84,.9),0 0 16px rgba(255,191,35,.85)}
.social-fb:focus-visible,.social-google:focus-visible,.social-instagram:focus-visible{outline:3px solid #ffd45a;outline-offset:2px}
/* Kontaktzeile */
.contact-address{left:28.3%;top:4.7%;width:27.5%;height:4.8%}.contact-phone{left:57.7%;top:4.7%;width:13.5%;height:4.8%}.contact-mail{left:72.2%;top:4.7%;width:17.8%;height:4.8%}
/* Navigation – exakt auf der sichtbaren Menüleiste */
.nav-start{left:3.7%;top:37.05%;width:8.0%;height:5.8%}.nav-menu{left:13.5%;top:37.05%;width:9.1%;height:5.8%}.nav-rest{left:24.0%;top:37.05%;width:8.7%;height:5.8%}.nav-garden{left:34.4%;top:37.05%;width:8.6%;height:5.8%}.nav-delivery{left:44.2%;top:37.05%;width:10.5%;height:5.8%}.nav-voucher{left:55.7%;top:37.05%;width:9.3%;height:5.8%}.nav-news{left:66.5%;top:37.05%;width:5.0%;height:5.8%}.nav-gallery{left:72.7%;top:37.05%;width:7.5%;height:5.8%}.nav-contact{left:81.4%;top:37.05%;width:15.0%;height:5.8%}
.nav-start:hover,.nav-menu:hover,.nav-rest:hover,.nav-garden:hover,.nav-delivery:hover,.nav-voucher:hover,.nav-news:hover,.nav-gallery:hover,.nav-contact:hover{background:linear-gradient(to bottom,transparent 75%,rgba(255,214,83,.75) 75%,rgba(255,214,83,.75) 81%,transparent 81%)}
/* Drei große Aktionsbuttons unten rechts */
.action-menu{left:53.75%;top:84.25%;width:14.15%;height:8.25%;border-radius:12px}.action-reserve{left:68.55%;top:84.25%;width:14.10%;height:8.25%;border-radius:12px}.action-call{left:83.35%;top:84.25%;width:13.80%;height:8.25%;border-radius:12px}
.action-menu,.action-reserve,.action-call{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.action-menu:hover,.action-reserve:hover,.action-call:hover{transform:translateY(-2px);filter:brightness(1.10);box-shadow:0 7px 18px rgba(0,0,0,.28),0 0 0 2px rgba(255,211,84,.55)}
.action-menu:focus-visible,.action-reserve:focus-visible,.action-call:focus-visible{outline:3px solid #ffd45a;outline-offset:3px}
@media(max-width:899px){.athen-home-visual{display:none!important}}
@media(min-width:900px){.mobile-original-header{display:none!important}}


/* FIX 2026-09-27 – saubere Social-Buttons, keine störenden Hover-/Fokus-Rahmen */
@media(min-width:900px){
  .athen-home-links .social-fb,.athen-home-links .social-google,.athen-home-links .social-instagram{
    border-radius:50%!important;
    background-color:#082d55!important;
    background-repeat:no-repeat!important;
    background-position:center!important;
    background-size:100% 100%!important;
    box-shadow:0 0 0 2px #e4b83f,0 2px 7px rgba(0,0,0,.38)!important;
    transform:none!important;
    filter:none!important;
    transition:filter .15s ease,transform .15s ease!important;
  }
  .athen-home-links .social-fb{background-image:url('images/social_facebook_gold.svg')!important}
  .athen-home-links .social-google{background-image:url('images/social_google_gold.svg')!important}
  .athen-home-links .social-instagram{background-image:url('images/social_instagram_gold.svg')!important}
  .athen-home-links .social-fb:hover,.athen-home-links .social-google:hover,.athen-home-links .social-instagram:hover{
    transform:translateY(-1px)!important;filter:brightness(1.12)!important;box-shadow:0 0 0 2px #f2cf68,0 3px 9px rgba(0,0,0,.42)!important;
  }
  /* Navigation: keinerlei zusätzliche Linie beim Hover – die Grafik bleibt 1:1 sichtbar */
  .athen-home-links .nav-start:hover,.athen-home-links .nav-menu:hover,.athen-home-links .nav-rest:hover,.athen-home-links .nav-garden:hover,.athen-home-links .nav-delivery:hover,.athen-home-links .nav-voucher:hover,.athen-home-links .nav-news:hover,.athen-home-links .nav-gallery:hover,.athen-home-links .nav-contact:hover{
    background:transparent!important;box-shadow:none!important;outline:none!important;transform:none!important;
  }
  /* Aktionsbuttons: keine künstlichen Rahmen/Glows über der vorhandenen Grafik */
  .athen-home-links .action-menu,.athen-home-links .action-reserve,.athen-home-links .action-call,
  .athen-home-links .action-menu:hover,.athen-home-links .action-reserve:hover,.athen-home-links .action-call:hover,
  .athen-home-links .action-menu:focus,.athen-home-links .action-reserve:focus,.athen-home-links .action-call:focus,
  .athen-home-links .action-menu:focus-visible,.athen-home-links .action-reserve:focus-visible,.athen-home-links .action-call:focus-visible{
    background:transparent!important;box-shadow:none!important;outline:none!important;filter:none!important;transform:none!important;border:0!important;
  }
  .athen-home-links .nav-start:focus,.athen-home-links .nav-menu:focus,.athen-home-links .nav-rest:focus,.athen-home-links .nav-garden:focus,.athen-home-links .nav-delivery:focus,.athen-home-links .nav-voucher:focus,.athen-home-links .nav-news:focus,.athen-home-links .nav-gallery:focus,.athen-home-links .nav-contact:focus,
  .athen-home-links .nav-start:focus-visible,.athen-home-links .nav-menu:focus-visible,.athen-home-links .nav-rest:focus-visible,.athen-home-links .nav-garden:focus-visible,.athen-home-links .nav-delivery:focus-visible,.athen-home-links .nav-voucher:focus-visible,.athen-home-links .nav-news:focus-visible,.athen-home-links .nav-gallery:focus-visible,.athen-home-links .nav-contact:focus-visible{
    background:transparent!important;box-shadow:none!important;outline:none!important;
  }
}

/* DESIGN 2026-09-27 – Startseite nach freigegebener Vorschau */
@media(min-width:900px){
  /* Vier Infospalten: wieder kompakt, edler Marmor, bewusst OHNE Blätter */
  .features{
    position:relative!important;
    min-height:0!important;
    padding:0!important;
    background:#052b4f url('images/marmor_gold_clean.jpg') center 54%/cover no-repeat!important;
    border-top:2px solid #d8aa2f!important;
    border-bottom:2px solid #d8aa2f!important;
    box-shadow:inset 0 12px 28px rgba(0,0,0,.18),inset 0 -12px 28px rgba(0,0,0,.18)!important;
    overflow:hidden!important;
  }
  .features:before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:linear-gradient(90deg,rgba(2,25,48,.20),rgba(4,42,76,.04) 48%,rgba(2,25,48,.20));
  }
  .features .wrap.feature-grid{
    position:relative;z-index:1;width:min(1440px,96%)!important;max-width:1440px!important;
    margin:0 auto!important;padding:0!important;min-height:132px!important;
  }
  .feature-item{min-height:132px!important;padding:13px 16px 12px!important;color:#f0c64f!important;}
  .feature-item:not(:last-child)::after{top:22px!important;bottom:22px!important;width:1px!important;background:rgba(225,180,62,.72)!important;}
  .feature-icon{width:39px!important;height:39px!important;margin:0 auto 4px!important;color:#f0c64f!important;}
  .feature-item strong{font-size:18px!important;line-height:1.18!important;color:#f4ca55!important;margin:1px 0 4px!important;text-shadow:0 1px 2px #00162c!important;}
  .feature-item>span:last-child{font-size:13px!important;line-height:1.2!important;color:#f4ca55!important;text-shadow:0 1px 2px #00162c!important;}

  /* Begrüßungsbereich wie in der Vorschau: derselbe Marmor, klare Goldakzente */
  .about-vorlage{
    position:relative!important;background:#04294b url('images/marmor_gold_clean.jpg') center 42%/cover no-repeat!important;
    padding:34px 0 30px!important;border-bottom:1px solid #b98a20!important;overflow:hidden!important;
  }
  .about-vorlage:before{content:"";position:absolute;inset:0;background:rgba(1,24,46,.28);pointer-events:none;}
  .about-vorlage .wrap{position:relative;z-index:1;}
  .about-vorlage-grid{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important;gap:48px!important;align-items:center!important;}
  .about-vorlage-text h2{color:#fff!important;font-size:40px!important;line-height:1.08!important;text-shadow:0 2px 3px rgba(0,0,0,.5)!important;}
  .about-vorlage-text h2:before{content:"WILLKOMMEN IM RESTAURANT ATHEN BERNBURG";display:block;color:#e9bb3f;font-family:Georgia,'Times New Roman',serif;font-size:14px;letter-spacing:.08em;line-height:1.4;margin-bottom:8px;}
  .about-gold-line{background:#d8aa2f!important;}
  .about-vorlage-text p{color:#fff!important;font-size:16px!important;line-height:1.55!important;text-shadow:0 1px 2px rgba(0,0,0,.55)!important;}
  .about-signature{color:#f0bb2e!important;}
  .about-vorlage-image{border:2px solid #d7a62d!important;border-radius:15px!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important;}

  /* Nachfolgende Startseitenbereiche farblich anschließen */
  .home-cards-section,.reviews-section{background:#032745 url('images/marmor_gold_clean.jpg') center/cover fixed!important;}
  .home-cards-section{border-top:1px solid rgba(216,170,47,.8)!important;padding-top:22px!important;}
  .home-card{border:1px solid #d8aa2f!important;background:#062e52!important;}
  .home-card-caption{background:#062e52!important;color:#fff!important;}
  .home-card-caption strong,.home-card-caption span,.home-card-caption b{color:#f1c44a!important;}
}

/* CLEAN DESIGN 2026-09-27 – ohne Marmor und ohne Zweige im Body */
@media(min-width:900px){
  .features{
    background:#052b4f!important;
    background-image:none!important;
    box-shadow:none!important;
  }
  .features:before,.features:after{display:none!important;content:none!important;}
  .about-vorlage{
    background:#04294b!important;
    background-image:none!important;
  }
  .about-vorlage:before,.about-vorlage:after{display:none!important;content:none!important;}
  .home-cards-section,.reviews-section{
    background:#032745!important;
    background-image:none!important;
  }
}

/* 2026-09-27 – vier Startseiten-Kacheln klar vom Body abheben */
@media(min-width:900px){
  .home-cards-grid .home-card{
    background:#0b4f86!important;
    border:1px solid #d8aa2f!important;
    box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
  }
  .home-cards-grid .home-card-caption{
    background:#0b4f86!important;
    color:#fff!important;
  }
  .home-cards-grid .home-card-caption strong,
  .home-cards-grid .home-card-caption b{color:#f1c44a!important;}
  .home-cards-grid .home-card-caption span{color:#fff!important;}
  .home-cards-grid .home-card:hover,
  .home-cards-grid .home-card:focus-visible{
    background:#11619f!important;
  }
  .home-cards-grid .home-card:hover .home-card-caption,
  .home-cards-grid .home-card:focus-visible .home-card-caption{
    background:#11619f!important;
  }
}

/* 2026-09-27 – Textfarben im Bewertungsbereich auf dunklem Hintergrund */
#bewertungen .reviews-head h2{
  color:#ffffff!important;
  text-shadow:0 2px 3px rgba(0,0,0,.35)!important;
}
#bewertungen .reviews-source-label{
  color:#f1c44a!important;
}
#bewertungen .reviews-rating-column .reviews-summary,
#bewertungen .reviews-summary{
  color:#ffffff!important;
}

/* ===== ATHEN FOOTER 2026-09-27 – passend zum Header / bestätigte Vorschau ===== */
.lower-info-reference{
  background:
    radial-gradient(circle at 28% 10%,rgba(17,78,120,.30),transparent 38%),
    linear-gradient(180deg,#062f57 0%,#032844 100%) !important;
  border-top:2px solid #d8aa3b !important;
  border-bottom:2px solid #d8aa3b !important;
  color:#fff !important;
  padding:0 !important;
}
.lower-info-reference .wrap.lower-info-grid{
  width:100% !important; max-width:none !important;
  min-height:285px !important;
  padding-left:max(4%,42px) !important; padding-right:0 !important;
  grid-template-columns:.92fr .92fr 1.65fr !important;
  background:linear-gradient(90deg,rgba(2,34,61,.98) 0%,rgba(3,43,75,.97) 49%,rgba(3,43,75,.28) 72%,rgba(3,43,75,0) 100%) !important;
}
.hours-reference,.contact-reference{padding-top:30px !important;padding-bottom:25px !important;}
.hours-reference{border-right:1px solid rgba(216,170,59,.58) !important;padding-right:32px !important;}
.contact-reference{padding-left:38px !important;padding-right:30px !important;}
.lower-title h2{color:#f1c54d !important;font-family:Georgia,"Times New Roman",serif !important;font-size:28px !important;}
.lower-icon svg,.contact-icon svg{stroke:#f1c54d !important;}
.hours-reference,.hours-reference #week,.hours-reference #week > div span,.hours-reference #week > div span:last-child,
.hours-reference .hours-status,.contact-reference,.contact-reference a,.contact-row{color:#fff !important;}
.hours-reference .dot{box-shadow:0 0 0 2px rgba(255,255,255,.16)}
.athen-footer-social img{filter:none !important;}

.lower-art-reference.exact-footer-art{
  min-height:285px !important;height:285px !important;
  background:url('images/footer_acropolis_dusk.png') center right/cover no-repeat !important;
  transform:none !important;
}
.lower-art-reference.exact-footer-art .exact-acropolis{display:none !important;}
.lower-art-reference.exact-footer-art::before{
  content:"" !important;position:absolute !important;inset:0 !important;width:auto !important;
  background:linear-gradient(90deg,#032b4b 0%,rgba(3,43,75,.86) 17%,rgba(3,43,75,.30) 42%,rgba(3,43,75,0) 66%) !important;
  z-index:2 !important;
}
.lower-art-reference.exact-footer-art .exact-greeting{
  font-size:0 !important;left:5% !important;right:auto !important;top:62px !important;
  width:48% !important;transform:rotate(-5deg) !important;text-align:center !important;
}
.lower-art-reference.exact-footer-art .exact-greeting::after{
  content:"Griechische Gastlichkeit\A mit Herz — ♡";
  white-space:pre;display:block;color:#f1c54d;
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;
  font-size:29px;line-height:1.25;font-style:italic;font-weight:500;
  text-shadow:0 2px 7px rgba(0,0,0,.55);
}
.footer{
  background:linear-gradient(90deg,#032844,#062f57) !important;
  color:#fff !important;padding:18px 0 !important;
  border-top:0 !important;
}
.footer .wrap{padding-right:30px !important;align-items:center !important;}
.footer .copyright-left,.footer .legal a{color:#f3d26f !important;opacity:1 !important;}
.footer .legal{opacity:1 !important;gap:24px !important;}
.footer .legal a:hover{color:#fff !important;}
.footer-slogan{display:none !important;}

@media(max-width:900px){
 .lower-info-reference .wrap.lower-info-grid{grid-template-columns:1fr 1fr !important;padding:0 5% !important;}
 .lower-art-reference.exact-footer-art{grid-column:1/-1 !important;margin-left:-5.55% !important;margin-right:-5.55% !important;}
 .contact-reference{padding-right:0 !important;}
}
@media(max-width:620px){
 .lower-info-reference .wrap.lower-info-grid{grid-template-columns:1fr !important;padding:0 6% !important;}
 .hours-reference{border-right:0 !important;border-bottom:1px solid rgba(216,170,59,.45) !important;padding-right:0 !important;}
 .contact-reference{padding-left:0 !important;}
 .lower-art-reference.exact-footer-art{grid-column:auto !important;margin-left:-6.8% !important;margin-right:-6.8% !important;height:230px !important;min-height:230px !important;}
 .lower-art-reference.exact-footer-art .exact-greeting{left:3% !important;top:55px !important;width:56% !important;}
 .lower-art-reference.exact-footer-art .exact-greeting::after{font-size:21px !important;}
 .footer .wrap{padding-right:0 !important;}
}

/* ===== FOOTER FINAL – 2026-09-27: Panorama wie freigegebene Vorschau ===== */
@media(min-width:901px){
  .lower-info-reference{
    position:relative!important;
    background:#032844 url('images/footer_panorama_exact.png') center center/cover no-repeat!important;
    overflow:hidden!important;
    min-height:288px!important;
  }
  /* Linken Teil abdunkeln, damit dynamische Öffnungszeiten/Kontaktdaten sauber lesbar bleiben.
     Der Verlauf geht weich in Himmel/Landschaft der Vorschau über. */
  .lower-info-reference::before{
    content:""!important;display:block!important;position:absolute!important;inset:0!important;
    background:linear-gradient(90deg,#032844 0%,#032844 45%,rgba(3,40,68,.96) 49%,rgba(3,40,68,.56) 55%,rgba(3,40,68,.08) 63%,rgba(3,40,68,0) 70%)!important;
    pointer-events:none!important;z-index:0!important;
  }
  .lower-info-reference .wrap.lower-info-grid{
    position:relative!important;z-index:1!important;
    width:100%!important;max-width:none!important;min-height:288px!important;
    padding-left:max(4%,42px)!important;padding-right:0!important;
    grid-template-columns:.92fr .92fr 1.65fr!important;
    background:none!important;
  }
  .hours-reference,.contact-reference{position:relative!important;z-index:2!important;}
  .lower-art-reference.exact-footer-art{
    position:relative!important;min-height:288px!important;height:288px!important;
    background:none!important;
  }
  .lower-art-reference.exact-footer-art::before{display:none!important;content:none!important;}
  .lower-art-reference.exact-footer-art .exact-greeting{display:none!important;}
  .lower-art-reference.exact-footer-art .exact-acropolis{display:none!important;}
}

/* ===== FOOTER PANORAMA KORREKTUR 2026-09-27 =====
   Eine einzige durchgehende Bildfläche hinter Öffnungszeiten, Kontakt und Akropolis. */
@media (min-width:901px){
  .lower-info-reference{
    min-height:300px!important;
    padding:0!important;
    border-top:2px solid #d8aa3b!important;
    border-bottom:1px solid #d8aa3b!important;
    background-color:#032844!important;
    background-image:
      linear-gradient(90deg,rgba(2,30,52,.78) 0%,rgba(2,30,52,.70) 28%,rgba(2,30,52,.46) 46%,rgba(2,30,52,.12) 64%,rgba(2,30,52,0) 78%),
      url('images/footer_acropolis_dusk.png')!important;
    background-repeat:no-repeat,no-repeat!important;
    background-size:100% 100%,cover!important;
    background-position:center,right center!important;
  }
  .lower-info-reference::before{display:none!important;content:none!important;}
  .lower-info-reference .wrap.lower-info-grid{
    width:100%!important;max-width:none!important;min-height:300px!important;
    padding:0 4.5%!important;
    display:grid!important;grid-template-columns:1fr 1fr 1.75fr!important;
    align-items:stretch!important;background:transparent!important;
  }
  .hours-reference,.contact-reference{
    background:transparent!important;
    padding-top:34px!important;padding-bottom:25px!important;
  }
  .hours-reference{padding-left:0!important;padding-right:38px!important;border-right:1px solid rgba(216,170,59,.65)!important;}
  .contact-reference{padding-left:42px!important;padding-right:28px!important;border-right:0!important;}
  .lower-art-reference.exact-footer-art{
    min-height:300px!important;height:300px!important;background:transparent!important;overflow:visible!important;
  }
  .lower-art-reference.exact-footer-art::before{display:none!important;content:none!important;}
  .lower-art-reference.exact-footer-art .exact-acropolis{display:none!important;}
  .lower-art-reference.exact-footer-art .exact-greeting{
    display:block!important;position:absolute!important;z-index:3!important;
    left:2%!important;top:60px!important;width:48%!important;
    font-size:0!important;transform:rotate(-5deg)!important;text-align:center!important;
  }
  .lower-art-reference.exact-footer-art .exact-greeting::after{
    content:"Griechische Gastlichkeit\A mit Herz — ♡"!important;
    white-space:pre!important;display:block!important;color:#f1c54d!important;
    font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
    font-size:28px!important;line-height:1.25!important;font-style:italic!important;font-weight:500!important;
    text-shadow:0 2px 7px rgba(0,0,0,.65)!important;
  }
}

/* ===== FOOTER BILDGRÖSSE KORREKTUR 2026-09-27 =====
   Akropolis nicht mehr auf die komplette Footerbreite aufblasen. */
@media (min-width:901px){
  .lower-info-reference{
    background-image:url('images/footer_acropolis_wide_small.jpg')!important;
    background-size:100% 100%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
}
/* ===== FOOTER PANORAMA VOLLFLÄCHIG – 2026-09-27 =====
   Landschaft/Himmel laufen jetzt sichtbar durch linken + mittleren Bereich;
   Akropolis bleibt kleiner und rechts. */
@media (min-width:901px){
  .lower-info-reference{
    background-image:url('images/footer_panorama_full_clean.jpg')!important;
    background-size:100% 100%!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
}

/* ===== FOOTER CLEAN PANORAMA – 2026-09-27 =====
   Neues textfreies, scharfes Panorama. Keine alten Schriften im Bild. */
@media (min-width:901px){
  .lower-info-reference{
    background-image:linear-gradient(90deg,rgba(2,39,68,.82) 0%,rgba(2,39,68,.68) 31%,rgba(2,39,68,.18) 57%,rgba(2,39,68,.02) 100%),url('images/footer_panorama_clean_new.png')!important;
    background-size:cover!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
  }
  .lower-art-reference.exact-footer-art{
    background:none!important;
  }
  .lower-art-reference.exact-footer-art::before{display:none!important;content:none!important;}
  .lower-art-reference.exact-footer-art .exact-acropolis{display:none!important;}
  .lower-art-reference.exact-footer-art .exact-greeting{display:block!important;}
}

/* FINAL27 – Footer auf allen Unterseiten an Startseiten-Design angleichen */
.athen-footer-social{display:flex!important;align-items:center!important;gap:12px!important;margin:14px 0 0 34px!important}
.athen-footer-social a{width:31px!important;height:31px!important;border:1px solid #efc64f!important;border-radius:50%!important;background:rgba(3,35,64,.58)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;box-shadow:0 1px 4px rgba(0,0,0,.3)!important}
.athen-footer-social img{width:21px!important;height:21px!important;object-fit:contain!important}
.athen-footer-social a:hover,.athen-footer-social a:focus-visible{transform:translateY(-2px)!important;background:rgba(8,65,108,.78)!important}
/* Einheitliche Footer-Farben und Linien auf allen Seiten */
.athen-panorama-footer,.site-panorama-footer,.footer-panorama{border-top:1px solid #d8a62d!important;border-bottom:1px solid #d8a62d!important}
@media(max-width:767px){.athen-footer-social{display:none!important}}

/* =====================================================================
   ATHEN DESIGN SYSTEM – BODY + MOBILE FINAL 2026-09-27
   Einheitliches neues Navy/Gold-Design fuer ALLE Inhaltsseiten.
   ===================================================================== */
:root{
  --athen-navy:#062f50;--athen-navy-deep:#032641;--athen-panel:#0d568d;
  --athen-panel-dark:#08446f;--athen-gold:#f2c64e;--athen-gold-soft:#d9aa36;
  --athen-white:#fffdf8;--athen-muted:#d8e4ec;
}
html{scroll-behavior:smooth}
body{background:var(--athen-navy)!important;color:var(--athen-white)}
main:not(.image-menu){background:linear-gradient(180deg,#073554 0%,#052f4e 100%)!important;color:var(--athen-white)}
.restaurant-showcase,.voucher-page,.gallery-page,.contact-imprint-page,.privacy-page{position:relative;overflow:hidden}
.restaurant-showcase:before,.voucher-page:before,.gallery-page:before,.contact-imprint-page:before,.privacy-page:before{
 content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;
 background:radial-gradient(circle at 15% 20%,rgba(242,198,78,.24),transparent 22%),radial-gradient(circle at 82% 70%,rgba(242,198,78,.14),transparent 25%);
}
.restaurant-showcase>.wrap,.voucher-page>*,.gallery-page>*,.contact-imprint-page>*,.privacy-page>*{position:relative;z-index:1}
.restaurant-copy h1,.voucher-intro h1,.gallery-intro h1,.contact-three-section h1,.imprint-section h2,.privacy-intro h1,.news-page h1{color:var(--athen-white)!important;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.restaurant-kicker,.restaurant-subtitle,.voucher-eyebrow,.gallery-eyebrow,.news-type{color:var(--athen-gold)!important}
.restaurant-copy p,.voucher-copy p,.gallery-lead,.privacy-content,.contact-three-card p,.imprint-card p,.news-copy{color:#f5f7f8!important}
.restaurant-intro,.voucher-intro{border-bottom:1px solid rgba(242,198,78,.65)!important}
.restaurant-hero-photo,.voucher-image-card,.restaurant-gallery img,.gallery-item,.contact-three-card,.imprint-card,.delivery-card,.news-card,.privacy-content{
 border:1px solid var(--athen-gold-soft)!important;background:rgba(4,43,72,.88)!important;box-shadow:0 12px 30px rgba(0,0,0,.20)!important
}
.restaurant-hero-photo img,.voucher-image-card img,.restaurant-gallery img,.gallery-item img{display:block;width:100%;height:100%;object-fit:cover}
.restaurant-highlights>div,.delivery-card{background:var(--athen-panel-dark)!important;border:1px solid rgba(242,198,78,.55)!important}
.restaurant-highlights strong,.delivery-card h2,.contact-three-card h2,.contact-three-card h3,.imprint-card h3,.news-card h2{color:var(--athen-gold)!important}
.restaurant-actions a,.news-button,.contact-submit,.voucher-page .btn,.gallery-filters button{
 background:linear-gradient(180deg,#1263a1,#0b4d82)!important;color:#fff!important;border:1px solid rgba(242,198,78,.7)!important;border-radius:8px!important;box-shadow:none!important
}
.restaurant-actions a:hover,.news-button:hover,.contact-submit:hover,.voucher-page .btn:hover,.gallery-filters button:hover,.gallery-filters button.active{
 background:linear-gradient(180deg,#f6d875,#e7b73d)!important;color:#063253!important
}
.restaurant-signoff,.restaurant-endnote{color:var(--athen-gold)!important}
.contact-form input,.contact-form textarea,.contact-form select{background:#f8fbfd!important;color:#062f50!important;border:1px solid #d7b34b!important;border-radius:7px!important}
.contact-form label,.privacy-content h2,.privacy-content h3{color:var(--athen-gold)!important}
.imprint-section,.delivery-details{background:#052d49!important;color:#fff!important}
.gallery-filters{gap:10px!important;flex-wrap:wrap!important}
.news-card{overflow:hidden;border-radius:10px!important}.news-card-image img{width:100%;height:100%;object-fit:cover}

/* Speisekarte in dieselbe Farbwelt ziehen */
.image-menu{background:linear-gradient(180deg,#073554,#032641)!important;color:#fff!important}
.menu-scene{background:transparent!important}.menu-scene-heading h1,.menu-scene-brand{color:#fff!important}.menu-scene-motto{color:var(--athen-gold)!important}
.book-cover{filter:drop-shadow(0 12px 28px rgba(0,0,0,.35))}.fullscreen-button,.pdf-download{border-color:var(--athen-gold)!important}

/* MOBILE / TABLET – alle Inhaltsseiten */
@media(max-width:900px){
 body{overflow-x:hidden!important}.wrap{width:min(100% - 28px,1180px)!important;margin-inline:auto!important}
 main:not(.image-menu){padding-top:0!important}
 .restaurant-intro,.voucher-intro{display:grid!important;grid-template-columns:1fr!important;gap:24px!important;padding:34px 0!important}
 .restaurant-copy,.voucher-copy{max-width:none!important;padding:0!important}
 .restaurant-copy h1,.voucher-intro h1,.gallery-intro h1{font-size:clamp(32px,8vw,48px)!important;line-height:1.04!important}
 .restaurant-copy p,.voucher-copy p,.gallery-lead,.privacy-content p{font-size:16px!important;line-height:1.65!important}
 .restaurant-hero-photo,.voucher-image-card{width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important}
 .restaurant-hero-photo img,.voucher-image-card img{aspect-ratio:16/10!important;height:auto!important}
 .restaurant-gallery{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:20px 0!important}
 .restaurant-gallery img{height:auto!important;aspect-ratio:4/3!important}
 .restaurant-highlights{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 .restaurant-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 .restaurant-actions a{width:100%!important;text-align:center!important;min-height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important}
 .delivery-cards,.news-grid,.contact-three-grid,.imprint-grid{grid-template-columns:1fr!important;gap:16px!important}
 .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .gallery-intro,.contact-three-section,.imprint-section,.privacy-intro{padding-left:14px!important;padding-right:14px!important}
 .privacy-content{margin:0 14px 28px!important;padding:20px!important}
 .contact-form-grid{grid-template-columns:1fr!important}.contact-form-wide{grid-column:auto!important}
 .image-menu{padding-inline:10px!important}.menu-scene-heading{padding-inline:8px!important}.menu-scene-heading h1{font-size:clamp(27px,7vw,42px)!important}
 .spread-navigation{grid-template-columns:42px minmax(0,1fr) 42px!important;gap:5px!important}.spread-arrow>span:not(.arrow-circle){display:none!important}
 .book-bottom,.book-bottom-actions{flex-direction:column!important;align-items:stretch!important;gap:9px!important}.book-bottom-actions>*{width:100%!important;justify-content:center!important}
 .lower-info-reference .wrap.lower-info-grid{padding-left:20px!important;padding-right:20px!important}
}
@media(max-width:560px){
 .wrap{width:min(100% - 20px,1180px)!important}
 .restaurant-gallery,.gallery-grid{grid-template-columns:1fr!important}
 .restaurant-copy h1,.voucher-intro h1,.gallery-intro h1{font-size:34px!important}
 .restaurant-kicker,.voucher-eyebrow,.gallery-eyebrow{font-size:13px!important;letter-spacing:.08em!important}
 .restaurant-signoff{font-size:22px!important;text-align:center!important}
 .restaurant-bottom{padding-bottom:30px!important}
 .gallery-filters button{flex:1 1 calc(50% - 8px)!important;min-height:44px!important}
 .contact-three-card,.imprint-card,.delivery-card,.news-card,.privacy-content{border-radius:8px!important}
 .menu-scene-brand{font-size:20px!important}.menu-scene-motto{font-size:14px!important}
}

/* ===== Einheitliches ATHEN Design – alle Seiten 2026-09-27 ===== */
:root{--athen-navy:#032f50;--athen-navy2:#06436f;--athen-card:#0d5a91;--athen-gold:#f5bf3b;--athen-white:#fffdf8}
body{background:var(--athen-navy)!important;color:var(--athen-white)}
/* derselbe Desktop-Header wie auf der Startseite */
body:not(.admin) .athen-home-visual{display:block}
body:not(.admin) .mobile-original-header{display:none}
/* Unterseitenkörper konsequent dunkelblau/gold */
main,.restaurant-showcase,.biergarten-showcase,.delivery-page,.voucher-page,.news-page,.gallery-page,.contact-page,.privacy-page,.menu-page,
main[class],section[class*="showcase"],section[class*="page"]{background:var(--athen-navy)!important;color:var(--athen-white)!important}
main h1,main h2,main h3,main h4,main strong,main .restaurant-subtitle,main .restaurant-kicker,
section[class*="showcase"] h1,section[class*="showcase"] h2,section[class*="showcase"] h3{color:var(--athen-gold)!important}
main p,main li,main label,main td,main th,main span:not(.dot),section[class*="showcase"] p{color:var(--athen-white)}
main a:not(.btn):not([class*="button"]){color:#ffd76a}
.restaurant-gallery img,.restaurant-hero-photo img,.gallery-grid img,.biergarten-gallery img{border:1px solid var(--athen-gold)!important}
.restaurant-highlights>div,.content-card,.news-card,.voucher-card,.contact-card,.menu-card{border-color:rgba(245,191,59,.55)!important}
.restaurant-actions a,main button,main .btn,main [class*="button"]{background:#0b5594!important;color:#fff!important;border:1px solid var(--athen-gold)!important}
.restaurant-actions a:hover,main button:hover,main .btn:hover,main [class*="button"]:hover{background:#1267aa!important}
/* Einheitlicher Footer bleibt über allen Seiten */
.lower-info-reference{border-top:1px solid var(--athen-gold)}
@media(max-width:700px){
  body:not(.admin) .athen-home-visual{display:none!important}
  body:not(.admin) .mobile-original-header{display:block!important}
  .mobile-original-header .mast{display:block!important}
  .mobile-original-header .nav{display:block!important}
  main,.restaurant-showcase,.biergarten-showcase,.delivery-page,.voucher-page,.news-page,.gallery-page,.contact-page,.privacy-page,.menu-page{padding-left:0!important;padding-right:0!important}
  main .wrap,section[class*="showcase"] .wrap{padding-left:16px!important;padding-right:16px!important}
  .restaurant-intro,.restaurant-gallery,.restaurant-highlights{grid-template-columns:1fr!important}
  .restaurant-gallery img{height:auto!important;max-height:none!important}
  h1{font-size:clamp(30px,9vw,42px)!important}
  h2{font-size:clamp(25px,7vw,34px)!important}
}

/* =====================================================================
   ATHEN FINAL BODY ALIGNMENT 2026-09-27
   Alle Seiten im neuen Navy/Gold-Look; Speisekarte bewusst ausgenommen.
   ===================================================================== */
body:not(.admin) main:not(.image-menu),
body:not(.admin) .restaurant-showcase,
body:not(.admin) .biergarten-showcase,
body:not(.admin) .delivery-page,
body:not(.admin) .news-page,
body:not(.admin) .gallery-page,
body:not(.admin) .contact-imprint-page,
body:not(.admin) .privacy-page{
  background:#032f50!important;
  color:#fffdf8!important;
}
/* Alte weiße/helle Innenflächen der Unterseiten vollständig neutralisieren */
body:not(.admin) .restaurant-showcase .restaurant-intro,
body:not(.admin) .restaurant-showcase .restaurant-gallery,
body:not(.admin) .restaurant-showcase .restaurant-bottom,
body:not(.admin) .biergarten-showcase .restaurant-intro,
body:not(.admin) .biergarten-showcase .restaurant-gallery,
body:not(.admin) .biergarten-showcase .restaurant-bottom,
body:not(.admin) .delivery-page .voucher-intro,
body:not(.admin) .delivery-page .delivery-details,
body:not(.admin) .news-page .voucher-intro,
body:not(.admin) .news-page .news-intro,
body:not(.admin) .gallery-page .gallery-intro,
body:not(.admin) .gallery-page .gallery-content,
body:not(.admin) .gallery-page section,
body:not(.admin) .contact-imprint-page .contact-three-section,
body:not(.admin) .contact-imprint-page .imprint-section,
body:not(.admin) .privacy-page .privacy-intro,
body:not(.admin) .privacy-page section{
  background:transparent!important;
  color:#fffdf8!important;
}
body:not(.admin) .gallery-page h1,
body:not(.admin) .restaurant-showcase h1,
body:not(.admin) .biergarten-showcase h1,
body:not(.admin) .delivery-page h1,
body:not(.admin) .news-page h1,
body:not(.admin) .contact-imprint-page h1,
body:not(.admin) .contact-imprint-page h2,
body:not(.admin) .privacy-page h1{
  color:#fffdf8!important;
}
body:not(.admin) .gallery-page .gallery-eyebrow,
body:not(.admin) .restaurant-showcase .restaurant-kicker,
body:not(.admin) .biergarten-showcase .restaurant-kicker,
body:not(.admin) .delivery-page .voucher-eyebrow,
body:not(.admin) .news-page .voucher-eyebrow,
body:not(.admin) .contact-imprint-page h3,
body:not(.admin) .privacy-page h2,
body:not(.admin) .privacy-page h3{
  color:#f5bf3b!important;
}
body:not(.admin) .gallery-page p,
body:not(.admin) .restaurant-showcase p,
body:not(.admin) .biergarten-showcase p,
body:not(.admin) .delivery-page p,
body:not(.admin) .news-page p,
body:not(.admin) .contact-imprint-page p,
body:not(.admin) .contact-imprint-page li,
body:not(.admin) .privacy-page p,
body:not(.admin) .privacy-page li{
  color:#fffdf8!important;
}
/* Galerie: Karten und Filter passend zu den vier Startseiten-Kacheln */
body:not(.admin) .gallery-page .gallery-item{
  background:#0d5a91!important;
  border:1px solid #f5bf3b!important;
  box-shadow:0 10px 26px rgba(0,0,0,.22)!important;
}
body:not(.admin) .gallery-page .gallery-filters button{
  background:#0d5a91!important;color:#fff!important;border:1px solid #f5bf3b!important;
}
body:not(.admin) .gallery-page .gallery-filters button:hover,
body:not(.admin) .gallery-page .gallery-filters button.active{
  background:#f5bf3b!important;color:#032f50!important;
}
/* Inhaltkarten */
body:not(.admin) .delivery-card,
body:not(.admin) .news-card,
body:not(.admin) .contact-three-card,
body:not(.admin) .imprint-card,
body:not(.admin) .privacy-content{
  background:#08446f!important;border:1px solid rgba(245,191,59,.65)!important;color:#fffdf8!important;
}
/* Speisekarte: keinerlei neue Body-Overrides aus diesem Block */
@media(max-width:700px){
 body:not(.admin) .gallery-page .gallery-intro,
 body:not(.admin) .delivery-page .voucher-intro,
 body:not(.admin) .news-page .voucher-intro,
 body:not(.admin) .contact-imprint-page .contact-three-section,
 body:not(.admin) .contact-imprint-page .imprint-section,
 body:not(.admin) .privacy-page .privacy-intro{padding-left:16px!important;padding-right:16px!important}
}

/* SPEISEKARTE RESTORE 2026-09-27 — Speisekarte bleibt exakt mit ihrem bisherigen Bildhintergrund */
body:not(.admin) main.image-menu{
  background:#0a253c!important;
  color:#fff!important;
  padding:0!important;
}
body:not(.admin) main.image-menu .menu-scene{
  background-image:radial-gradient(ellipse at 48% 43%,rgba(58,91,103,.38),transparent 65%),linear-gradient(180deg,rgba(5,28,48,.76),rgba(7,24,35,.92)),url('images/header_griechenland_final.png')!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-attachment:scroll!important;
  min-height:690px!important;
}
@media(max-width:768px){
 body:not(.admin) main.image-menu .menu-scene{background-position:center!important;background-size:cover!important;}
}

/* Biergarten: Desktop-Header endet direkt unter der Navigation; kein Hero/Claim/Aktionsbuttons darunter. */
@media (min-width:900px){
  .athen-home-visual.biergarten-header-only{height:23.90vw;max-height:407px;overflow:hidden}
  .athen-home-visual.biergarten-header-only>img{width:100%;height:auto}
  .athen-home-visual.biergarten-header-only .action-menu,
  .athen-home-visual.biergarten-header-only .action-reserve,
  .athen-home-visual.biergarten-header-only .action-call{display:none!important}
}

/* Biergarten Navigation: exakt an der unteren Goldkante abschneiden – kein Rest des Hero-Bildes. */
@media (min-width:900px){
  .athen-home-visual.biergarten-header-only{
    height:23.72vw!important;
    max-height:404px!important;
    overflow:hidden!important;
    background:#032f50!important;
    line-height:0!important;
  }
  .athen-home-visual.biergarten-header-only>img{
    display:block!important;
    width:100%!important;
    height:auto!important;
  }
}

/* ATHEN KORREKTUREN 2026-09-27 – Biergarten, Datenschutz, Events */
/* Biergarten: Icons mit sauberem Abstand zum linken Rahmen */
.biergarten-showcase .restaurant-highlights>div{padding-left:22px!important;padding-right:18px!important;box-sizing:border-box!important}
.biergarten-showcase .restaurant-highlights>div>span{margin-left:2px!important;margin-right:12px!important;flex:0 0 auto!important}
/* Biergarten-Endschrift */
.biergarten-showcase .restaurant-endnote{font-family:'Ephesis',cursive!important;font-size:38px!important;line-height:1.05!important;text-align:center!important;transform:translate(38px,18px)!important}

/* Datenschutz: mehr Luft im Rahmen + keine helle Adresse */
body:not(.admin) .privacy-content{padding:34px 42px!important;box-sizing:border-box!important}
body:not(.admin) .privacy-content address{display:block!important;background:transparent!important;color:#fffdf8!important;padding:10px 0 18px!important;margin:0!important;font-style:normal!important;line-height:1.65!important}
body:not(.admin) .privacy-content address a{color:#f5bf3b!important}
@media(max-width:700px){body:not(.admin) .privacy-content{padding:24px 22px!important}}

/* Events: vollständig in das neue Navy/Gold-Design integrieren */
body:not(.admin) .events-page,
body:not(.admin) .events-page .events-intro{background:linear-gradient(180deg,#073554 0%,#052f4e 100%)!important;color:#fffdf8!important}
body:not(.admin) .events-page .events-intro{border-bottom:1px solid rgba(242,198,78,.65)!important}
body:not(.admin) .events-page .events-text h1{color:#fffdf8!important;text-shadow:0 2px 8px rgba(0,0,0,.25)!important}
body:not(.admin) .events-page .events-text h2,
body:not(.admin) .events-page .events-text h2 span,
body:not(.admin) .events-page .voucher-eyebrow,
body:not(.admin) .events-page .events-text strong{color:#f5bf3b!important}
body:not(.admin) .events-page .events-text p{color:#fffdf8!important}
body:not(.admin) .events-page .events-image{border:1px solid #d9aa36!important;background:#08446f!important;box-shadow:0 12px 30px rgba(0,0,0,.24)!important}
body:not(.admin) .events-page .events-image-card{background:rgba(3,47,80,.92)!important;border:1px solid rgba(242,198,78,.75)!important;color:#fffdf8!important}
body:not(.admin) .events-page .events-image-card strong{color:#f5bf3b!important}
body:not(.admin) .events-page .events-image-card span{color:#fffdf8!important}
@media(max-width:700px){body:not(.admin) .events-page .events-intro{padding-left:16px!important;padding-right:16px!important}}

/* ATHEN KORREKTUR 2026-09-27 – Biergarten Bildrahmen + schräger Schriftzug */
.biergarten-showcase .restaurant-hero-photo{
  border-radius:14px!important;
  overflow:hidden!important;
}
.biergarten-showcase .restaurant-hero-photo img{
  border-radius:13px!important;
}
.biergarten-showcase .restaurant-endnote{
  transform:translate(38px,18px) rotate(-5deg)!important;
  transform-origin:center center!important;
}
@media(max-width:1000px){
  .biergarten-showcase .restaurant-endnote{
    transform:translate(12px,10px) rotate(-5deg)!important;
  }
}

/* ATHEN KORREKTUR 2026-09-27 – Gutscheine im neuen Navy/Gold-Design */
body:not(.admin) .voucher-page,
body:not(.admin) .voucher-page .voucher-intro{
  background:linear-gradient(180deg,#073554 0%,#052f4e 100%)!important;
  color:#fffdf8!important;
}
body:not(.admin) .voucher-page .voucher-intro{border-bottom:1px solid rgba(242,198,78,.65)!important}
body:not(.admin) .voucher-page .voucher-text h1{
  color:#fffdf8!important;
  text-shadow:0 2px 8px rgba(0,0,0,.28)!important;
}
body:not(.admin) .voucher-page .voucher-eyebrow,
body:not(.admin) .voucher-page .voucher-text h2,
body:not(.admin) .voucher-page .voucher-text h2 span,
body:not(.admin) .voucher-page .voucher-text p strong{
  color:#f5bf3b!important;
}
body:not(.admin) .voucher-page .voucher-gold-line{background:#f5bf3b!important}
body:not(.admin) .voucher-page .voucher-text p,
body:not(.admin) .voucher-page .voucher-note{color:#fffdf8!important}
body:not(.admin) .voucher-page .voucher-text p a{color:#f5bf3b!important}
body:not(.admin) .voucher-page .voucher-image{
  border:1px solid #d9aa36!important;
  border-radius:14px!important;
  overflow:hidden!important;
  background:#08446f!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24)!important;
}
body:not(.admin) .voucher-page .voucher-image>img{border-radius:13px!important}
body:not(.admin) .voucher-page .voucher-image-card{
  background:rgba(3,47,80,.94)!important;
  border:1px solid rgba(242,198,78,.8)!important;
  color:#fffdf8!important;
}
body:not(.admin) .voucher-page .voucher-image-card strong{color:#f5bf3b!important}
body:not(.admin) .voucher-page .voucher-image-card span{color:#fffdf8!important}

/* Lieferservice: mehr Abstand zwischen goldener Trennlinie und den vier Infokarten */
.delivery-details{padding-top:30px!important;}
@media(max-width:900px){.delivery-details{padding-top:24px!important;}}

/* ATHEN KORREKTUR 2026-09-27 – Restaurant Icons + Endschrift wie Biergarten */
.restaurant-showcase:not(.biergarten-showcase) .restaurant-highlights>div{
  padding-left:22px!important;
  padding-right:18px!important;
  box-sizing:border-box!important;
}
.restaurant-showcase:not(.biergarten-showcase) .restaurant-highlights>div>span{
  margin-left:2px!important;
  margin-right:12px!important;
  flex:0 0 auto!important;
}
.restaurant-showcase:not(.biergarten-showcase) .restaurant-endnote{
  font-family:'Ephesis',cursive!important;
  font-size:38px!important;
  line-height:1.05!important;
  text-align:center!important;
  transform:translate(38px,18px) rotate(-5deg)!important;
  transform-origin:center center!important;
}
@media(max-width:1000px){
  .restaurant-showcase:not(.biergarten-showcase) .restaurant-endnote{
    transform:translate(12px,10px) rotate(-5deg)!important;
  }
}

/* News: Lade-/Fehlerfeld passend zum Navy/Gold-Design */
body:not(.admin) .news-empty,
body:not(.admin) .news-loading{
  background:var(--athen-panel-dark,#0b4d78)!important;
  color:#fffdf8!important;
  border:1px solid rgba(242,198,78,.55)!important;
  box-shadow:none!important;
}
body:not(.admin) .news-empty h3,
body:not(.admin) .news-loading h3{color:#f5bf3b!important;}

/* ATHEN KORREKTUR 2026-09-27 – Restaurant Endschrift weiter rechts */
.restaurant-showcase:not(.biergarten-showcase) .restaurant-endnote{
  transform:translate(72px,18px) rotate(-5deg)!important;
}
@media(max-width:1000px){
  .restaurant-showcase:not(.biergarten-showcase) .restaurant-endnote{
    transform:translate(22px,10px) rotate(-5deg)!important;
  }
}

/* =====================================================================
   ATHEN MOBILE FINAL 2026-09-27
   Einheitliches neues Navy/Gold-Layout fuer Smartphone + kleine Tablets
   Desktop bleibt unveraendert.
   ===================================================================== */
@media (max-width:700px){
  html{overflow-x:hidden!important} body{min-width:0!important;overflow-x:hidden!important;background:#032f50!important}
  body:not(.admin) .mobile-original-header{display:block!important;background:#031f39!important;border-bottom:2px solid #e5b83e!important}
  body:not(.admin) .mobile-original-header .top{display:none!important}
  body:not(.admin) .mobile-original-header .mast{display:block!important;background:linear-gradient(135deg,rgba(3,30,55,.96),rgba(5,54,88,.92)),url('images/marmor_gold_header_bg.jpg') center/cover!important;border-top:1px solid #e5b83e!important;border-bottom:1px solid #e5b83e!important;padding:10px 0!important}
  body:not(.admin) .mobile-original-header .mast .wrap{width:100%!important;padding:0 14px!important}
  body:not(.admin) .mobile-original-header .mastgrid{display:grid!important;grid-template-columns:112px 1fr!important;align-items:center!important;gap:12px!important;min-height:82px!important}
  body:not(.admin) .mobile-original-header .brandblock{display:flex!important;align-items:center!important}
  body:not(.admin) .mobile-original-header .logo{display:block!important;width:108px!important;height:auto!important;max-height:74px!important;object-fit:contain!important}
  body:not(.admin) .mobile-original-header .claim{display:block!important;color:#f4c64e!important;font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-size:18px!important;line-height:1.16!important;text-align:right!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important}
  body:not(.admin) .mobile-original-header .headerpic{display:none!important}
  body:not(.admin) .mobile-original-header .nav{display:block!important;position:relative!important;background:#064b82!important;border:0!important;box-shadow:0 3px 12px rgba(0,0,0,.28)!important}
  body:not(.admin) .mobile-original-header .nav>.wrap{width:100%!important;padding:0!important}
  body:not(.admin) .mobile-original-header .menuBtn{display:flex!important;width:100%!important;height:50px!important;align-items:center!important;justify-content:space-between!important;padding:0 18px!important;background:#064b82!important;border:0!important;color:#fff!important;font-size:0!important;font-weight:800!important;border-radius:0!important}
  body:not(.admin) .mobile-original-header .menuBtn::before{content:'MENÜ';font-size:15px!important;letter-spacing:.06em!important}
  body:not(.admin) .mobile-original-header .menuBtn::after{content:'☰';font-size:24px!important;color:#f5bf3b!important}
  body:not(.admin) .mobile-original-header .navlinks{display:none!important;position:relative!important;width:100%!important;background:#04365e!important;padding:6px 12px 12px!important;box-shadow:inset 0 1px 0 rgba(245,191,59,.35)!important}
  body:not(.admin) .mobile-original-header .navlinks.open,
  body:not(.admin) .mobile-original-header .navlinks.active{display:grid!important;grid-template-columns:1fr!important}
  body:not(.admin) .mobile-original-header .navlinks a{display:block!important;padding:12px 8px!important;color:#fff!important;border-bottom:1px solid rgba(245,191,59,.22)!important;font-size:14px!important;font-weight:800!important;text-align:center!important;text-decoration:none!important}
  body:not(.admin) .mobile-original-header .navlinks a:hover,
  body:not(.admin) .mobile-original-header .navlinks a[aria-current="page"]{color:#f5bf3b!important;background:rgba(255,255,255,.04)!important}

  body:not(.admin) main:not(.image-menu){padding:0!important}
  body:not(.admin) main:not(.image-menu)>.wrap{width:100%!important;padding:28px 16px 34px!important}
  body:not(.admin) .restaurant-intro,
  body:not(.admin) .voucher-intro,
  body:not(.admin) .events-intro{display:flex!important;flex-direction:column!important;gap:22px!important;padding:28px 16px!important;margin:0!important}
  body:not(.admin) .restaurant-copy,
  body:not(.admin) .voucher-text,
  body:not(.admin) .events-text{width:100%!important;max-width:none!important;padding:0!important}
  body:not(.admin) .restaurant-copy h1,
  body:not(.admin) .voucher-text h1,
  body:not(.admin) .events-text h1,
  body:not(.admin) .gallery-intro h1,
  body:not(.admin) .privacy-intro h1{font-size:34px!important;line-height:1.02!important;margin-bottom:16px!important;overflow-wrap:anywhere!important}
  body:not(.admin) .restaurant-copy p,
  body:not(.admin) .voucher-text p,
  body:not(.admin) .events-text p{font-size:16px!important;line-height:1.62!important}
  body:not(.admin) .restaurant-hero-photo,
  body:not(.admin) .voucher-image,
  body:not(.admin) .events-image{width:100%!important;height:auto!important;max-width:none!important;border-radius:12px!important;overflow:hidden!important}
  body:not(.admin) .restaurant-hero-photo img,
  body:not(.admin) .voucher-image>img,
  body:not(.admin) .events-image>img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;border-radius:11px!important}
  body:not(.admin) .voucher-image-card,
  body:not(.admin) .events-image-card{position:relative!important;inset:auto!important;width:100%!important;margin:0!important;padding:16px!important;border-width:1px 0 0!important;border-radius:0!important}

  body:not(.admin) .restaurant-gallery{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;padding:4px 0 22px!important}
  body:not(.admin) .restaurant-gallery img{width:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:10px!important}
  body:not(.admin) .restaurant-bottom{padding:0 0 26px!important}
  body:not(.admin) .restaurant-highlights{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  body:not(.admin) .restaurant-highlights>div{min-height:0!important;padding:13px 16px!important;display:flex!important;align-items:center!important;border:1px solid rgba(245,191,59,.55)!important}
  body:not(.admin) .restaurant-highlights>div>span{margin:0 14px 0 0!important;font-size:25px!important}
  body:not(.admin) .restaurant-highlights p{margin:0!important;font-size:14px!important;line-height:1.35!important}
  body:not(.admin) .restaurant-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:14px!important}
  body:not(.admin) .restaurant-actions a{min-height:50px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}
  body:not(.admin) .restaurant-endnote,
  body:not(.admin) .biergarten-showcase .restaurant-endnote{font-size:31px!important;margin:24px 0 6px!important;transform:rotate(-5deg)!important;text-align:center!important}

  body:not(.admin) .delivery-details{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:22px 16px 30px!important}
  body:not(.admin) .delivery-card{padding:20px!important;margin:0!important}
  body:not(.admin) .delivery-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  body:not(.admin) .delivery-actions a{width:100%!important;justify-content:center!important;text-align:center!important}

  body:not(.admin) .gallery-intro{padding:28px 16px 18px!important}
  body:not(.admin) .gallery-content{padding:0 16px 32px!important}
  body:not(.admin) .gallery-filters{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:18px!important}
  body:not(.admin) .gallery-filters button{width:100%!important;min-width:0!important;padding:10px 6px!important;font-size:13px!important}
  body:not(.admin) .gallery-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body:not(.admin) .gallery-item{border-radius:11px!important;overflow:hidden!important}
  body:not(.admin) .gallery-item img{width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important}

  body:not(.admin) .news-page .news-intro{padding:0 16px 30px!important}
  body:not(.admin) .news-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  body:not(.admin) .news-empty,body:not(.admin) .news-loading{padding:22px 16px!important;border-radius:10px!important;text-align:center!important}

  body:not(.admin) .contact-three-section,
  body:not(.admin) .imprint-section{padding:28px 16px!important}
  body:not(.admin) .contact-three-grid,
  body:not(.admin) .imprint-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body:not(.admin) .contact-three-card,
  body:not(.admin) .imprint-card{padding:20px!important;border-radius:10px!important;overflow-wrap:anywhere!important}
  body:not(.admin) .contact-form-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body:not(.admin) .contact-form input,
  body:not(.admin) .contact-form textarea,
  body:not(.admin) .contact-form select{width:100%!important;min-width:0!important}

  body:not(.admin) .privacy-intro{padding:28px 16px 14px!important}
  body:not(.admin) .privacy-content{margin:0 16px 30px!important;padding:20px 18px!important;width:auto!important;max-width:none!important;border-radius:10px!important;overflow-wrap:anywhere!important}
  body:not(.admin) .privacy-content h2{font-size:24px!important;line-height:1.15!important}
  body:not(.admin) .privacy-content h3{font-size:19px!important;line-height:1.2!important}

  /* Speisekarte mobil: eine Seite, kompakt und ohne horizontales Ueberlaufen */
  body:not(.admin) main.image-menu .menu-scene{min-height:0!important;padding:20px 10px 18px!important;background-position:center!important}
  body:not(.admin) .menu-scene-heading{display:grid!important;grid-template-columns:1fr!important;text-align:center!important;gap:5px!important;padding:0 8px 16px!important}
  body:not(.admin) .menu-scene-heading .menu-scene-brand{font-size:17px!important}
  body:not(.admin) .menu-scene-heading h1{font-size:27px!important;line-height:1.08!important;margin:0!important}
  body:not(.admin) .menu-scene-heading .menu-scene-motto{font-size:14px!important;line-height:1.25!important}
  body:not(.admin) .spread-navigation{display:grid!important;grid-template-columns:38px minmax(0,1fr) 38px!important;gap:5px!important;align-items:center!important}
  body:not(.admin) .spread-arrow{padding:0!important;background:transparent!important;border:0!important;min-width:0!important}
  body:not(.admin) .spread-arrow .arrow-circle{width:36px!important;height:36px!important;font-size:29px!important}
  body:not(.admin) .book-cover{width:100%!important;max-width:520px!important;margin:0 auto!important;height:auto!important;min-height:0!important;border-radius:12px!important;padding:7px!important}
  body:not(.admin) .spread{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:0.72!important}
  body:not(.admin) .spread .sheet{width:100%!important;height:100%!important;min-height:0!important}
  body:not(.admin) .spread .sheet img{width:100%!important;height:100%!important;object-fit:contain!important}
  body:not(.admin) .book-pagination{margin:10px 0 0!important}
  body:not(.admin) .book-dots{max-width:100%!important;overflow:hidden!important}
  body:not(.admin) .book-bottom{padding:14px 2px 0!important;display:block!important}
  body:not(.admin) .book-bottom-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  body:not(.admin) .book-bottom-actions>*{width:100%!important;min-height:46px!important}
  body:not(.admin) .book-bottom-motto{display:block!important;text-align:center!important;margin-top:14px!important;font-size:14px!important}

  /* Footer mobil: gleiche Farbwelt, sauber untereinander */
  body:not(.admin) .lower-info-reference{padding:0!important;background:#032f50!important;border-top:1px solid #e0ad31!important}
  body:not(.admin) .lower-info-reference .wrap.lower-info-grid{display:grid!important;grid-template-columns:1fr!important;width:100%!important;padding:0!important}
  body:not(.admin) .hours-reference,
  body:not(.admin) .contact-reference{padding:24px 20px!important;border:0!important;border-bottom:1px solid rgba(224,173,49,.55)!important;min-width:0!important}
  body:not(.admin) .lower-title h2{font-size:28px!important;margin:0!important}
  body:not(.admin) .contact-reference p,body:not(.admin) .hours-reference p{overflow-wrap:anywhere!important}
  body:not(.admin) .lower-art-reference.exact-footer-art{margin:0!important;width:100%!important;height:205px!important;min-height:205px!important;grid-column:auto!important;background-position:center!important}
  body:not(.admin) .lower-art-reference.exact-footer-art .exact-greeting{display:none!important}
  body:not(.admin) .footer{padding:0!important;background:#032f50!important}
  body:not(.admin) .footer .wrap{width:100%!important;min-height:0!important;padding:16px 18px!important;display:flex!important;flex-direction:column!important;gap:12px!important;text-align:center!important}
  body:not(.admin) .footer .legal{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:10px 18px!important}
  body:not(.admin) .footer .copyright-left{font-size:13px!important}
  body:not(.admin) .footer .legal a{font-size:13px!important}
  body:not(.admin) .backtop{right:14px!important;bottom:14px!important;width:46px!important;height:46px!important}
}

@media (max-width:390px){
  body:not(.admin) .mobile-original-header .mastgrid{grid-template-columns:94px 1fr!important}
  body:not(.admin) .mobile-original-header .logo{width:92px!important}
  body:not(.admin) .mobile-original-header .claim{font-size:16px!important}
  body:not(.admin) .restaurant-gallery{grid-template-columns:1fr!important}
  body:not(.admin) .gallery-filters{grid-template-columns:1fr!important}
  body:not(.admin) .restaurant-copy h1,body:not(.admin) .voucher-text h1,body:not(.admin) .events-text h1,body:not(.admin) .gallery-intro h1{font-size:30px!important}
}


/* 2026-09-27: Desktop-Öffnungsstatus überdeckt den im Headerbild eingebrannten Platzhaltertext. */
@media(min-width:900px){
  .athen-home-visual .desktop-image-opening-status{
    position:absolute!important;z-index:20!important;
    left:67.0%!important;top:70.6%!important;width:25.8%!important;height:3.2%!important;
    display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
    background:transparent!important;color:#e7bd55!important;text-align:center!important;white-space:nowrap!important;
    font:700 clamp(12px,1.12vw,19px)/1.1 Georgia,'Times New Roman',serif!important;
    text-shadow:0 2px 4px #000!important;
    border:0!important;border-radius:0!important;padding:0 4px!important;margin:0!important;
  }
}
@media(max-width:899px){.desktop-image-opening-status{display:none!important}}

/* FINAL 2026-09-27 – Live-Öffnungsstatus: kein Balken, kein Hintergrund, kein alter Bildtext */
@media(min-width:900px){
 .athen-home-visual{position:relative!important}
 .athen-home-visual .desktop-image-opening-status{
   position:absolute!important;z-index:50!important;left:67.0%!important;top:70.45%!important;width:25.8%!important;height:auto!important;
   display:block!important;background:none!important;background-color:transparent!important;background-image:none!important;
   border:0!important;outline:0!important;box-shadow:none!important;filter:none!important;border-radius:0!important;
   margin:0!important;padding:0!important;color:#e7bd55!important;text-align:center!important;white-space:nowrap!important;
   font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(13px,1.12vw,19px)!important;font-style:normal!important;font-weight:700!important;line-height:1.15!important;
   text-shadow:0 2px 4px rgba(0,0,0,.85)!important;pointer-events:none!important;
 }
}

/* 2026-09-27 FINAL: Öffnungsstatus im Startseiten-Header vollständig ohne Rahmen/Kasten */
@media(min-width:900px){
  .athen-home-visual .desktop-image-opening-status,
  .athen-home-visual .desktop-image-opening-status.is-open,
  .athen-home-visual .desktop-image-opening-status.is-closed{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    border:none!important;
    outline:none!important;
    box-shadow:none!important;
    border-radius:0!important;
    padding:0!important;
  }
  .athen-home-visual .desktop-image-opening-status::before,
  .athen-home-visual .desktop-image-opening-status::after{display:none!important;content:none!important;}
}


/* 2026-09-27 – Desktop-Status mittig mit zwei goldenen Ornament-Trennern, ohne Rahmen */
@media(min-width:900px){
  .athen-home-visual .desktop-image-opening-status-block{
    position:absolute!important;
    z-index:60!important;
    left:67.0%!important;
    top:68.15%!important;
    width:25.8%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  .athen-home-visual .desktop-image-opening-status-block .desktop-image-opening-status{
    position:static!important;
    width:100%!important;
    height:auto!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    color:#e7bd55!important;
    text-align:center!important;
    white-space:nowrap!important;
    font:700 clamp(13px,1.12vw,19px)/1.12 Georgia,'Times New Roman',serif!important;
    text-shadow:0 2px 4px rgba(0,0,0,.9)!important;
  }
  .athen-home-visual .desktop-image-status-ornament{
    width:76%!important;
    height:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }
  .athen-home-visual .desktop-image-status-ornament span{
    display:block!important;
    flex:1 1 auto!important;
    height:1px!important;
    background:#e7bd55!important;
    box-shadow:0 1px 2px rgba(0,0,0,.75)!important;
  }
  .athen-home-visual .desktop-image-status-ornament b{
    display:block!important;
    color:#e7bd55!important;
    font:700 clamp(9px,.72vw,13px)/1 Georgia,'Times New Roman',serif!important;
    text-shadow:0 1px 2px rgba(0,0,0,.8)!important;
  }
}
@media(max-width:899px){.desktop-image-opening-status-block{display:none!important}}

/* 2026-09-27 – Feinkorrektur: Status + Ornamente ein paar Pixel tiefer */
@media(min-width:900px){
  .athen-home-visual .desktop-image-opening-status-block{
    top:69.15%!important;
  }
}

/* 2026-09-27 – Feinkorrektur 2: Status + Ornamente nochmals etwas tiefer */
@media(min-width:900px){
  .athen-home-visual .desktop-image-opening-status-block{
    top:69.85%!important;
  }
}

/* 2026-09-27 – Feinkorrektur 3: dreifache Verschiebung der letzten Korrektur nach unten */
@media(min-width:900px){
  .athen-home-visual .desktop-image-opening-status-block{
    top:71.95%!important;
  }
}

/* 2026-09-27 – Feinkorrektur 4: Status + Ornamente leicht wieder höher */
@media(min-width:900px){
  .athen-home-visual .desktop-image-opening-status-block{
    top:71.30%!important;
  }
}

/* 2026-09-27 – Footer Öffnungszeiten: Inhalt etwas nach links, Trennlinien bis zum Ende der Uhrzeit */
@media (min-width:901px){
  .hours-reference .lower-title,
  .hours-reference .hours-status,
  .hours-reference #week{
    position:relative !important;
    left:-14px !important;
  }
  .hours-reference #week{
    width:calc(100% + 14px) !important;
  }
  .hours-reference #week > .dayrow{
    width:100% !important;
    border-bottom:1px solid rgba(255,255,255,.72) !important;
  }
}

/* 2026-09-27 – Footer Öffnungszeiten: weiße Trennlinien entfernt */
.hours-reference #week > .dayrow{
  border-bottom:0 !important;
}

/* ATHEN KORREKTUR 2026-09-27 – Restaurant Hauptbild: goldener Rahmen folgt den runden Ecken */
.restaurant-showcase .restaurant-hero-photo{
  border-radius:14px!important;
  overflow:hidden!important;
}
.restaurant-showcase .restaurant-hero-photo img{
  border-radius:13px!important;
}


/* =====================================================================
   INDEX MOBILE FINAL 2026-09-27
   Mobile Startseite im aktuellen Navy/Gold-Design.
   ===================================================================== */
@media (max-width:700px){
  body.home-page{background:#032f50!important;color:#fffdf8!important}
  body.home-page .mobile-original-header{background:#032f50!important;border-bottom:1px solid #d8aa2f!important}
  body.home-page .mobile-original-header .mast{
    position:relative!important;min-height:132px!important;padding:0!important;overflow:hidden!important;
    background:linear-gradient(90deg,rgba(2,25,48,.96) 0%,rgba(2,35,64,.84) 48%,rgba(2,25,48,.28) 100%),url('images/header_griechenland_final.png') center/cover no-repeat!important;
    border-top:2px solid #d8aa2f!important;border-bottom:2px solid #d8aa2f!important;
  }
  body.home-page .mobile-original-header .mast .wrap{width:100%!important;padding:0 16px!important}
  body.home-page .mobile-original-header .mastgrid{display:grid!important;grid-template-columns:132px 1fr!important;gap:10px!important;min-height:132px!important;align-items:center!important}
  body.home-page .mobile-original-header .logo{width:128px!important;max-height:100px!important;filter:none!important}
  body.home-page .mobile-original-header .claim{font-family:Georgia,'Times New Roman',serif!important;font-size:17px!important;line-height:1.25!important;color:#f1c44a!important;text-align:right!important;padding:0!important;background:none!important;text-shadow:0 2px 5px #00162c!important}
  body.home-page .mobile-original-header .nav{background:#052b4f!important;border-bottom:1px solid #d8aa2f!important;box-shadow:none!important}
  body.home-page .mobile-original-header .menuBtn{height:48px!important;background:#052b4f!important;border-bottom:0!important;color:#fff!important}
  body.home-page .mobile-original-header .navlinks{background:#042744!important;border-top:1px solid rgba(216,170,47,.55)!important}
  body.home-page .mobile-original-header .navlinks a{color:#fff!important;border-bottom:1px solid rgba(216,170,47,.28)!important}
  body.home-page .mobile-original-header .navlinks a.current{color:#f1c44a!important}

  body.home-page .mobile-original-header .hero{
    min-height:430px!important;position:relative!important;display:flex!important;align-items:flex-end!important;
    background:linear-gradient(180deg,rgba(0,18,34,.08) 25%,rgba(0,20,39,.35) 58%,rgba(0,20,39,.92) 100%),url('images/PSX_20241021_224307.jpg') center/cover no-repeat!important;
    border-bottom:2px solid #d8aa2f!important;
  }
  body.home-page .mobile-original-header .hero .inner{width:100%!important;margin:0!important;padding:0 18px 24px!important;display:block!important}
  body.home-page .mobile-original-header .heroBox{width:100%!important;padding:18px 12px 16px!important;text-align:center!important;background:rgba(1,23,43,.76)!important;border-top:1px solid rgba(216,170,47,.72)!important;border-bottom:1px solid rgba(216,170,47,.72)!important}
  body.home-page .mobile-original-header .heroBox .eyebrow{font-family:Georgia,'Times New Roman',serif!important;text-transform:none!important;letter-spacing:.04em!important;font-size:18px!important;color:#fff!important}
  body.home-page .mobile-original-header .hero h1{font-family:Georgia,'Times New Roman',serif!important;font-style:normal!important;font-size:38px!important;line-height:1!important;color:#f1c44a!important;margin:5px 0 8px!important}
  body.home-page .mobile-original-header .hero-opening-status{display:block!important;position:relative!important;margin:14px auto 10px!important;padding:9px 0!important;font-family:Georgia,'Times New Roman',serif!important;font-size:17px!important;line-height:1.2!important;color:#f1c44a!important;border-top:1px solid #d8aa2f!important;border-bottom:1px solid #d8aa2f!important}
  body.home-page .mobile-original-header .hero-opening-status:before,body.home-page .mobile-original-header .hero-opening-status:after{content:'◇'!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;background:#082a48!important;color:#f1c44a!important;padding:0 7px!important;font-size:11px!important}
  body.home-page .mobile-original-header .hero-opening-status:before{top:-9px!important} body.home-page .mobile-original-header .hero-opening-status:after{bottom:-9px!important}
  body.home-page .mobile-original-header .hero p{font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-size:19px!important;line-height:1.25!important;color:#fff!important;margin:8px 0 0!important}
  body.home-page .mobile-original-header .friends-line{display:block!important}

  body.home-page .features{background:#052b4f!important;border:0!important;border-bottom:1px solid #d8aa2f!important;padding:0!important}
  body.home-page .features .wrap.feature-grid{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;padding:0!important}
  body.home-page .feature-item{min-height:132px!important;padding:16px 10px!important;border:0!important;border-bottom:1px solid rgba(216,170,47,.45)!important;color:#f1c44a!important}
  body.home-page .feature-item:nth-child(odd){border-right:1px solid rgba(216,170,47,.45)!important}
  body.home-page .feature-icon{width:34px!important;height:34px!important;margin:0 auto 5px!important;color:#f1c44a!important}
  body.home-page .feature-item strong{display:block!important;font-size:15px!important;line-height:1.2!important;color:#f1c44a!important}
  body.home-page .feature-item>span:last-child{font-size:12px!important;line-height:1.25!important;color:#fff!important}

  body.home-page .about-vorlage{background:#04294b!important;padding:30px 0!important;border-bottom:1px solid #d8aa2f!important}
  body.home-page .about-vorlage .wrap{width:100%!important;padding:0 18px!important}
  body.home-page .about-vorlage-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}
  body.home-page .about-vorlage-text h2{font-family:Georgia,'Times New Roman',serif!important;color:#fff!important;font-size:31px!important;line-height:1.08!important;margin:0 0 12px!important}
  body.home-page .about-vorlage-text h2:before{content:'WILLKOMMEN IM RESTAURANT ATHEN BERNBURG';display:block!important;color:#f1c44a!important;font-size:11px!important;line-height:1.35!important;letter-spacing:.1em!important;margin-bottom:7px!important}
  body.home-page .about-gold-line{height:2px!important;background:#d8aa2f!important;margin:0 0 15px!important}
  body.home-page .about-vorlage-text p{font-size:15px!important;line-height:1.6!important;color:#fff!important}
  body.home-page .about-signature{font-family:'Ephesis',cursive!important;font-size:30px!important;line-height:1!important;color:#f1c44a!important;text-align:right!important;margin-top:16px!important}
  body.home-page #startImgHauptbildSlider{height:230px!important;min-height:230px!important;border:1px solid #d8aa2f!important;border-radius:12px!important;overflow:hidden!important}

  body.home-page .home-cards-section{background:#032745!important;padding:22px 16px 28px!important;border-bottom:1px solid #d8aa2f!important}
  body.home-page .home-cards-section .wrap{width:100%!important}
  body.home-page .home-cards-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  body.home-page .home-card{background:#0b4f86!important;border:1px solid #d8aa2f!important;border-radius:9px!important;overflow:hidden!important;box-shadow:0 6px 15px rgba(0,0,0,.2)!important}
  body.home-page .home-card img{height:130px!important;object-fit:cover!important}
  body.home-page .home-card-caption{min-height:74px!important;padding:10px!important;background:#0b4f86!important;color:#fff!important}
  body.home-page .home-card-caption strong,body.home-page .home-card-caption b{color:#f1c44a!important;font-size:14px!important}
  body.home-page .home-card-caption span{color:#fff!important;font-size:11px!important}

  body.home-page .reviews-section{background:#032f50!important;padding:32px 16px 36px!important}
  body.home-page .reviews-section>.wrap{width:100%!important}
  body.home-page .reviews-head{display:block!important;margin-bottom:20px!important;text-align:center!important}
  body.home-page .reviews-head h2{font-family:Georgia,'Times New Roman',serif!important;font-size:29px!important;line-height:1.12!important;color:#fff!important;margin-bottom:20px!important}
  body.home-page .reviews-rating-columns{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
  body.home-page .reviews-rating-column{min-width:0!important}
  body.home-page .reviews-source-label{color:#f1c44a!important}
  body.home-page .reviews-summary{color:#fff!important;margin:5px 0 10px!important}
  body.home-page .reviews-rating-column .btn{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;font-size:12px!important}
  body.home-page .reviews-list{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  body.home-page .review-card,body.home-page .review-empty{background:#f7f1e5!important;color:#17324d!important;border:0!important;border-radius:8px!important;padding:18px!important}
  body.home-page .review-card p,body.home-page .review-card strong,body.home-page .review-empty{color:#17324d!important}
}
@media (max-width:390px){
 body.home-page .mobile-original-header .mastgrid{grid-template-columns:112px 1fr!important}
 body.home-page .mobile-original-header .logo{width:108px!important}
 body.home-page .mobile-original-header .claim{font-size:15px!important}
 body.home-page .home-cards-grid{grid-template-columns:1fr!important}
 body.home-page .home-card img{height:170px!important}
}

/* ATHEN 2026-09-27 – Mobile Header sauber/kompakt: keine Karten, keine Drehung */
@media (max-width:700px){
  body.home-page .mobile-original-header .top{display:none!important}
  body.home-page .mobile-original-header .mast{
    min-height:112px!important;height:112px!important;padding:0!important;margin:0!important;
    background:linear-gradient(90deg,rgba(2,29,53,.98),rgba(3,49,86,.92))!important;
    border-top:0!important;border-bottom:2px solid #d8aa2f!important;overflow:hidden!important;
  }
  body.home-page .mobile-original-header .mast .wrap,
  body.home-page .mobile-original-header .mastgrid{
    width:100%!important;max-width:none!important;height:112px!important;min-height:112px!important;
    margin:0!important;padding:0 18px!important;display:grid!important;
    grid-template-columns:138px 1fr!important;align-items:center!important;gap:14px!important;
    background:transparent!important;transform:none!important;
  }
  body.home-page .mobile-original-header .brandblock{
    width:138px!important;height:96px!important;min-height:0!important;margin:0!important;padding:0!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;
  }
  body.home-page .mobile-original-header .logo{
    display:block!important;width:138px!important;height:auto!important;max-width:138px!important;max-height:92px!important;
    margin:0!important;padding:0!important;object-fit:contain!important;background:transparent!important;
    border:0!important;box-shadow:none!important;transform:none!important;
  }
  body.home-page .mobile-original-header .claim{
    position:static!important;width:auto!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
    transform:none!important;rotate:0deg!important;text-align:right!important;
    font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-weight:600!important;
    font-size:19px!important;line-height:1.18!important;color:#efc65b!important;text-shadow:0 2px 4px rgba(0,0,0,.6)!important;
  }
  body.home-page .mobile-original-header .headerpic{display:none!important}
  body.home-page .mobile-original-header .nav{
    min-height:54px!important;height:auto!important;margin:0!important;padding:0!important;background:#07558f!important;
    border:0!important;border-bottom:2px solid #d8aa2f!important;box-shadow:none!important;
  }
  body.home-page .mobile-original-header .nav>.wrap{
    width:100%!important;max-width:none!important;min-height:54px!important;margin:0!important;padding:0 18px!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
  }
  body.home-page .mobile-original-header .nav>.wrap:before{
    content:'MENÜ'!important;margin-right:auto!important;color:#fff!important;font:700 18px/1 Arial,sans-serif!important;letter-spacing:.04em!important;
  }
  body.home-page .mobile-original-header .menuBtn{
    display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:52px!important;
    margin:0!important;padding:0!important;background:transparent!important;border:0!important;color:#efc65b!important;
    font-size:34px!important;line-height:1!important;box-shadow:none!important;
  }
  body.home-page .mobile-original-header .navlinks{top:auto!important;width:100%!important}
}
@media (max-width:390px){
  body.home-page .mobile-original-header .mast .wrap,
  body.home-page .mobile-original-header .mastgrid{grid-template-columns:118px 1fr!important;padding:0 14px!important;gap:10px!important}
  body.home-page .mobile-original-header .brandblock{width:118px!important}
  body.home-page .mobile-original-header .logo{width:118px!important;max-width:118px!important}
  body.home-page .mobile-original-header .claim{font-size:17px!important}
}


/* INDEX MOBILE HEADER HARD FIX 2026-09-27 -- independent from legacy mast styles */
.mobile-home-head{display:none}
@media (max-width:700px){
 body.home-page .mobile-original-header .mobile-home-head{display:block!important;position:relative!important;width:100%!important;height:104px!important;min-height:104px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#032f50!important;border-top:1px solid #d8aa2f!important;border-bottom:1px solid #d8aa2f!important;transform:none!important}
 body.home-page .mobile-home-head-inner{box-sizing:border-box!important;width:100%!important;height:104px!important;margin:0!important;padding:8px 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;background:linear-gradient(90deg,#032f50 0%,#043d68 100%)!important;transform:none!important}
 body.home-page .mobile-home-logo{display:block!important;width:118px!important;height:78px!important;max-width:38vw!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important}
 body.home-page .mobile-home-claim{display:block!important;flex:1!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;text-align:right!important;color:#f1c44a!important;font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-weight:400!important;font-size:20px!important;line-height:1.12!important;text-shadow:0 2px 4px rgba(0,0,0,.45)!important}
 body.home-page .mobile-original-header>.mast{display:none!important}
 body.home-page .mobile-original-header .nav{margin:0!important;transform:none!important}
}
@media (max-width:390px){
 body.home-page .mobile-original-header .mobile-home-head,body.home-page .mobile-home-head-inner{height:94px!important;min-height:94px!important}
 body.home-page .mobile-home-logo{width:105px!important;height:70px!important}
 body.home-page .mobile-home-claim{font-size:18px!important}
}

/* ATHEN MOBILE HEADER / FOOTER FIX 2026-09-27 19:15 */
@media (max-width:700px){
  body.home-page .mobile-original-header .mobile-home-head{
    height:132px!important;min-height:132px!important;
    background:#032f50 url('images/akropolis_sunset_header.jpg') center/cover no-repeat!important;
    border-top:0!important;border-bottom:2px solid #d8aa2f!important;
  }
  body.home-page .mobile-original-header .mobile-home-head::before{
    content:""!important;position:absolute!important;inset:0!important;
    background:linear-gradient(90deg,rgba(2,25,47,.94) 0%,rgba(2,35,63,.78) 54%,rgba(2,25,47,.30) 100%)!important;
    pointer-events:none!important;
  }
  body.home-page .mobile-original-header .mobile-home-head-inner{
    position:relative!important;z-index:1!important;height:132px!important;min-height:132px!important;
    padding:8px 16px!important;display:grid!important;grid-template-columns:154px minmax(0,1fr)!important;
    gap:14px!important;align-items:center!important;background:transparent!important;
  }
  body.home-page .mobile-original-header img.mobile-home-logo{
    width:154px!important;height:112px!important;max-width:154px!important;max-height:112px!important;
    object-fit:contain!important;background:#000!important;
  }
  body.home-page .mobile-original-header .mobile-home-claim{
    font-size:20px!important;line-height:1.14!important;text-align:right!important;color:#f1c44a!important;
    text-shadow:0 2px 5px #00162c!important;
  }
  /* Nur EIN Menüsymbol: Text links, Hamburger rechts */
  body.home-page .mobile-original-header .nav>.wrap:before{content:none!important;display:none!important}
  body.home-page .mobile-original-header .menuBtn{
    width:100%!important;height:56px!important;padding:0 18px!important;margin:0!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    font-size:0!important;background:transparent!important;
  }
  body.home-page .mobile-original-header .menuBtn::before{
    content:'MENÜ'!important;display:block!important;color:#fff!important;font:700 18px/1 Arial,sans-serif!important;letter-spacing:.04em!important;
  }
  body.home-page .mobile-original-header .menuBtn::after{
    content:'☰'!important;display:block!important;color:#efc65b!important;font:700 34px/1 Arial,sans-serif!important;
  }
  /* Footer-Akropolis: weißen Rand des Quellbildes außerhalb des sichtbaren Ausschnitts halten */
  body:not(.admin) .lower-art-reference.exact-footer-art{overflow:hidden!important;background:#032f50!important}
  body:not(.admin) .lower-art-reference.exact-footer-art .exact-acropolis{
    display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center bottom!important;
    margin:0!important;padding:0!important;border:0!important;transform:scale(1.035)!important;transform-origin:center bottom!important;
  }
}
@media (max-width:390px){
  body.home-page .mobile-original-header .mobile-home-head,
  body.home-page .mobile-original-header .mobile-home-head-inner{height:122px!important;min-height:122px!important}
  body.home-page .mobile-original-header .mobile-home-head-inner{grid-template-columns:140px minmax(0,1fr)!important;padding:7px 12px!important;gap:10px!important}
  body.home-page .mobile-original-header img.mobile-home-logo{width:140px!important;height:104px!important;max-width:140px!important;max-height:104px!important}
  body.home-page .mobile-original-header .mobile-home-claim{font-size:18px!important}
}

/* ATHEN 2026-09-29 – einheitlicher mobiler Header/Footer auf allen Seiten */
@media (max-width:700px){
  body:not(.admin) .mobile-original-header .mobile-home-head{display:block!important;position:relative!important;width:100%!important;height:158px!important;min-height:158px!important;margin:0!important;padding:0!important;overflow:hidden!important;background-image:linear-gradient(90deg,rgba(2,35,62,.48),rgba(2,35,62,.12)),url('images/footer_panorama_clean_new.png')!important;background-size:cover!important;background-position:72% 45%!important;background-repeat:no-repeat!important;border-bottom:2px solid #d8aa2f!important;}
  body:not(.admin) .mobile-original-header .mobile-home-head-inner{box-sizing:border-box!important;width:100%!important;height:158px!important;min-height:158px!important;margin:0!important;padding:8px 14px!important;display:grid!important;grid-template-columns:48% 52%!important;align-items:center!important;gap:0!important;background:transparent!important;}
  body:not(.admin) .mobile-original-header img.mobile-home-logo{display:block!important;width:100%!important;height:138px!important;max-width:190px!important;max-height:138px!important;object-fit:contain!important;background:transparent!important;border:0!important;box-shadow:none!important;justify-self:start!important;}
  body:not(.admin) .mobile-original-header .mobile-home-claim{display:block!important;margin:0!important;padding:0 4px!important;text-align:center!important;color:#f3c84e!important;background:transparent!important;font:italic 20px/1.18 Georgia,'Times New Roman',serif!important;text-shadow:0 2px 5px rgba(0,20,36,.95)!important;}
  body:not(.admin) .mobile-original-header>.mast{display:none!important;}
  body:not(.admin) .mobile-original-header .nav>.wrap{width:100%!important;padding:0!important;}
  body:not(.admin) .mobile-original-header .menuBtn{width:100%!important;height:58px!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:transparent!important;border:0!important;}
  body:not(.admin) .mobile-original-header .menuBtn::before,body:not(.admin) .mobile-original-header .menuBtn::after{content:none!important;display:none!important;}
  body:not(.admin) .mobile-original-header .menuBtn .menu-label{display:block!important;color:#fff!important;font:700 18px/1 Arial,sans-serif!important;letter-spacing:.04em!important;}
  body:not(.admin) .mobile-original-header .menuBtn .menu-icon{display:block!important;color:#efc65b!important;font:700 34px/1 Arial,sans-serif!important;}
  body:not(.admin) .lower-art-reference.exact-footer-art{position:relative!important;width:100%!important;height:245px!important;min-height:245px!important;margin:0!important;overflow:hidden!important;background:#032f50!important;}
  body:not(.admin) .lower-art-reference.exact-footer-art .exact-acropolis{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:70% center!important;margin:0!important;border:0!important;transform:none!important;z-index:1!important;}
  body:not(.admin) .lower-art-reference.exact-footer-art .exact-greeting{display:block!important;position:absolute!important;z-index:3!important;left:12px!important;top:22px!important;width:56%!important;margin:0!important;text-align:center!important;color:#fff!important;font-family:'Ephesis','Segoe Script',cursive!important;font-size:27px!important;line-height:1.02!important;text-shadow:0 2px 5px rgba(0,0,0,.8)!important;}
  body:not(.admin) .lower-art-reference.exact-footer-art .exact-greeting>span{display:block!important;color:#fff!important;}
  body:not(.admin) .lower-art-reference.exact-footer-art .exact-greeting>span:not(.footer-subclaim){margin-top:3px!important;font-size:22px!important;}
  body:not(.admin) .lower-art-reference.exact-footer-art .exact-greeting .footer-subclaim{margin-top:22px!important;font-family:Georgia,'Times New Roman',serif!important;font-size:15px!important;font-style:italic!important;line-height:1.25!important;color:#fff!important;}
}
@media (max-width:390px){
  body:not(.admin) .mobile-original-header .mobile-home-head,body:not(.admin) .mobile-original-header .mobile-home-head-inner{height:148px!important;min-height:148px!important;}
  body:not(.admin) .mobile-original-header img.mobile-home-logo{height:128px!important;max-height:128px!important;}
  body:not(.admin) .mobile-original-header .mobile-home-claim{font-size:18px!important;}
  body:not(.admin) .lower-art-reference.exact-footer-art{height:230px!important;min-height:230px!important;}
}

/* ATHEN 2026-09-29 – gezielte Nachkorrekturen Startseite/Speisekarte mobil */
@media (max-width:700px){
  /* Bewertungen wirklich mittig: Überschrift, beide Bewertungsblöcke und Buttons */
  body.home-page #bewertungen .reviews-head,
  body.home-page #bewertungen .reviews-head>div,
  body.home-page #bewertungen .reviews-rating-columns,
  body.home-page #bewertungen .reviews-rating-column{
    width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;justify-items:center!important;align-items:center!important;
  }
  body.home-page #bewertungen .reviews-rating-column{display:flex!important;flex-direction:column!important;}
  body.home-page #bewertungen .reviews-source-label,
  body.home-page #bewertungen .reviews-summary{width:100%!important;text-align:center!important;}
  body.home-page #bewertungen .reviews-rating-column .btn{margin-left:auto!important;margin-right:auto!important;}

  /* Besuchsgruß: erster Satz auf genau einer Zeile, Team darunter */
  body.home-page .about-signature.mobile-visit-right{
    width:100%!important;max-width:none!important;padding-right:8px!important;text-align:right!important;font-size:clamp(23px,7.1vw,30px)!important;line-height:1.08!important;
  }
  body.home-page .about-signature.mobile-visit-right{white-space:nowrap!important;}
  body.home-page .about-signature.mobile-visit-right span{display:block!important;white-space:nowrap!important;margin-top:8px!important;}

  /* Speisekarte: Buch fast randfüllend; Pfeile darunter exakt symmetrisch */
  body:not(.admin) main.image-menu .spread-navigation{
    display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:0!important;row-gap:12px!important;width:100%!important;padding:0 4px!important;
  }
  body:not(.admin) main.image-menu .book-cover{
    grid-column:1/-1!important;grid-row:1!important;width:100%!important;max-width:none!important;margin:0!important;padding:5px!important;
  }
  body:not(.admin) main.image-menu #menuPrev,
  body:not(.admin) main.image-menu #menuNext{grid-row:2!important;margin:0!important;width:48px!important;justify-self:center!important;}
  body:not(.admin) main.image-menu #menuPrev{grid-column:1!important;}
  body:not(.admin) main.image-menu #menuNext{grid-column:2!important;}

  /* Footer-Akropolis: Quellbild leicht überziehen, damit kein weißer Bildrand sichtbar wird */
  body:not(.admin) .lower-art-reference.exact-footer-art .exact-acropolis{
    inset:-3px!important;width:calc(100% + 6px)!important;height:calc(100% + 6px)!important;max-width:none!important;object-fit:cover!important;object-position:70% center!important;transform:none!important;
  }
}
@media (max-width:390px){
  body.home-page .about-signature.mobile-visit-right{font-size:clamp(21px,6.8vw,27px)!important;}
}

/* ATHEN 2026-09-29 – mobile Abschlusskorrektur Footer + Bildkarten */
@media (max-width:700px){
  /* Footer exakt wie Startseite: nur Panorama, keine alten Pseudo-/Verlaufsebenen */
  body:not(.admin) .lower-art-reference.exact-footer-art{
    position:relative!important;width:100%!important;height:245px!important;min-height:245px!important;
    margin:0!important;padding:0!important;overflow:hidden!important;background:#032f50!important;
    border:0!important;box-shadow:none!important;
  }
  body:not(.admin) .lower-art-reference.exact-footer-art::before,
  body:not(.admin) .lower-art-reference.exact-footer-art::after{display:none!important;content:none!important;background:none!important;}
  body:not(.admin) .lower-art-reference.exact-footer-art .exact-acropolis{
    display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    max-width:none!important;min-height:100%!important;object-fit:cover!important;object-position:70% center!important;
    margin:0!important;padding:0!important;border:0!important;transform:none!important;filter:none!important;z-index:1!important;
  }

  /* Lieferservice/Gutschein: mobile Bildkarte ohne leeren Restbereich, wie Desktop aufgebaut */
  body:not(.admin) .voucher-page .voucher-image,
  body:not(.admin) .delivery-page .voucher-image,
  body:not(.admin) .voucher-image.delivery-image{
    position:relative!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;
    padding:0!important;overflow:hidden!important;border-radius:14px!important;
  }
  body:not(.admin) .voucher-page .voucher-image>img,
  body:not(.admin) .delivery-page .voucher-image>img,
  body:not(.admin) .voucher-image.delivery-image>img{
    display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;
    object-fit:contain!important;margin:0!important;border-radius:13px!important;
  }
  body:not(.admin) .voucher-page .voucher-image-card{
    position:absolute!important;left:0!important;right:0!important;bottom:0!important;width:auto!important;height:auto!important;
    margin:0!important;padding:18px 20px!important;border-radius:0!important;background:rgba(3,47,80,.92)!important;
  }
  body:not(.admin) .voucher-image.delivery-image .voucher-image-card{display:none!important;}
}

/* ATHEN 2026-09-29 – Reparatur Bildkarten Lieferservice/Gutscheine mobil */
@media (max-width:700px){
  /* Lieferservice: Fahrzeugbild vollständig sichtbar, kein leerer blauer Bildkarten-Rest */
  body:not(.admin) .voucher-image.delivery-image{
    display:block!important;position:relative!important;width:100%!important;height:auto!important;
    min-height:0!important;aspect-ratio:864/455!important;padding:0!important;overflow:hidden!important;
    background:transparent!important;border-radius:14px!important;
  }
  body:not(.admin) .voucher-image.delivery-image>img{
    display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    max-height:none!important;padding:0!important;margin:0!important;object-fit:cover!important;object-position:center!important;
    opacity:1!important;visibility:visible!important;border-radius:13px!important;
  }
  body:not(.admin) .voucher-image.delivery-image::after{display:none!important;content:none!important;}
  body:not(.admin) .voucher-image.delivery-image .voucher-image-card{display:none!important;}

  /* Gutscheine: Desktop-Bildwirkung beibehalten; Bild füllt die Karte, Text liegt darüber */
  body:not(.admin) main .voucher-intro:not(.delivery-intro) .voucher-image{
    display:block!important;position:relative!important;width:100%!important;height:auto!important;
    min-height:0!important;aspect-ratio:500/333!important;padding:0!important;overflow:hidden!important;
    background:transparent!important;border-radius:14px!important;
  }
  body:not(.admin) main .voucher-intro:not(.delivery-intro) .voucher-image>img{
    display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    max-height:none!important;padding:0!important;margin:0!important;object-fit:cover!important;object-position:center!important;
    opacity:1!important;visibility:visible!important;border-radius:13px!important;
  }
  body:not(.admin) main .voucher-intro:not(.delivery-intro) .voucher-image::after{
    display:block!important;content:""!important;position:absolute!important;inset:0!important;
    background:linear-gradient(to top,rgba(6,61,120,.55),transparent 55%)!important;z-index:1!important;
  }
  body:not(.admin) main .voucher-intro:not(.delivery-intro) .voucher-image-card{
    display:block!important;position:absolute!important;z-index:2!important;left:18px!important;right:18px!important;
    bottom:18px!important;width:auto!important;height:auto!important;margin:0!important;padding:17px!important;
    background:rgba(255,255,255,.94)!important;border-left:4px solid #c7a65a!important;border-radius:0!important;
  }
}

/* ATHEN 2026-09-29 – Gutschein mobil: Textfeld wie Desktop navy/blau */
@media (max-width: 760px){
  body:not(.admin) .voucher-page .voucher-intro .voucher-image .voucher-image-card{
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
    position:absolute!important;
    z-index:3!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:18px 20px 20px!important;
    box-sizing:border-box!important;
    background:rgba(3,47,80,.96)!important;
    border:0!important;
    border-top:1px solid rgba(242,198,78,.8)!important;
    border-radius:0!important;
    text-align:left!important;
  }
  body:not(.admin) .voucher-page .voucher-intro .voucher-image .voucher-image-card strong{
    display:block!important;color:#f5bf3b!important;font-weight:800!important;
  }
  body:not(.admin) .voucher-page .voucher-intro .voucher-image .voucher-image-card span{
    display:block!important;color:#fffdf8!important;opacity:1!important;visibility:visible!important;
    line-height:1.45!important;
  }
}

/* ATHEN 2026-09-29 – Gutschein mobil: Textfeld wie Desktop navy/blau */
@media (max-width: 760px){
  body:not(.admin) .voucher-page .voucher-intro .voucher-image .voucher-image-card{display:flex!important;flex-direction:column!important;gap:8px!important;position:absolute!important;z-index:3!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:auto!important;margin:0!important;padding:18px 20px 20px!important;box-sizing:border-box!important;background:rgba(3,47,80,.96)!important;border:0!important;border-top:1px solid rgba(242,198,78,.8)!important;border-radius:0!important;text-align:left!important}
  body:not(.admin) .voucher-page .voucher-intro .voucher-image .voucher-image-card strong{display:block!important;color:#f5bf3b!important;font-weight:800!important}
  body:not(.admin) .voucher-page .voucher-intro .voucher-image .voucher-image-card span{display:block!important;color:#fffdf8!important;opacity:1!important;visibility:visible!important;line-height:1.45!important}
}

/* ATHEN 2026-09-29 – Gutschein mobil: Bildbereich etwas höher, mehr Gutschein sichtbar */
@media (max-width:760px){
  body:not(.admin) .voucher-page .voucher-intro .voucher-image{
    aspect-ratio:500/390!important;
  }
  body:not(.admin) .voucher-page .voucher-intro .voucher-image>img{
    object-fit:cover!important;
    object-position:center center!important;
  }
}


/* ATHEN 2026-09-29 – Mobil Nachkorrektur Gutschein + Kontakt/Impressum */
@media (max-width:760px){
  /* Gutschein: mehr vom Foto/Gutschein sichtbar, Textleiste unten wie Desktop */
  body.voucher-page main .voucher-intro .voucher-image{
    aspect-ratio:500/430!important;
    min-height:0!important;
  }
  body.voucher-page main .voucher-intro .voucher-image>img{
    width:100%!important;height:100%!important;object-fit:cover!important;
    object-position:center 42%!important;
  }
  body.voucher-page main .voucher-intro .voucher-image .voucher-image-card{
    background:rgba(3,47,80,.96)!important;
  }

  /* Kontakt: lange Überschrift darf nicht mitten im Wort umbrechen */
  body:not(.admin) .contact-form-card h2{
    font-size:clamp(28px,7.2vw,36px)!important;
    line-height:1.12!important;
    letter-spacing:0!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    white-space:nowrap!important;
    gap:12px!important;
  }
  body:not(.admin) .contact-form-card h2 .three-icon{
    flex:0 0 auto!important;
  }

  /* Impressum: Verbraucherstreitbeilegung komplett in einer Zeile */
  body:not(.admin) .imprint-card h3{
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  body:not(.admin) .imprint-card:first-child h3{
    font-size:clamp(21px,5.3vw,27px)!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
  }
}

/* ATHEN 2026-09-29 – Mobil: Kontakt zentrieren, Gutschein hoeher, Footer Social sichtbar */
@media (max-width:760px){
  /* Kontakt/Impressum: Karten mit gleichen Seitenabstaenden exakt zentrieren */
  body:not(.admin) .contact-three-section,
  body:not(.admin) .imprint-section{padding-left:0!important;padding-right:0!important;}
  body:not(.admin) .contact-three-section>.wrap,
  body:not(.admin) .imprint-section>.wrap,
  body:not(.admin) .contact-three-grid,
  body:not(.admin) .imprint-grid{
    width:calc(100% - 32px)!important;
    max-width:720px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
  body:not(.admin) .contact-three-section>.wrap .contact-three-grid,
  body:not(.admin) .imprint-section>.wrap .imprint-grid{width:100%!important;}
  body:not(.admin) .contact-three-card,
  body:not(.admin) .imprint-card{width:100%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;}

  /* Gutschein: deutlich hoeherer Bildbereich – mehr vom Gutschein sichtbar */
  body.voucher-page main.voucher-page .voucher-intro .voucher-image{
    aspect-ratio:auto!important;
    height:520px!important;
    min-height:520px!important;
  }
  body.voucher-page main.voucher-page .voucher-intro .voucher-image>img{
    width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;
  }

  /* Social-Media-Buttons wie Desktop direkt unter der E-Mail im Footer */
  body:not(.admin) .contact-reference .athen-footer-social{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    margin:16px 0 0 34px!important;
  }
  body:not(.admin) .contact-reference .athen-footer-social a{
    display:inline-flex!important;width:34px!important;height:34px!important;
    align-items:center!important;justify-content:center!important;
    border:1px solid #efc64f!important;border-radius:50%!important;
  }
  body:not(.admin) .contact-reference .athen-footer-social img{display:block!important;width:23px!important;height:23px!important;object-fit:contain!important;}
}

/* ATHEN 2026-09-29 – Mobil FINAL: Gutschein-Proportion + Kontakt exakt mittig */
@media (max-width:760px){
  /* Kontakt/Impressum: genau 16px Rand links und rechts, keine doppelte Breitenberechnung */
  body:not(.admin) .contact-three-section > .wrap.contact-three-grid,
  body:not(.admin) .imprint-section > .wrap.imprint-grid{
    display:grid!important;
    width:auto!important;
    max-width:none!important;
    margin-left:16px!important;
    margin-right:16px!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
  body:not(.admin) .contact-three-section .contact-three-card,
  body:not(.admin) .imprint-section .imprint-card{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Gutschein: Originalbild vollständig und unverzerrt zeigen; Textfeld separat darunter */
  body.voucher-page main.voucher-page .voucher-intro .voucher-image{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    overflow:hidden!important;
    background:#08446f!important;
  }
  body.voucher-page main.voucher-page .voucher-intro .voucher-image>img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:500/333!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:13px 13px 0 0!important;
    flex:0 0 auto!important;
  }
  body.voucher-page main.voucher-page .voucher-intro .voucher-image::after{display:none!important;content:none!important;}
  body.voucher-page main.voucher-page .voucher-intro .voucher-image .voucher-image-card{
    position:relative!important;
    left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;
    padding:18px 20px 20px!important;
    border-left:0!important;border-right:0!important;border-bottom:0!important;
    border-radius:0!important;
    flex:0 0 auto!important;
  }
}

/* ATHEN 2026-09-29 – Impressum mobil: Boxen exakt mittig / gleiche Seitenraender */
@media (max-width:760px){
  body:not(.admin) .imprint-section{
    padding-left:0!important;
    padding-right:0!important;
  }
  body:not(.admin) .imprint-section > .wrap{
    width:auto!important;
    max-width:none!important;
    margin-left:16px!important;
    margin-right:16px!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  body:not(.admin) .imprint-section > .wrap > .imprint-grid{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    box-sizing:border-box!important;
  }
  body:not(.admin) .imprint-section .imprint-card{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}

/* 2026-09-30 KORREKTUR: Startseite bleibt unangetastet. Nur Unterseiten übernehmen mobil exakt deren Hero-Schriften. */
@media (max-width:700px){
  body:not(.admin):not(.home-page) .mobile-original-header .heroBox .eyebrow{font-family:Georgia,'Times New Roman',serif!important;text-transform:none!important;letter-spacing:.04em!important;font-size:18px!important;color:#fff!important}
  body:not(.admin):not(.home-page) .mobile-original-header .hero h1{font-family:Georgia,'Times New Roman',serif!important;font-style:normal!important;font-size:38px!important;line-height:1!important;color:#f1c44a!important;margin:5px 0 8px!important}
  body:not(.admin):not(.home-page) .mobile-original-header .hero h1 .mobile-restaurant-word,
  body:not(.admin):not(.home-page) .mobile-original-header .hero h1 .mobile-athen-word{font-family:inherit!important;font-style:inherit!important;font-size:inherit!important;line-height:inherit!important;color:inherit!important;font-weight:inherit!important}
  body:not(.admin):not(.home-page) .mobile-original-header .hero-opening-status{display:block!important;position:relative!important;margin:14px auto 10px!important;padding:9px 0!important;font-family:Georgia,'Times New Roman',serif!important;font-size:17px!important;line-height:1.2!important;color:#f1c44a!important;border-top:1px solid #d8aa2f!important;border-bottom:1px solid #d8aa2f!important}
  body:not(.admin):not(.home-page) .mobile-original-header .hero-opening-status:before,
  body:not(.admin):not(.home-page) .mobile-original-header .hero-opening-status:after{content:'◇'!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;background:#082a48!important;color:#f1c44a!important;padding:0 7px!important;font-size:11px!important}
  body:not(.admin):not(.home-page) .mobile-original-header .hero-opening-status:before{top:-9px!important}
  body:not(.admin):not(.home-page) .mobile-original-header .hero-opening-status:after{bottom:-9px!important}
  body:not(.admin):not(.home-page) .mobile-original-header .hero p{font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-size:19px!important;line-height:1.25!important;color:#fff!important;margin:8px 0 0!important}
  body:not(.admin):not(.home-page) .mobile-original-header .friends-line{display:block!important}
}

/* 2026-09-30 FINAL – Handy-Unterseiten: Hero-Typografie 1:1 wie die unveränderte Startseite */
@media (max-width:700px){
  body:not(.admin):not(.home-page) .mobile-original-header .heroBox .eyebrow{
    font-family:'Ephesis','Segoe Script',cursive!important;
    font-style:normal!important;font-weight:400!important;font-size:30px!important;
    letter-spacing:0!important;line-height:1.05!important;text-transform:none!important;
  }
  body:not(.admin):not(.home-page) .mobile-original-header .hero h1{
    font-family:Georgia,'Times New Roman',serif!important;
    font-style:normal!important;font-weight:700!important;font-size:38px!important;line-height:1!important;
  }
  body:not(.admin):not(.home-page) .mobile-original-header .hero h1 .mobile-restaurant-word{
    font-family:Georgia,'Times New Roman',serif!important;font-style:normal!important;
    font-weight:700!important;font-size:1em!important;line-height:1!important;color:#f1c44a!important;
  }
  body:not(.admin):not(.home-page) .mobile-original-header .hero h1 .mobile-athen-word{
    font-family:'Ephesis','Segoe Script',cursive!important;font-style:normal!important;
    font-weight:400!important;font-size:1.35em!important;line-height:1!important;color:#f1c44a!important;
  }
  body:not(.admin):not(.home-page) .mobile-original-header .hero p{
    font-family:'Ephesis','Segoe Script',cursive!important;font-style:normal!important;
    font-weight:400!important;font-size:30px!important;line-height:1.05!important;
  }
  /* News: Abstand unter der goldenen Trennlinie wie gewünscht vergrößern */
  body:not(.admin) .news-page .news-intro{padding-top:28px!important;}
}


/* 2026-09-30 FINAL – Handy-Unterseiten: Hero-Typografie 1:1 wie die unveränderte Startseite */
@media (max-width:700px){
  body:not(.admin):not(.home-page) .mobile-original-header .heroBox .eyebrow{font-family:'Ephesis','Segoe Script',cursive!important;font-style:normal!important;font-weight:400!important;font-size:30px!important;letter-spacing:0!important;line-height:1.05!important;text-transform:none!important;}
  body:not(.admin):not(.home-page) .mobile-original-header .hero h1{font-family:Georgia,'Times New Roman',serif!important;font-style:normal!important;font-weight:700!important;font-size:38px!important;line-height:1!important;}
  body:not(.admin):not(.home-page) .mobile-original-header .hero h1 .mobile-restaurant-word{font-family:Georgia,'Times New Roman',serif!important;font-style:normal!important;font-weight:700!important;font-size:1em!important;line-height:1!important;color:#f1c44a!important;}
  body:not(.admin):not(.home-page) .mobile-original-header .hero h1 .mobile-athen-word{font-family:'Ephesis','Segoe Script',cursive!important;font-style:normal!important;font-weight:400!important;font-size:1.35em!important;line-height:1!important;color:#f1c44a!important;}
  body:not(.admin):not(.home-page) .mobile-original-header .hero p{font-family:'Ephesis','Segoe Script',cursive!important;font-style:normal!important;font-weight:400!important;font-size:30px!important;line-height:1.05!important;}
  body:not(.admin) .news-page .news-intro{padding-top:28px!important;}
}

/* ATHEN 2026-10-02 – Desktop-Navigation bleibt beim Scrollen oben stehen */
@media (min-width:900px){
  .athen-desktop-sticky-nav{
    position:fixed;left:0;right:0;top:0;z-index:9999;
    height:64px;display:flex;align-items:stretch;justify-content:center;
    background:#062b50 url('images/marmor_gold_clean.jpg') center 70%/cover no-repeat;
    border-top:3px solid #d9a928;border-bottom:3px solid #d9a928;
    box-shadow:0 5px 16px rgba(0,0,0,.34);
    transform:translateY(-110%);opacity:0;visibility:hidden;pointer-events:none;
    transition:transform .18s ease,opacity .18s ease,visibility 0s linear .18s;
  }
  .athen-desktop-sticky-nav.is-sticky{
    transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;
    transition:transform .18s ease,opacity .18s ease;
  }
  .athen-desktop-sticky-nav .sticky-nav-inner{
    width:min(1580px,96%);height:100%;display:flex;align-items:stretch;justify-content:space-evenly;gap:.2%;
  }
  .athen-desktop-sticky-nav a{
    position:relative;display:flex;align-items:center;justify-content:center;
    height:100%;padding:0 .75%;color:#e8c45b;text-decoration:none;
    font:700 clamp(11px,1.03vw,17px)/1 Georgia,'Times New Roman',serif;
    white-space:nowrap;text-shadow:0 1px 2px #000;
  }
  .athen-desktop-sticky-nav a.current{color:#fff}
  .athen-desktop-sticky-nav a.current:after{
    content:"";position:absolute;left:10%;right:10%;bottom:8px;height:3px;background:#fff;
  }
  .athen-desktop-sticky-nav a:hover{color:#fff}
}
@media (max-width:899px){.athen-desktop-sticky-nav{display:none!important}}

/* ATHEN 2026-10-02 – Sticky-Navigation: dunkelblauer Hintergrund wie Original-Navigation */
@media (min-width:900px){
  .athen-desktop-sticky-nav,
  .athen-desktop-sticky-nav.is-sticky{
    background-color:#063d78!important;
    background-image:linear-gradient(rgba(3,47,80,.97),rgba(3,47,80,.97)),url('images/marmor_gold_clean.jpg')!important;
    background-position:center 70%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    border-top:3px solid #d9a928!important;
    border-bottom:3px solid #d9a928!important;
  }
}

/* ATHEN 2026-10-02 – Sticky-Navigation: dunkelblauer Hintergrund wie Original-Navigation */
@media (min-width:900px){
  .athen-desktop-sticky-nav,
  .athen-desktop-sticky-nav.is-sticky{
    background-color:#063d78!important;
    background-image:linear-gradient(rgba(3,47,80,.97),rgba(3,47,80,.97)),url('images/marmor_gold_clean.jpg')!important;
    background-position:center 70%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    border-top:3px solid #d9a928!important;
    border-bottom:3px solid #d9a928!important;
  }
}

/* ATHEN 2026-10-02 – Sticky-Navigation optisch 1:1 wie die originale Desktop-Menueleiste */
@media (min-width:900px){
  .athen-desktop-sticky-nav,
  .athen-desktop-sticky-nav.is-sticky{
    height:64px!important;
    background:#062b50 url('images/sticky_nav_original.png') center center/100% 100% no-repeat!important;
    border:0!important;
    box-shadow:0 5px 16px rgba(0,0,0,.34)!important;
  }
  .athen-desktop-sticky-nav .sticky-nav-inner{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    gap:0!important;
  }
  /* Beschriftung ist bereits Bestandteil der Originalgrafik; Links bleiben als Klickflaechen erhalten. */
  .athen-desktop-sticky-nav a{
    color:transparent!important;
    text-shadow:none!important;
    padding:0!important;
  }
  .athen-desktop-sticky-nav a.current:after{display:none!important;content:none!important;}
  .athen-desktop-sticky-nav a:nth-child(1){flex:0 0 12.5%!important;}
  .athen-desktop-sticky-nav a:nth-child(2){flex:0 0 10.5%!important;}
  .athen-desktop-sticky-nav a:nth-child(3){flex:0 0 10.5%!important;}
  .athen-desktop-sticky-nav a:nth-child(4){flex:0 0 10.2%!important;}
  .athen-desktop-sticky-nav a:nth-child(5){flex:0 0 11.6%!important;}
  .athen-desktop-sticky-nav a:nth-child(6){flex:0 0 10.8%!important;}
  .athen-desktop-sticky-nav a:nth-child(7){flex:0 0 6.2%!important;}
  .athen-desktop-sticky-nav a:nth-child(8){flex:0 0 8.0%!important;}
  .athen-desktop-sticky-nav a:nth-child(9){flex:1 1 auto!important;}
}

/* ATHEN 2026-10-02 – Sticky-Navigation Rahmen korrigiert: oben ohne Zusatzlinie, unten kompletter Goldabschluss */
@media (min-width:900px){
  .athen-desktop-sticky-nav,.athen-desktop-sticky-nav.is-sticky{
    background-image:url('images/sticky_nav_original.png')!important;
    background-position:center center!important;
    background-size:100% 100%!important;
    border:0!important;
  }
}

/* ATHEN 2026-10-02 – Sticky-Navigation: seitliche Ornament-Enden exakt am unteren Goldrahmen */
@media (min-width:900px){
  .athen-desktop-sticky-nav,
  .athen-desktop-sticky-nav.is-sticky{
    height:62px!important;
    background-size:100% 100%!important;
  }
}

/* ATHEN 2026-10-02 – Sticky-Navigation FINAL: nur Marmor-Hintergrund + schlichter Goldrahmen, ohne Ornamente */
@media (min-width:900px){
  .athen-desktop-sticky-nav,
  .athen-desktop-sticky-nav.is-sticky{
    height:62px!important;
    box-sizing:border-box!important;
    background:#062b50 url('images/marmor_gold_clean.jpg') center 70%/cover no-repeat!important;
    border:2px solid #d9a928!important;
    box-shadow:0 5px 16px rgba(0,0,0,.34)!important;
  }
  .athen-desktop-sticky-nav .sticky-nav-inner{
    width:min(1580px,96%)!important;
    max-width:1580px!important;
    height:100%!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:stretch!important;
    justify-content:space-evenly!important;
    gap:.2%!important;
  }
  .athen-desktop-sticky-nav a,
  .athen-desktop-sticky-nav a:nth-child(n){
    flex:1 1 auto!important;
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:100%!important;
    padding:0 .65%!important;
    color:#e8c45b!important;
    text-decoration:none!important;
    text-shadow:0 1px 2px #000!important;
    font:700 clamp(11px,1.03vw,17px)/1 Georgia,'Times New Roman',serif!important;
    white-space:nowrap!important;
  }
  .athen-desktop-sticky-nav a.current{color:#fff!important;}
  .athen-desktop-sticky-nav a.current:after{
    display:block!important;
    content:""!important;
    position:absolute!important;
    left:10%!important;right:10%!important;bottom:7px!important;
    height:3px!important;background:#fff!important;
  }
  .athen-desktop-sticky-nav a:hover{color:#fff!important;}
}

/* ATHEN 2026-10-02 – Sticky-Navigation: dunkler Navy-Marmor, ohne Ornamente */
@media (min-width:900px){
  .athen-desktop-sticky-nav,
  .athen-desktop-sticky-nav.is-sticky{
    background-color:#032f50!important;
    background-image:linear-gradient(rgba(3,47,80,.84),rgba(3,47,80,.84)),url('images/marmor_gold_clean.jpg')!important;
    background-position:center 70%!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    border:2px solid #d9a928!important;
  }
}

/* ATHEN 2026-10-02 – Sticky-Navigation: neuer dunkler Bildhintergrund wie Original-Navi, ohne Ornamente */
@media (min-width:900px){
  .athen-desktop-sticky-nav,
  .athen-desktop-sticky-nav.is-sticky{
    background-color:#032f50!important;
    background-image:url('images/sticky_nav_navy_texture.jpg')!important;
    background-position:center center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    border:2px solid #d9a928!important;
  }
}

/* ATHEN 2026-10-02 – Sticky-Navigation FINAL: sichtbarer dunkelblauer Marmor-Bildhintergrund */
@media (min-width:900px){
  .athen-desktop-sticky-nav,
  .athen-desktop-sticky-nav.is-sticky{
    background-color:#032f50!important;
    background-image:url('images/sticky_nav_navy_texture.jpg')!important;
    background-position:center center!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important;
    border:2px solid #d9a928!important;
  }
}

/* ATHEN 2026-10-02 – Sticky-Navigation FINAL: sichtbarer dunkelblauer Marmor-Bildhintergrund */
@media (min-width:900px){
  .athen-desktop-sticky-nav,
  .athen-desktop-sticky-nav.is-sticky{
    background-color:#032f50!important;
    background-image:url('images/sticky_nav_navy_texture.jpg')!important;
    background-position:center center!important;
    background-size:100% 100%!important;
    background-repeat:no-repeat!important;
    border:2px solid #d9a928!important;
  }
}

/* ATHEN 2026-10-02 – Sticky-Navigation: eigener sichtbarer Navy-Marmor-Hintergrund wie Vorschau */
@media (min-width:900px){
  .athen-desktop-sticky-nav,
  .athen-desktop-sticky-nav.is-sticky{
    background-color:#031f3b!important;
    background-image:url('images/sticky_nav_marble_final.jpg')!important;
    background-position:center center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
    border:2px solid #d9a928!important;
  }
}

/* ATHEN 2026-10-02 – Mobile Navigation scrollt als Sticky-Menübalken mit der gesamten Seite */
@media (max-width:899px){
  body:not(.admin) .mobile-original-header .nav.mobile-scroll-sticky{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:10050!important;
    margin:0!important;
    transform:none!important;
  }
  body:not(.admin) .mobile-nav-scroll-placeholder{
    display:block!important;
    width:100%!important;
    height:0;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
}
@media (min-width:900px){
  .mobile-nav-scroll-placeholder{display:none!important}
}

/* ATHEN 2026-10-02 – Handy: schwarze feste Kontaktleiste über dem Header */
@media (max-width:899px){
  body:not(.admin) .mobile-contact-sticky{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    width:100%!important;height:48px!important;
    z-index:10150!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    padding:0 14px!important;box-sizing:border-box!important;
    background:#050505!important;
    border-bottom:1px solid #d9a928!important;
    color:#f4cf64!important;
    box-shadow:0 2px 8px rgba(0,0,0,.32)!important;
  }
  body:not(.admin) .mobile-contact-sticky-space{display:block!important;width:100%!important;height:48px!important;min-height:48px!important;}
  body:not(.admin) .mobile-contact-phone{display:flex!important;align-items:center!important;gap:8px!important;color:#f4cf64!important;text-decoration:none!important;font-family:Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;white-space:nowrap!important;}
  body:not(.admin) .mobile-contact-phone>span:first-child{font-size:19px!important;line-height:1!important;}
  body:not(.admin) .mobile-contact-social{display:flex!important;align-items:center!important;gap:9px!important;}
  body:not(.admin) .mobile-contact-social a{display:flex!important;width:31px!important;height:31px!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;}
  body:not(.admin) .mobile-contact-social img{display:block!important;width:31px!important;height:31px!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;}
  body:not(.admin) .mobile-original-header .nav.mobile-scroll-sticky{top:48px!important;}
}
@media (max-width:380px){
  body:not(.admin) .mobile-contact-sticky{padding:0 10px!important;}
  body:not(.admin) .mobile-contact-phone{font-size:14px!important;gap:6px!important;}
  body:not(.admin) .mobile-contact-social{gap:6px!important;}
  body:not(.admin) .mobile-contact-social a,
  body:not(.admin) .mobile-contact-social img{width:28px!important;height:28px!important;}
}
@media (min-width:900px){
  .mobile-contact-sticky,.mobile-contact-sticky-space{display:none!important;}
}

/* ATHEN 2026-10-02 – Mobil: Social-Buttons oben luftiger, goldene Footer-Socials ausblenden */
@media (max-width:767px){
  body:not(.admin) .mobile-contact-social{gap:14px!important;}
  body:not(.admin) footer .athen-footer-social,
  body:not(.admin) .contact-reference .athen-footer-social{display:none!important;}
}
@media (max-width:390px){
  body:not(.admin) .mobile-contact-social{gap:11px!important;}
}

/* ATHEN 2026-10-02 – Mobil FINAL: oben dieselben goldenen Social-Buttons wie im Footer; Footer bleibt sichtbar */
@media (max-width:767px){
  body:not(.admin) footer .athen-footer-social,
  body:not(.admin) .contact-reference .athen-footer-social{display:flex!important;}
  body:not(.admin) .mobile-contact-social{gap:14px!important;}
  body:not(.admin) .mobile-contact-social a{
    width:31px!important;height:31px!important;
    border:1px solid #efc64f!important;border-radius:50%!important;
    background:rgba(3,35,64,.58)!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    overflow:hidden!important;box-shadow:0 1px 4px rgba(0,0,0,.3)!important;
  }
  body:not(.admin) .mobile-contact-social img{width:21px!important;height:21px!important;object-fit:contain!important;}
}
@media (max-width:390px){body:not(.admin) .mobile-contact-social{gap:11px!important;}}


/* ATHEN 2026-10-03 – 4 Startseiten-Infoboxen auf allen PC-Unterseiten */
@media (max-width:760px){
  .desktop-subpage-features{display:none!important;}
}

/* ATHEN 2026-10-03 – Gutscheine: Body darf nicht durch .voucher-page overflow:hidden blockiert werden */
body.voucher-page:not(.admin){
  overflow-x:hidden!important;
  overflow-y:auto!important;
  height:auto!important;
  min-height:100%!important;
}

/* ATHEN 2026-10-03 – Gutscheine: Body darf nicht durch .voucher-page overflow:hidden blockiert werden */
body.voucher-page:not(.admin){overflow-x:hidden!important;overflow-y:auto!important;height:auto!important;min-height:100%!important;}

/* ATHEN 2026-10-03 – Gutschein PC: Nach-oben-Button wieder fixed.
   .voucher-page > * setzte den Button versehentlich auf position:relative;
   dadurch stand er links und erzeugte unter dem Footer zusätzlichen Leerraum. */
@media (min-width:901px){
  body.voucher-page:not(.admin) > #scrollTopBtn.scroll-top-btn{
    position:fixed!important;
    left:auto!important;
    right:22px!important;
    top:auto!important;
    bottom:28px!important;
    margin:0!important;
    width:48px!important;
    height:48px!important;
    z-index:9999!important;
  }
}

/* 2026-10-03 – gezielte Korrektur NUR Live-Öffnungsstatus auf Desktop.
   Headergrafik, Logo, Social Media, Rahmen, Kontakt und Navigation bleiben unverändert. */
@media (min-width:900px){
  .athen-home-visual .desktop-image-opening-status-block{
    position:absolute!important;
    z-index:80!important;
    left:67.0%!important;
    top:69.2%!important;
    width:25.8%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  .athen-home-visual .desktop-image-opening-status-block .desktop-image-opening-status{
    position:static!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#e7bd55!important;
    text-align:center!important;
    white-space:nowrap!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:clamp(13px,1.12vw,19px)!important;
    font-style:normal!important;
    font-weight:700!important;
    line-height:1.08!important;
    letter-spacing:0!important;
    text-shadow:0 2px 4px rgba(0,0,0,.9)!important;
  }
  .athen-home-visual .desktop-image-opening-status-block .desktop-image-status-ornament{
    width:76%!important;
    height:9px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    margin:0 auto!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }
  .athen-home-visual .desktop-image-opening-status-block .desktop-image-status-ornament span{
    display:block!important;
    flex:1 1 auto!important;
    height:1px!important;
    background:#e7bd55!important;
    box-shadow:0 1px 2px rgba(0,0,0,.75)!important;
  }
  .athen-home-visual .desktop-image-opening-status-block .desktop-image-status-ornament b{
    display:block!important;
    color:#e7bd55!important;
    font:700 11px/1 Georgia,'Times New Roman',serif!important;
    text-shadow:0 1px 2px rgba(0,0,0,.8)!important;
  }
}


/* 2026-10-03 – NUR Feinausrichtung im Hero: Willkommen mittig + Status mit mehr Abstand zu Athen. */
@media (min-width:900px){
  .athen-home-visual .desktop-welcome-centered{
    position:absolute!important;
    z-index:81!important;
    left:67.15%!important;
    top:50.05%!important;
    width:25.8%!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    background:transparent!important;
    border:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    font-family:'Ephesis','Segoe Script',cursive!important;
    font-size:clamp(24px,2.15vw,35px)!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:1!important;
    text-shadow:0 2px 5px rgba(0,0,0,.75)!important;
    pointer-events:none!important;
  }
  .athen-home-visual .desktop-image-opening-status-block{
    top:71.0%!important;
  }
}
@media (max-width:899px){.desktop-welcome-centered{display:none!important}}

/* 2026-10-03 – Hero-Unterzeile als HTML; beide Zeilen gleiche Schreibschrift. */
@media (min-width:900px){
 .athen-home-visual .desktop-friends-phrase{position:absolute!important;z-index:82!important;left:67.15%!important;top:77.5%!important;width:25.8%!important;margin:0!important;padding:0!important;text-align:center!important;color:#fff!important;background:transparent!important;border:0!important;pointer-events:none!important;font-family:'Ephesis','Segoe Script',cursive!important;font-style:normal!important;font-weight:400!important;line-height:.92!important;text-shadow:0 2px 5px rgba(0,0,0,.8)!important;}
 .athen-home-visual .desktop-friends-phrase span{display:block!important;font-family:inherit!important;font-size:clamp(22px,1.85vw,32px)!important;font-weight:400!important;}
 .athen-home-visual .desktop-friends-phrase span+span{margin-top:2px!important;}
}
@media (max-width:899px){.desktop-friends-phrase{display:none!important}}

/* 2026-10-03 – RESTAURANT / Athen als scharfes HTML statt Bildtext. */
@media (min-width:900px){
  .athen-home-visual .desktop-hero-title-html{
    position:absolute!important;z-index:81!important;left:67.15%!important;top:55.0%!important;width:25.8%!important;
    margin:0!important;padding:0!important;text-align:center!important;pointer-events:none!important;line-height:1!important;
    text-shadow:0 2px 6px rgba(0,0,0,.85)!important;
  }
  .athen-home-visual .desktop-hero-title-html .restaurant-line{
    display:block!important;color:#fff!important;font-family:Georgia,'Times New Roman',serif!important;
    font-size:clamp(34px,3.15vw,53px)!important;font-style:normal!important;font-weight:700!important;line-height:.95!important;letter-spacing:.01em!important;
  }
  .athen-home-visual .desktop-hero-title-html .athen-line{
    display:block!important;margin-top:2px!important;color:#fff!important;font-family:'Ephesis','Segoe Script',cursive!important;
    font-size:clamp(58px,5.15vw,86px)!important;font-style:normal!important;font-weight:400!important;line-height:.82!important;letter-spacing:0!important;
  }
}
@media (max-width:899px){.desktop-hero-title-html{display:none!important}}

/* 2026-10-03 – finale Hero-Feinausrichtung: Willkommen rechtszentriert, Restaurant kleiner in Schreibschrift. */
@media (min-width:900px){
  .athen-home-visual .desktop-welcome-centered{
    left:69.25%!important;
    width:25.8%!important;
  }
  .athen-home-visual .desktop-hero-title-html .restaurant-line{
    font-family:'Ephesis','Segoe Script',cursive!important;
    font-size:clamp(29px,2.55vw,43px)!important;
    font-style:normal!important;
    font-weight:400!important;
    line-height:.95!important;
    letter-spacing:0!important;
  }
}

/* 2026-10-03 – Korrektur nach Referenz Bild 2: Willkommen exakt über Titelblock; RESTAURANT Serif, Athen Schreibschrift. */
@media (min-width:900px){
  .athen-home-visual .desktop-welcome-centered{
    left:67.15%!important;
    width:25.8%!important;
  }
  .athen-home-visual .desktop-hero-title-html .restaurant-line{
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:clamp(26px,2.15vw,36px)!important;
    font-style:normal!important;
    font-weight:700!important;
    line-height:.95!important;
    letter-spacing:.025em!important;
  }
  .athen-home-visual .desktop-hero-title-html .athen-line{
    font-family:'Ephesis','Segoe Script',cursive!important;
  }
}

/* 2026-10-03 – Feinausrichtung: Athen etwas größer und mit mehr Abstand zu RESTAURANT. */
@media (min-width:900px){
  .athen-home-visual .desktop-hero-title-html .athen-line{
    margin-top:10px!important;
    font-size:clamp(64px,5.65vw,94px)!important;
    line-height:.78!important;
  }
}

/* V8 – Tablet-Layout 701–899 px: vollständiger Hero statt Breakpoint-Lücke */
@media (min-width:701px) and (max-width:899px){
  body:not(.admin) .athen-home-visual{display:block!important;position:relative!important;width:100%!important;overflow:hidden!important}
  body:not(.admin) .mobile-original-header{display:none!important}
  .athen-home-visual>img{display:block!important;width:100%!important;height:auto!important}
  .athen-home-visual .desktop-welcome-centered{display:block!important;position:absolute!important;z-index:81!important;left:67.15%!important;top:50.05%!important;width:25.8%!important;text-align:center!important;white-space:nowrap!important;color:#fff!important;font-family:'Ephesis','Segoe Script',cursive!important;font-size:clamp(15px,2.15vw,22px)!important;line-height:1!important;text-shadow:0 2px 5px rgba(0,0,0,.75)!important;pointer-events:none!important}
  .athen-home-visual .desktop-hero-title-html{display:block!important;position:absolute!important;z-index:81!important;left:67.15%!important;top:55%!important;width:25.8%!important;text-align:center!important;line-height:1!important;text-shadow:0 2px 6px rgba(0,0,0,.85)!important;pointer-events:none!important}
  .athen-home-visual .desktop-hero-title-html .restaurant-line{display:block!important;color:#fff!important;font-family:Georgia,'Times New Roman',serif!important;font-size:clamp(18px,2.15vw,25px)!important;font-weight:700!important;line-height:.95!important;letter-spacing:.025em!important}
  .athen-home-visual .desktop-hero-title-html .athen-line{display:block!important;margin-top:6px!important;color:#fff!important;font-family:'Ephesis','Segoe Script',cursive!important;font-size:clamp(38px,5.65vw,52px)!important;font-weight:400!important;line-height:.78!important}
  .athen-home-visual .desktop-friends-phrase{display:block!important;position:absolute!important;z-index:82!important;left:67.15%!important;top:77.5%!important;width:25.8%!important;text-align:center!important;color:#fff!important;font-family:'Ephesis','Segoe Script',cursive!important;line-height:.92!important;text-shadow:0 2px 5px rgba(0,0,0,.8)!important;pointer-events:none!important}
  .athen-home-visual .desktop-friends-phrase span{display:block!important;font:400 clamp(14px,1.85vw,19px)/.92 'Ephesis','Segoe Script',cursive!important}
  .athen-home-visual .desktop-image-opening-status-block{display:flex!important;top:70.5%!important;transform:translateX(-50%) scale(.78)!important;transform-origin:center!important}
  .restaurant-intro,.biergarten-intro,.delivery-layout,.voucher-layout{grid-template-columns:1fr!important}
  .restaurant-gallery,.biergarten-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .restaurant-highlights{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .restaurant-showcase .wrap,.biergarten-showcase .wrap,main .wrap{padding-left:24px!important;padding-right:24px!important}
}

/* V9 – Tablet: Infoboxen auf Unterseiten wieder mit korrektem Kontrast */
@media (min-width:701px) and (max-width:899px){
  body:not(.home-page) .desktop-subpage-features.features{
    background:#f3eee5!important;
    border-top:1px solid #e4ddd1!important;
    border-bottom:1px solid #e4ddd1!important;
  }
  body:not(.home-page) .desktop-subpage-features .feature-icon{color:#064a8c!important}
  body:not(.home-page) .desktop-subpage-features .feature-item strong,
  body:not(.home-page) .desktop-subpage-features .feature-item>span:last-child{color:#063d78!important}
  body:not(.home-page) .desktop-subpage-features .feature-item:not(:last-child)::after{background:#d6cec0!important}
}

/* V10 – austauschbares Header-Logo. Nur die Logo-Zone wird überlagert; restliches Header-Layout bleibt unverändert. */
@media(min-width:900px){
 body:not(.admin) .athen-home-visual{position:relative}
 body:not(.admin) .athen-home-visual .editor-global-header-logo{position:absolute;z-index:12;left:5.2%;top:8.2%;width:22%;height:22.5%;display:flex;align-items:center;justify-content:center;padding:.35%;background:#07365c;border-radius:2px;overflow:hidden}
 body:not(.admin) .athen-home-visual .editor-global-header-logo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;filter:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
}
@media(max-width:899px){body:not(.admin) .editor-global-header-logo{display:none!important}}

/* V11 – Header-Logo technisch getrennt: sichtbarer Header nutzt eine logo-freie Ebene,
   das Logo liegt ausschließlich als separates IMG darüber. */
@media(min-width:701px){
  body:not(.admin) .athen-home-visual{position:relative!important}
  body:not(.admin) .athen-home-visual .editor-global-header-clean-bg{
    display:block!important;position:absolute!important;z-index:10!important;
    left:0!important;top:0!important;width:100%!important;height:35.4%!important;
    pointer-events:none!important;
    background-image:url('images/athen_startseite_logo_clean.png')!important;
    background-repeat:no-repeat!important;background-position:left top!important;
    background-size:100% auto!important;
  }
  body:not(.admin) .athen-home-visual .editor-global-header-logo{
    position:absolute!important;z-index:12!important;left:5.2%!important;top:8.2%!important;
    width:22%!important;height:22.5%!important;display:flex!important;align-items:center!important;
    justify-content:center!important;padding:.35%!important;background:transparent!important;
    border:0!important;border-radius:0!important;overflow:visible!important;pointer-events:none!important;
  }
  body:not(.admin) .athen-home-visual .editor-global-header-logo img{
    display:block!important;width:100%!important;height:100%!important;max-width:100%!important;
    max-height:100%!important;object-fit:contain!important;filter:none!important;margin:0!important;
    padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;
  }
}
@media(max-width:700px){
  body:not(.admin) .editor-global-header-clean-bg,
  body:not(.admin) .editor-global-header-logo{display:none!important}
}