/* ==========================================================================
   1. General Resets & Document Structure
   ========================================================================== */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  margin-inline: auto;
  padding: 0;
  min-height: 100vh; /* Fallback */
  min-height: 100dvh; /* Preferred for modern mobile browsers */
  display: flex;
  flex-direction: column;

  /* Zahlen ausrichen */
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum';
  background-color: var(--wp--preset--color--background);
}

/* links zurücksetzen */
a {
  text-decoration: none;
  color: inherit;
}
a:visited {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

/* ==========================================================================
2. WordPress Site Structure & Layout
========================================================================== */

/* Flexbox setup to push the footer to the bottom */
.wp-site-blocks {
  display: flex;
  flex-direction: column;
  min-height: inherit;
}

main {
  flex: 1;
}

/* ==========================================================================
   3. Gutenberg Block Overrides
   ========================================================================== */

/* Apply hover opacity to the button block */
.wp-block-button:hover {
  opacity: 0.7;
}

/* ==========================================================================
   4. Utility Classes
   ========================================================================== */

/* Break text into evenly sized lines */
.textBalance {
  text-wrap: balance;
}

/* Container for wider separators */
.wide-divider {
  max-width: 1068px !important;
  margin-inline: auto !important;
}

/* Hide elements robustly against high WP specificity */
.hide {
  display: none !important;
}

/* ==========================================================================
   5. Plugin Overrides (Complianz Cookie Banner)
   ========================================================================== */

.cookie-menu:hover {
  color: var(--wp--preset--color--primary);
  cursor: pointer;
}

.cookie-statement {
  display: none;
}

.cmplz-links a {
  text-decoration: none !important;
}

.cmplz-link {
  text-transform: uppercase;
}

/* Force specific Complianz links/documents to display inline */
.cmplz-manage-third-parties,
.cmplz-document-eu {
  display: inline !important;
}

/* ==========================================================================
   6. Custom Block Styles 
   ========================================================================== */

/** custom button Styles for core/button **/
.is-style-link-button a::before {
  content: '→ ';
  display: inline-block;
  margin-right: 8px;
}
.block-editor-block-list__block .is-style-link-button div::before {
  content: '→ ';
  display: inline-block;
  margin-right: 4px;
}

.is-style-primary-button a:hover,
a.is-style-primary-button:hover,
.is-style-download-only-primary a:hover {
  text-decoration: none !important;
}
.is-style-primary-button:hover,
.is-style-download-only-primary:hover {
  opacity: 0.8;
}

/** Download Link (core/file) **/

.is-style-download-only-primary.wp-block-file a:first-child {
  display: none;
}

.wp-block-file.is-style-download-only-primary .wp-block-file__button {
  border: 1px solid var(--wp--preset--color--foreground, white);
  border-radius: 8px;
  background: transparent;
  margin-inline: 0px;
  color: var(--wp--preset--color--foreground, white);

  padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--medium);

  font-size: var(--wp--preset--font-size--base);
  font-weight: 400;
  line-height: 1;

  width: fit-content;
  white-space: nowrap;
}

/* Svg stroke width */
.svg-stroke-width-1 svg {
  stroke-width: 1px;
}
.svg-stroke-width-2 svg {
  stroke-width: 2px;
}
.svg-stroke-width-1 svg > *,
.svg-stroke-width-2 svg > * {
  stroke-width: inherit;
}

/*  Styling Navigation Links */
.wp-block-navigation-link a:hover,
h1.kratzen a:hover,
header h2:first-of-type a:hover {
  text-decoration: none !important;
  font-weight: 400;
  color: var(--wp--preset--color--accent) !important;
}

/* no parallax effect für Termine-Bild on small screens */

@media (max-width: 1200px) {
  .live-bild .wp-block-cover__image-background {
    background-attachment: scroll;
    background-size: 100% auto;
  }
}

/* fix for slider mobile oveflow */
@media (max-width: 640px) {
  .ermisch_slider.notSingleScrollableElement {
    overflow-x: hidden;
    width: auto !important;
  }
}

/* für anchor links versatz nach unten beim scrollen aus nav menu 
Die Klasse mit bei den Gruppen mit anchor link gesetzt werden*/
.is-anchor {
  scroll-margin-top: 90px;
}