@charset "UTF-8";
:where([id]) {
  scroll-margin-block-start: 50px;
}

/** View Transition beim Seitenwechsel */
@view-transition {
  navigation: auto;
}
::view-transition-old(root) {
  animation: fadeOut 0.5s ease forwards;
}

::view-transition-new(root) {
  animation: fadeIn 0.5s ease forwards;
}

@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
body.sd-overlay-header header .header-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  transition: background-color var(--sd-transition-base) !important;
}

header.scrolling .va-header {
  height: 90px;
}
header.scrolling .va-header__logo img {
  height: 80px !important;
}

.va-header__logo img {
  transition: var(--sd-transition-500) var(--sd-ease-in-out);
}

@media (min-width: 991px) and (max-width: 1270px) {
  .va-header__container > :is(.sd-btn) {
    display: none;
  }
}
@media (max-width: 478px) {
  .va-header__container > :is(.sd-btn) {
    display: none;
  }
}
.va-header__navigation .brxe-dropdown li:nth-child(1) {
  border-radius: var(--sd-radius-m) var(--sd-radius-m) 0 0;
}
.va-header__navigation .brxe-dropdown li:nth-last-child(1) {
  border-radius: 0 0 var(--sd-radius-m) var(--sd-radius-m);
}
.va-header__navigation .brxe-dropdown li::before {
  display: none;
}
.va-header__navigation li {
  position: relative;
}
.va-header__navigation li::before {
  content: "";
  background-image: url("/wp-content/uploads/2025/11/menu-underline-1.svg");
  background-position: center;
  background-size: 110%;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -10px;
  left: -5%;
  width: 110%;
  height: 20px;
  transition: var(--sd-transition-500) var(--sd-ease-in-out);
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.va-header__navigation li:hover::before, .va-header__navigation li:has(a[aria-current=page])::before {
  clip-path: polygon(100% 0%, 0% 0%, 0% 100%, 100% 100%);
}
.va-header__navigation .brx-submenu-toggle span,
.va-header__navigation .brx-submenu-toggle a,
.va-header__navigation .brx-submenu-toggle button {
  padding: 0 !important;
}

/* Primärfarbe */
.contact.sd-bg-primary {
  color: var(--sd-secondary);
}
.contact.sd-bg-primary :is(h2, h3, h4, h5, h6, span.section-titles__pre-heading):not(:where(.contact__form *)) {
  color: var(--sd-secondary);
}
.contact.sd-bg-primary .contact__form,
.contact.sd-bg-primary .contact__form :is(h2, h3, h4, h5, h6) {
  color: var(--sd-primary);
}
.contact.sd-bg-primary .sd-btn.btn-primary,
.contact.sd-bg-primary .sd-btn.sd-bg-primary {
  background: var(--sd-secondary);
  color: var(--sd-primary);
  border-color: var(--sd-secondary);
}
.contact.sd-bg-primary .sd-btn.btn-primary:hover,
.contact.sd-bg-primary .sd-btn.sd-bg-primary:hover {
  background: transparent;
  color: var(--sd-secondary);
}

/* Akzentfarbe Grün */
.contact.sd-bg-accent-green {
  color: var(--sd-secondary);
}
.contact.sd-bg-accent-green :is(h2, h3, h4, h5, h6, span.section-titles__pre-heading):not(:where(.contact-section__form *)) {
  color: var(--sd-secondary);
}
.contact.sd-bg-accent-green .contact__form,
.contact.sd-bg-accent-green .contact__form :is(h2, h3, h4, h5, h6) {
  color: var(--sd-primary);
}
.contact.sd-bg-accent-green .contact__form {
  background-color: var(--sd-secondary);
}
.contact.sd-bg-accent-green .contact__form button {
  background-color: var(--sd-accent-green) !important;
  border-color: var(--sd-accent-green) !important;
  color: var(--sd-secondary);
}
.contact.sd-bg-accent-green .sd-btn.btn-primary,
.contact.sd-bg-accent-green .sd-btn.sd-bg-primary {
  background: var(--sd-secondary);
  color: var(--sd-accent-green);
  border-color: var(--sd-secondary);
}
.contact.sd-bg-accent-green .sd-btn.btn-primary:hover,
.contact.sd-bg-accent-green .sd-btn.sd-bg-primary:hover {
  background: transparent;
  color: var(--sd-secondary);
}

/* Akzentfarbe Pink */
.contact.sd-bg-accent-pink .contact__form {
  background-color: var(--sd-secondary);
}
.contact.sd-bg-accent-pink .contact__form button {
  background-color: var(--sd-accent-pink) !important;
  border-color: var(--sd-accent-pink);
  color: var(--sd-primary);
}