@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
/* Font Awesome Icons Navigation */
.wp-block-navigation .wp-block-navigation-item__content[href*="downloads"]:before,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[href*="downloads"]:before {
    content: '\f019'; /* fa-download */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}
.wp-block-navigation .wp-block-navigation-item__content[href*="brauereien"]:before,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[href*="brauereien"]:before {
    content: '\f0fc'; /* fa-beer-mug-empty */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}
.wp-block-navigation .wp-block-navigation-item__content[href*="routen"]:before,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[href*="routen"]:before {
    content: '\f3c5'; /* fa-location-dot */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}
.wp-block-navigation .wp-block-navigation-item__content[href*="events"]:before,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[href*="events"]:before {
    content: '\f133'; /* fa-calendar */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}
.wp-block-navigation .wp-block-navigation-item__content[href*="partner"]:before,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[href*="partner"]:before {
    content: '\f2b5'; /* fa-handshake */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}

/* STARTSEITE - HAUS-ICON (f015) */
.wp-block-navigation .wp-block-navigation-item__content[href="https://bierstrasse.org/"]:before,
.wp-block-navigation .wp-block-navigation-item__content[href="/"]:before,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[href="https://bierstrasse.org/"]:before,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[href="/"]:before {
    content: '\f015' !important; /* fa-solid-house */
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    margin-right: 8px !important;
}

/* Datenschutz + Impressum */
.wp-block-navigation .wp-block-navigation-item__content[href*="datenschutz"]:before,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[href*="datenschutz"]:before {
    content: '\f3ed'; /* fa-shield-halved */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}
.wp-block-navigation .wp-block-navigation-item__content[href*="impressum"]:before,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[href*="impressum"]:before {
    content: '\f05a'; /* fa-circle-info */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}
.wp-block-navigation .wp-block-navigation-item__content[href*="idee"]:before,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[href*="idee"]:before {
    content: '\f0eb'; /* fa-lightbulb */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}
.wp-block-navigation .wp-block-navigation-item__content[href*="bierbotschafter"]:before,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[href*="bierbotschafter"]:before {
    content: '\e533'; /* fa-people-group */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}
.wp-block-navigation .wp-block-navigation-item__content[href*="naturschutz"]:before,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[href*="naturschutz"]:before {
    content: '\f56b'; /* fa-feather-pointed */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}
.wp-block-navigation .wp-block-navigation-item__content[href*="kontakt"]:before,
.wp-block-navigation__responsive-container-content .wp-block-navigation-item__content[href*="kontakt"]:before {
    content: '\f4ad'; /* fa-comment-dots */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}
.entry-content a[href^="http"]:not([href*="bierstrasse.org"]):not([href*="wordpress.com"]):not([href*="wpcomstaging.com"])::after {
	content: '\f35d';
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-size: 0.6em;
	margin-left: 4px;
	vertical-align: middle;
}

/* Steckbrief Trennlinie */
.wp-block-separator.bierstrasse-steckbrief-trenner {
  border-bottom: 2px dotted #473221 !important;
  border-top: none !important;
  margin: 0.5rem 0 !important;
}

/* Text Hover (#ffcc00) */
.wp-block-tiptip-hyperlink-group-block:hover h2.wp-block-heading,
.wp-block-tiptip-hyperlink-group-block:hover .has-link-color {
    color: #ffcc00 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.wp-block-tiptip-hyperlink-group-block:hover .wp-block-heading {
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8) !important;
}

/* Kachel Hover + Rahmen */
.bierstrasse-kachel-hover {
    transition: opacity 0.4s ease !important;
}

.bierstrasse-kachel-hover .wp-block-cover__image-background {
    opacity: 1 !important;
    transition: opacity 0.4s ease !important;
    filter: grayscale(50%) brightness(0.8) !important;
}
.bierstrasse-kachel-hover:hover .wp-block-cover__image-background {
    filter: grayscale(0%) brightness(1) !important;
}

