/* Galerie 280 – Reservierung im Aussehen von galerie280.com (Caverta) */
:root{--g280-primary:#9fc4ce;--g280-text:#252525;--g280-footer:#999;}
body{font-family:"Work Sans",sans-serif;color:var(--g280-text);background:#fff;font-size:16px;line-height:1.5}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{font-family:Lora,serif;font-weight:400;color:var(--g280-text)}
a{color:var(--g280-text)}
a:hover{color:var(--g280-primary)}

/* Kopf */
header.header{position:absolute;top:0;left:0;right:0;z-index:20;background:transparent!important;box-shadow:none!important;border:0!important}
.g280-header{display:flex;align-items:center;justify-content:center;padding:16px 30px 0}
.g280-logo,.g280-header-rechts{flex:1 1 0}
.g280-logo img{width:120px;height:auto;display:block}
.g280-nav{display:flex;gap:40px;border:0!important}
.g280-nav a{color:#fff;font-size:15px;padding:24px 0;text-decoration:none;position:relative}
.g280-nav a:hover{color:var(--g280-primary)}
.g280-header-rechts{display:flex;align-items:center;justify-content:flex-end;gap:24px}
.g280-insta{color:#fff;font-size:20px}
.g280-insta:hover{color:var(--g280-primary)}
.g280-btn,.btn-primary{font-size:13px!important;letter-spacing:.15em;font-weight:600;text-transform:uppercase;color:#fff!important;background:var(--g280-primary)!important;border:2px solid var(--g280-primary)!important;border-radius:0!important;padding:14px 24px!important;text-decoration:none;display:inline-block}
.g280-btn:hover,.btn-primary:hover{background:transparent!important;color:var(--g280-primary)!important}
.g280-header .g280-btn:hover{color:#fff!important;border-color:#fff!important}

/* Kopfbild wie die Unterseiten von galerie280.com, aber niedriger */
.g280-kopfbild{position:relative;min-height:56vh;display:flex;align-items:center;justify-content:center;text-align:center;background:#111 url(fotos/innen-tisch-voll.webp) center/cover no-repeat;margin-bottom:72px}
.g280-kopfbild:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}
.g280-kopfbild-inhalt{position:relative;padding-top:80px}
.g280-kopfbild h1{color:#fff;font-size:54px;margin:0}
.g280-untertitel{color:#fff;opacity:.9;text-transform:uppercase;letter-spacing:.15em;font-size:14px;margin-top:12px}

/* Inhalt */
.g280-inhalt{max-width:960px;padding-bottom:40px}
.g280-inhalt .card{border:0;border-radius:0;background:#fff}
.g280-inhalt .card-body{padding:0}
.g280-inhalt h2.h3{font-size:32px;text-align:center;margin-bottom:36px}
.form-control,.form-select,.form-floating>.form-control,.form-floating>.form-select{border-radius:0;border-color:#ddd;background-color:#fff}
.form-control:focus,.form-select:focus{border-color:var(--g280-primary);box-shadow:none}
.g280-neu{margin-top:24px;text-align:center}
.g280-hinweis{margin-top:32px;text-align:center;font-style:italic;color:#666}
/* Kalender (flatpickr) */
.flatpickr-calendar{box-shadow:none!important;border:0!important;width:100%!important}
.flatpickr-day.selected,.flatpickr-day.selected:hover{background:var(--g280-primary)!important;border-color:var(--g280-primary)!important;color:#fff!important;border-radius:0!important}
.flatpickr-day{border-radius:0!important}

/* Fuß wie galerie280.com */
footer.footer{background:#000!important;color:var(--g280-footer)!important;padding:81px 0 32px;margin-top:108px;font-size:16px}
footer.footer a{color:var(--g280-footer)!important;text-decoration:none}
footer.footer a:hover{color:#fff!important}
footer.footer h5{font-family:"Work Sans",sans-serif;color:#fff;font-size:16px;margin-bottom:16px}
footer.footer img{width:160px;height:auto}
.g280-copyright{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #222;padding-top:24px;margin-top:18px;font-size:14px}

@media (max-width:991px){
  .g280-nav{display:none}
  .g280-header{padding:14px 16px 0}
  .g280-logo img{width:88px}
  .g280-kopfbild{min-height:42vh;margin-bottom:48px}
  .g280-kopfbild h1{font-size:36px}
}
@media (max-width:575px){
  .g280-insta{display:none}
  .g280-header .g280-btn{font-size:11px!important;letter-spacing:.12em;padding:10px 14px!important}
  .g280-kopfbild-inhalt{padding:72px 16px 0}
  .g280-kopfbild h1{font-size:32px}
  .g280-untertitel{font-size:12px}
  .g280-inhalt h2.h3{font-size:26px;margin-bottom:24px}
  footer.footer{padding:48px 0 24px;margin-top:64px}
}