/* Referenzen Slider */
#referenzenSlider{background:var(--primary-dk);overflow:hidden}
.ref-slide{display:flex;align-items:stretch;min-height:380px}
.ref-slide-img{flex:0 0 55%;position:relative;overflow:hidden;background:var(--primary)}
.ref-slide-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.carousel-item.active .ref-slide-img img{transform:scale(1.03)}
.ref-slide-img-placeholder{width:100%;height:100%;min-height:380px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3a3d45,#56595f);color:rgba(255,255,255,.2);font-size:4rem}
.ref-slide-img::after{content:'';position:absolute;top:0;right:-40px;bottom:0;width:80px;background:var(--primary-dk);transform:skewX(-4deg);z-index:2}
.ref-slide-content{flex:1;padding:3rem 3rem 3rem 4rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:3;color:#fff}
.ref-counter{font-size:.75rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:1rem}
.ref-counter span{color:rgba(255,255,255,.75)}
.ref-badge-inline{display:inline-block;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.75);font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:30px;padding:.22rem .85rem;margin-bottom:1rem}
.ref-slide-content h3{font-family:'Titillium Web',sans-serif;font-weight:600;font-size:clamp(1.4rem,2.5vw,2rem);color:#fff;margin-bottom:.4rem;line-height:1.2}
.ref-slide-date{font-size:.82rem;color:rgba(255,255,255,.4);margin-bottom:1rem;display:flex;align-items:center;gap:.4rem}
.ref-slide-date i{color:var(--accent)}
.ref-slide-content p{font-size:.93rem;color:rgba(255,255,255,.68);line-height:1.7;margin-bottom:1.5rem;max-width:360px}
.btn-ref{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.12);color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.2);padding:.55rem 1.3rem;border-radius:30px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all var(--transition);align-self:flex-start}
.btn-ref:hover{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.45);color:#fff;transform:translateX(3px)}
.btn-ref-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#fff;border:none;padding:.55rem 1.3rem;border-radius:30px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all var(--transition);align-self:flex-start}
.btn-ref-cta:hover{background:var(--accent-dk);color:#fff;transform:translateX(3px)}
#refSlider .carousel-control-prev,#refSlider .carousel-control-next{width:40px;height:40px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:50%;top:auto;bottom:1.8rem;transform:none;margin:0}
#refSlider .carousel-control-prev{right:4.5rem;left:auto}
#refSlider .carousel-control-next{right:1.5rem;left:auto}
#refSlider .carousel-control-prev:hover,#refSlider .carousel-control-next:hover{background:rgba(255,255,255,.22)}
#refSlider .carousel-indicators{bottom:1.2rem;left:auto;right:7rem;margin:0;justify-content:flex-end}
#refSlider .carousel-indicators [data-bs-target]{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3);border:none}
#refSlider .carousel-indicators .active{background:rgba(255,255,255,.8)}
.ref-section-header{padding:2.5rem 0 0;text-align:center}
.ref-section-header .section-label{background:rgba(255,255,255,.12);color:rgba(255,255,255,.8)}
.ref-section-header h2{font-family:'Titillium Web',sans-serif;font-weight:600;color:#fff;font-size:clamp(1.5rem,2.5vw,2rem);margin-bottom:.5rem}
.ref-section-header p{color:rgba(255,255,255,.5);font-size:.95rem;margin-bottom:1.5rem}
/* Über uns */
#ueber{background:var(--page-bg)}
.ueber-img-wrap{border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.10);position:relative}
.ueber-img-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,#3a3d45,#56595f);display:flex;align-items:center;justify-content:center}
.ueber-img-placeholder-icon{font-size:5rem;color:rgba(255,255,255,.2)}
.ueber-img-placeholder:has(img){aspect-ratio:auto;background:none}
.ueber-img-placeholder:has(img) .ueber-img-placeholder-icon{display:none}
.ueber-img-placeholder img{width:100%;height:auto;display:block}
.ueber-badge{position:absolute;bottom:1.5rem;right:1.5rem;background:var(--accent);color:#fff;border-radius:var(--radius);padding:.9rem 1.3rem;text-align:center;font-weight:700;line-height:1.2}
.ueber-badge span{display:block;font-size:2rem}
.ueber-badge small{font-size:.78rem;font-weight:400;opacity:.9}
.ueber-list{list-style:none;padding:0;margin:1.5rem 0}
.ueber-list li{padding:.5rem 0;font-size:.95rem;color:var(--text);display:flex;align-items:center;gap:.6rem;border-bottom:1px solid var(--mid-bg)}
.ueber-list li:last-child{border-bottom:none}
.ueber-list li i{color:var(--accent);font-size:1.1rem}
@media(max-width:767px){
    .slide-inner{min-height:400px}
    .ref-slide{flex-direction:column}
    .ref-slide-img{flex:0 0 220px;min-height:220px}
    .ref-slide-img::after{display:none}
    .ref-slide-content{padding:2rem 1.5rem}
}