.wp-block-navigation a:hover,
.wp-block-navigation .wp-block-navigation-item__content:hover {
    color: #ffcc00 !important;
    text-decoration: none !important;
    border-bottom: none !important;
}
.wp-block-button__link {
    color: #ffffff !important;
    transition: all 0.3s ease !important;
}

.wp-block-button__link:hover {
    transform: translateY(-4px) !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
	color: #ffcc00 !important; /* Bleibt weiß */
    background-color: #8a0509 !important; /* Dunkler Hintergrund */
}

/*CV Grid CSS */
/* Bilder in den Brauerei-Kacheln beschneiden */
.cv-post-thumb img {
	width: 100% !important;
	height: 220px !important;   /* nach Geschmack anpassen: z.B. 220–260px */
	object-fit: cover !important;
	object-position: center !important;
	display: block;
}

/* Vorsichtshalber Überlauf verstecken, falls der Container kleiner ist */
.cv-post-thumb {
	overflow: hidden;
}
#cv-grid-post-layout {
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
	box-sizing: border-box !important;
}
/* Plugin-Button wie wp-block-button.is-style-fill stylen */
#cv-grid-post-layout .cv-read-more a,
.cv-block-grid .cv-read-more a,
.cv-post .cv-read-more a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.7em 1.6em !important;
	border-radius: 9999px !important; /* Pillenform wie beim Theme-Button */
	background-color: var(--wp--preset--color--custom-bierstra-e-rot);
	color: #ffffff;
	font-family: var(--wp--preset--font-family--haskoy) !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
	text-decoration: none;
	font-size: 0.9rem;
	line-height: 1.2;
	border: none !important;
}

/* CV GRID – ROUTEN-GRUPPEN (HEADLINES, FONTS, BUTTONS) */

/* Gemeinsame Basis-Styles für alle Routen-Grids */
.brauereien-nord-route h2,
.brauereien-nord-route h3,
.brauereien-havel-route h2,
.brauereien-havel-route h3,
.brauereien-ost-route h2,
.brauereien-ost-route h3,
.brauereien-sued-route h2,
.brauereien-sued-route h3,
.brauereien-nord-route .cv-post-thumb h2,
.brauereien-nord-route .cv-post-thumb h3,
.brauereien-havel-route .cv-post-thumb h2,
.brauereien-havel-route .cv-post-thumb h3,
.brauereien-ost-route .cv-post-thumb h2,
.brauereien-ost-route .cv-post-thumb h3,
.brauereien-sued-route .cv-post-thumb h2,
.brauereien-sued-route .cv-post-thumb h3 {
    font-family: var(--wp--preset--font-family--d-din-condensed), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-weight: 700 !important;
}

/* Content Views: Post-Titel im Grid innerhalb der Routen-Gruppen */
.brauereien-nord-route .cv-post-title,
.brauereien-havel-route .cv-post-title,
.brauereien-ost-route .cv-post-title,
.brauereien-sued-route .cv-post-title,
.brauereien-nord-route .cv-post-title a,
.brauereien-havel-route .cv-post-title a,
.brauereien-ost-route .cv-post-title a,
.brauereien-sued-route .cv-post-title a {
    font-family: var(--wp--preset--font-family--d-din-condensed, var(--wp--preset--font-family--system-font)) !important;
    font-weight: 700 !important;
    line-height: 1.1;
    padding-bottom: 12px !important; /* Platz für Linie */
}

/* Linie unter Post-Titel (Layout 2) */
.brauereien-nord-route #cv-grid-post-layout .cv-block-grid--layout-two .cv-post-title::after,
.brauereien-havel-route #cv-grid-post-layout .cv-block-grid--layout-two .cv-post-title::after,
.brauereien-ost-route #cv-grid-post-layout .cv-block-grid--layout-two .cv-post-title::after,
.brauereien-sued-route #cv-grid-post-layout .cv-block-grid--layout-two .cv-post-title::after {
    content: "" !important;
    position: absolute !important;
    margin-top: 8px !important; /* zusätzlicher Abstand */
}

