/* ===============================
   LIGHT MODE – MINIMAL (SAFE)
   Ziel: Seite hell, Design nicht zerstören
   =============================== */

/* 1) Nur die Grundfläche der Seite */
html, body {
  background-color: #ffffff !important;
  color: #111111 !important;
}

/* 2) Typo: nur Standardtexte – nicht jedes span/div */
body, p, li, dt, dd, blockquote, figcaption {
  color: #111111 !important;
}

/* 3) Überschriften */
h1, h2, h3, h4, h5, h6 {
  color: #111111 !important;
}

/* 4) Links dezent (optional) */
a {
  color: #0b57d0;
}

/* ===============================
   BULMA DARK HELPERS -> LIGHT
   (gezielt, ohne Layout zu zerstören)
   =============================== */

/* Schwarze/dunkle Hintergrund-Helfer auf Weiß drehen */
.has-background-black,
.has-background-dark {
  background-color: #ffffff !important;
}

/* Weiße/helle Text-Helfer auf Dunkel drehen */
.has-text-white,
.has-text-light,
.has-text-grey-lighter,
.has-text-grey-light {
  color: #111111 !important;
}

/* ===============================
   NAVBAR FIX (du hattest: .navbar.has-background-black)
   =============================== */

.navbar.has-background-black {
  background-color: #ffffff !important;
}

/* Navbar-Links lesbar machen */
.navbar.has-background-black .navbar-item,
.navbar.has-background-black .navbar-link {
  color: #111111 !important;
}

/* Hover/Active State */
.navbar.has-background-black .navbar-item:hover,
.navbar.has-background-black .navbar-link:hover,
.navbar.has-background-black .navbar-item.is-active,
.navbar.has-background-black .navbar-link.is-active {
  background-color: #f2f2f2 !important;
  color: #111111 !important;
}

/* Burger Icon (Mobile) */
.navbar.has-background-black .navbar-burger span {
  background-color: #111111 !important;
}

/* Dropdown (falls vorhanden) */
.navbar.has-background-black .navbar-dropdown {
  background-color: #ffffff !important;
  border: 1px solid #e6e6e6 !important;
}

.navbar.has-background-black .navbar-dropdown .navbar-item {
  color: #111111 !important;
}


/* ===============================
   MOVIES: schwarzer Block unter Filmen (hero-foot)
   =============================== */

.hero-foot {
  background-color: #ffffff !important;
  color: #111111 !important;
  border-top: 1px solid #e6e6e6; /* optional, damit es sauber aussieht */
}

/* Filme-Seite: schwarzer Hero-Hintergrund -> weiß */
section.hero.has-background-black {
  background-color: #ffffff !important;
}

section.hero.has-background-black .hero-body,
section.hero.has-background-black .hero-foot {
  background-color: #ffffff !important;
}

/* ===============================
   MOVIES: Film-Beschreibung (card-content) hell machen
   =============================== */

.card-content {
  background-color: #ffffff !important;
  color: #111111 !important;
}

/* Text innerhalb der Beschreibung */
.card-content p,
.card-content span,
.card-content strong,
.card-content em {
  color: #111111 !important;
}

/* Optional: Rahmen sauber statt dunkel */
.card {
  border: 1px solid #e6e6e6 !important;
}

.card {
  border: none !important;
  box-shadow: none !important;
}


/* ===============================
   FIXED BOTTOM NAVBAR: schwarze Linie oben entfernen
   Selector: body > nav.navbar.has-background-black.is-fixed-bottom
   =============================== */

nav.navbar.is-fixed-bottom {
  border-top: none !important;
  box-shadow: none !important;
}

