/* site.css - the-glow-well.com im CMS2 (Umzug ohne Redesign, Stand 2026-11-11).
   Teil 1: benutzte Regeln der alten Stylesheets (Bootstrap 5.3, Template AgriCulture/BootstrapMade, fonts.css, Inline-Stile),
   ermittelt mit werkzeuge/cms2/stile.js, Klassen umbenannt: container > breite, row > reihe, col-lg-6 > lg-6,
   carousel > karussell, swiper > schieber, Icons als SVG (.bi). Teil 2: eigene Teile (Navigation, Karussell, Schieber). */
html { overflow-x: hidden; }
/* inline:e181ddb6 */
/* /cms/module_content/_fonts/fonts.css */
@font-face { font-display: swap; font-family: Italiana; font-style: normal; font-weight: 400; src: url("../fonts/italiana-v20-latin-regular.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 300; src: url("../fonts/open-sans-v40-latin-300.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: italic; font-weight: 300; src: url("../fonts/open-sans-v40-latin-300italic.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url("../fonts/open-sans-v40-latin-regular.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: italic; font-weight: 400; src: url("../fonts/open-sans-v40-latin-italic.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 500; src: url("../fonts/open-sans-v40-latin-500.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: italic; font-weight: 500; src: url("../fonts/open-sans-v40-latin-500italic.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 600; src: url("../fonts/open-sans-v40-latin-600.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: italic; font-weight: 600; src: url("../fonts/open-sans-v40-latin-600italic.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 700; src: url("../fonts/open-sans-v40-latin-700.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: italic; font-weight: 700; src: url("../fonts/open-sans-v40-latin-700italic.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: normal; font-weight: 800; src: url("../fonts/open-sans-v40-latin-800.woff2") format("woff2"); }
@font-face { font-display: swap; font-family: "Open Sans"; font-style: italic; font-weight: 800; src: url("../fonts/open-sans-v40-latin-800italic.woff2") format("woff2"); }
/* /cms/module_content/_assets/vendor/bootstrap/css/bootstrap.min.css */
:root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --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: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33,37,41; --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(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33,37,41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233,236,239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33,37,41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248,249,250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13,110,253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10,88,202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --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: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; }
*, ::after, ::before { box-sizing: border-box; }
@media (prefers-reduced-motion: no-preference) {
  :root { scroll-behavior: smooth; }
}
body { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }
hr { margin: 1rem 0px; color: inherit; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: var(--bs-border-width) solid; opacity: 0.25; }
h1, h2, h3, h4 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); }
h1 { font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px) {
  h1 { font-size: 2.5rem; }
}
h2 { font-size: calc(1.325rem + 0.9vw); }
@media (min-width: 1200px) {
  h2 { font-size: 2rem; }
}
h3 { font-size: calc(1.3rem + 0.6vw); }
@media (min-width: 1200px) {
  h3 { font-size: 1.75rem; }
}
h4 { font-size: calc(1.275rem + 0.3vw); }
@media (min-width: 1200px) {
  h4 { font-size: 1.5rem; }
}
p { margin-top: 0px; margin-bottom: 1rem; }
address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }
ol, ul { padding-left: 2rem; }
ol, ul { margin-top: 0px; margin-bottom: 1rem; }
ul ul { margin-bottom: 0px; }
blockquote { margin: 0px 0px 1rem; }
strong { font-weight: bolder; }
small { font-size: 0.875em; }
a { color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); text-decoration: underline; }
a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }
code { font-family: var(--bs-font-monospace); font-size: 1em; }
code { font-size: 0.875em; color: var(--bs-code-color); overflow-wrap: break-word; }
img { vertical-align: middle; }
label { display: inline-block; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
button, input, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, select { text-transform: none; }
[role="button"] { cursor: pointer; }
select { overflow-wrap: normal; }
select:disabled { opacity: 1; }
[type="button"], [type="submit"], button { appearance: button; }
[type="button"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
textarea { resize: vertical; }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0px; }
::-webkit-inner-spin-button { height: auto; }
::-webkit-search-decoration { appearance: none; }
::-webkit-color-swatch-wrapper { padding: 0px; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
::file-selector-button { font: inherit; appearance: button; }
iframe { border: 0px; }
.img-fluid { max-width: 100%; height: auto; }
.breite, .breite-voll, .breite-xl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; }
@media (min-width: 576px) {
  .breite { max-width: 540px; }
}
@media (min-width: 768px) {
  .breite { max-width: 720px; }
}
@media (min-width: 992px) {
  .breite { max-width: 960px; }
}
@media (min-width: 1200px) {
  .breite, .breite-xl { max-width: 1140px; }
}
@media (min-width: 1400px) {
  .breite, .breite-xl { max-width: 1320px; }
}
:root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; }
.reihe { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); }
.reihe > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); }
.a-0 { --bs-gutter-x: 0; }
.a-0 { --bs-gutter-y: 0; }
.ay-4 { --bs-gutter-y: 1.5rem; }
.ay-5 { --bs-gutter-y: 3rem; }
@media (min-width: 768px) {
  .md-3 { flex: 0 0 auto; width: 25%; }
  .md-4 { flex: 0 0 auto; width: 33.3333%; }
  .md-6 { flex: 0 0 auto; width: 50%; }
  .md-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 992px) {
  .lg-2 { flex: 0 0 auto; width: 16.6667%; }
  .lg-3 { flex: 0 0 auto; width: 25%; }
  .lg-4 { flex: 0 0 auto; width: 33.3333%; }
  .lg-5 { flex: 0 0 auto; width: 41.6667%; }
  .lg-6 { flex: 0 0 auto; width: 50%; }
  .lg-8 { flex: 0 0 auto; width: 66.6667%; }
  .lg-9 { flex: 0 0 auto; width: 75%; }
  .lg-12 { flex: 0 0 auto; width: 100%; }
  .ax-lg-5 { --bs-gutter-x: 3rem; }
}
@media (min-width: 1200px) {
  .xl-4 { flex: 0 0 auto; width: 33.3333%; }
}
.form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .form-control { transition: none; }
}
.form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; }
.form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0px; }
.form-control::-webkit-datetime-edit { display: block; padding: 0px; }
.form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; }
.form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; }
.form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: var(--bs-border-width); border-radius: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: var(--bs-border-width); border-radius: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button { transition: none; }
  .form-control::file-selector-button { transition: none; }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--bs-secondary-bg); }