/* ROUTEN H2-TITEL - ROUTENFARBEN (Block-Titel über dem Grid) */
.brauereien-nord-route .cv-block-title { color: var(--wp--preset--color--custom-bierstra-e-rot) !important; }
.brauereien-havel-route .cv-block-title { color: var(--wp--preset--color--custom-bierstra-e-havel-route) !important; }
.brauereien-ost-route .cv-block-title { color: var(--wp--preset--color--custom-bierstra-e-ost-route) !important; }
.brauereien-sued-route .cv-block-title { color: var(--wp--preset--color--custom-s-d-route) !important; }

/* Route-spezifische Button-Farben (Mehr erfahren / Weiterlesen etc.) */
.brauereien-nord-route .cv-read-more a { background: var(--wp--preset--color--custom-bierstra-e-rot) !important; }
.brauereien-havel-route .cv-read-more a { background: var(--wp--preset--color--custom-bierstra-e-havel-route) !important; }
.brauereien-ost-route .cv-read-more a { background: var(--wp--preset--color--custom-bierstra-e-ost-route) !important; }
.brauereien-sued-route .cv-read-more a { background: var(--wp--preset--color--custom-s-d-route) !important; }

/* BUTTON HOVER-EFFEKTE (wie auf Startseite) */
.brauereien-nord-route .cv-read-more a,
.brauereien-havel-route .cv-read-more a,
.brauereien-ost-route .cv-read-more a,
.brauereien-sued-route .cv-read-more a {
    transition: all 0.4s ease !important; /* gleiche Transition wie Startseite */
	color: #ffffff !important;
}