/* Falls die Linie über ein Pseudo-Element kommt */
nav.navbar.is-fixed-bottom::before,
nav.navbar.is-fixed-bottom::after {
  content: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* Platz für fixe Navbar, verhindert optische Kanten/Überlagerungen */
body {
  padding-bottom: 4rem;
}

/* ===============================
   FIXED BOTTOM NAVBAR: Linie oben wirklich killen
   =============================== */

/* Exakt dein Element */
body > nav.navbar.has-background-black.is-fixed-bottom {
  border-top: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
  outline: 0 !important;
}

/* Häufig sitzt die Linie auf inneren Containern */
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-brand,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-menu,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-start,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-end,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-item,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-link {
  border-top: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Falls die Linie als Pseudo-Element kommt */
body > nav.navbar.has-background-black.is-fixed-bottom::before,
body > nav.navbar.has-background-black.is-fixed-bottom::after,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-menu::before,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-menu::after,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-brand::before,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-brand::after {
  content: none !important;
  display: none !important;
}

/* ===============================
   Bottom Navbar: Linie kommt von innerem DIV
   =============================== */

/* Direktes Kind-DIV der Navbar */
body > nav.navbar.has-background-black.is-fixed-bottom > div {
  border-top: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Typische Bulma-Innereien, auf denen Trennlinien sitzen */
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-brand,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-menu,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-start,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-end {
  border-top: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Falls es als Pseudo-Element gezeichnet wird */
body > nav.navbar.has-background-black.is-fixed-bottom > div::before,
body > nav.navbar.has-background-black.is-fixed-bottom > div::after,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-menu::before,
body > nav.navbar.has-background-black.is-fixed-bottom .navbar-menu::after {
  content: none !important;
  display: none !important;
}

<section class="hero has-background-black">
  <div class="hero-body">
    …
  </div>

  <div class="hero-foot">
    <!-- HIER -->
  </div>
</section>

/* MOVIES: Bildbereich der Cards (schwarze Box) neutralisieren */
.card-image {
  background-color: #ffffff !important;
}
/* nur Filme-Seite */
.movies .card-image,
.movies-page .card-image {
  background-color: #ffffff !important;
}

/* ===============================
   PICTURES: schwarze Bulma Hintergründe -> weiß
   =============================== */

.has-background-black,
.has-background-dark {
  background-color: #ffffff !important;
}
/* ===============================
   PICTURES (making-of / street / action)
   =============================== */

/* 1) Alles, was Bulma als "dark" markiert, auf hell drehen */
.has-background-black,
.has-background-dark {
  background-color: #ffffff !important;
}

/* 2) Typische Bulma "white text" Helfer zurück auf dunkel */
.has-text-white,
.has-text-light,
.has-text-grey-lighter,
.has-text-grey-light {
  color: #111111 !important;
}

/* 3) Tabs (Making Of / Street / Action) sauber im Light Theme */
.tabs,
.tabs ul,
.tabs a {
  background-color: #ffffff !important;
  color: #111111 !important;
}

/* Aktiver Tab: klare Markierung */
.tabs li.is-active a {
  color: #111111 !important;
  border-bottom-color: #111111 !important; /* Unterstreichung */
}

/* Nicht aktive Tabs: dezente Linien */
.tabs a {
  border-bottom-color: #e6e6e6 !important;
}

/* 4) Galerie/Thumbnails: typische Container neutralisieren */
.gallery,
.grid,
.masonry,
.columns,
.column,
.section,
.container,
.content {
  background-color: #ffffff !important;
  color: #111111 !important;
}

/* 5) Bilder/Thumbnails: schwarze Boxen vermeiden */
figure,
figure.image,
.image,
img {
  background-color: #ffffff !important;
}

/* 6) Falls Bilder in Bulma Cards gerendert sind */
.card,
.card-image,
.card-content {
  background-color: #ffffff !important;
  color: #111111 !important;
  border-color: #e6e6e6 !important;
  box-shadow: none !important;
}

/* ===============================
   PICTURES: rechte Navigation (Making Of / Street / Action)
   =============================== */

/* Alle Links: schwarz, nicht blau */
.hero-body ul li a {
  color: #111111 !important;
  font-weight: 400;           /* normal */
  text-decoration: none;
}

/* Aktiver Link: fett */
.hero-body ul li.is-active a {
  font-weight: 700 !important;
  color: #111111 !important;
}

/* Optional: Hover-State (dezent) */
.hero-body ul li a:hover {
  text-decoration: underline;
}

/* ===============================
   ABOUT: Portrait – weißer Rahmen entfernen
   =============================== */

.hero-head.is-brand-aligned figure {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* ===============================
   ABOUT: Hintergrundbild temporär ausblenden
   =============================== */

.background-image-black-white-surfer-blurred {
  background-image: none !important;
}

/* ===============================
   ABOUT: spezifischer Link nicht blau
   =============================== */

.hero-body h3 a {
  color: #111111 !important;
  font-weight: inherit;
  text-decoration: none;
}

.hero-body h3 a:hover {
  text-decoration: underline;
}


/* MOBILE MENU: schwarzer Hintergrund im navbar-menu weg */
@media screen and (max-width: 768px) {
  .navbar-menu.is-hidden-desktop.is-flex-touch {
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    border-top: 0 !important;
    color: #111111 !important;
  }

  .navbar-menu.is-hidden-desktop.is-flex-touch .navbar-item,
  .navbar-menu.is-hidden-desktop.is-flex-touch .navbar-link,
  .navbar-menu.is-hidden-desktop.is-flex-touch a {
    color: #111111 !important;
    background-color: transparent !important;
  }

  .navbar-menu.is-hidden-desktop.is-flex-touch .navbar-item:hover,
  .navbar-menu.is-hidden-desktop.is-flex-touch .navbar-link:hover,
  .navbar-menu.is-hidden-desktop.is-flex-touch .navbar-item.is-active,
  .navbar-menu.is-hidden-desktop.is-flex-touch .navbar-link.is-active {
    background-color: #f2f2f2 !important;
    color: #111111 !important;
  }
}

/* =========================================================
   MOBILE (<= 768px)
   ========================================================= */
@media screen and (max-width: 768px) {

  /* Mobile-Menü: immer weiß, nie schwarz */
  body > nav.navbar.is-transparent.is-absolute .navbar-menu,
  body > nav.navbar.is-transparent.is-absolute .navbar-menu.is-active,
  body > nav.navbar.is-transparent.is-absolute .navbar-dropdown {
    background-color: #ffffff !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  /* Mobile-Menü-Links */
  body > nav.navbar.is-transparent.is-absolute .navbar-menu a,
  body > nav.navbar.is-transparent.is-absolute .navbar-menu .navbar-item {
    color: #111111 !important;
    background-color: transparent !important;
  }

  /* Mobile Hover / Active */
  body > nav.navbar.is-transparent.is-absolute .navbar-menu .navbar-item:hover,
  body > nav.navbar.is-transparent.is-absolute .navbar-menu .navbar-item.is-active {
    background-color: #f2f2f2 !important;
    color: #111111 !important;
  }

  /* Schwarze Linien / Balken sicher entfernen */
  body > nav.navbar.is-transparent.is-absolute,
  body > nav.navbar.is-transparent.is-absolute * {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  body > nav.navbar.is-transparent.is-absolute::before,
  body > nav.navbar.is-transparent.is-absolute::after,
  body > nav.navbar.is-transparent.is-absolute *::before,
  body > nav.navbar.is-transparent.is-absolute *::after {
    content: none !important;
    display: none !important;
  }
}

/* =========================================================
   FINAL FIX: hero-foot Strich komplett entfernen
   ========================================================= */

.hero-foot {
  display: none !important;
}