/* OAOA CSS Styles */
::-moz-selection { /* Code for Firefox */
  color: var(--base);
  background: var(--primary);
}
::selection {
  color: var(--base);
  background: var(--primary);
}

/* Logo Fix */
.site-title-container {
  padding-top: .5rem;
}

/* Desktop */
.responsive-grid {
  /* grid-template-columns: repeat(4, minmax(0, 1fr)) !important; */
}
/* Tablet */
@media (max-width: 1024px) {
  .responsive-grid.tab-1 {
    grid-template-columns: 1fr !important;
  }
  .responsive-grid.tab-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .responsive-grid.tab-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
/* Smartphone */
@media (max-width: 600px) {
  .responsive-grid.mob-1 {
    grid-template-columns: 1fr !important;
  }
  .responsive-grid.mob-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .responsive-grid.mob-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1024px) {
  .responsive-grid.tab-1.grid-reverse > *:first-child {
    grid-row: 2;
  }
  .responsive-grid.tab-1.grid-reverse > *:last-child {
    grid-row: 1;
  }
}
@media (max-width: 600px) {
  .responsive-grid.mob-1.grid-reverse > *:first-child {
    grid-row: 2;
  }
  .responsive-grid.mob-1.grid-reverse > *:last-child {
    grid-row: 1;
  }
}

html {
 font-size: var(--theme-font-size) !important;
}

body, p {
  --wp--preset--font-size--small: 0.833rem !important;
  --wp--preset--font-size--medium: 1rem !important;
  --wp--preset--font-size--large: 1.2rem !important;
  --wp--preset--font-size--x-large: 1.44rem !important;
  --wp--preset--font-size--xx-large: 1.728rem !important;
}
.has-small-font-size { font-size: 0.833rem !important; }
.has-medium-font-size { font-size: 1rem !important; }
.has-large-font-size { font-size: 1.2rem !important; }
.has-x-large-font-size { font-size: 1.44rem !important; }
.has-xx-large-font-size { font-size: 1.728rem !important; }

.text-decoration-none,
.text-decoration-none * {
  text-decoration: none !important;
}

/* Enable smooth scrolling on the whole document */
html {
  scroll-behavior: smooth;
}
/* Disable smooth scrolling when users have prefers-reduced-motion enabled */
@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* Header Fix */
#header .ct-header-content-block {
  width: 100% !important;
  font-size: 0.75rem;
}
#header .ct-header-content-block hr {
  height: 1px;
}
[data-header*="type-1"] .ct-header [data-sticky="yes:shrink"] [data-row*="middle"] {
  background-color: rgba(0, 0, 0, 0.5) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  -moz-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

/* Color Injection */
ul li::marker,
blockquote p {
  color: var(--wp--preset--color--palette-color-3) !important;
}

/* Subpages Hero Fix */
.page-id-1025 .ct-media-container img {
    transform: translate3d(0px, 0px, 0px) !important;
}
.page-id-1025 .ct-media-container img {
    object-position: top;
    object-fit: cover;
}
.page-id-1025 .ct-media-container {
    height: 100% !important;
    display: flex;
    align-items: flex-start;
}

/* Homepage Video Audio Toggle*/
.audio-toggle {
  z-index: 100;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  width: auto !important;
}
.audio-toggle svg path {
  fill: white !important;
  opacity: 0.5;
}
.audio-toggle:hover svg path {
  opacity: 1;
}

/* Resize Hero on Mobile */
/* Mobile / Tablet: unter 1024px */
#hero {
  /* Fallback für alte Browser */
  min-height: 100vh;

  /* Modern: kleiner, stabiler sichtbarer Bereich */
  min-height: 100svh;

  /* Alternative: dynamisch, wenn unterstützt */
  min-height: 100dvh;
}

/* Ab 1024px Breite (Desktop & Laptops) */
@media (min-width: 1024px) {
  #hero {
    min-height: 100vh;   /* hier reicht vh */
  }
}