html {
    background: #3A5A3C;
  }

  .christians-site .legacy-nav {
    background: rgba(253,250,245,0) !important;
    backdrop-filter: blur(0) !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    height: 72px !important;
    padding: 0 clamp(1.25rem, 2.5vw, 2.5rem) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(1rem, 2vw, 2rem) !important;
    transition: background 0.35s ease, backdrop-filter 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
  }

  .christians-site .legacy-nav.scrolled {
    background: rgba(253,250,245,0.96) !important;
    backdrop-filter: blur(14px) !important;
    border-bottom-color: var(--border) !important;
    box-shadow: 0 2px 20px rgba(26,21,16,0.07) !important;
  }

  .christians-site .legacy-nav .nav-logo img {
    display: block;
    width: auto !important;
    height: 40px !important;
    max-width: 150px;
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.3));
    transition: filter 0.35s ease;
  }

  .christians-site .legacy-nav .nav-logo {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    line-height: 1;
  }

  .christians-site .legacy-nav .nav-links {
    flex: 0 1 auto;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: clamp(0.75rem, 1.35vw, 1.5rem) !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    white-space: nowrap;
  }

  .christians-site .legacy-nav .nav-links li {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
  }

  .christians-site .legacy-nav.scrolled .nav-logo img {
    filter: none;
  }

  .christians-site .legacy-nav .nav-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap !important;
    line-height: 1 !important;
    font-size: clamp(0.7rem, 0.78vw, 0.82rem) !important;
    letter-spacing: 0.035em !important;
    color: rgba(255,255,255,0.92) !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.42);
  }

  .christians-site .legacy-nav.scrolled .nav-links a {
    color: var(--text-muted) !important;
    text-shadow: none;
  }

  .christians-site .legacy-nav .nav-links a:hover,
  .christians-site .legacy-nav.scrolled .nav-links a:hover {
    color: var(--amber-light) !important;
  }

  .christians-site .legacy-nav .nav-links .nav-cta,
  .christians-site .legacy-nav .nav-links .nav-cta:hover,
  .christians-site .legacy-nav.scrolled .nav-links .nav-cta,
  .christians-site .legacy-nav.scrolled .nav-links .nav-cta:hover {
    color: #fff !important;
    text-shadow: none !important;
    padding: 0.58rem 1rem !important;
  }

  .christians-site .legacy-nav .hamburger span {
    background: #fff !important;
  }

  .christians-site .legacy-nav.scrolled .hamburger span {
    background: var(--text) !important;
  }

  .page-hero-content {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .site-home .hero-content {
    width: 100% !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  h1,
  h2,
  h3,
  .section-title,
  .section-lead,
  .page-hero-title {
    text-align: left !important;
  }

  .section-lead {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .divider {
    display: none !important;
  }

  .blog-cat {
    display: none !important;
  }

  body,
  button,
  input,
  select,
  textarea {
    font-family: "Lora", serif !important;
  }

  h1,
  h2,
  .hero-headline,
  .page-hero-title,
  .section-title,
  .bereich-name,
  .mieten-card-title,
  .mieten-cta-headline,
  .stat-num {
    font-family: "Bazinga", "Lora", serif !important;
  }

  .page-hero-eyebrow,
  .section-eyebrow,
  .mieten-cta-eyebrow {
    display: none !important;
  }

  .site-page-impressum .prose,
  .site-page-impressum .prose p {
    min-width: 0;
    max-width: 100%;
  }

  .site-page-impressum .prose a {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
  }

  .site-page-impressum .footer-socials {
    max-width: 100%;
    flex-wrap: wrap;
  }

  .site-page-impressum .footer-social-link {
    flex: 0 0 36px;
  }

  .site-home .bereiche,
  .site-home .geschichte,
  .site-home .vereine,
  .site-page-lokalitaet .wp-block-post-content > section:nth-of-type(2),
  .site-page-konzept .wp-block-post-content > section:nth-of-type(2) {
    background: #3A5A3C !important;
    color: #fff;
  }

  .christians-site > section,
  .site-home .blog,
  .site-home .genossenschaft,
  .site-home .mieten,
  .site-page-lokalitaet .wp-block-post-content > section:nth-of-type(1),
  .site-page-konzept .wp-block-post-content > section:nth-of-type(1),
  .site-page-neuigkeiten .wp-block-post-content > section,
  .site-page-getraenkekarte .wp-block-post-content > section,
  .site-page-speisekarte .wp-block-post-content > section,
  .site-page-geschichte .wp-block-post-content > section,
  .site-page-impressum .wp-block-post-content > section,
  .site-page-datenschutz .wp-block-post-content > section,
  .site-page-kneipe-gaststaette-wirtschaft-feiern-party .wp-block-post-content > section,
  .site-single > section,
  .site-404 > section {
    background: #fff !important;
  }

  .site-home .bereiche .section-title,
  .site-home .geschichte .section-title,
  .site-home .vereine .section-title,
  .site-page-lokalitaet .wp-block-post-content > section:nth-of-type(2) .section-title,
  .site-page-konzept .wp-block-post-content > section:nth-of-type(2) .section-title {
    color: #fff !important;
  }

  .site-home .bereiche .section-lead,
  .site-home .geschichte .section-lead,
  .site-home .vereine .section-lead,
  .site-page-lokalitaet .wp-block-post-content > section:nth-of-type(2) .section-lead,
  .site-page-konzept .wp-block-post-content > section:nth-of-type(2) .section-lead {
    color: rgba(255,255,255,0.82) !important;
  }

  .site-home .bereiche .divider,
  .site-home .geschichte .divider,
  .site-home .vereine .divider,
  .site-page-lokalitaet .wp-block-post-content > section:nth-of-type(2) .divider,
  .site-page-konzept .wp-block-post-content > section:nth-of-type(2) .divider {
    background: rgba(255,255,255,0.72) !important;
  }

  /* Glatte Bierdeckel-Karten, einschließlich aller Getränkekarten-Gruppen. */
  .blog-card,
  .space-card,
  .mieten-card,
  .verein-card,
  .info-card,
  .map-info,
  .seo-item,
  .speisekarte-group,
  .highlight-box,
  .stat-item,
  .presse-link,
  .occasion-item {
    position: relative;
    background-color: #f8f0df !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    border: 1px solid rgba(92,69,39,0.22) !important;
    border-radius: 30px !important;
    outline: 1px solid rgba(255,255,255,0.8);
    outline-offset: -7px;
    box-shadow:
      0 3px 0 #d7c7a9,
      0 14px 30px rgba(33,24,15,0.12),
      inset 0 0 18px rgba(119,87,45,0.06) !important;
    color: var(--text) !important;
  }

  .blog-card {
    padding: 12px !important;
    overflow: hidden;
    border-bottom: 1px solid rgba(92,69,39,0.22) !important;
    transition-property: opacity, transform, box-shadow, border-color !important;
    transition-duration: 0.58s, 0.58s, 0.25s, 0.25s !important;
    transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0.22, 1, 0.36, 1), ease, ease !important;
  }

  .blog-card:hover {
    transform: none !important;
    border-color: var(--green) !important;
    box-shadow: 0 4px 0 #cdbb99, 0 18px 34px rgba(33,24,15,0.16) !important;
  }

  .blog-img-wrap {
    border-radius: 22px !important;
    margin-bottom: 0 !important;
  }

  .blog-card-body {
    padding: 1.35rem 1.2rem 1.25rem !important;
  }

  .blog-card .blog-title,
  .blog-card .blog-excerpt,
  .blog-card .blog-date,
  .verein-card .verein-name,
  .verein-card .verein-copy,
  .mieten-card .mieten-card-title,
  .mieten-card .mieten-card-desc {
    color: var(--dark) !important;
  }

  .blog-card .blog-date {
    color: var(--green) !important;
  }

  .blog-badge,
  .bereich-tag {
    border-radius: 16px !important;
    font-family: "Lora", serif !important;
  }

  .vereine-grid,
  .mieten-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1.5rem !important;
  }

  .verein-card,
  .mieten-card {
    padding: 1.5rem !important;
  }

  .verein-card {
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center;
    text-align: center !important;
  }

  .verein-card > div,
  .verein-card .verein-name,
  .verein-card .verein-copy {
    width: 100%;
    text-align: center !important;
  }

  .verein-card .verein-logo {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .mieten-card {
    min-height: 170px;
  }

  .mieten-card:hover,
  .verein-card:hover {
    transform: none !important;
  }

  .speisekarte-group {
    overflow: hidden;
    margin-bottom: 2rem !important;
  }

  .speisekarte-group-header {
    background: var(--green) !important;
    margin: 10px;
    border-radius: 20px 20px 8px 8px;
  }

  .post-content {
    padding: clamp(1.4rem, 3vw, 2.5rem) !important;
  }

  .occasion-accordion {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    margin-top: 2rem;
    max-width: 900px;
  }

  .occasion-item {
    overflow: hidden;
  }

  .occasion-item summary {
    list-style: none;
    cursor: pointer;
    padding: 1.25rem 1.4rem;
    color: var(--dark);
    font-family: "Bazinga", "Lora", serif;
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }

  .occasion-item summary::-webkit-details-marker {
    display: none;
  }

  .occasion-item summary::after {
    content: "+";
    color: var(--green);
    font-family: "Lora", serif;
    font-size: 1.35rem;
  }

  .occasion-item[open] summary::after {
    content: "−";
  }

  .occasion-copy {
    padding: 0 1.4rem 1.4rem;
    color: var(--text-muted);
    line-height: 1.75;
    font-size: 0.95rem;
  }

  .site-page-konzept .konzept-grid {
    align-items: center !important;
  }

  .site-page-konzept .konzept-img {
    position: static !important;
  }

  .site-page-konzept .konzept-details-intro {
    max-width: 820px;
    margin-bottom: 2.25rem;
  }

  .site-page-konzept .konzept-details-intro .section-title {
    color: #fff !important;
    margin-bottom: 1rem;
  }

  .site-page-konzept .konzept-details-intro p {
    color: rgba(255,255,255,0.84) !important;
    font-size: 1rem;
    line-height: 1.8;
  }

  .site-page-konzept .stats-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 1rem !important;
    margin: 0 0 2.5rem !important;
  }

  .site-page-konzept .stat-item {
    min-width: 0;
  }

  .site-page-konzept .stat-num {
    white-space: nowrap;
  }

  .konzept-details-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
    align-items: start;
    max-width: 920px;
  }

  .konzept-detail-column {
    min-width: 0;
  }

  .site-page-konzept .highlight-box,
  .site-page-konzept .stat-item,
  .site-page-konzept .presse-link {
    color: var(--dark) !important;
  }

  .site-page-konzept .highlight-box h3,
  .site-page-konzept .highlight-box p {
    color: var(--dark) !important;
  }

  .site-page-konzept .konzept-detail-column > p {
    color: rgba(255,255,255,0.84) !important;
    font-size: 1rem;
    line-height: 1.8;
  }

  .site-page-konzept .konzept-detail-column > h3 {
    color: #fff !important;
  }

  .map-inner {
    display: grid !important;
    grid-template-columns: minmax(280px, 0.8fr) minmax(360px, 1.2fr) !important;
    gap: 1.5rem;
    align-items: stretch;
  }

  .map-section {
    background: transparent !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  .map-info,
  .map-consent {
    border-radius: 30px !important;
  }

  .map-info h2,
  .map-info p,
  .map-info .label {
    color: var(--dark) !important;
  }

  .map-info a:not(.btn-primary) {
    color: var(--green) !important;
  }

  .map-consent {
    min-height: 460px;
    overflow: hidden;
    background: #f8f0df;
    border: 1px solid rgba(92,69,39,0.22);
    box-shadow: 0 3px 0 #d7c7a9, 0 14px 30px rgba(33,24,15,0.12);
    position: relative;
  }

  .map-consent iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 460px;
    border: 0;
  }

  .map-consent iframe[hidden],
  .map-placeholder[hidden] {
    display: none !important;
  }

  .map-placeholder {
    min-height: 460px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
    color: var(--dark);
    background:
      linear-gradient(rgba(248,240,223,0.92), rgba(248,240,223,0.92)),
      repeating-linear-gradient(45deg, rgba(58,90,60,0.12) 0 2px, transparent 2px 18px);
  }

  .map-placeholder h3 {
    font-family: "Bazinga", "Lora", serif;
    font-size: 1.7rem;
    margin-bottom: 0.65rem;
  }

  .map-placeholder p {
    max-width: 470px;
    line-height: 1.65;
    color: var(--text-muted);
  }

  .map-actions,
  .consent-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
    margin-top: 1.25rem;
  }

  .consent-banner {
    position: fixed;
    z-index: 10000;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    max-width: 920px;
    margin: 0 auto;
    padding: 1.35rem;
    border-radius: 26px;
    background: #fff;
    color: var(--dark);
    border: 1px solid rgba(58,90,60,0.24);
    box-shadow: 0 20px 60px rgba(17,24,18,0.28);
  }

  .consent-banner[hidden] {
    display: none !important;
  }

  .consent-inner {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1.25rem;
    align-items: center;
  }

  .consent-title {
    font-family: "Bazinga", "Lora", serif;
    font-size: 1.45rem;
    margin: 0 0 0.35rem;
  }

  .consent-copy {
    color: var(--text-muted);
    font-size: 0.9rem;
    line-height: 1.55;
    margin: 0;
  }

  .consent-copy a {
    color: var(--green);
  }

  .consent-actions {
    margin-top: 0;
    flex-wrap: nowrap;
  }

  .consent-button,
  .consent-settings {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--green);
    border-radius: 18px;
    padding: 0.72rem 1rem;
    cursor: pointer;
    font-family: "Lora", serif !important;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
  }

  .consent-button-primary {
    background: var(--green);
    color: #fff;
  }

  .consent-button-secondary {
    background: #fff;
    color: var(--green);
  }

  .consent-settings-wrap {
    width: 100%;
    max-width: 1180px;
    margin: 1rem auto 0;
    padding: 0 2rem;
  }

  .consent-settings {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(255,255,255,0.55);
    text-decoration: underline;
    font-weight: 400;
  }

  .post-content {
    color: var(--text);
    font-size: 1rem;
    line-height: 1.85;
  }

  .post-content p,
  .post-content ul,
  .post-content ol,
  .post-content blockquote,
  .post-content figure,
  .post-content .wp-block-image {
    margin: 0 0 1.35rem;
  }

  .post-content p:last-child,
  .post-content ul:last-child,
  .post-content ol:last-child,
  .post-content blockquote:last-child,
  .post-content figure:last-child,
  .post-content .wp-block-image:last-child {
    margin-bottom: 0;
  }

  .post-content h2,
  .post-content h3,
  .post-content h4 {
    color: var(--dark);
    line-height: 1.25;
    margin: 2rem 0 0.85rem;
  }

  .post-content h2 {
    font-family: "Bazinga", serif;
    font-size: 1.9rem;
  }

  .post-content h3 {
    font-family: "Lora", serif;
    font-size: 1.35rem;
  }

  .post-content h4 {
    font-size: 1.05rem;
    font-weight: 700;
  }

  .post-content ul,
  .post-content ol {
    padding-left: 1.35rem;
  }

  .post-content li {
    margin-bottom: 0.4rem;
  }

  .post-content a {
    color: var(--green);
    text-decoration: underline;
  }

  .post-content img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
  }

  .post-content blockquote {
    border-left: 3px solid var(--green);
    padding-left: 1rem;
    color: var(--text-muted);
    font-family: "Lora", serif;
    font-style: italic;
  }

  .post-content .wp-caption,
  .post-content figcaption {
    color: var(--text-muted);
    font-size: 0.85rem;
    line-height: 1.5;
    margin-top: 0.45rem;
  }

  .drinks-page-container,
  .history-page-container {
    padding-top: 0 !important;
  }

  .site-page-konzept .wp-block-post-content > section:first-of-type,
  .site-page-getraenkekarte .wp-block-post-content > section:first-of-type,
  .site-page-speisekarte .wp-block-post-content > section:first-of-type,
  .site-page-geschichte .wp-block-post-content > section:first-of-type {
    padding-top: 3.5rem !important;
  }

  @media (max-width: 1100px) {
    .christians-site .legacy-nav .nav-links {
      display: none !important;
    }

    .christians-site .legacy-nav .hamburger {
      display: flex !important;
    }
  }

  @media (min-width: 1101px) {
    .christians-site .legacy-nav .nav-links {
      display: flex !important;
    }

    .christians-site .legacy-nav .hamburger {
      display: none !important;
    }
  }

  @media (max-width: 700px) {
    .vereine-grid,
    .mieten-grid,
    .occasion-accordion,
    .konzept-details-grid,
    .map-inner,
    .consent-inner {
      grid-template-columns: 1fr !important;
    }

    .mieten-card,
    .verein-card {
      min-height: 0;
      padding: 1.25rem !important;
    }

    .page-hero-content {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }

    .drinks-page-container,
    .history-page-container {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
      padding-top: 0 !important;
    }

    .site-page-konzept .wp-block-post-content > section:first-of-type,
    .site-page-getraenkekarte .wp-block-post-content > section:first-of-type,
    .site-page-speisekarte .wp-block-post-content > section:first-of-type,
    .site-page-geschichte .wp-block-post-content > section:first-of-type {
      padding-top: 2.5rem !important;
    }

    .site-home .hero-content {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }

    .site-page-konzept .stats-row {
      gap: 0.55rem !important;
    }

    .site-page-konzept .stat-item {
      padding: 1rem 0.45rem !important;
    }

    .site-page-konzept .stat-num {
      font-size: clamp(1.05rem, 5.6vw, 1.45rem) !important;
    }

    .site-page-konzept .stat-label {
      font-size: 0.56rem !important;
      letter-spacing: 0.04em !important;
      overflow-wrap: anywhere;
    }

    .map-consent,
    .map-consent iframe,
    .map-placeholder {
      min-height: 360px;
    }

    .consent-banner {
      left: 0.65rem;
      right: 0.65rem;
      bottom: 0.65rem;
      padding: 1.1rem;
      border-radius: 22px;
    }

    .consent-actions {
      width: 100%;
      flex-direction: column-reverse;
    }

    .consent-button {
      width: 100%;
    }

    .footer-bottom {
      flex-direction: column;
      align-items: flex-start !important;
      gap: 0.6rem;
    }

    .footer-credit {
      display: block !important;
      width: 100% !important;
      text-align: left !important;
      margin-top: 1rem !important;
      line-height: 1.6;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      scroll-behavior: auto !important;
      transition-duration: 0.01ms !important;
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
    }

    .fade-up {
      opacity: 1 !important;
      transform: none !important;
      filter: none !important;
    }
  }