:root,
[data-bs-theme=light] {
  --bs-blue: #1d3b53;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #d6293e;
  --bs-orange: #fd7e14;
  --bs-yellow: #f7c32e;
  --bs-green: #0cbc87;
  --bs-teal: #20c997;
  --bs-cyan: #17a2b8;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #606261;
  --bs-gray-dark: #222427;
  --bs-gray-100: #f8f8f8;
  --bs-gray-200: #dce0e5;
  --bs-gray-300: #c5c5c7;
  --bs-gray-400: #96969a;
  --bs-gray-500: #85878a;
  --bs-gray-600: #606261;
  --bs-gray-700: #3e403f;
  --bs-gray-800: #222427;
  --bs-gray-900: #202124;
  --bs-primary: #93c049;
  --bs-white: #fff;
  --bs-secondary: #85878a;
  --bs-success: #0cbc87;
  --bs-info: #17a2b8;
  --bs-warning: #f7c32e;
  --bs-danger: #d6293e;
  --bs-light: #f8f8f8;
  --bs-dark: #202124;
  --bs-primary-rgb: 147, 192, 73;
  --bs-white-rgb: 255, 255, 255;
  --bs-secondary-rgb: 133, 135, 138;
  --bs-success-rgb: 12, 188, 135;
  --bs-info-rgb: 23, 162, 184;
  --bs-warning-rgb: 247, 195, 46;
  --bs-danger-rgb: 214, 41, 62;
  --bs-light-rgb: 248, 248, 248;
  --bs-dark-rgb: 32, 33, 36;
  --bs-primary-text-emphasis: #068138;
  --bs-secondary-text-emphasis: #5d5f61;
  --bs-success-text-emphasis: #08845f;
  --bs-info-text-emphasis: #107181;
  --bs-warning-text-emphasis: #ad8920;
  --bs-danger-text-emphasis: #961d2b;
  --bs-light-text-emphasis: #3e403f;
  --bs-dark-text-emphasis: #161719;
  --bs-primary-bg-subtle: #cef1dc;
  --bs-secondary-bg-subtle: #e7e7e8;
  --bs-success-bg-subtle: #cef2e7;
  --bs-info-bg-subtle: #d1ecf1;
  --bs-warning-bg-subtle: #fdf3d5;
  --bs-danger-bg-subtle: #f7d4d8;
  --bs-light-bg-subtle: #fcfcfc;
  --bs-dark-bg-subtle: #d2d3d3;
  --bs-primary-border-subtle: #9de3b9;
  --bs-secondary-border-subtle: #cecfd0;
  --bs-success-border-subtle: #9ee4cf;
  --bs-info-border-subtle: #a2dae3;
  --bs-warning-border-subtle: #fce7ab;
  --bs-danger-border-subtle: #efa9b2;
  --bs-light-border-subtle: #dce0e5;
  --bs-dark-border-subtle: #a6a6a7;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: "Inter", sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #606261;
  --bs-body-color-rgb: 96, 98, 97;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(96, 98, 97, 0.75);
  --bs-secondary-color-rgb: 96, 98, 97;
  --bs-secondary-bg: #dce0e5;
  --bs-secondary-bg-rgb: 220, 224, 229;
  --bs-tertiary-color: rgba(96, 98, 97, 0.5);
  --bs-tertiary-color-rgb: 96, 98, 97;
  --bs-tertiary-bg: #f8f8f8;
  --bs-tertiary-bg-rgb: 248, 248, 248;
  --bs-heading-color: var(--bs-gray-900);
  --bs-link-color: #93c049;
  --bs-link-color-rgb: 9, 184, 80;
  --bs-link-decoration: none;
  --bs-link-hover-color: #079340;
  --bs-link-hover-color-rgb: 7, 147, 64;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: var(--bs-gray-200);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.313rem;
  --bs-border-radius-sm: 0.2rem;
  --bs-border-radius-lg: 0.4rem;
  --bs-border-radius-xl: 0.6rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0px 0px 40px rgba(29, 58, 83, 0.1);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(29, 58, 83, 0.15);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: rgba(12, 188, 135, 0.8);
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: rgba(214, 41, 62, 0.5);
}

.bg-wenner-blue {
    background-color: #2d8dcd !important;
}

.bg-wenner-green {
  background-color: #93c049 !important;
}

.text-wenner-blue {
  color: #2d8dcd !important;
}

.text-wenner-green {
  color: #93c049 !important;
}

.btn-wenner-green {
  --bs-btn-color: #fff;
  --bs-btn-bg: #93c049;
  --bs-btn-border-color: #93c049;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2d8dcd;
  --bs-btn-hover-border-color: #36373a;
  --bs-btn-focus-shadow-rgb: 65, 66, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2d8dcd;
  --bs-btn-active-border-color: #36373a;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #93c049;
  --bs-btn-disabled-border-color: #93c049;
}

.btn-wenner-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2d8dcd;
  --bs-btn-border-color: #2d8dcd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #93c049;
  --bs-btn-hover-border-color: #36373a;
  --bs-btn-focus-shadow-rgb: 65, 66, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #93c049;
  --bs-btn-active-border-color: #36373a;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2d8dcd;
  --bs-btn-disabled-border-color: #2d8dcd;
}

.bg-linear-overlay-wenner {
  /* Für ältere WebKit-Browser */
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(10%, rgba(0, 0, 0, 0.25)),
    color-stop(59%, rgba(0, 0, 0, 0.25)),
    to(rgba(0, 0, 0, 0.4))
  );
  /* Moderner Standard */
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.25) 10%,
    rgba(0, 0, 0, 0.25) 59%,
    rgba(0, 0, 0, 0.4) 100%
  );
}

.full-bleed-hero {
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  overflow: hidden;
}

/* Grundstil: Mobil */
.hero-img {
  width:100%;
  height:320px;               /* mobilhöhe */
  object-fit: cover;
  object-position: center 30%;/* verschiebt Ausschnitt nach oben */
  display:block;
}

/* Desktop: höhere Darstellung, ggf. leichter anderer Fokus */
@media (min-width: 992px) {
  .hero-img {
    height:520px;
    object-position: center 25%;
  }
}