/* Statische Fassung 22.10.2026: ersetzt bxSlider, backstretch und Google Fonts, Optik wie bisher */
@font-face { font-family: 'Abel'; src: url(/fonts/abel-latin-400-normal.woff2) format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }

.statischer-slider { position: relative; width: 977px; height: 560px; background: #fff; }
.folie-wahl { position: absolute; opacity: 0; pointer-events: none; }
.statischer-slider .folien { list-style: none; position: relative; width: 977px; height: 500px; background: #fff; }
.statischer-slider .folie { position: absolute; top: 0; left: 0; width: 977px; height: 500px; opacity: 0; visibility: hidden; transition: opacity .6s ease, visibility .6s; }
#folie1:checked ~ .folien .folie1,
#folie2:checked ~ .folien .folie2,
#folie3:checked ~ .folien .folie3 { opacity: 1; visibility: visible; }
.statischer-slider .cover { background-size: cover; background-position: center; background-repeat: no-repeat; }
.statischer-slider .description h4 a { background-color: transparent; }

.statischer-slider .pager { position: absolute; top: 520px; left: 0; }
.statischer-slider .pager label { display: inline-block; width: 35px; height: 25px; text-align: center; cursor: pointer; color: #455560; font-family: 'Abel', 'Avenir Next Condensed', 'Arial Narrow', sans-serif; font-size: 24px; border-top: 10px solid transparent; }
#folie1:checked ~ .pager label[for=folie1],
#folie2:checked ~ .pager label[for=folie1], #folie2:checked ~ .pager label[for=folie2],
#folie3:checked ~ .pager label { border-top-color: #f58031; }

#rechtliches { clear: left; float: left; margin: 20px 0 40px 20px; font-family: 'Abel', 'Avenir Next Condensed', 'Arial Narrow', sans-serif; font-size: 15px; text-transform: uppercase; }
#rechtliches a { color: #455560; text-decoration: none; margin-right: 18px; }
#rechtliches a:hover { color: #f58031; }

html { background: #fff; }