:root {
  --weiß: var(--headline-sub);
  --av-pink: #d0c2bf;
  --light-blue: #483b40;
  --av-dark-violet: #918482;
  --dark-blue: #615556;
  --middle-blue: #615556;
  --av-galaxy: #615556;
  --fuchsia: #d0c2bf;
  --formular-grau: #1d1d1d80;
  --button-hov: #716561b3;
  --button: #716561;
  --transparent: #0000;
  --blau-h: #c3d5dd;
  --blau-d: #5e7f94;
  --headline-sub: #f0eae9;
  --bg: #f0eae9;
}

/* Scroll Bar Styling */

body {
  scrollbar-width: 1rem;
  /* scrollbar-color: var(--dark_violet) var(--pink); */
  background: var(--av-pink);
  overflow-x: hidden;
}
body::-webkit-scrollbar {
  width: 0.5em;
}
body::-webkit-scrollbar-track {
  background: var(--av-pink);
}
body::-webkit-scrollbar-thumb {
  background: var(--headline);
  outline: none;
  border-radius: 4rem;
}

/* Swiper JS */

.swiper-slide.is-active .slider-main_img {
  transform: scale(1.2);
}

/* Page Loader */
body .transition {
  display: block;
}
.w-editor .transition {
  display: none;
}
.no-scroll-transition {
  overflow: hidden;
  position: relative;
}

/* Cursor */
/* .video-wrapper-activator {
    pointer-events: none;
} */

/* Nav Bar */
.navbar-link.w-nav-link.w--current,
.navbar-link.w-nav-link.current {
  border-left: 3px solid var(--blau-h);
}

/* make a blinking animation */
.blinking-cursor {
  animation: blink 1s infinite;
  color: var(--blau-h);
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* EXTRAS */
::selection {
  background: var(--blau-h);
  color: var(--white);
}

::-moz-selection {
  background: var(--blau-h);
  color: var(--white);
}

/* Slider Agentur Bilder CSS */
.swiper.agentur-bilder {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.swiper-wrapper.agentur-bilder {
  display: flex;
  width: max-content;
  gap: 20px;
  will-change: transform;
  cursor: grab;
}

.swiper-wrapper.agentur-bilder.is-dragging {
  cursor: grabbing;
}

.swiper-slide.agentur-bilder {
  flex: 0 0 auto;
  height: 300px; /* feste Höhe als Referenz, Breite variiert je Format */
}

.swiper-slide.agentur-bilder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none; /* verhindert natives Bild-Dragging, das mit unserem Drag kollidiert */
  -webkit-user-drag: none;
}

/* Bildformate */
.swiper-slide.agentur-bilder.is-portrait {
  width: 300px;
  height: auto;
}

.swiper-slide.agentur-bilder.is-landscape {
  width: 450px;
  height: auto;
}

/* Tablet */
@media (max-width: 1023px) {
  .swiper-slide.agentur-bilder {
    height: 220px;
  }
  .swiper-slide.agentur-bilder.is-portrait {
    width: 220px;
  }
  .swiper-slide.agentur-bilder.is-landscape {
    width: 440px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .swiper-slide.agentur-bilder {
    height: 160px;
  }
  .swiper-slide.agentur-bilder.is-portrait {
    width: 160px;
  }
  .swiper-slide.agentur-bilder.is-landscape {
    width: 320px;
  }
}