.form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); }
textarea.form-control { min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)); }
.karussell { position: relative; }
.karussell-bild { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .karussell-bild { transition: none; }
}
.karussell-blende .karussell-bild { opacity: 0; transition-property: opacity; transform: none; }
.karussell-vor, .karussell-zurueck { position: absolute; top: 0px; bottom: 0px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0px; color: rgb(255, 255, 255); text-align: center; background: 0px 0px; border: 0px; opacity: 0.5; transition: opacity 0.15s; }
@media (prefers-reduced-motion: reduce) {
  .karussell-vor, .karussell-zurueck { transition: none; }
}
.karussell-vor:focus, .karussell-vor:hover, .karussell-zurueck:focus, .karussell-zurueck:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; }
.karussell-zurueck { left: 0px; }
.karussell-vor { right: 0px; }
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50% center; background-size: 100% 100%; }
.karussell-punkte { position: absolute; right: 0px; bottom: 0px; left: 0px; z-index: 2; display: flex; justify-content: center; padding: 0px; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; }
.fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; }
.stretched-link::after { position: absolute; inset: 0px; z-index: 1; content: ""; }
.overflow-hidden { overflow: hidden !important; }
.d-flex { display: flex !important; }
.position-relative { position: relative !important; }
.h-100 { height: 100% !important; }
.flex-column { flex-direction: column !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.order-first { order: -1 !important; }
.mt-3 { margin-top: 1rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.pt-3 { padding-top: 1rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.text-center { text-align: center !important; }
@media (min-width: 768px) {
  .mt-md-0 { margin-top: 0px !important; }
}
@media (min-width: 992px) {
  .flex-lg-row { flex-direction: row !important; }
  .justify-content-lg-between { justify-content: space-between !important; }
  .align-items-lg-start { align-items: flex-start !important; }
  .order-lg-1 { order: 1 !important; }
  .order-lg-2 { order: 2 !important; }
  .order-lg-last { order: 6 !important; }
  .mb-lg-0 { margin-bottom: 0px !important; }
}
@media (min-width: 1200px) {
  .d-xl-none { display: none !important; }
}
/* /cms/module_content/_assets/css/main.css */
:root { --default-font: "Open Sans",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --heading-font: "Italiana",  sans-serif; --nav-font: "Italiana",  sans-serif; }
:root { --background-color: #ffffff; --default-color: #303030; --heading-color: #303030; --accent-color: #303030; --surface-color: #ffffff; --contrast-color: #ffffff; }
:root { --nav-color: #303030; --nav-hover-color: #000000; --nav-mobile-background-color: #ffffff; --nav-dropdown-background-color: #ffffff; --nav-dropdown-color: #303030; --nav-dropdown-hover-color: #000000; }
.light-background { --background-color: #f9f9f9; --surface-color: #ffffff; }
.dark-background { --background-color: ##f8f6f5; --default-color: #303030; --heading-color: #303030; --accent-color: #303030; --surface-color: #252525; --contrast-color: #ffffff; }
:root { scroll-behavior: smooth; }
body { color: var(--default-color); background-color: var(--background-color); font-family: var(--default-font); }
a { color: var(--accent-color); text-decoration: none; transition: 0.3s; }
a:hover { color: color-mix(in srgb, var(--accent-color), transparent 25%); text-decoration: none; }
h1, h2, h3, h4 { color: var(--heading-color); font-family: var(--heading-font); }
.header { color: var(--default-color); background-color: var(--background-color); padding: 20px 0px; transition: 0.5s; z-index: 997; }
.header .logo { line-height: 1; }
.header .logo img { max-height: 32px; margin-right: 8px; }
.scrolled .header { box-shadow: 0px 0 18px color-mix(in srgb, var(--default-color), transparent 85%); }
@media (max-width: 1199px) {
  .mobile-nav-active { overflow: hidden; }
  .mobile-nav-active .mobile-nav-toggle { color: rgb(255, 255, 255); position: absolute; font-size: 32px; top: 15px; right: 15px; margin-right: 0px; z-index: 9999; }
  .mobile-nav-active .navmenu { position: fixed; overflow: hidden; inset: 0px; background: rgba(33, 37, 41, 0.8); transition: 0.3s; }
}
.footer { color: var(--default-color); background-color: var(--background-color); font-size: 14px; position: relative; }
.footer .footer-top { background-color: color-mix(in srgb, var(--background-color), white 5%); padding-top: 50px; }
.footer .footer-about .logo { line-height: 1; margin-bottom: 25px; }
.footer .footer-about .logo span { color: var(--heading-color); font-family: var(--heading-font); font-size: 26px; font-weight: 700; letter-spacing: 1px; }
.footer .footer-about p { font-size: 14px; font-family: var(--heading-font); }
.footer h4 { font-size: 16px; font-weight: 600; position: relative; padding-bottom: 12px; margin-bottom: 15px; }
.footer h4::after { content: ""; position: absolute; display: block; width: 20px; height: 2px; background: var(--accent-color); bottom: 0px; left: 0px; }
.footer .footer-links { margin-bottom: 30px; }
.footer .footer-contact p { margin-bottom: 5px; }
.footer .copyright { padding: 30px 0px; }
.footer .credits { margin-top: 5px; font-size: 13px; }
.footer .social-links a { font-size: 18px; display: inline-block; background: color-mix(in srgb, var(--default-color), transparent 92%); color: var(--accent-color); line-height: 1; padding: 8px 0px; margin-right: 4px; border-radius: 4px; text-align: center; width: 36px; height: 36px; transition: 0.3s; }
.footer .social-links a:hover { color: var(--contrast-color); background: var(--accent-color); text-decoration: none; }
.scroll-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: 15px; z-index: 99999; background-color: var(--accent-color); width: 40px; height: 40px; border-radius: 4px; transition: 0.4s; }
.scroll-top .bi { font-size: 24px; color: var(--contrast-color); line-height: 0; }
.scroll-top:hover { background-color: color-mix(in srgb, var(--accent-color), transparent 20%); color: var(--contrast-color); }
.scroll-top.active { visibility: visible; opacity: 1; }
.page-title { color: var(--default-color); background-color: var(--background-color); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 80px 0px; text-align: center; position: relative; }
.page-title::before { content: ""; background-color: color-mix(in srgb, var(--background-color), transparent 50%); position: absolute; inset: 0px; }
.page-title h1 { font-size: 42px; font-weight: 700; margin-bottom: 10px; }
section, .section { color: var(--default-color); background-color: var(--background-color); padding: 60px 0px; scroll-margin-top: 100px; overflow: clip; }
@media (max-width: 1199px) {
  section, .section { scroll-margin-top: 66px; }
}
.section-title { text-align: center; padding-bottom: 60px; position: relative; }
.section-title h2 { font-size: 28px; font-weight: 500; margin-bottom: 15px; }
.section-title p { margin-bottom: 0px; font-family: var(--heading-font); font-size: 32px; }
.hero { padding: 0px; }
.hero .karussell { width: 100%; min-height: calc(-100px + 100vh); padding: 0px; margin: 0px; background-color: var(--background-color); position: relative; }
.hero img { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
.hero .karussell-bild { position: absolute; inset: 0px; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; }
.hero .karussell-bild::before { content: ""; background: color-mix(in srgb, var(--background-color), transparent 60%); position: absolute; inset: 0px; z-index: 2; }
.hero .karussell-inhalt img.img-logo-1 { max-width: 50%; height: auto; position: static; z-index: 3; }
@media (min-width: 600px) {
  .hero .karussell-inhalt img.img-logo-1 { max-width: 40%; }
}
@media (min-width: 900px) {
  .hero .karussell-inhalt img.img-logo-1 { max-width: 30%; }
}
@media (min-width: 1400px) {
  .hero .karussell-inhalt img.img-logo-1 { max-width: 20%; }
}
.hero .karussell-inhalt img.img-logo-2 { max-width: 100%; height: auto; position: static; z-index: 3; }
@media (min-width: 600px) {
  .hero .karussell-inhalt img.img-logo-2 { max-width: 80%; }
}
@media (min-width: 900px) {
  .hero .karussell-inhalt img.img-logo-2 { max-width: 60%; }
}
@media (min-width: 1400px) {
  .hero .karussell-inhalt img.img-logo-2 { max-width: 40%; }
}
.hero .karussell-inhalt { position: absolute; inset: 90px 64px 64px; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 3; }
.hero h2 { margin-bottom: 30px; font-size: 48px; font-weight: 700; animation: 1s ease 0s 1 normal both running fadeInDown; }
@media (max-width: 768px) {
  .hero h2 { font-size: 30px; }
}
@media (min-width: 1024px) {
  .hero h2 { max-width: 60%; }
}
.hero .karussell-zurueck, .hero .karussell-vor { width: 10%; transition: 0.3s; opacity: 0.5; }
.hero .karussell-zurueck:focus, .hero .karussell-vor:focus { opacity: 0.5; }
.hero .karussell-zurueck:hover, .hero .karussell-vor:hover { opacity: 0.9; }
@media (min-width: 1024px) {
  .hero .karussell-zurueck, .hero .karussell-vor { width: 5%; }
}
.hero .carousel-control-next-icon, .hero .carousel-control-prev-icon { background: none; font-size: 32px; line-height: 1; }
.hero .karussell-punkte { list-style: none; }
.hero .karussell-punkte li { cursor: pointer; }
@keyframes fadeInDown { 
  0% { opacity: 0; transform: translate3d(0px, -100%, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}
.services .section-title h2 { color: var(--accent-color); font-size: 20px; }
.services .content .service-item { background-color: var(--surface-color); padding: 20px 30px; border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); border-left: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); position: relative; }
.services .content .service-item .number { position: absolute; right: 10px; top: 10px; font-weight: 400; color: color-mix(in srgb, var(--default-color), transparent 80%); }
.services .content .service-item .service-item-icon { position: relative; margin-bottom: 20px; color: var(--accent-color); }
.services .content .service-item .service-item-icon img { width: 50px; }
.services .content .service-item .service-item-icon::before { position: absolute; content: ""; transform: rotate(45deg); z-index: -1; left: -20px; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-right: 40px solid var(--accent-color); display: none; }
.services .content .service-item .service-item-content .service-heading { font-size: 20px; color: var(--default-color); font-weight: 400; }
.services .content .service-item .service-item-content p { font-size: 15px; }
@media (min-width: 769px) {
  .services .content .reihe > *:nth-child(4n+4) .service-item { border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); }
  .services .content .reihe > *:nth-last-child(-n+4) .service-item { border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); }
}
@media (max-width: 768px) {
  .services .content .reihe > *:nth-child(2n+2) .service-item { border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); }
  .services .content .reihe > *:last-child .service-item, .services .content .reihe > *:nth-last-child(2) .service-item { border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); }
}
@media (max-width: 576px) {
  .services .content .reihe > * .service-item { border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); margin-bottom: 10px; }
}
.services-2 { overflow: visible; margin-bottom: 200px; }
.services-2 .section-title { text-align: left; }
.services-2 .section-title h2 { color: color-mix(in srgb, var(--contrast-color), transparent 50%); text-transform: uppercase; font-size: 20px; }
.services-2 .section-title p { color: var(--contrast-color); }
.services-2 .services-carousel-wrap { position: relative; margin-bottom: -200px; }
.services-2 .schieber-bahn { height: auto; }
.services-2 .service-item { position: relative; overflow: hidden; }
.services-2 .service-item::before { content: ""; background-color: color-mix(in srgb, var(--background-color), transparent 50%); inset: 0px; position: absolute; opacity: 0; visibility: hidden; z-index: 1; transition: 0.3s; }
.services-2 .service-item img { transition: 0.5s; transform: scale(1); }
.services-2 .service-item .service-item-contents { z-index: 9; position: absolute; bottom: 20px; left: 20px; right: 20px; transition: 0.3s; transform: translateY(100%); opacity: 0; visibility: hidden; }
.services-2 .service-item .service-item-contents .service-item-category { color: var(--accent-color); text-transform: uppercase; }
.services-2 .service-item .service-item-contents .service-item-title { color: var(--contrast-color); margin-bottom: 0px; }
.services-2 .service-item:hover::before { opacity: 1; visibility: visible; }
.services-2 .service-item:hover .service-item-contents { transform: translateY(0%); opacity: 1; visibility: visible; }
.services-2 .service-item:hover img { transform: scale(1.2); }
.services-2 .navigation-prev, .services-2 .navigation-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; width: 46px; height: 46px; background: var(--contrast-color); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; transition: 0.3s; }
.services-2 .navigation-prev .bi, .services-2 .navigation-next .bi { font-size: 2rem; }
.services-2 .navigation-prev:hover, .services-2 .navigation-next:hover { background-color: var(--accent-color); color: var(--contrast-color); }
.services-2 .navigation-prev { left: 10px; }
.services-2 .navigation-next { right: 10px; }
.services-2 .schieber { padding-bottom: 50px; }
.services-2 .schieber-punkte { bottom: 0px; }
.services-2 .schieber-punkte .schieber-punkt { border-radius: 0px; width: 20px; height: 4px; opacity: 1; background-color: color-mix(in srgb, var(--background-color), transparent 80%) !important; }
.services-2 .schieber-punkte .schieber-punkt.active { background-color: var(--accent-color) !important; }
.recent-posts .post-item { background: var(--surface-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 20px; transition: 0.3s; }
.recent-posts .post-item .post-img img { transition: 0.5s; }
.recent-posts .post-item .post-date { position: absolute; right: 0px; bottom: 0px; background-color: var(--accent-color); color: var(--contrast-color); text-transform: uppercase; font-size: 13px; padding: 6px 12px; font-weight: 500; }
.recent-posts .post-item .post-content { padding: 30px; }
.recent-posts .post-item .post-title { color: var(--heading-color); font-size: 20px; font-weight: 700; transition: 0.3s; margin-bottom: 15px; }
.recent-posts .post-item .meta span { font-size: 15px; color: color-mix(in srgb, var(--default-color), transparent 50%); }
.recent-posts .post-item hr { color: color-mix(in srgb, var(--default-color), transparent 80%); margin: 20px 0px; }
.recent-posts .post-item .readmore { display: flex; align-items: center; font-weight: 600; line-height: 1; transition: 0.3s; color: color-mix(in srgb, var(--default-color), transparent 40%); }
.recent-posts .post-item .readmore .bi { line-height: 0; margin-left: 6px; font-size: 16px; }
.recent-posts .post-item:hover .post-title, .recent-posts .post-item:hover .readmore { color: var(--accent-color); }
.recent-posts .post-item:hover .post-img img { transform: scale(1.1); }
.call-to-action .content { padding: 20px 0px; }
.call-to-action .content h3 { font-weight: 300; text-transform: uppercase; }
.about-3 .content-title { color: var(--accent-color); margin-bottom: 30px; }
.btn-cta { text-transform: uppercase; font-size: 14px; padding: 20px 30px; background-color: transparent; color: var(--default-color); border: 1px solid var(--default-color); border-radius: 6px; transition: background-color 0.3s, color 0.3s; }
.btn-cta:hover { background-color: var(--default-color); color: var(--contrast-color) !important; }
.blog-posts-2 article { background-color: var(--surface-color); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 20px; transition: 0.3s; border-radius: 8px; overflow: hidden; }
.blog-posts-2 .post-img img { transition: 0.5s; }
.blog-posts-2 .post-content { padding: 30px; }
.blog-posts-2 .meta { position: relative; margin-top: -20px; padding: 0px 30px; }
.blog-posts-2 .meta span { font-size: 15px; color: color-mix(in srgb, var(--default-color), transparent 40%); }
.blog-posts-2 .meta .post-date { background-color: var(--accent-color); color: var(--contrast-color); font-size: 13px; padding: 6px 12px; text-align: center; margin-right: 15px; border-radius: 4px; }
.blog-posts-2 .meta .post-date span { display: block; color: var(--contrast-color); font-weight: 700; font-size: 20px; }
.blog-posts-2 .readmore { display: flex; align-items: center; font-weight: 400; line-height: 1; transition: 0.3s; color: color-mix(in srgb, var(--heading-color), transparent 20%); }
.blog-posts-2 .readmore .bi { line-height: 0; margin-left: 6px; font-size: 16px; }
.blog-posts-2 article:hover .readmore { color: var(--accent-color); }
.blog-posts-2 article:hover .post-img img { transform: scale(1.1); }
.blog-details { padding-bottom: 30px; }
.blog-details .article { background-color: var(--surface-color); padding: 30px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 16px; }
.blog-details .post-img { margin: -30px -30px 20px; overflow: hidden; }
.blog-details .title { color: var(--heading-color); font-size: 28px; font-weight: 700; padding: 0px; margin: 30px 0px; }
.blog-details .content { margin-top: 20px; }
.blog-details .content h3 { font-size: 22px; margin-top: 30px; font-weight: bold; }
.blog-details .content blockquote { overflow: hidden; background-color: color-mix(in srgb, var(--default-color), transparent 95%); padding: 60px; position: relative; text-align: center; margin: 20px 0px; }
.blog-details .content blockquote p { color: var(--default-color); line-height: 1.6; margin-bottom: 0px; font-style: italic; font-weight: 500; font-size: 22px; }
.blog-details .content blockquote::after { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 3px; background-color: var(--accent-color); margin-top: 20px; margin-bottom: 20px; }
.contact { padding-top: 10px; }
.contact .info { background-color: var(--surface-color); padding: 40px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 15px; overflow: hidden; }
.contact .info h3 { font-weight: 600; font-size: 24px; }
.contact .info p { color: color-mix(in srgb, var(--default-color), transparent 40%); margin-bottom: 30px; font-size: 15px; }
.contact .info-item + .info-item { padding-top: 20px; margin-top: 20px; border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); }
.contact .info-item .bi { font-size: 24px; color: var(--accent-color); transition: 0.3s ease-in-out; margin-right: 20px; }
.contact .info-item h4 { padding: 0px; font-size: 18px; line-height: 24px; font-weight: 600; margin-bottom: 5px; }
.contact .info-item p { padding: 0px; margin-bottom: 0px; font-size: 14px; color: color-mix(in srgb, var(--default-color), transparent 40%); }
.contact .php-email-form { width: 100%; }
.contact .php-email-form .form-group { padding-bottom: 8px; }
.contact .php-email-form input[type="text"], .contact .php-email-form input[type="email"], .contact .php-email-form textarea { color: var(--default-color); background-color: var(--surface-color); border-radius: 0px; box-shadow: none; font-size: 14px; border-color: color-mix(in srgb, var(--default-color), transparent 80%); }
.contact .php-email-form input[type="text"]:focus, .contact .php-email-form input[type="email"]:focus, .contact .php-email-form textarea:focus { border-color: var(--accent-color); }
.contact .php-email-form input[type="text"]::placeholder, .contact .php-email-form input[type="email"]::placeholder, .contact .php-email-form textarea::placeholder { color: color-mix(in srgb, var(--default-color), transparent 70%); }
.contact .php-email-form input[type="text"], .contact .php-email-form input[type="email"] { height: 48px; padding: 10px 15px; }
.contact .php-email-form textarea { padding: 10px 12px; height: 290px; }
.contact .php-email-form button[type="submit"] { background: var(--accent-color); color: var(--contrast-color); border: 0px; padding: 13px 50px; transition: 0.4s; border-radius: 4px; }
.contact .php-email-form button[type="submit"]:hover { background: color-mix(in srgb, var(--accent-color) 90%, black 15%); }
.widgets-container { margin: 60px 0px 30px; }
.widget-title { color: var(--heading-color); font-size: 20px; font-weight: 600; padding: 0px 0px 10px; margin: 0px 0px 20px; position: relative; }
.widget-title::before { content: ""; position: absolute; display: block; height: 2px; background: color-mix(in srgb, var(--default-color), transparent 90%); left: 0px; right: 0px; bottom: 1px; }
.widget-title::after { content: ""; position: absolute; display: block; width: 40px; height: 2px; background: var(--accent-color); left: 0px; bottom: 1px; }
.widget-item { margin-bottom: 40px; }
.widget-item:last-child { margin-bottom: 0px; }
.categories-widget ul { list-style: none; padding: 0px; margin: 0px; }
.categories-widget ul li { padding-bottom: 10px; }
.categories-widget ul li:last-child { padding-bottom: 0px; }
.categories-widget ul a { color: color-mix(in srgb, var(--default-color), transparent 20%); transition: 0.3s; }
.categories-widget ul a:hover { color: var(--accent-color); }
/* /static/css/centric.min.css */
.header { padding: 5px 0px 0px; margin: 0px; }
/* /cms/module_content/_css/cntrcbranding.css */
/* inline:d09950a4 */
.btn-cta.btn-cta-dark { background-color: var(--default-color); color: var(--contrast-color); }
.btn-cta.btn-cta-dark:hover { background-color: transparent; color: var(--default-color) !important; }
.logo-slider { background: rgb(255, 255, 255); padding: 30px 0px; overflow: hidden; position: relative; }
.slider-container { width: 100%; overflow: hidden; position: relative; }
.slider-track { display: flex; width: max-content; animation: 40s linear 0s infinite normal none running scroll; will-change: transform; }
.slider-item { flex: 0 0 auto; width: 250px; padding: 0px 15px; display: flex; align-items: center; justify-content: center; }
.slider-item img { height: 80px; width: auto; max-width: 100%; object-fit: contain; filter: grayscale(100%); transition: 0.3s; }
.slider-item img:hover { filter: grayscale(0%); transform: scale(1.05); }
@keyframes scroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
@media (max-width: 1200px) {
  .slider-item { width: 200px; }
}
@media (max-width: 992px) {
  .slider-item { width: 180px; }
}
@media (max-width: 768px) {
  .slider-item { width: 150px; }
  .slider-item img { height: 60px; }
  .slider-track { animation-duration: 30s; }
}
@media (max-width: 576px) {
  .slider-item { width: 120px; padding: 0px 10px; }
  .slider-item img { height: 50px; }
  .slider-track { animation-duration: 25s; }
}
/* inline:de384501 */
.xform-control[type="checkbox"] { width: 2em; height: 2em; accent-color: rgb(33, 150, 243); vertical-align: middle; }
label { vertical-align: middle; }
.xform-control[type="radio"] { width: 2em; height: 2em; accent-color: rgb(33, 150, 243); vertical-align: middle; margin-left: 2.5em; }
label { vertical-align: middle; line-height: normal; }
select.form-control { height: 3em; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555555'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 15px center; background-size: 12px auto; padding-right: 35px; }
.checkbox-container { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.xform-control[type="checkbox"] { flex-shrink: 0; width: 2em; height: 2em; accent-color: rgb(33, 150, 243); }
.checkbox-label { display: inline-flex; align-items: center; min-height: 2em; line-height: 1.4; }

/* ==== Eigene Teile (Umzug ins CMS2): ersetzen Bootstrap-JS, Swiper, Bootstrap Icons und die ul/li-Navigation ==== */

/* Icons als Inline-SVG statt Icon-Schrift */
.bi { display: inline-block; width: 1em; height: 1em; vertical-align: -0.125em; flex-shrink: 0; }

/* Kopf: Navigation im Format des CMS2-Registers (Links, Gruppen mit Pfeil-Knopf) */
.mobile-nav-toggle { background: none; border: 0; padding: 0; }
.mobile-nav-toggle .bi-x { display: none; }
.mobile-nav-active .mobile-nav-toggle .bi-x { display: inline-block; }
.mobile-nav-active .mobile-nav-toggle .bi-list { display: none; }
.nav-pfeil { background: none; border: 0; color: inherit; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.3s; }
.nav-pfeil .bi { font-size: 12px; }
@media (min-width: 1200px) {
  .navmenu .nav-liste { margin: 0; padding: 0; display: flex; align-items: center; }
  .navmenu .nav-gruppe { position: relative; display: flex; align-items: center; }
  .navmenu a { color: var(--nav-color); padding: 18px 15px; font-size: 16px; font-family: var(--nav-font); font-weight: 400; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; transition: 0.3s; }
  .navmenu .nav-gruppe > a { padding-right: 0; }
  .navmenu .nav-pfeil { padding: 18px 15px 18px 5px; color: var(--nav-color); }
  .navmenu .nav-liste > :last-child { padding-right: 0; }
  .navmenu .nav-gruppe:hover > a, .navmenu .nav-gruppe:hover > .nav-pfeil, .navmenu .nav-liste > a:hover, .navmenu .active { color: var(--nav-hover-color); }
  .navmenu .nav-unter { margin: 0; padding: 10px 0; background: var(--nav-dropdown-background-color); display: block; position: absolute; visibility: hidden; left: 14px; top: 130%; opacity: 0; transition: 0.3s; border-radius: 4px; z-index: 99; box-shadow: 0px 0px 30px color-mix(in srgb, var(--default-color), transparent 85%); }
  .navmenu .nav-unter a { min-width: 200px; padding: 10px 20px; font-size: 15px; text-transform: none; color: var(--nav-dropdown-color); }
  .navmenu .nav-unter a:hover { color: var(--nav-dropdown-hover-color); }
  .navmenu .nav-gruppe:hover > .nav-unter, .navmenu .nav-gruppe:focus-within > .nav-unter { opacity: 1; top: 100%; visibility: visible; }
}
@media (max-width: 1199px) {
  .mobile-nav-toggle { color: var(--nav-color); font-size: 28px; line-height: 0; margin-right: 10px; cursor: pointer; transition: color 0.3s; }
  .navmenu { padding: 0; z-index: 9997; }
  .navmenu .nav-liste { display: none; position: absolute; inset: 60px 20px 20px 20px; padding: 10px 0; margin: 0; border-radius: 6px; background-color: var(--nav-mobile-background-color); overflow-y: auto; transition: 0.3s; z-index: 9998; box-shadow: 0px 0px 30px color-mix(in srgb, var(--default-color), transparent 90%); }
  .navmenu a { color: var(--nav-dropdown-color); padding: 10px 20px; font-family: var(--nav-font); font-size: 17px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; white-space: nowrap; transition: 0.3s; }
  .navmenu a:hover, .navmenu .active { color: var(--nav-dropdown-hover-color); }
  .navmenu .nav-gruppe { display: flex; flex-wrap: wrap; align-items: center; }
  .navmenu .nav-gruppe > a { flex: 1 1 auto; min-width: 0; white-space: normal; }
  .navmenu .nav-pfeil { width: 30px; height: 30px; margin-right: 20px; border-radius: 50%; padding: 0; background-color: color-mix(in srgb, var(--accent-color), transparent 90%); }
  .navmenu .nav-pfeil[aria-expanded="true"] { background-color: var(--accent-color); color: var(--contrast-color); transform: rotate(180deg); }
  .navmenu .nav-unter { flex-basis: calc(100% - 40px); position: static; display: none; z-index: 99; padding: 10px 0; margin: 10px 20px; background-color: var(--nav-dropdown-background-color); border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%); box-shadow: none; transition: all 0.5s ease-in-out; }
  .navmenu .nav-unter.dropdown-active { display: block; background-color: rgba(33, 37, 41, 0.03); }
  .mobile-nav-active .navmenu > .nav-liste { display: block; }
}

/* Fuss: Linklisten als Links untereinander (Format des Registers) */
.footer .footer-links .fuss-liste { margin: 0; padding: 0; }
.footer .footer-links .fuss-liste > a { display: block; width: fit-content; padding: 10px 0; line-height: 1; color: color-mix(in srgb, var(--default-color), transparent 30%); }
.footer .footer-links .fuss-liste > a:first-child { padding-top: 0; }
.footer .footer-links .fuss-liste > a:hover { color: var(--accent-color); }

/* Karussell (ersetzt Bootstrap-Carousel mit Ueberblendung) */
.karussell-blende .karussell-bild { display: block; opacity: 0; z-index: 0; transition: opacity 0.6s ease-in-out; }
.karussell-blende .karussell-bild.active { opacity: 1; z-index: 1; }
.karussell-zurueck, .karussell-vor { cursor: pointer; }
.karussell-pfeil { width: 2rem; height: 2rem; }
.hero .karussell-pfeil { width: 32px; height: 32px; }
.karussell-punkte li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; }
.karussell-punkte li.active { opacity: 1; }

/* Schieber (ersetzt Swiper): Scroll-Snap, Punkte und Pfeile aus site.js */
.schieber { position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.schieber-bahn { display: flex; gap: 40px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; }
.schieber-bahn::-webkit-scrollbar { display: none; }
.schieber-bild { flex: 0 0 100%; scroll-snap-align: start; position: relative; }
@media (min-width: 1200px) {
  .schieber-bild { flex-basis: calc((100% - 80px) / 3); }
}
.schieber-punkte { position: absolute; left: 0; right: 0; display: flex; justify-content: center; gap: 8px; z-index: 10; }
.schieber-punkt { width: 8px; height: 8px; border: 0; padding: 0; border-radius: 50%; background: #000; opacity: 0.2; cursor: pointer; }
.schieber-punkt.active { opacity: 1; }