/*
Theme Name: Onkelz Brigade Fanclub
Theme URI: https://example.com/onkelz-brigade
Author: ChatGPT
Description: Dunkles, raues WordPress-Theme für einen Böhse-Onkelz-Fanclub. Inspiriert von Rock-/Tour-Ästhetik mit schwarz/weißem Wappen, massiver Typografie und roten Akzenten.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: onkelz-brigade
Tags: blog, custom-logo, custom-menu, featured-images, block-styles, wide-blocks
*/

:root{--black:#050505;--coal:#111;--steel:#1b1b1b;--silver:#d8d8d8;--muted:#8f8f8f;--red:#b00f16;--red2:#ef202b;--line:rgba(255,255,255,.12);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#333 0,#080808 34%,#000 72%);color:#eee;font-family:Impact,'Arial Black','Helvetica Neue',Arial,sans-serif;letter-spacing:.02em}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;mix-blend-mode:screen}a{color:#fff;text-decoration:none}a:hover{color:var(--red2)}img{max-width:100%;height:auto}.wrap{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(0,0,0,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px}.brand{display:flex;align-items:center;gap:14px;text-transform:uppercase}.brand img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,255,255,.18))}.brand-title{font-size:clamp(24px,3vw,42px);line-height:.9;text-shadow:2px 2px 0 #000,0 0 18px rgba(255,255,255,.18)}.brand-title span{display:block;color:var(--red2);font-size:.43em;letter-spacing:.22em}.main-nav ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:flex-end}.main-nav a{display:block;padding:12px 13px;border:1px solid transparent;text-transform:uppercase;font-size:15px}.main-nav a:hover,.current-menu-item>a{border-color:var(--red);background:linear-gradient(180deg,#2a0003,#100)}.hero{position:relative;min-height:70vh;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.92)),url('assets/img/wappen.png') center/min(760px,95vw) no-repeat}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,transparent 0 28%,rgba(0,0,0,.78) 67%),linear-gradient(90deg,rgba(176,15,22,.18),transparent 30%,transparent 70%,rgba(176,15,22,.18));}.hero-inner{position:relative;z-index:1;text-align:center;padding:90px 0 70px}.kicker{color:var(--red2);font-size:18px;letter-spacing:.3em;text-transform:uppercase}.hero h1{font-size:clamp(54px,10vw,128px);line-height:.82;margin:16px 0;text-transform:uppercase;text-shadow:4px 4px 0 #000,0 0 35px rgba(255,255,255,.18)}.hero p{font-family:'Helvetica Neue',Arial,sans-serif;max-width:780px;margin:0 auto 30px;color:#ddd;font-size:clamp(17px,2vw,22px);letter-spacing:0}.btn{display:inline-block;padding:15px 24px;border:2px solid #fff;background:linear-gradient(180deg,var(--red2),#670006);box-shadow:0 8px 0 #090909;text-transform:uppercase}.btn:hover{transform:translateY(2px);box-shadow:0 6px 0 #090909;color:#fff}.section{padding:70px 0}.section-title{font-size:clamp(36px,5vw,64px);text-transform:uppercase;margin:0 0 28px;border-bottom:4px solid var(--red);display:inline-block}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:linear-gradient(180deg,#1b1b1b,#080808);border:1px solid var(--line);padding:24px;box-shadow:0 18px 45px rgba(0,0,0,.32)}.card h2,.card h3{margin-top:0;text-transform:uppercase}.card p,.entry-content,.site-footer{font-family:'Helvetica Neue',Arial,sans-serif;letter-spacing:0;line-height:1.65}.meta{color:var(--muted);font-size:14px;text-transform:uppercase}.entry{margin:40px 0}.entry-title{font-size:clamp(34px,5vw,58px);text-transform:uppercase;margin:.2em 0}.entry-content a{text-decoration:underline;text-decoration-color:var(--red)}.wp-block-button__link{background:var(--red)!important;border-radius:0!important;text-transform:uppercase}.page-header{padding:70px 0 30px;background:linear-gradient(180deg,#160001,transparent)}.content-area{padding:30px 0 80px}.sidebar-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px}.widget{background:#0d0d0d;border:1px solid var(--line);padding:20px;margin-bottom:20px}.widget-title{text-transform:uppercase;border-bottom:2px solid var(--red);padding-bottom:8px}.site-footer{border-top:1px solid var(--line);background:#030303;padding:38px 0;color:#bdbdbd}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.footer-logo{width:92px;filter:grayscale(1)}.menu-toggle{display:none;background:#111;color:#fff;border:1px solid var(--line);padding:10px 14px;text-transform:uppercase}@media (max-width:900px){.menu-toggle{display:block}.main-nav{display:none;width:100%}.main-nav.open{display:block}.topbar{flex-wrap:wrap}.main-nav ul{display:block}.main-nav a{border-top:1px solid var(--line)}.grid,.sidebar-layout,.footer-grid{grid-template-columns:1fr}.brand img{width:60px;height:60px}.hero{min-height:64vh}}

/* Foto-Galerie */
.gallery-head p{font-family:'Helvetica Neue',Arial,sans-serif;color:#d8d8d8;max-width:720px}.gallery-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gallery-tile{background:#080808;border:1px solid var(--line);box-shadow:0 18px 45px rgba(0,0,0,.38);overflow:hidden}.gallery-tile p{font-family:'Helvetica Neue',Arial,sans-serif;color:#bbb;padding:0 18px 18px;margin:0}.gallery-thumb{position:relative;display:block;min-height:260px;background:#111;overflow:hidden}.gallery-thumb img{width:100%;height:300px;object-fit:cover;display:block;filter:grayscale(.35) contrast(1.15);transition:transform .35s ease,filter .35s ease}.gallery-thumb:hover img{transform:scale(1.05);filter:grayscale(0) contrast(1.2)}.gallery-thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.88));}.gallery-thumb span{position:absolute;left:18px;right:18px;bottom:18px;z-index:1;font-size:clamp(24px,3vw,40px);line-height:.9;text-transform:uppercase;text-shadow:3px 3px 0 #000}.gallery-hero-image{margin:22px 0;border:1px solid var(--line);box-shadow:0 25px 60px rgba(0,0,0,.45);max-height:560px;overflow:hidden}.gallery-hero-image img{width:100%;height:auto;display:block}.ob-photo-grid,.wp-block-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important}.ob-photo-card,.wp-block-gallery .wp-block-image{position:relative;display:block;margin:0!important;overflow:hidden;border:1px solid var(--line);background:#000}.ob-photo-card img,.wp-block-gallery .wp-block-image img{width:100%!important;height:260px!important;object-fit:cover!important;display:block;filter:grayscale(.25) contrast(1.12);transition:transform .25s ease,filter .25s ease}.ob-photo-card:hover img,.wp-block-gallery .wp-block-image:hover img{transform:scale(1.04);filter:grayscale(0) contrast(1.18)}.ob-photo-card span,.wp-block-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 12px 10px!important;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))!important;color:#fff!important;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px!important;text-align:left!important}.wp-block-image figcaption{font-family:'Helvetica Neue',Arial,sans-serif;color:#cfcfcf}.entry-content .wp-block-image img{border:1px solid var(--line);box-shadow:0 15px 40px rgba(0,0,0,.35)}@media (max-width:900px){.gallery-list,.ob-photo-grid,.wp-block-gallery{grid-template-columns:1fr!important}.gallery-thumb img,.ob-photo-card img,.wp-block-gallery .wp-block-image img{height:240px!important}}

/* Kompatibilität für Medienbilder, klassische WordPress-Galerien und alte Gallery-Blöcke */
.entry-content img,
.wp-block-image img,
.wp-block-media-text__media img,
.gallery img,
.blocks-gallery-grid img,
.wp-block-gallery img{max-width:100%;height:auto;display:block}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-item{margin:0!important}.gallery-icon a{display:block}.gallery-caption{font-family:'Helvetica Neue',Arial,sans-serif;color:#cfcfcf;font-size:14px}.blocks-gallery-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;list-style:none;margin:0;padding:0}.blocks-gallery-item{margin:0!important}@media (max-width:900px){.gallery,.blocks-gallery-grid{grid-template-columns:1fr!important}}

/* Bearbeitbarer Footer */
.footer-editable{grid-template-columns:1.3fr 1fr 1fr auto;align-items:start}.site-footer strong{display:block;color:#fff;text-transform:uppercase;margin-bottom:8px;font-family:Impact,'Arial Black','Helvetica Neue',Arial,sans-serif;letter-spacing:.06em}.site-footer p{margin:.2em 0 .8em}.footer-menu ul{list-style:none;margin:12px 0 0;padding:0;display:flex;gap:12px;flex-wrap:wrap}.footer-menu a{text-decoration:underline;text-decoration-color:var(--red)}.footer-bottom{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:#888}.footer-info-block{min-width:0}@media (max-width:900px){.footer-editable{grid-template-columns:1fr}.footer-logo{margin-top:10px}}


/* Fix: bearbeitbares WordPress-Headermenü immer horizontal anzeigen */
.main-nav,
.main-nav .menu,
.main-nav .menu-hauptmenue-container,
.main-nav [class*="menu-"][class*="-container"]{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.main-nav ul,
.main-nav .menu,
.main-nav .nav-menu{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
  flex-wrap:wrap;
}
.main-nav li{
  display:block;
  position:relative;
  margin:0;
  padding:0;
}
.main-nav a{
  white-space:nowrap;
}
.main-nav .sub-menu,
.main-nav .children{
  display:none;
  position:absolute;
  top:100%;
  left:0;
  min-width:220px;
  background:#050505;
  border:1px solid var(--line);
  padding:6px;
  z-index:99;
}
.main-nav li:hover > .sub-menu,
.main-nav li:focus-within > .sub-menu,
.main-nav li:hover > .children,
.main-nav li:focus-within > .children{
  display:block;
}
.main-nav .sub-menu a,
.main-nav .children a{
  white-space:normal;
}

@media (max-width:900px){
  .main-nav,
  .main-nav .menu,
  .main-nav .menu-hauptmenue-container,
  .main-nav [class*="menu-"][class*="-container"]{
    display:none;
    width:100%;
  }
  .main-nav.open,
  .main-nav.open .menu,
  .main-nav.open .menu-hauptmenue-container,
  .main-nav.open [class*="menu-"][class*="-container"]{
    display:block;
  }
  .main-nav ul,
  .main-nav .menu,
  .main-nav .nav-menu{
    display:block;
    width:100%;
  }
  .main-nav li{
    width:100%;
  }
  .main-nav .sub-menu,
  .main-nav .children{
    position:static;
    display:block;
    border:0;
    padding:0 0 0 16px;
    background:transparent;
  }
}