/* Galerie 280 – Anpassungen zum Caverta-Template. style.css bleibt unverändert. */

/* Schriften lokal statt Google Fonts */
@font-face { font-family: "Lora"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/schriften/lora-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Lora"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/schriften/lora-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Lora"; font-style: italic; font-weight: 400; font-display: swap; src: url("assets/schriften/lora-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 300; font-display: swap; src: url("assets/schriften/work-sans-latin-300-normal.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/schriften/work-sans-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/schriften/work-sans-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/schriften/work-sans-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("assets/schriften/work-sans-latin-700-normal.woff2") format("woff2"); }

/* Kopfbild der Unterseiten wie im Template (volle Höhe, Foto mit Abdeckung) */
.top-menu-1col { background-image: url("assets/fotos/innen-tisch-voll.webp"); }
.top-impressum { background-image: url("assets/fotos/innen-bar-voll.webp"); }

/* Hinweis unter einer Bereichsüberschrift (Grill-Beilage, Altersgrenze Bambini) */
.menu-hinweis { font-style: italic; margin: 32px 0 0; }

/* Mobilmenü: Telefon und E-Mail sind hier Links, das Template rechnet mit reinem Text */
.mobile-contact a { color: inherit; }


/* Bilder der Startseite statt der Template-Platzhalter (Slider, Parallax-Streifen) */
/* Gastraum-Fotos 18, 12, 09, 17 aus Google Maps (PNG); die Kreidetafel trägt selbst Schrift und steht nur ohne Text darüber */
.slide-1 { background-image: url("assets/fotos/innen-fensterfront-voll.webp"); }
.slide-2 { background-image: url("assets/fotos/innen-gastraum-voll.webp"); }
.slide-3 { background-image: url("assets/fotos/innen-bar-voll.webp"); }
#home-content-2 { background-image: url("assets/fotos/innen-tisch-voll.webp"); }
#home-content-4 { background-image: url("assets/fotos/innen-gastraum-voll.webp"); }
#home-content-6 { background-image: url("assets/fotos/innen-bar-voll.webp"); }
.parallax { background-size: cover; }
.tel-gross { color: #ffffff; }
#reservierung { scroll-margin-top: 90px; }


/* Noch fehlende Inhalte deutlich als Platzhalter kennzeichnen */
.platzhalter { display: inline-block; font: 600 11px/1.4 var(--body-font); letter-spacing: .12em; text-transform: uppercase; background: #d10a25; color: #fff; padding: 2px 8px; margin-right: 6px; vertical-align: middle; }

/* Startseite: Logo groß und mittig im Slider statt oben links im Kopf (Tim, 30.10.2026) */
.hero-logo { margin: 8px auto 24px; width: 100%; max-width: 520px; }
.hero-logo img { display: block; width: 100%; height: auto; }
@media (max-width: 767px) { .hero-logo { max-width: 300px; } }