.brauereien-nord-route .cv-read-more a:hover { 
	transform: translateY(-4px) !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
	background-color: #8a0509 !important; 
	color: #ffcc00 !important; }
.brauereien-havel-route .cv-read-more a:hover { 
	transform: translateY(-4px) !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
	background-color: #082f69 !important; 
	color: #ffcc00 !important; }
.brauereien-ost-route .cv-read-more a:hover { 
	transform: translateY(-4px) !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
	background-color: #003617 !important;
	color: #ffcc00 !important; }
.brauereien-sued-route .cv-read-more a:hover { 
	transform: translateY(-4px) !important;
	box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
	background-color: #161616 !important;
	color: #ffcc00 !important; }

/* ROUTEN-SEITE BUTTONS - IFRAME-SICHER */

/* Basis-Styles + Transition */
.route-nord-buttons .wp-block-button__link,
.route-havel-buttons .wp-block-button__link,
.route-ost-buttons .wp-block-button__link,
.route-sued-buttons .wp-block-button__link {
    color: #ffffff !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Route-spezifische Basis-Farben */
.route-nord-buttons .wp-block-button__link { 
    background: var(--wp--preset--color--custom-bierstra-e-rot) !important; 
}
.route-havel-buttons .wp-block-button__link { 
    background: var(--wp--preset--color--custom-bierstra-e-havel-route) !important; 
}
.route-ost-buttons .wp-block-button__link { 
    background: var(--wp--preset--color--custom-bierstra-e-ost-route) !important; 
}
.route-sued-buttons .wp-block-button__link { 
    background: var(--wp--preset--color--custom-s-d-route) !important; 
}

/* Gemeinsamer Hover-Effekt */
.route-nord-buttons .wp-block-button__link:hover,
.route-havel-buttons .wp-block-button__link:hover,
.route-ost-buttons .wp-block-button__link:hover,
.route-sued-buttons .wp-block-button__link:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
    color: #ffcc00 !important;
}

/* Route-spezifische Hover-Farben */
.route-nord-buttons .wp-block-button__link:hover { background-color: #8a0509 !important; }
.route-havel-buttons .wp-block-button__link:hover { background-color: #082f69 !important; }
.route-ost-buttons .wp-block-button__link:hover { background-color: #003617 !important; }
.route-sued-buttons .wp-block-button__link:hover { background-color: #161616 !important; }
/* BASIS: Alle normalen Text-Links */
p a, 
li a, 
.wp-block-paragraph a {
    color: #8a0509 !important;
	transition: color 0.3s ease !important;
}

/* HOVER: Alle normalen Text-Links */
p a:hover, 
li a:hover, 
.wp-block-paragraph a:hover {
    color: var(--wp--preset--color--custom-bierstra-e-rot) !important;
    text-decoration: none !important;
}

/* AUSNAHMEN: Navigation + Notice komplett überschreiben */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-navigation-item a,
[class*="notice"] a,
.notice a,
.jetpack-notice a,
.banner-notice a,
.admin-notice a,
div[class*="notice"] a {
    transition: color 0.3s ease !important;
}

/* Navigation Hover BEWUSSTLICH anders */
.wp-block-navigation a {
    color: #ffffff !important;
}
.wp-block-navigation a:hover {
    color: #ffcc00 !important;
}

/* NAVIGATIONS OVERLAY - 10% TRANSPARENT */
.wp-block-navigation__responsive-container.is-menu-open {
    background-color: rgba(0, 0, 0, 0.80) !important;
    backdrop-filter: blur(10px) !important;
}

/* Desktop Navigation explizit schützen */
.wp-block-navigation:not(.wp-block-navigation__responsive-container) {
    backdrop-filter: none !important;
    background-color: inherit !important;
}

/* Container schützen */
.wp-block-navigation__responsive-container-content {
    backdrop-filter: none !important;
    background: transparent !important;
}

/* Mobile-Optimierung */
@media (max-width: 768px) {
    .wp-block-navigation__responsive-container {
        background-color: rgba(0, 0, 0, 0.80) !important; /* etwas dunkler auf Mobile */
    }
}

/* Download-Button */
.sdm_download.pink,
.sdm_download,
span.sdm_download_button a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.7em 1.6em !important;
    border-radius: 9999px !important;
    background: var(--wp--preset--color--custom-bierstra-e-rot) !important;
    background-color: var(--wp--preset--color--custom-bierstra-e-rot) !important;
    background-image: none !important;
    filter: none !important;
    border: none !important;
    color: #ffffff !important;
    text-shadow: none !important;
    box-shadow: none !important;
	font-family: var(--wp--preset--font-family--haskoy) !important;
	font-weight: 800 !important;
    font-size: 0.9rem !important;
	letter-spacing: 1px !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    transition: all 0.4s ease !important;
}
.sdm_download.green:hover,
.sdm_download.pink:hover,
.sdm_download:hover,
span.sdm_download_button a:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
    background-color: #8a0509 !important;
    color: #ffcc00 !important;
}

/* Scroll Down Arrows */
.scroll-down-indicator {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  cursor: pointer;
}

.scroll-down-indicator i {
  font-size: 4rem; /* Doppelte Größe */
  color: #fff; /* Passe Farbe an */
  animation: strongBounce 1.2s infinite;
}

@keyframes strongBounce {
  0%, 20%, 50%, 80%, 100% { 
    transform: translateY(0) scale(1); 
  }
  40% { 
    transform: translateY(-20px) scale(1.05); /* Stärkerer Hüpfer + leichte Vergrößerung */
  }
  60% { 
    transform: translateY(-10px) scale(1.02); 
  }
}

/* DEIN Logo zentrieren - Theme-Override */
.wp-block-site-logo {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
}

.wp-block-site-logo .custom-logo-link {
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.wp-block-site-logo .custom-logo {
    display: block !important;
    margin: 0 auto !important;
    max-width: none !important;
}

/* Parent-Container zwingen */
.wp-block-group .wp-block-site-logo,
header .wp-block-site-logo {
    flex: 1 !important;
    justify-content: center !important;
    align-items: center !important;
}

/* STARTSEITE KACHELN Schriftgröße */
@media (min-width: 1440px) {
.home .wp-block-columns .wp-block-column h2,
.home .wp-block-columns .wp-block-column h3,
.home .wp-block-group h3,
.home .cv-block-grid .cv-post-title,
.home .cv-post-title,
.home .wp-block-latest-posts__post-title {font-size: 4.0em !important;}
}

/* Mobile gleich groß */
@media (min-width: 769px) and (max-width: 1439px) {
  .home .wp-block-columns .wp-block-column h2,
  .home .wp-block-columns .wp-block-column h3,
  .home .wp-block-group h3,
  .home .cv-block-grid .cv-post-title,
  .home .cv-post-title,
  .home .wp-block-latest-posts__post-title {
    font-size: 2.5em !important;
  }
}

/* MOBILE KACHELN */
@media (max-width: 768px) {
  /* CV-Grid Thumbs (deine Brauereien-Kacheln) */
  .cv-post-thumb,
  .cv-post-thumb img {
    height: 132px !important; /* 220px * 0.6 = 132px (40% weniger) */
  }
  .home .wp-block-columns .wp-block-column h2,
  .home .wp-block-columns .wp-block-column h3,
  .home .wp-block-group h3,
  .home .cv-block-grid .cv-post-title,
  .home .cv-post-title,
  .home .wp-block-latest-posts__post-title {
    font-size: 3.1em !important;  
	}
  /* Gutenberg Columns / Groups */
  .home .wp-block-columns .wp-block-column,
  .home .wp-block-group,
  .wp-block-cover__inner-container {
    min-height: auto !important;
    height: 60% !important; /* 40% Reduktion */
  }
  
  /* Cards / Tiles allgemein */
  .home .card,
  .home .tile,
  .wp-block-post-featured-image {
    height: 160px !important; /* Anpassen nach Bedarf */
  }
}

/* HEADER ÜBERSCHRIFT NUR DESKTOP */
@media (min-width: 769px) {
  body.home header h1,
  body.site-title,
  body #site-title,
  body .site-branding h1,
  body .wp-block-site-title,
  body header .wp-block-heading,
  body header [class*="title"],
  body header [class*="branding"] h1 {
    font-size: 6em !important;
    line-height: 0.9 !important;
  }
}
@media (max-width: 768px) {
  body.home header h1,
  body.site-title,
  body #site-title,
  body .site-branding h1,
  body .wp-block-site-title,
  body header .wp-block-heading,
  body header [class*="title"],
  body header [class*="branding"] h1 {
    line-height: 0.9 !important;
  }
}
/* HEADER SUBLINE ABSTAND DESKTOP */
@media (min-width: 769px) {
  body.home header h1,
  body.site-title,
  body .wp-block-site-title {
    margin-bottom: 0.3em !important; /* Abstand zur Subline */
    padding-bottom: 0.2em !important; /* Extra Polsterung */
  }
}
/* Events-Seite override */
@media (min-width: 769px) {
	body.post-type-archive-tribe_events .tribe-events-calendar-list__event-title,
	body.post-type-archive-tribe_events .tribe-events-calendar-list__event-title.tribe-common-h6.tribe-common-h4--min-medium,
	body.post-type-archive-tribe_events .tribe-events-calendar-list__event-title-link {
	font-size: 1.8em !important;
	line-height: 0.9em !important;
	}
	body.post-type-archive-tribe_events .tribe-events-calendar-list__event-venue-title,
	body.post-type-archive-tribe_events .tribe-events-calendar-list__event-venue-title.tribe-common-b2--bold {
	font-size: 1em !important;
	line-height: 0.9em !important;
	}
}