/******* Do not edit this file *******
Code Snippets Manager
Saved: Aug 01 2026 | 08:59:29 */
@charset "UTF-8";
html, body {
  overflow-x: clip;
}
body {
  background-color: var(--color-bg, #fafafa);
  color: var(--text-body, #202020);
}
/* === NEVEREST World-Switch === */
[data-world="b2c"] {
  --color-accent: #fd3e8a;
  --color-accent-text: #ffffff;
  --color-accent-soft: #9a1750;
  --color-accent-tint: rgba(253, 62, 138, 0.1);
}
[data-world="inhouse"] {
  --color-accent: #69daff;
  --color-accent-text: #003a52;
  --color-accent-soft: #005a78;
  --color-accent-tint: rgba(105, 218, 255, 0.12);
}
/* === Keyframes === */
@keyframes nev-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes nev-slide-up {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes nev-scale-in {
  from {
    opacity: 0;
    transform: scale(0.92);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes nev-skeleton-wave {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
/* === Animation Utilities === */
.nev-animate-fade-in {
  animation: nev-fade-in var(--duration-base) var(--ease-out) both;
}
.nev-animate-slide-up {
  animation: nev-slide-up var(--duration-slow) var(--ease-out) both;
}
.nev-animate-scale-in {
  animation: nev-scale-in var(--duration-base) var(--ease-spring) both;
}
.nev-delay-100 {
  animation-delay: 100ms;
}
.nev-delay-200 {
  animation-delay: 200ms;
}
.nev-delay-300 {
  animation-delay: 300ms;
}
/* === Screen Reader Only === */
.nev-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
/* === Focus === */
:focus-visible {
  outline: 2px solid var(--color-primary);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
}
/* === Scroll Row: mobile horizontal scroll === */
.nev-scroll-row {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: var(--space-4);
  padding-bottom: var(--space-4);
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.nev-scroll-row::-webkit-scrollbar {
  display: none;
}
.nev-scroll-row > * {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  flex-shrink: 0;
}
.nev-scroll-row--peek > * {
  width: clamp(260px, 80vw, 340px);
}
@media (min-width: 768px) {
  .nev-scroll-row {
    flex-wrap: wrap;
    overflow-x: visible;
    scroll-snap-type: none;
  }
  .nev-scroll-row > * {
    flex-shrink: 1;
    width: auto;
    flex: 1 1 240px;
  }
}
@media (min-width: 1024px) {
  .nev-scroll-row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }
}
/* === Check List === */
.nev-check-list {
  display: grid;
  gap: var(--space-3);
}
.nev-check-list li {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  font-size: var(--text-base);
  line-height: var(--leading-body);
}
.nev-check-list li::before {
  content: "/2713";
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-primary);
  color: var(--text-on-primary);
  border-radius: var(--radius-pill);
  font-size: 12px;
  font-weight: 700;
  margin-top: 1px;
}
/* === Responsive Visibility === */
@media (max-width: 768px) {
  .nev-hide-mobile {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .nev-hide-desktop {
    display: none !important;
  }
}
/* === NEVEREST Typography Theme: via Theme Style === */
h1.brxe-heading {
  font-family: var(--font-headline);
  font-size: var(--text-5xl);
  font-weight: 400;
  letter-spacing: -0.02em;
  margin: 0 0 0.5em;
  line-height: var(--leading-tight);
}
h2.brxe-heading {
  font-family: var(--font-headline);
  font-size: var(--text-3xl);
  font-weight: 400;
  letter-spacing: -0.02em;
  margin: 0 0 0.5em;
  line-height: var(--leading-tight);
}
h3.brxe-heading {
  font-family: var(--font-body);
  font-size: var(--text-2xl);
  font-weight: 600;
  letter-spacing: -0.005em;
  margin: 0 0 0.4em;
  line-height: 1.15;
}
h4.brxe-heading {
  font-family: var(--font-body);
  font-size: var(--text-lg);
  font-weight: 600;
  margin: 0 0 0.4em;
  line-height: var(--leading-snug);
}
h5.brxe-heading {
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 700;
  margin: 0 0 0.3em;
  line-height: var(--leading-body);
}
h6.brxe-heading {
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: 700;
  margin: 0 0 0.3em;
}
/* Highlight span */
.hl {
  font-family: "Market FF", "Permanent Marker", cursive;
  font-size: 1.2em;
  line-height: 1.1;
  color: inherit;
}
/* === Check List === */
.brxe-text ul {
  list-style: none;
  padding-left: 0;
}
.brxe-text li {
  position: relative;
  padding-left: 28px;
  /* Abstand zum Text */
  margin-bottom: 12px;
}
.brxe-text li::before {
  content: "";
  position: absolute;
  left: 0.25em;
  top: 0.1em;
  width: 1.2em;
  height: 1.2em;
  /* Farbe des Bullets – frei änderbar */
  background-color: var(--nev-bullet-color, currentColor);
  /* SVG als Schablone statt als Bild */
  -webkit-mask-image: url(/wp-content/uploads/NEVEREST-Bullet-Arrow.svg);
  mask-image: url(/wp-content/uploads/NEVEREST-Bullet-Arrow.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
/* === Look & Feel von Text-Links === */
.brxe-text a, .brxe-text-basic a, .brxe-post-content a {
  text-decoration: underline;
  text-decoration-color: var(--color-sweet-indigo-60);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.15em;
  transition: color 0.2s ease, border-color 0.2s ease;
  font-weight: 600;
}
.brxe-text a:hover, .brxe-text-basic a:hover, .brxe-post-content a:hover {
  text-decoration-color: color-mix(in srgb, var(--color-sweet-indigo-60) 40%, transparent);
}
.brxe-text a:focus-visible, .brxe-text-basic a:focus-visible, .brxe-post-content a:focus-visible {
  outline: 2px solid var(--color-sweet-indigo-60);
  outline-offset: 2px;
  border-radius: 2px;
}
/* === Sonstiges === */
.nev-small-print {
  font-size: 0.8em;
  line-height: 1.3;
}
.nev-small-print a {
  text-decoration: underline;
}
/* === Transitions === */
form button {
  /* Easing */
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  /* Dauer */
  --duration-fast: 160ms;
  --duration-base: 260ms;
  --duration-slow: 420ms;
  --duration-xslow: 600ms;
}
/* === Form Buttons Styling === */
form button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--btn-padding, 14px 28px);
  line-height: 1;
  border-radius: var(--radius-md);
  color: var(--text-body);
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out), background var(--duration-fast) var(--ease-soft), color var(--duration-fast) var(--ease-soft), border-color var(--duration-fast) var(--ease-soft);
}
form button:hover {
  background-color: var(--color-primary);
  background-color: oklch(from var(--color-primary) clamp(0, calc(l + 0.06), 1) c h);
}