.dhs-room-grid{max-width:var(--dhs-container);margin:30px auto;display:grid;grid-template-columns:repeat(var(--dhs-columns),minmax(0,1fr));gap:24px}.dhs-room-card{background:var(--dhs-card);color:var(--dhs-text);border:1px solid rgba(0,0,0,.07);border-radius:var(--dhs-radius);overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.07);transition:.25s ease}.dhs-room-card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(0,0,0,.11)}.dhs-room-image{display:block;aspect-ratio:16/10;overflow:hidden}.dhs-room-image img{width:100%;height:100%;object-fit:cover;display:block;transition:.4s}.dhs-room-card:hover img{transform:scale(1.035)}.dhs-room-body{padding:24px}.dhs-badge{display:inline-block;padding:6px 11px;background:var(--dhs-accent);color:#111;border-radius:999px;font-size:12px;font-weight:800}.dhs-room-body h3{font-size:24px;margin:14px 0 8px;color:inherit}.dhs-room-body p{color:var(--dhs-muted);line-height:1.65}.dhs-room-facts{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.dhs-room-facts span{background:var(--dhs-bg);padding:7px 10px;border-radius:10px;font-size:13px}.dhs-room-foot{border-top:1px solid rgba(0,0,0,.08);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.dhs-room-foot strong{font-size:19px}.dhs-room-foot a{background:var(--dhs-accent);color:#111!important;text-decoration:none;padding:11px 17px;border-radius:999px;font-weight:750}.dhs-room-foot a:hover{background:var(--dhs-accent-dark)}.dhs-placeholder{max-width:var(--dhs-container);margin:24px auto;padding:24px;background:var(--dhs-bg);border-left:5px solid var(--dhs-accent);border-radius:var(--dhs-radius);display:flex;flex-direction:column;gap:5px}.dhs-placeholder span{color:var(--dhs-muted)}.dhs-single-room{max-width:var(--dhs-container);margin:auto}.dhs-single-room>.dhs-room-card{max-width:520px}.dhs-room-content{margin-top:30px}@media(max-width:900px){.dhs-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.dhs-room-grid{grid-template-columns:1fr}.dhs-room-body{padding:20px}}.dhs-room-subtitle{margin:-2px 0 10px;color:var(--dhs-muted);font-size:14px;font-weight:650}.dhs-room-foot strong{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}
.dhs-room-template{width:100%;padding:48px 20px 70px}.dhs-room-template .dhs-single-room{width:100%}.dhs-room-template .dhs-single-room>.dhs-room-card{max-width:none}.dhs-room-template .dhs-room-content{background:var(--dhs-card);border:1px solid rgba(0,0,0,.07);border-radius:var(--dhs-radius);padding:30px;box-shadow:0 14px 38px rgba(0,0,0,.05)}

/* Zimmer-Detailseite */
.dhs-room-template{padding:38px 20px 72px;background:#fff}.dhs-room-detail{width:min(100%,var(--dhs-container));margin:0 auto;color:var(--dhs-text)}.dhs-room-back{display:inline-block;margin:0 0 18px;color:var(--dhs-muted)!important;text-decoration:none;font-size:13px}.dhs-room-back:hover{color:var(--dhs-accent-dark)!important}.dhs-detail-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:34px;align-items:start}.dhs-detail-gallery{min-width:0}.dhs-detail-main-image{position:relative;overflow:hidden;border-radius:18px;background:#eee;aspect-ratio:4/3;cursor:zoom-in}.dhs-detail-slide{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;transition:opacity .28s ease}.dhs-detail-slide.is-active{opacity:1;pointer-events:auto}.dhs-detail-slide img{width:100%;height:100%;object-fit:cover;display:block}.dhs-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:rgba(40,40,40,.62);color:#fff;font-size:30px;line-height:1;cursor:pointer}.dhs-gallery-prev{left:14px}.dhs-gallery-next{right:14px}.dhs-gallery-counter{position:absolute;right:14px;bottom:12px;z-index:3;padding:6px 10px;border-radius:999px;background:rgba(17,17,17,.7);color:#fff;font-size:12px}.dhs-gallery-zoom{position:absolute;left:14px;bottom:12px;z-index:3;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);color:#111;font-size:17px}.dhs-detail-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.dhs-detail-thumb{height:74px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:none;cursor:pointer;opacity:.7;transition:.2s}.dhs-detail-thumb.is-active{border-color:var(--dhs-accent);opacity:1}.dhs-detail-thumb img{width:100%;height:100%;object-fit:cover;display:block}.dhs-detail-summary{padding:6px 0}.dhs-detail-summary h1{margin:8px 0 4px;font-size:clamp(32px,3.8vw,52px);line-height:1.02;color:inherit}.dhs-detail-subtitle{margin:0 0 10px;color:var(--dhs-accent-dark);font-size:12px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.dhs-detail-price{padding:12px 0 18px;border-bottom:1px solid rgba(0,0,0,.13)}.dhs-detail-price strong{font-size:clamp(25px,3vw,38px);color:var(--dhs-accent-dark);font-weight:500}.dhs-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:18px 0;border-top:1px solid rgba(0,0,0,.13);border-bottom:1px solid rgba(0,0,0,.13)}.dhs-detail-facts>div{display:flex;align-items:center;gap:8px;padding:15px 9px;border-right:1px solid rgba(0,0,0,.1)}.dhs-detail-facts>div:nth-child(3n){border-right:0}.dhs-fact-icon{font-size:18px;color:var(--dhs-accent-dark)}.dhs-detail-facts small,.dhs-detail-facts strong{display:block}.dhs-detail-facts small{margin-bottom:2px;color:var(--dhs-muted);font-size:9px;text-transform:uppercase;letter-spacing:.055em}.dhs-detail-facts strong{font-size:12px}.dhs-room-detail .dhs-room-content{margin:0;padding:0;border:0;box-shadow:none;background:transparent;font-size:14px;line-height:1.75}.dhs-room-detail .dhs-room-content>:first-child{margin-top:0}.dhs-room-detail .dhs-room-content>:last-child{margin-bottom:0}.dhs-detail-amenities{width:min(100%,760px);margin:30px 0 0 auto;background:var(--dhs-bg);border:1px solid rgba(0,0,0,.09);border-radius:16px;padding:26px}.dhs-detail-amenities h2{margin:0 0 18px;font-size:21px}.dhs-amenity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 24px}.dhs-amenity-list span{display:flex;align-items:flex-start;gap:9px;font-size:13px}.dhs-amenity-list i{color:var(--dhs-accent-dark);font-style:normal;font-weight:900}.dhs-booking-cta{display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:24px;margin-top:34px;padding:28px 34px;border:1px solid var(--dhs-accent);border-radius:18px;box-shadow:0 14px 40px rgba(0,0,0,.055)}.dhs-booking-icon{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--dhs-accent);color:#111;box-shadow:0 8px 24px rgba(0,0,0,.09)}.dhs-booking-icon .dhs-icon-svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8;fill:none}.dhs-booking-button-icon{display:inline-flex;align-items:center;justify-content:center}.dhs-booking-button-icon .dhs-icon-svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.dhs-booking-text strong,.dhs-booking-text span{display:block}.dhs-booking-text strong{margin-bottom:5px}.dhs-booking-text span{font-size:13px}.dhs-booking-primary,.dhs-booking-secondary{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:58px;padding:0 28px;text-decoration:none!important;text-transform:uppercase;font-weight:800;letter-spacing:.025em;white-space:nowrap}.dhs-booking-primary{background:var(--dhs-accent);color:#111!important;border:1px solid var(--dhs-accent);border-radius:4px}.dhs-booking-primary:hover{background:var(--dhs-accent-dark);border-color:var(--dhs-accent-dark);color:#111!important}.dhs-booking-secondary{background:#fff;color:var(--dhs-accent-dark)!important;border:1px solid var(--dhs-accent);border-radius:4px}.dhs-booking-secondary:hover{background:var(--dhs-bg);color:var(--dhs-accent-dark)!important}
html.dhs-lightbox-open,html.dhs-lightbox-open body{overflow:hidden}.dhs-lightbox{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:34px;background:rgba(12,12,12,.92)}.dhs-lightbox.is-open{display:flex}.dhs-lightbox-stage{position:relative;width:min(86vw,1400px);height:min(88vh,950px)}.dhs-lightbox-slide{position:absolute;inset:0;margin:0;display:none;align-items:center;justify-content:center}.dhs-lightbox-slide.is-active{display:flex}.dhs-lightbox-slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.4)}.dhs-lightbox-close{position:fixed;top:10px;right:18px;width:48px;height:48px;border:0;background:transparent;color:#fff;font-size:48px;line-height:1;cursor:pointer}.dhs-lightbox-arrow{position:fixed;top:var(--dhs-lightbox-arrow-top,50%);transform:translateY(-50%);width:58px;height:58px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:44px;cursor:pointer}.dhs-lightbox-prev{left:var(--dhs-lightbox-prev-left,18px)}.dhs-lightbox-next{right:var(--dhs-lightbox-next-right,18px)}.dhs-lightbox-counter{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:13px}
@media(max-width:1050px){.dhs-detail-top{grid-template-columns:1fr}.dhs-detail-amenities{width:100%;margin-left:0}.dhs-booking-cta{grid-template-columns:auto 1fr}.dhs-booking-primary,.dhs-booking-secondary{width:100%}}
@media(max-width:760px){.dhs-room-template{padding:24px 14px 44px}.dhs-detail-main-image{aspect-ratio:4/3;border-radius:14px}.dhs-detail-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}.dhs-detail-thumb{height:62px}.dhs-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.dhs-detail-facts>div,.dhs-detail-facts>div:nth-child(3n){border-right:1px solid rgba(0,0,0,.1)}.dhs-detail-facts>div:nth-child(2n){border-right:0}.dhs-amenity-list{grid-template-columns:1fr}.dhs-booking-cta{grid-template-columns:1fr;padding:24px;text-align:center}.dhs-booking-icon{display:none}.dhs-booking-primary,.dhs-booking-secondary{white-space:normal;padding:14px 18px}.dhs-lightbox{padding:12px}.dhs-lightbox-stage{width:92vw;height:82vh}.dhs-lightbox-arrow{width:44px;height:44px;font-size:34px}.dhs-lightbox-prev{left:8px}.dhs-lightbox-next{right:8px}}


/* 0.2.5 – Central-Hotel Detailspalte */
.dhs-detail-summary{padding:0 0 4px;min-width:0}
.dhs-detail-summary h1{margin:0 0 8px;font-size:clamp(34px,3.7vw,52px);font-weight:500;line-height:1.04}
.dhs-detail-subtitle{margin:0 0 20px;color:var(--dhs-accent-dark);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.075em;line-height:1.55}
.dhs-detail-price{display:flex;align-items:baseline;gap:12px;padding:8px 0 22px;border-bottom:1px solid rgba(0,0,0,.15)}
.dhs-detail-price strong{font-size:clamp(43px,4.4vw,64px);line-height:.95;color:var(--dhs-accent-dark);font-weight:500}
.dhs-price-prefix,.dhs-price-suffix{color:var(--dhs-muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.dhs-detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:28px 0 30px;border-top:1px solid rgba(0,0,0,.14);border-bottom:1px solid rgba(0,0,0,.14)}
.dhs-detail-fact{position:relative;display:flex!important;flex-direction:column;align-items:center!important;justify-content:center;gap:8px!important;min-height:108px;padding:18px 9px!important;text-align:center;border-right:1px solid rgba(0,0,0,.12)!important}
.dhs-detail-fact:last-child{border-right:0!important}
.dhs-fact-icon{display:block;width:27px;height:27px;color:var(--dhs-accent-dark)}
.dhs-fact-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dhs-fact-copy strong,.dhs-fact-copy small{display:block}
.dhs-fact-copy strong{font-size:13px;font-weight:500;color:var(--dhs-text)}
.dhs-fact-copy small{margin-top:7px;color:var(--dhs-muted);font-size:10px;text-transform:uppercase;letter-spacing:.075em}
.dhs-room-detail .dhs-room-content{font-size:15px;line-height:1.7}
.dhs-detail-amenities{width:100%;margin:32px 0 0;background:#f6f6f6;border:1px solid rgba(0,0,0,.11);border-radius:28px;padding:30px 30px 24px}
.dhs-detail-amenities h2{margin:0 0 26px;font-size:21px;font-weight:500}
.dhs-amenity-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 34px}
.dhs-amenity-group h3{margin:0 0 13px;color:var(--dhs-accent-dark);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.dhs-amenity-group ul{list-style:none;margin:0;padding:0}
.dhs-amenity-group li{display:grid;grid-template-columns:19px 1fr;gap:10px;margin:0 0 11px;font-size:14px;line-height:1.55}
.dhs-amenity-group li i{color:var(--dhs-accent-dark);font-style:normal;font-weight:600}
@media(max-width:1199px){.dhs-detail-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.dhs-detail-fact:nth-child(3n){border-right:0!important}.dhs-detail-fact:nth-child(n+4){border-top:1px solid rgba(0,0,0,.12)}}
@media(max-width:760px){.dhs-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.dhs-detail-fact:nth-child(3n){border-right:1px solid rgba(0,0,0,.12)!important}.dhs-detail-fact:nth-child(2n){border-right:0!important}.dhs-detail-fact:nth-child(n+3){border-top:1px solid rgba(0,0,0,.12)}.dhs-amenity-groups{grid-template-columns:1fr}.dhs-detail-amenities{padding:25px 24px;border-radius:22px}}

/* Dateck Gallery Engine 0.3 */
.dhs-detail-main-image{touch-action:pan-y;isolation:isolate}
.dhs-detail-slide{transform:scale(1.012);transition:opacity .3s ease,transform .45s ease}
.dhs-detail-slide.is-active{transform:scale(1)}
.dhs-gallery-arrow{display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s ease,transform .2s ease}
.dhs-gallery-arrow:hover{background:rgba(17,17,17,.82);transform:translateY(-50%) scale(1.06)}
.dhs-detail-thumbnails{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:thin}
.dhs-detail-thumb{flex:0 0 92px;scroll-snap-align:center}
.dhs-lightbox{padding:24px;background:rgba(10,10,10,.94);backdrop-filter:blur(5px)}
.dhs-lightbox-stage{position:relative;display:flex;align-items:center;justify-content:center;width:min(92vw,1500px);height:min(90vh,1000px);touch-action:none}
.dhs-lightbox-slide{inset:0;flex-direction:column;gap:10px;opacity:0;visibility:hidden;display:flex;transition:opacity .22s ease,visibility .22s ease}
.dhs-lightbox-slide.is-active{opacity:1;visibility:visible}
.dhs-lightbox-slide img{max-width:calc(100% - 150px);max-height:calc(100% - 48px);user-select:none;-webkit-user-drag:none}
.dhs-lightbox-slide figcaption{max-width:min(900px,80vw);color:rgba(255,255,255,.82);font-size:13px;text-align:center}
.dhs-lightbox-arrow{position:absolute;top:50%;z-index:8;transform:translateY(-50%);width:58px;height:58px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(18,18,18,.58);color:#fff;font-size:42px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.dhs-lightbox-arrow:hover{background:rgba(255,255,255,.2);transform:translateY(-50%) scale(1.06)}
.dhs-lightbox-prev{left:18px}.dhs-lightbox-next{right:18px}
.dhs-lightbox-counter{position:absolute;top:16px;right:16px;bottom:auto;left:auto;transform:none;z-index:9;padding:7px 12px;border-radius:999px;background:rgba(15,15,15,.68);color:#fff;font-size:13px}
.dhs-lightbox-close{z-index:10;top:12px;right:18px;border-radius:50%;background:rgba(15,15,15,.35);font-size:40px}
@media(max-width:760px){.dhs-detail-thumb{flex-basis:74px}.dhs-lightbox{padding:8px}.dhs-lightbox-stage{width:100%;height:88vh}.dhs-lightbox-slide img{max-width:100%;max-height:calc(100% - 40px);border-radius:10px}.dhs-lightbox-arrow{width:46px;height:46px;font-size:34px;background:rgba(18,18,18,.68)}.dhs-lightbox-prev{left:8px}.dhs-lightbox-next{right:8px}.dhs-lightbox-counter{top:10px;right:10px}.dhs-lightbox-close{top:4px;right:6px}}

/* 0.3.1 PayPal-Popup */
.dhs-paypal-popup{position:fixed;right:30px;bottom:30px;width:min(340px,calc(100vw - 36px));z-index:999998;display:none;background:#fff;border:1px solid color-mix(in srgb,var(--dhs-accent) 55%,#ddd);border-radius:28px;padding:26px 28px 24px;box-shadow:0 20px 55px rgba(0,0,0,.18);color:#222}.dhs-paypal-popup.is-visible{display:block;animation:dhsPopupIn .35s ease}.dhs-paypal-close{position:absolute;top:13px;right:17px;border:0;background:none;color:#666;font-size:28px;cursor:pointer}.dhs-paypal-badge{display:inline-flex;align-items:center;gap:8px;background:var(--dhs-accent);padding:6px 13px;border-radius:999px;font-size:13px;font-weight:800}.dhs-paypal-logo{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#073b83;color:#fff;font-family:Arial,sans-serif;font-style:italic}.dhs-paypal-popup h3{margin:18px 0 9px;font-size:22px;line-height:1.25}.dhs-paypal-popup p{margin:0 0 21px;color:var(--dhs-muted);line-height:1.65;font-size:14px}.dhs-paypal-button{display:block;padding:14px 18px;border-radius:999px;background:var(--dhs-accent);color:#111!important;text-align:center;text-decoration:none!important;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.05em}.dhs-paypal-button:hover{background:var(--dhs-accent-dark);color:#111!important}@keyframes dhsPopupIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:520px){.dhs-paypal-popup{right:18px;bottom:18px;padding:23px}}

/* 0.3.1 Hotel-Club-Hinweis */
.dhs-club-notice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-top:32px;padding:26px 30px;border-radius:18px;background:linear-gradient(135deg,var(--dhs-primary),#292929);color:#fff;box-shadow:0 15px 40px rgba(0,0,0,.12)}.dhs-club-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--dhs-accent);color:#111;font-size:25px}.dhs-club-copy>span{display:block;margin-bottom:4px;color:var(--dhs-accent);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.dhs-club-copy h2{margin:0 0 6px;color:#fff;font-size:22px}.dhs-club-copy p{margin:0;color:#ddd;font-size:14px;line-height:1.55}.dhs-club-notice>a{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border-radius:999px;background:var(--dhs-accent);color:#111!important;text-decoration:none!important;font-weight:800;white-space:nowrap}.dhs-club-notice>a:hover{background:var(--dhs-accent-dark);color:#111!important}@media(max-width:780px){.dhs-club-notice{grid-template-columns:auto 1fr}.dhs-club-notice>a{grid-column:1/-1;width:100%;justify-content:center}}@media(max-width:520px){.dhs-club-notice{grid-template-columns:1fr;text-align:center}.dhs-club-icon{margin:auto}}

/* 0.5.0 Dateck Website Studio */
.dhs-site-header{position:relative;z-index:9999;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:blur(12px)}.dhs-site-header.is-sticky{position:sticky;top:0}.dhs-site-header__inner{max-width:var(--dhs-container);min-height:82px;margin:auto;padding:0 20px;display:flex;align-items:center;gap:28px}.dhs-site-logo{display:flex;align-items:center;color:var(--dhs-text);text-decoration:none;font-size:20px;font-weight:800}.dhs-site-logo img{display:block;max-width:190px;max-height:62px}.dhs-site-nav{margin-left:auto}.dhs-site-nav ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.dhs-site-nav a{color:var(--dhs-text);text-decoration:none;font-size:14px;font-weight:650}.dhs-site-nav a:hover{color:var(--dhs-accent-dark)}.dhs-site-header__actions{display:flex;align-items:center;gap:14px}.dhs-site-phone{color:var(--dhs-text);text-decoration:none;font-size:13px}.dhs-site-book,.dhs-home-actions a.is-primary{display:inline-flex;padding:13px 20px;border-radius:999px;background:var(--dhs-accent);color:#111!important;text-decoration:none;font-weight:800}.dhs-site-menu-toggle{display:none;margin-left:auto;border:0;background:none;padding:8px}.dhs-site-menu-toggle span{display:block;width:25px;height:2px;margin:5px;background:#111}.dhs-homepage{background:var(--dhs-bg);color:var(--dhs-text)}.dhs-home-hero{min-height:min(78vh,760px);background:#222 center/cover no-repeat;display:flex;align-items:center}.dhs-home-hero__content{width:min(var(--dhs-container),calc(100% - 40px));margin:auto;color:#fff}.dhs-home-hero__content>span,.dhs-home-kicker{display:block;color:var(--dhs-accent);font-size:12px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.dhs-home-hero h1{max-width:850px;margin:12px 0 18px;color:#fff;font-size:clamp(44px,7vw,86px);line-height:.98}.dhs-home-hero p{max-width:650px;font-size:18px;line-height:1.65}.dhs-home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.dhs-home-actions a{display:inline-flex;padding:13px 20px;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:#fff;text-decoration:none;font-weight:750}.dhs-home-section{max-width:var(--dhs-container);margin:auto;padding:90px 20px}.dhs-home-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.dhs-home-intro h2,.dhs-home-section__head h2{font-size:clamp(34px,4vw,56px);line-height:1.05;margin:12px 0 22px}.dhs-home-intro__copy{font-size:16px;line-height:1.75}.dhs-home-intro__image img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--dhs-radius)}.dhs-home-link{display:inline-block;margin-top:16px;color:var(--dhs-accent-dark);font-weight:800;text-decoration:none}.dhs-home-section__head{max-width:720px;margin-bottom:34px}.dhs-home-section__head p{color:var(--dhs-muted)}.dhs-home-club{max-width:calc(var(--dhs-container) - 40px);margin:30px auto 90px;padding:38px 42px;border-radius:28px;background:linear-gradient(135deg,var(--dhs-primary),#2c2c2c);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.dhs-home-club h2{color:#fff;margin:10px 0}.dhs-home-club p{color:#ddd;max-width:720px}.dhs-home-club>a,.dhs-site-footer__button{display:inline-flex;padding:14px 20px;border-radius:999px;background:var(--dhs-accent);color:#111!important;text-decoration:none;font-weight:800;white-space:nowrap}.dhs-site-footer{background:#151515;color:#ddd;padding:70px 20px 20px}.dhs-site-footer__grid,.dhs-site-footer__bottom{max-width:var(--dhs-container);margin:auto}.dhs-site-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:50px}.dhs-site-footer h2,.dhs-site-footer h3{color:#fff}.dhs-site-footer h3{font-size:15px}.dhs-site-footer p{line-height:1.65}.dhs-site-footer a{color:#ddd;text-decoration:none}.dhs-site-footer ul{list-style:none;padding:0}.dhs-site-footer li{margin:8px 0}.dhs-site-footer img{max-width:190px;max-height:70px}.dhs-site-footer__bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #333;margin-top:50px;padding-top:20px;font-size:13px;color:#999}
@media(max-width:960px){.dhs-site-menu-toggle{display:block}.dhs-site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:18px 22px;border-top:1px solid #eee}.dhs-site-header.menu-open .dhs-site-nav{display:block}.dhs-site-nav ul{display:block}.dhs-site-nav li{margin:14px 0}.dhs-site-phone{display:none}.dhs-home-intro{grid-template-columns:1fr;gap:35px}.dhs-site-footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.dhs-site-header__inner{min-height:68px}.dhs-site-logo img{max-height:48px;max-width:150px}.dhs-site-book{display:none}.dhs-home-hero{min-height:650px}.dhs-home-section{padding:65px 16px}.dhs-home-club{margin:20px 16px 65px;padding:30px 24px;display:block}.dhs-home-club>a{margin-top:16px}.dhs-site-footer__grid{grid-template-columns:1fr}.dhs-site-footer__bottom{display:block}.dhs-site-footer__bottom span{display:block;margin:7px 0}}

/* Flexible Hero-Höhen 0.5.1 */
.dhs-home-hero{height:var(--dhs-hero-desktop,760px);min-height:var(--dhs-hero-min,420px);background-position:var(--dhs-hero-position,center center);display:flex}.dhs-home-hero--top{align-items:flex-start}.dhs-home-hero--center{align-items:center}.dhs-home-hero--bottom{align-items:flex-end}@media(max-width:1024px){.dhs-home-hero{height:var(--dhs-hero-tablet,620px)}}@media(max-width:640px){.dhs-home-hero{height:var(--dhs-hero-mobile,520px)}}

/* Website Studio modules 0.6.0 */
.dhs-home-section__head--center{text-align:center;margin-left:auto;margin-right:auto}.dhs-feature-grid{display:grid;grid-template-columns:repeat(var(--dhs-feature-cols,3),minmax(0,1fr));gap:56px 48px}.dhs-feature-item{min-width:0}.dhs-feature-icon{display:flex;width:30px;height:30px;margin-bottom:24px;color:var(--dhs-accent-dark)}.dhs-feature-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dhs-feature-item h3{margin:0 0 8px;font-size:20px}.dhs-feature-item p{margin:0;color:var(--dhs-muted);line-height:1.55}.dhs-home-gallery{max-width:none;padding-left:max(20px,calc((100vw - var(--dhs-container))/2));padding-right:max(20px,calc((100vw - var(--dhs-container))/2))}.dhs-home-location{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1fr);gap:70px;align-items:center}.dhs-home-location h2{font-size:clamp(34px,4vw,56px);line-height:1.08;margin:12px 0 22px}.dhs-home-location__text{line-height:1.75}.dhs-home-location h3{margin:36px 0 16px;color:var(--dhs-accent-dark);font-size:18px}.dhs-home-location ul{list-style:none;margin:0;padding:0}.dhs-home-location li{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid rgba(0,0,0,.08)}.dhs-home-location li span{color:var(--dhs-muted);text-align:right}.dhs-home-location__map{min-height:420px;border-radius:var(--dhs-radius);overflow:hidden;background:#eee;box-shadow:0 20px 60px rgba(0,0,0,.08)}.dhs-home-location__map iframe{display:block;width:100%;height:100%;min-height:420px;border:0}.dhs-home-shortcode>.dhs-home-section__head:empty{display:none}
@media(max-width:960px){.dhs-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dhs-home-location{grid-template-columns:1fr;gap:35px}.dhs-home-location__map,.dhs-home-location__map iframe{min-height:360px}}
@media(max-width:600px){.dhs-feature-grid{grid-template-columns:1fr;gap:34px}.dhs-home-location li{display:block}.dhs-home-location li span{display:block;margin-top:3px;text-align:left}}


/* Website Studio 0.6.1 – individuelle Section Designs */
.dhs-home-section{padding-top:var(--dhs-section-pt,90px);padding-bottom:var(--dhs-section-pb,90px);background:var(--dhs-section-bg,transparent);color:var(--dhs-section-color,var(--dhs-text));box-shadow:0 0 0 100vmax var(--dhs-section-bg,transparent);clip-path:inset(0 -100vmax)}.dhs-home-section h1,.dhs-home-section h2,.dhs-home-section h3,.dhs-home-section p,.dhs-home-section li,.dhs-home-section strong{color:inherit}.dhs-home-section .dhs-home-kicker,.dhs-home-section .dhs-feature-icon,.dhs-home-section .dhs-home-location h3{color:var(--dhs-accent-dark)}.dhs-home-hero{background-color:var(--dhs-section-bg,#222);color:var(--dhs-section-color,#fff);padding-top:var(--dhs-section-pt,0);padding-bottom:var(--dhs-section-pb,0)}.dhs-home-hero__content,.dhs-home-hero h1,.dhs-home-hero p{color:var(--dhs-section-color,#fff)}

/* 0.6.2: Club form module inside the Website Studio section */
.dhs-home-club-form{max-width:none!important;width:100%;box-sizing:border-box}.dhs-home-club-form>.dhs-club-signup{max-width:var(--dhs-container);margin:0 auto;padding-left:20px;padding-right:20px;box-sizing:border-box}.dhs-home-club-form .dhs-club-signup{--club-accent:var(--dhs-accent);--club-accent-dark:var(--dhs-accent-dark)}

/* 0.6.5 reliable section anchors */
.dhs-home-section,.dhs-home-hero,[data-dhs-anchor]{scroll-margin-top:110px;}
@media(max-width:782px){.dhs-home-section,.dhs-home-hero,[data-dhs-anchor]{scroll-margin-top:84px;}}

/* 0.7.0 Dateck Header Builder */
body.dhs-header-replace-theme #site-header,
body.dhs-header-replace-theme #top-bar-wrap,
body.dhs-header-replace-theme header#masthead:not(.dhs-site-header),
body.dhs-header-replace-theme .site-header:not(.dhs-site-header),
body.dhs-header-replace-theme .oceanwp-mobile-menu-icon,
body.dhs-header-replace-theme .ast-primary-header-bar,
body.dhs-header-replace-theme .site-header-wrap,
body.dhs-header-replace-theme .kadence-sticky-header{display:none!important}
.dhs-site-header{background:var(--dhs-header-bg,#fff);color:var(--dhs-header-text,#1f1f1f);border-bottom:1px solid color-mix(in srgb,var(--dhs-header-text) 12%,transparent)}
.dhs-site-header.is-sticky{position:sticky;top:var(--wp-admin--admin-bar--height,0px)}
.dhs-site-header__inner{min-height:var(--dhs-header-height,82px);max-width:var(--dhs-container);padding:0 20px;gap:24px}
.dhs-site-logo{color:var(--dhs-header-text);flex:0 0 auto}.dhs-site-logo img{max-height:var(--dhs-logo-height,62px);max-width:230px;width:auto}.dhs-logo-dark{display:none!important}
.dhs-site-nav{min-width:0}.dhs-site-nav ul{flex-wrap:nowrap;white-space:nowrap}.dhs-site-nav a{font-size:var(--dhs-menu-font,14px);color:var(--dhs-header-text)}
.dhs-menu-align-left .dhs-site-nav{margin-left:0;margin-right:auto}.dhs-menu-align-center .dhs-site-nav{margin-left:auto;margin-right:auto}.dhs-menu-align-right .dhs-site-nav{margin-left:auto;margin-right:0}
.dhs-site-header__actions{margin-left:auto;flex:0 0 auto}.dhs-menu-align-right .dhs-site-header__actions{margin-left:0}
.dhs-site-phone{display:inline-flex;align-items:center;gap:7px;color:var(--dhs-header-text);white-space:nowrap}.dhs-site-phone svg,.dhs-drawer-phone svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dhs-site-book{background:var(--dhs-accent)!important;color:#111!important;border:0!important;white-space:nowrap}
.dhs-site-language{display:flex;align-items:center;height:44px;border-radius:999px;background:var(--dhs-control-lang-bg,#f1f1f1);padding:4px;box-sizing:border-box;box-shadow:inset 0 0 0 1px rgba(0,0,0,.025)}
.dhs-site-language button{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:0!important;background:transparent!important;color:var(--dhs-control-lang-inactive-text,#5f5f5f)!important;border-radius:999px!important;padding:0 13px!important;min-width:38px!important;height:36px!important;min-height:36px!important;line-height:1!important;font-size:13px!important;font-weight:800!important;transition:background .18s ease,color .18s ease,transform .18s ease!important}
.dhs-site-language button:hover{color:var(--dhs-control-lang-active-bg,var(--dhs-accent))!important}
.dhs-site-language button.is-active{background:var(--dhs-control-lang-active-bg,var(--dhs-accent))!important;color:var(--dhs-control-lang-active-text,#fff)!important;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.dhs-darkmode-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0!important;border:0!important;border-radius:50%!important;background:var(--dhs-control-dark-bg,#f1f1f1)!important;color:var(--dhs-control-dark-icon,#1f1f1f)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.025);transition:background .18s ease,color .18s ease,transform .18s ease!important}
.dhs-darkmode-toggle:hover{transform:translateY(-1px)}
html.dhs-dark-mode .dhs-darkmode-toggle{background:var(--dhs-control-dark-active-bg,#2b2b2b)!important;color:var(--dhs-control-dark-active-icon,#f7cb68)!important}
.dhs-darkmode-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dhs-site-menu-toggle{color:var(--dhs-header-text);border:1px solid var(--dhs-accent)!important;border-radius:50%!important;width:48px;height:48px;padding:10px!important;background:transparent!important;flex:0 0 auto}.dhs-site-menu-toggle span{width:22px;background:currentColor;margin:4px auto}.dhs-site-menu-toggle.is-always{display:block;margin-left:0}
.dhs-menu-mode-hamburger .dhs-site-nav{display:none}.dhs-menu-mode-hamburger .dhs-site-logo{margin-right:auto}.dhs-menu-mode-hamburger .dhs-site-header__actions{margin-left:auto}
.dhs-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.25s;z-index:10000}.dhs-menu-drawer{position:fixed;top:0;bottom:0;left:0;width:min(390px,88vw);padding:38px 34px;background:var(--dhs-header-bg,#fff);color:var(--dhs-header-text,#111);transform:translateX(-105%);transition:transform .3s ease;z-index:10001;box-shadow:20px 0 60px rgba(0,0,0,.18);overflow:auto}.dhs-menu-drawer__logo img{max-width:190px;max-height:70px}.dhs-menu-close{position:absolute;right:20px;top:18px;border:0!important;background:transparent!important;color:inherit!important;font-size:35px!important;line-height:1!important;padding:5px!important}.dhs-menu-drawer ul{list-style:none;margin:42px 0 30px;padding:0}.dhs-menu-drawer li{margin:0;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}.dhs-menu-drawer a:not(.dhs-site-book){display:block;padding:15px 0;color:inherit;text-decoration:none;font-size:18px;font-weight:700}.dhs-drawer-phone{display:flex!important;align-items:center;gap:10px;color:inherit;text-decoration:none;margin:20px 0}.dhs-menu-drawer .dhs-site-book{margin-top:16px}
.dhs-site-header.menu-open .dhs-menu-overlay{opacity:1;visibility:visible}.dhs-site-header.menu-open .dhs-menu-drawer{transform:translateX(0)}html.dhs-menu-open{overflow:hidden}
html.dhs-dark-mode body{background:var(--dhs-dark-background,#151515);color:var(--dhs-dark-text,#fff)}html.dhs-dark-mode .dhs-site-header{--dhs-header-bg:var(--dhs-header-dark-bg,#151515);--dhs-header-text:var(--dhs-header-dark-text,#fff)}html.dhs-dark-mode .dhs-logo-light{display:none!important}html.dhs-dark-mode .dhs-logo-dark{display:block!important}html.dhs-dark-mode .dhs-homepage{background:var(--dhs-dark-background,#151515);color:var(--dhs-dark-text,#fff)}
@media(max-width:1100px){.dhs-site-nav ul{gap:14px}.dhs-site-phone span{display:none}}
@media(max-width:960px){.dhs-menu-mode-normal .dhs-site-menu-toggle{display:block}.dhs-menu-mode-normal .dhs-site-nav{display:none}.dhs-site-header.menu-open .dhs-site-nav{display:none}.dhs-site-phone{display:none}.dhs-site-header__actions{gap:8px}}
@media(max-width:650px){.dhs-site-header__inner{padding:0 14px;gap:10px}.dhs-site-logo img{max-width:155px}.dhs-site-language{display:none}.dhs-darkmode-toggle{width:36px;height:36px}.dhs-site-menu-toggle{width:44px;height:44px}.dhs-site-book{display:none}.dhs-menu-drawer .dhs-site-book{display:inline-flex}}


/* 0.7.1 Header, offcanvas, full width and global dark mode */
.dhs-site-header{position:relative;z-index:9998;overflow:visible!important}
.dhs-site-header.is-sticky{z-index:9998}
.dhs-site-header.is-full-width .dhs-site-header__inner{max-width:none;width:100%;padding-left:clamp(18px,3vw,56px);padding-right:clamp(18px,3vw,56px)}
.dhs-menu-overlay,.dhs-menu-drawer{font-family:inherit}
html.dhs-menu-open .dhs-menu-overlay{opacity:1;visibility:visible;pointer-events:auto}
html.dhs-menu-open .dhs-menu-drawer{transform:translateX(0)}
.dhs-menu-overlay{pointer-events:none}
.dhs-menu-drawer{height:100dvh;max-height:100dvh}
.dhs-menu-drawer .dhs-site-language{display:flex;margin-top:20px;width:max-content}
.dhs-icon-sun{display:none}.dhs-icon-moon,.dhs-icon-sun{line-height:0}
html.dhs-dark-mode .dhs-icon-moon{display:none}html.dhs-dark-mode .dhs-icon-sun{display:inline-flex}
html.dhs-dark-mode .dhs-site-header[data-has-dark-logo="0"] .dhs-logo-light{display:block!important}
html.dhs-dark-mode .dhs-site-header[data-has-dark-logo="0"] .dhs-logo-dark{display:none!important}

/* Complete website dark mode. Sections with custom light colors are converted too. */
html.dhs-dark-mode{color-scheme:dark;--dhs-bg:#171717;--dhs-card:#242424;--dhs-text:#f5f5f5;--dhs-muted:#c1c1c1;--dhs-section-bg:#171717;--dhs-section-color:#f5f5f5}
html.dhs-dark-mode body,
html.dhs-dark-mode #wrap,
html.dhs-dark-mode #main,
html.dhs-dark-mode #content-wrap,
html.dhs-dark-mode #primary,
html.dhs-dark-mode .site-content,
html.dhs-dark-mode .content-area{background:#171717!important;color:#f5f5f5!important}
html.dhs-dark-mode .dhs-home-section,
html.dhs-dark-mode .dhs-home-club-form,
html.dhs-dark-mode .dhs-home-shortcode,
html.dhs-dark-mode .dhs-room-template{background:#171717!important;color:#f5f5f5!important}
html.dhs-dark-mode .dhs-room-card,
html.dhs-dark-mode .dhs-room-template .dhs-room-content,
html.dhs-dark-mode .dhs-room-detail__amenities,
html.dhs-dark-mode .dhs-club-signup__form,
html.dhs-dark-mode .dhs-home-location__map,
html.dhs-dark-mode .gm-card,
html.dhs-dark-mode .gm-mini,
html.dhs-dark-mode .gm-info{background:#242424!important;color:#f5f5f5!important;border-color:#3b3b3b!important}
html.dhs-dark-mode .dhs-homepage h1,
html.dhs-dark-mode .dhs-homepage h2,
html.dhs-dark-mode .dhs-homepage h3,
html.dhs-dark-mode .dhs-homepage h4,
html.dhs-dark-mode .dhs-homepage p,
html.dhs-dark-mode .dhs-homepage li,
html.dhs-dark-mode .dhs-room-template h1,
html.dhs-dark-mode .dhs-room-template h2,
html.dhs-dark-mode .dhs-room-template h3,
html.dhs-dark-mode .dhs-room-template p,
html.dhs-dark-mode .dhs-room-template li{color:inherit!important}
html.dhs-dark-mode input,
html.dhs-dark-mode textarea,
html.dhs-dark-mode select{background:#1b1b1b!important;color:#fff!important;border-color:#494949!important}
html.dhs-dark-mode .dhs-menu-drawer{background:var(--dhs-header-dark-bg,#151515)!important;color:var(--dhs-header-dark-text,#fff)!important}
html.dhs-dark-mode .dhs-menu-overlay{background:rgba(0,0,0,.72)}

/* 0.7.2 Header, full-width dropdown, dark-mode surfaces and GTranslate bridge */
.dhs-site-header{
  background:var(--dhs-header-light-bg,#fff)!important;
  color:var(--dhs-header-light-text,#1f1f1f)!important;
}
.dhs-site-header .dhs-site-logo,
.dhs-site-header .dhs-site-nav a,
.dhs-site-header .dhs-site-phone,
.dhs-site-header .dhs-darkmode-toggle,
.dhs-site-header .dhs-site-menu-toggle{color:inherit!important}
html.dhs-dark-mode .dhs-site-header{
  background:var(--dhs-header-dark-bg,#151515)!important;
  color:var(--dhs-header-dark-text,#fff)!important;
  border-bottom-color:rgba(255,255,255,.12)!important;
}
.dhs-gtranslate-bridge{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
.dhs-gtranslate-bridge .gtranslate_wrapper,.dhs-gtranslate-bridge select,.dhs-gtranslate-bridge a{display:block!important}

/* Central-style full-width dropdown menu */
.dhs-menu-drawer{
  left:0!important;right:0!important;top:var(--dhs-header-height,82px)!important;bottom:auto!important;
  width:100%!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - var(--dhs-header-height,82px))!important;
  padding:clamp(28px,4vw,58px) clamp(24px,4vw,64px)!important;
  transform:translateY(-115%)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.25)!important;
  border-radius:0!important;
}
html.admin-bar .dhs-menu-drawer{top:calc(var(--dhs-header-height,82px) + var(--wp-admin--admin-bar--height,32px))!important;max-height:calc(100dvh - var(--dhs-header-height,82px) - var(--wp-admin--admin-bar--height,32px))!important}
html.dhs-menu-open .dhs-menu-drawer{transform:translateY(0)!important}
.dhs-menu-drawer__logo{display:none}
.dhs-menu-drawer .dhs-menu-close{right:clamp(20px,3vw,48px);top:18px}
.dhs-menu-drawer nav{max-width:var(--dhs-container);margin:0 auto}
.dhs-menu-drawer ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 50px;margin:0;padding:0 70px 0 0}
.dhs-menu-drawer li{border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent)}
.dhs-menu-drawer a:not(.dhs-site-book){padding:16px 0;font-size:clamp(16px,1.5vw,21px)}
.dhs-menu-drawer .dhs-drawer-phone,.dhs-menu-drawer>.dhs-site-book{max-width:var(--dhs-container);margin-left:auto;margin-right:auto}
html.dhs-dark-mode .dhs-menu-drawer{background:var(--dhs-header-dark-bg,#151515)!important;color:var(--dhs-header-dark-text,#fff)!important}
@media(max-width:800px){.dhs-menu-drawer ul{grid-template-columns:1fr;padding-right:45px}.dhs-menu-drawer{top:var(--dhs-header-height,68px)!important}}

/* Button icon represents the active appearance: sun in light mode, moon in dark mode. */
.dhs-icon-sun{display:inline-flex!important}.dhs-icon-moon{display:none!important}
html.dhs-dark-mode .dhs-icon-sun{display:none!important}html.dhs-dark-mode .dhs-icon-moon{display:inline-flex!important}

/* Use saved dark design colors on the complete viewport and every full-width section. */
html.dhs-dark-mode{
  --dhs-bg:var(--dhs-dark-background,#171717);
  --dhs-card:var(--dhs-dark-card,#242424);
  --dhs-text:var(--dhs-dark-text,#f5f5f5);
  --dhs-muted:color-mix(in srgb,var(--dhs-dark-text,#f5f5f5) 72%,transparent);
}
html.dhs-dark-mode body,html.dhs-dark-mode #wrap,html.dhs-dark-mode #main,html.dhs-dark-mode #content-wrap,html.dhs-dark-mode #primary,html.dhs-dark-mode .site-content,html.dhs-dark-mode .content-area,html.dhs-dark-mode .dhs-homepage,html.dhs-dark-mode .dhs-room-template{background:var(--dhs-dark-background,#171717)!important;color:var(--dhs-dark-text,#f5f5f5)!important}
html.dhs-dark-mode .dhs-home-section{
  --dhs-section-bg:var(--dhs-section-dark-bg,var(--dhs-dark-background,#171717))!important;
  --dhs-section-color:var(--dhs-section-dark-color,var(--dhs-dark-text,#f5f5f5))!important;
  /* Use the resolved section variables for both the inner area and the
     full-width paint. This keeps custom section colors full width in dark mode. */
  background:var(--dhs-section-bg)!important;
  color:var(--dhs-section-color)!important;
  box-shadow:0 0 0 100vmax var(--dhs-section-bg)!important;
}
html.dhs-dark-mode .dhs-room-card,
html.dhs-dark-mode .dhs-room-body,
html.dhs-dark-mode .dhs-room-template .dhs-room-content,
html.dhs-dark-mode .dhs-detail-amenities,
html.dhs-dark-mode .dhs-club-signup__form,
html.dhs-dark-mode .dhs-home-club-form,
html.dhs-dark-mode .dhs-home-location__map,
html.dhs-dark-mode .dhs-booking-cta,
html.dhs-dark-mode .dhs-paypal-popup,
html.dhs-dark-mode .gm-card,
html.dhs-dark-mode .gm-mini,
html.dhs-dark-mode .gm-info{background:var(--dhs-dark-card,#242424)!important;color:var(--dhs-dark-text,#f5f5f5)!important;border-color:color-mix(in srgb,var(--dhs-dark-text,#fff) 18%,transparent)!important}
html.dhs-dark-mode .dhs-detail-amenities h2,
html.dhs-dark-mode .dhs-amenity-group li,
html.dhs-dark-mode .dhs-room-content,
html.dhs-dark-mode .dhs-detail-summary,
html.dhs-dark-mode .dhs-detail-summary h1,
html.dhs-dark-mode .dhs-detail-facts strong,
html.dhs-dark-mode .dhs-booking-text strong,
html.dhs-dark-mode .dhs-booking-text span{color:var(--dhs-dark-text,#f5f5f5)!important}
html.dhs-dark-mode .dhs-detail-price,html.dhs-dark-mode .dhs-detail-facts,html.dhs-dark-mode .dhs-detail-facts>div{border-color:color-mix(in srgb,var(--dhs-dark-text,#fff) 18%,transparent)!important}
html.dhs-dark-mode .dhs-booking-secondary{background:var(--dhs-dark-card,#242424)!important}
.dhs-site-header,.dhs-site-header.is-sticky{z-index:10002!important}
.dhs-menu-overlay{top:var(--dhs-header-height,82px)!important;z-index:9999!important}
html.admin-bar .dhs-menu-overlay{top:calc(var(--dhs-header-height,82px) + var(--wp-admin--admin-bar--height,32px))!important}
.dhs-menu-drawer{z-index:10001!important}


/* 0.7.3 clean full-width menu */
.dhs-menu-drawer{padding:0!important;overflow:auto!important}
.dhs-menu-drawer>nav{width:min(var(--dhs-container,1200px),calc(100% - 60px));margin:0 auto;padding:0 0 28px}
.dhs-menu-drawer>nav ul{margin:0!important;padding:0!important;list-style:none!important}
.dhs-menu-drawer>nav li{margin:0!important;padding:0!important}
.dhs-menu-drawer>nav a{display:block!important;padding:18px 0!important;border:0!important;text-decoration:none!important;color:inherit!important;font-weight:600!important;text-transform:uppercase}
.dhs-menu-drawer>nav a:hover,.dhs-menu-drawer>nav .current-menu-item>a{color:var(--dhs-accent)!important}
.dhs-menu-close,.dhs-menu-drawer__logo,.dhs-drawer-phone,.dhs-menu-drawer>.dhs-site-book{display:none!important}
@media(max-width:640px){.dhs-menu-drawer>nav{width:calc(100% - 36px)}}


/* 0.7.4 – Central-style single-column dropdown and configurable heading colors */
.dhs-menu-drawer > nav{
  width:min(var(--dhs-container,1200px),calc(100% - 60px))!important;
  margin:0 auto!important;
  padding:18px 0 34px!important;
}
.dhs-menu-drawer > nav > ul,
.dhs-menu-drawer > nav ul{
  display:block!important;
  grid-template-columns:none!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  white-space:normal!important;
}
.dhs-menu-drawer > nav li{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.dhs-menu-drawer > nav a,
.dhs-menu-drawer > nav a:not(.dhs-site-book){
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  padding:14px 0!important;
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  text-decoration:none!important;
  background:transparent!important;
  color:inherit!important;
  font-size:var(--dhs-menu-font,14px)!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-transform:uppercase!important;
}
.dhs-menu-drawer > nav a::before,
.dhs-menu-drawer > nav a::after{display:none!important;content:none!important}
.dhs-menu-drawer > nav a:hover,
.dhs-menu-drawer > nav .current-menu-item > a,
.dhs-menu-drawer > nav .current_page_item > a{color:var(--dhs-accent)!important;text-decoration:none!important}

/* Heading colors are independent from normal body text. */
.dhs-homepage h1,.dhs-homepage h2,.dhs-homepage h3,
.dhs-room-template h1,.dhs-room-template h2,.dhs-room-template h3,
.dhs-club-signup__title,.dhs-club-signup__subtitle,
.dhs-site-footer h1,.dhs-site-footer h2,.dhs-site-footer h3{
  color:var(--dhs-heading,var(--dhs-text,#1f1f1f));
}
html.dhs-dark-mode .dhs-homepage h1,
html.dhs-dark-mode .dhs-homepage h2,
html.dhs-dark-mode .dhs-homepage h3,
html.dhs-dark-mode .dhs-room-template h1,
html.dhs-dark-mode .dhs-room-template h2,
html.dhs-dark-mode .dhs-room-template h3,
html.dhs-dark-mode .dhs-club-signup__title,
html.dhs-dark-mode .dhs-club-signup__subtitle,
html.dhs-dark-mode .dhs-club-signup__intro h1,
html.dhs-dark-mode .dhs-club-signup__intro h2,
html.dhs-dark-mode .dhs-club-signup__intro h3{
  color:var(--dhs-dark-heading,#e8e8e8)!important;
}
html.dhs-dark-mode .dhs-club-signup__description,
html.dhs-dark-mode .dhs-club-signup__benefit-text{
  color:var(--dhs-dark-text,#f5f5f5)!important;
}
@media(max-width:640px){.dhs-menu-drawer > nav{width:calc(100% - 36px)!important}}


/* 0.7.5 – full-width menu alignment and independent Hero colors */
.dhs-menu-drawer > nav{
  padding-top:42px!important;
  padding-bottom:46px!important;
}
.dhs-site-header.is-full-width .dhs-menu-drawer > nav{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:clamp(18px,3vw,56px)!important;
  padding-right:clamp(18px,3vw,56px)!important;
  text-align:left!important;
}
.dhs-site-header.is-full-width .dhs-menu-drawer > nav a{
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
}
.dhs-home-hero .dhs-home-hero__content > span{
  color:var(--dhs-hero-eyebrow-color,var(--dhs-accent))!important;
}
.dhs-homepage .dhs-home-hero h1,
html.dhs-dark-mode .dhs-homepage .dhs-home-hero h1{
  color:var(--dhs-hero-heading-color,#fff)!important;
}
.dhs-homepage .dhs-home-hero p,
html.dhs-dark-mode .dhs-homepage .dhs-home-hero p{
  color:var(--dhs-hero-body-color,#fff)!important;
}
@media(max-width:640px){
  .dhs-site-header.is-full-width .dhs-menu-drawer > nav{
    padding-left:18px!important;
    padding-right:18px!important;
  }
}

/* 0.7.6 – align portalized full-width menu with the hamburger button */
.dhs-menu-drawer.is-header-full-width > nav{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-top:42px!important;
  padding-right:clamp(18px,3vw,56px)!important;
  padding-bottom:46px!important;
  padding-left:var(--dhs-menu-start,20px)!important;
  box-sizing:border-box!important;
  text-align:left!important;
}
.dhs-menu-drawer.is-header-full-width > nav ul,
.dhs-menu-drawer.is-header-full-width > nav li,
.dhs-menu-drawer.is-header-full-width > nav a{
  width:auto!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
@media(max-width:640px){
  .dhs-menu-drawer.is-header-full-width > nav{
    padding-left:var(--dhs-menu-start,18px)!important;
    padding-right:18px!important;
  }
}

/* 0.7.7 PayPal heading follows the global heading colors */
.dhs-paypal-popup h3{color:var(--dhs-heading,var(--dhs-text,#1f1f1f))!important}
html.dhs-dark-mode .dhs-paypal-popup h3{color:var(--dhs-dark-heading,var(--dhs-dark-text,#e8e8e8))!important}


/* 0.7.8 – klickbare Zimmerkarten im Central-Stil */
.dhs-room-card-link{display:block;color:inherit!important;text-decoration:none!important;border-radius:var(--dhs-radius);height:100%}
.dhs-room-card-link:focus-visible{outline:3px solid var(--dhs-accent);outline-offset:4px}
.dhs-room-card-link .dhs-room-card{height:100%;display:flex;flex-direction:column;background:var(--dhs-card);overflow:hidden}
.dhs-room-card-link .dhs-room-body{display:flex;flex:1;flex-direction:column;padding:26px 28px 28px}
.dhs-room-card-link .dhs-room-body h3{margin:4px 0 10px;font-size:21px;line-height:1.25;color:var(--dhs-heading,var(--dhs-text))}
.dhs-room-card-description{margin:0 0 14px!important;color:var(--dhs-text)!important;line-height:1.55!important}
.dhs-room-card-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px}
.dhs-room-card-tags span{padding:9px 13px;border-radius:999px;background:color-mix(in srgb,var(--dhs-accent) 14%,var(--dhs-card));color:var(--dhs-text);font-size:12px;line-height:1}
.dhs-room-details-link{display:inline-flex;align-items:center;gap:10px;margin-top:auto;color:var(--dhs-accent-dark);font-size:16px;text-decoration:underline;text-underline-offset:4px}
.dhs-room-details-link b{font-size:20px;font-weight:400;transition:transform .2s ease}
.dhs-room-card-link:hover .dhs-room-details-link b{transform:translateX(4px)}
.dhs-room-card-link:hover .dhs-room-card{transform:translateY(-4px);box-shadow:0 20px 48px rgba(0,0,0,.11)}
.dhs-room-card-link:hover img{transform:scale(1.035)}
html.dhs-dark-mode .dhs-room-card-tags span{background:color-mix(in srgb,var(--dhs-accent) 18%,var(--dhs-dark-card,#242424));color:var(--dhs-dark-text,#fff)}
html.dhs-dark-mode .dhs-room-card-link .dhs-room-body h3{color:var(--dhs-dark-heading,#f3f3f3)}
html.dhs-dark-mode .dhs-room-card-description{color:var(--dhs-dark-text,#fff)!important}

/* 0.7.8 – eigenständige Farben des Club-Hinweises */
.dhs-club-notice{background:var(--club-banner-bg,#1b1b1b)!important;color:var(--club-text,#e5e5e5)!important}
.dhs-club-icon{background:var(--club-eyebrow,var(--dhs-accent))!important;color:var(--club-button-text,#111)!important}
.dhs-club-copy>span{color:var(--club-eyebrow,var(--dhs-accent))!important}
.dhs-club-copy h2{color:var(--club-heading,#fff)!important}
.dhs-club-copy p{color:var(--club-text,#e5e5e5)!important}
.dhs-club-notice>a{background:var(--club-button-bg,var(--dhs-accent))!important;color:var(--club-button-text,#111)!important}
html.dhs-dark-mode .dhs-club-notice{background:var(--club-dark-banner-bg,#202020)!important;color:var(--club-dark-text,#ddd)!important}
html.dhs-dark-mode .dhs-club-icon{background:var(--club-dark-eyebrow,var(--dhs-accent))!important;color:var(--club-dark-button-text,#111)!important}
html.dhs-dark-mode .dhs-club-copy>span{color:var(--club-dark-eyebrow,var(--dhs-accent))!important}
html.dhs-dark-mode .dhs-club-copy h2{color:var(--club-dark-heading,#f3f3f3)!important}
html.dhs-dark-mode .dhs-club-copy p{color:var(--club-dark-text,#ddd)!important}
html.dhs-dark-mode .dhs-club-notice>a{background:var(--club-dark-button-bg,var(--dhs-accent))!important;color:var(--club-dark-button-text,#111)!important}

/* 0.7.9 – classic room cards with full-card click target */
.dhs-room-card-classic{position:relative;height:100%;display:flex;flex-direction:column;background:var(--dhs-card);overflow:hidden}
.dhs-room-card-classic .dhs-room-card-hitarea{position:absolute;inset:0;z-index:1;border-radius:inherit;text-decoration:none!important}
.dhs-room-card-classic .dhs-room-image{position:relative;z-index:0}
.dhs-room-card-classic .dhs-room-body{display:flex;flex:1;flex-direction:column;padding:24px}
.dhs-room-card-classic .dhs-room-body h3{margin:14px 0 8px;font-size:24px;line-height:1.25;color:var(--dhs-heading,var(--dhs-text))}
.dhs-room-card-classic .dhs-room-subtitle{margin:0 0 10px;color:var(--dhs-muted);font-size:14px;font-weight:650;line-height:1.6}
.dhs-room-card-classic .dhs-room-card-description{margin:0 0 12px!important;color:var(--dhs-muted)!important;line-height:1.6!important}
.dhs-room-card-classic .dhs-room-facts{margin-top:auto;padding-top:8px}
.dhs-room-card-classic .dhs-room-foot{margin-top:14px}
.dhs-room-card-classic .dhs-room-card-button{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;background:var(--dhs-accent);color:#111!important;border-radius:999px;font-weight:750;text-decoration:none!important;white-space:nowrap}
.dhs-room-card-classic .dhs-room-card-button:hover{background:var(--dhs-accent-dark);color:#111!important}
.dhs-room-card-classic:focus-within{outline:3px solid var(--dhs-accent);outline-offset:4px}
.dhs-room-card-classic:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(0,0,0,.11)}
.dhs-room-card-classic:hover .dhs-room-image img{transform:scale(1.035)}
html.dhs-dark-mode .dhs-room-card-classic .dhs-room-body h3{color:var(--dhs-dark-heading,#f3f3f3)}
html.dhs-dark-mode .dhs-room-card-classic .dhs-room-subtitle,
html.dhs-dark-mode .dhs-room-card-classic .dhs-room-card-description{color:var(--dhs-dark-text,#fff)!important}
@media(max-width:620px){.dhs-room-card-classic .dhs-room-foot{align-items:flex-start}.dhs-room-card-classic .dhs-room-card-button{padding-inline:16px}}


/* 0.7.13 – selectable mobile header variants */
.dhs-book-mobile{display:none}
@media(max-width:650px){
  .dhs-site-header__inner{min-height:64px;padding-left:16px!important;padding-right:16px!important;gap:10px}
  .dhs-site-header .dhs-site-menu-toggle{display:flex!important;align-items:center;justify-content:center;margin:0!important;order:1;flex:0 0 auto}
  .dhs-site-header .dhs-site-logo{order:2;min-width:0;margin:0!important;flex:1 1 auto}
  .dhs-site-header .dhs-site-logo img{height:var(--dhs-mobile-logo-height,44px)!important;max-height:var(--dhs-mobile-logo-height,44px)!important;max-width:100%!important;width:auto!important}
  .dhs-site-header .dhs-site-header__actions{order:3;margin-left:auto!important;gap:7px;flex:0 0 auto}
  .dhs-site-header .dhs-site-phone{display:none!important}
  .dhs-site-header__actions[data-mobile-language="0"] .dhs-site-language{display:none!important}
  .dhs-site-header__actions[data-mobile-language="1"] .dhs-site-language{display:flex!important}
  .dhs-site-header__actions[data-mobile-darkmode="0"] .dhs-darkmode-toggle{display:none!important}
  .dhs-site-header__actions[data-mobile-button="0"] .dhs-site-book{display:none!important}
  .dhs-site-header__actions[data-mobile-button="1"] .dhs-site-book{display:inline-flex!important;min-height:42px;padding:10px 15px;font-size:12px;white-space:nowrap}
  .dhs-book-desktop{display:none}.dhs-book-mobile{display:inline}
  .dhs-site-language{height:42px;padding:4px}.dhs-site-language button{min-width:34px!important;height:34px!important;min-height:34px!important;padding:0 9px!important;font-size:12px!important}
  .dhs-darkmode-toggle{width:42px;height:42px;flex:0 0 42px}
  .dhs-site-menu-toggle{width:46px;height:46px;flex:0 0 46px}
  .dhs-mobile-type-logo .dhs-site-logo{display:flex}
  .dhs-mobile-type-compact .dhs-site-logo{display:none!important}
  .dhs-mobile-type-compact .dhs-site-header__inner{justify-content:flex-start}
  .dhs-mobile-type-compact .dhs-site-header__actions{display:flex;flex:1 1 auto;justify-content:flex-end}
  .dhs-mobile-type-logo_language .dhs-site-logo{display:flex;flex:1 1 auto}
  .dhs-mobile-type-logo_language .dhs-site-header__actions{display:flex}
  .dhs-mobile-type-logo_language .dhs-site-book{display:none!important}
}
@media(max-width:410px){
  .dhs-site-header__inner{padding-left:10px!important;padding-right:10px!important;gap:6px}
  .dhs-mobile-type-logo_language .dhs-site-logo img{max-width:115px!important}
  .dhs-site-language button{min-width:30px;padding-inline:6px}
  .dhs-site-header__actions[data-mobile-button="1"] .dhs-site-book{padding-inline:11px}
}


/* 0.7.14 – stable CSS hamburger for every desktop/mobile header variant */
.dhs-site-header .dhs-site-menu-toggle{
  position:relative;
  display:none;
  align-items:center;
  justify-content:center;
  color:var(--dhs-header-text,currentColor)!important;
  overflow:visible;
}
.dhs-site-header .dhs-site-menu-toggle::before,
.dhs-site-header .dhs-site-menu-toggle::after,
.dhs-site-header .dhs-site-menu-toggle>span{
  content:"";
  position:absolute;
  left:50%;
  width:22px!important;
  height:2px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px;
  background:currentColor!important;
  opacity:1;
  transform:translateX(-50%);
  transform-origin:center;
  transition:top .22s ease,transform .22s ease,opacity .16s ease,background-color .2s ease;
  pointer-events:none;
}
.dhs-site-header .dhs-site-menu-toggle::before{top:15px}
.dhs-site-header .dhs-site-menu-toggle>span{top:22px}
.dhs-site-header .dhs-site-menu-toggle::after{top:29px}
.dhs-site-header .dhs-site-menu-toggle[aria-expanded="true"]::before{
  top:22px;
  transform:translateX(-50%) rotate(45deg);
}
.dhs-site-header .dhs-site-menu-toggle[aria-expanded="true"]>span{opacity:0}
.dhs-site-header .dhs-site-menu-toggle[aria-expanded="true"]::after{
  top:22px;
  transform:translateX(-50%) rotate(-45deg);
}
.dhs-menu-mode-hamburger .dhs-site-menu-toggle.is-always{display:flex!important}
@media(max-width:960px){
  .dhs-menu-mode-normal .dhs-site-menu-toggle{display:flex!important}
}

/* 0.7.15 – Über-uns-Modul */
.dhs-home-intro.no-image{display:block}.dhs-home-intro.no-image .dhs-home-intro__copy{width:100%;max-width:none}.dhs-home-intro__copy h2{line-height:1.08}


/* 0.8.0 – gemeinsame Section-Typografie */
.dhs-home-section h2,.dhs-home-hero h1{font-size:var(--dhs-section-heading-desktop,48px);line-height:1.08}
.dhs-home-section p,.dhs-home-section li,.dhs-home-section .dhs-home-location__text,.dhs-home-hero p{font-size:var(--dhs-section-body-desktop,16px)}
.dhs-feature-item__link{display:block;color:inherit;text-decoration:none}
.dhs-feature-item__link:hover{color:inherit}
.dhs-feature-item__link:hover h3{color:var(--dhs-accent-dark)}
@media(max-width:960px){.dhs-home-section h2,.dhs-home-hero h1{font-size:var(--dhs-section-heading-tablet,42px)}.dhs-home-section p,.dhs-home-section li,.dhs-home-section .dhs-home-location__text,.dhs-home-hero p{font-size:var(--dhs-section-body-tablet,16px)}}
@media(max-width:600px){.dhs-home-section h2,.dhs-home-hero h1{font-size:var(--dhs-section-heading-mobile,34px)}.dhs-home-section p,.dhs-home-section li,.dhs-home-section .dhs-home-location__text,.dhs-home-hero p{font-size:var(--dhs-section-body-mobile,15px)}}

/* 0.8.1 – gemeinsame Dateck Icons */
.dhs-icon-svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* 0.9.0 – Dateck Hotel Gallery */
.dhs-hotel-gallery{width:100%;min-width:0}.dhs-hotel-gallery .dhs-detail-main-image{aspect-ratio:16/9;border-radius:var(--dhs-radius);box-shadow:0 20px 55px rgba(0,0,0,.10)}.dhs-gallery-ratio-4-3 .dhs-detail-main-image{aspect-ratio:4/3}.dhs-gallery-ratio-3-2 .dhs-detail-main-image{aspect-ratio:3/2}.dhs-gallery-ratio-auto .dhs-detail-main-image{aspect-ratio:auto;min-height:460px}.dhs-hotel-gallery--panorama .dhs-detail-main-image{aspect-ratio:21/8}.dhs-hotel-gallery .dhs-detail-thumbnails{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;padding:3px 1px 8px;scrollbar-width:thin}.dhs-hotel-gallery .dhs-detail-thumb{flex:0 0 118px;height:78px}.dhs-hotel-gallery__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dhs-hotel-gallery__tile{position:relative;width:100%;height:auto;min-height:220px;padding:0;border:0;border-radius:16px;overflow:hidden;background:#eee;cursor:zoom-in}.dhs-hotel-gallery__tile img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;transition:transform .35s ease}.dhs-hotel-gallery__tile:hover img{transform:scale(1.035)}.dhs-hotel-gallery__tile span{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 10px;border-radius:10px;background:rgba(15,15,15,.64);color:#fff;font-size:12px;text-align:left}.dhs-hotel-gallery--masonry .dhs-hotel-gallery__tiles{display:block;columns:3;column-gap:14px}.dhs-hotel-gallery--masonry .dhs-hotel-gallery__tile{display:block;min-height:0;margin:0 0 14px;break-inside:avoid}.dhs-hotel-gallery--masonry .dhs-hotel-gallery__tile img{height:auto;min-height:0}.dhs-gallery-hidden-stage{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;opacity:0!important}.dhs-hotel-gallery--grid .dhs-detail-thumb,.dhs-hotel-gallery--masonry .dhs-detail-thumb{opacity:1;border:0}.dhs-hotel-gallery--grid .dhs-detail-thumb.is-active,.dhs-hotel-gallery--masonry .dhs-detail-thumb.is-active{border:0}.dhs-dark-mode .dhs-hotel-gallery__tile{background:var(--dhs-dark-card)}@media(max-width:800px){.dhs-hotel-gallery__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.dhs-hotel-gallery--masonry .dhs-hotel-gallery__tiles{columns:2}.dhs-hotel-gallery--panorama .dhs-detail-main-image{aspect-ratio:16/9}.dhs-gallery-ratio-auto .dhs-detail-main-image{min-height:300px}}@media(max-width:520px){.dhs-hotel-gallery__tiles{grid-template-columns:1fr}.dhs-hotel-gallery--masonry .dhs-hotel-gallery__tiles{columns:1}.dhs-hotel-gallery__tile{min-height:210px}.dhs-hotel-gallery .dhs-detail-thumb{flex-basis:86px;height:62px}}

/* 0.9.1 Central compact bento gallery */
.dhs-hotel-gallery--central{position:relative;width:100%;isolation:isolate}
.dhs-bento-nav{display:flex;justify-content:flex-end;gap:10px;margin:0 0 16px}
.dhs-bento-arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(0,0,0,.13);border-radius:50%;background:var(--dhs-card,#fff);color:var(--dhs-text,#111);font-size:27px;line-height:1;cursor:pointer;transition:transform .2s ease,background .2s ease,opacity .2s ease}
.dhs-bento-arrow:hover{transform:translateY(-2px);background:var(--dhs-bg,#f5f5f5)}
.dhs-bento-arrow:disabled{opacity:.34;cursor:default;transform:none}
.dhs-bento-viewport{width:100%;overflow:hidden}
.dhs-bento-track{display:flex;width:100%;transition:transform .42s cubic-bezier(.22,.61,.36,1);will-change:transform}
.dhs-bento-page{flex:0 0 100%;display:grid;grid-template-columns:2.1fr 1.55fr 1.55fr .75fr;grid-template-rows:1fr 1fr;gap:14px;height:500px;min-width:0}
.dhs-bento-item{position:relative;display:block;width:100%;height:100%!important;min-width:0;min-height:0;padding:0!important;margin:0!important;border:0!important;border-radius:20px!important;overflow:hidden;background:#ececec;cursor:zoom-in;opacity:1!important;box-shadow:none!important}
.dhs-bento-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.dhs-bento-item:hover img{transform:scale(1.025)}
.dhs-bento-item span{position:absolute;left:12px;right:12px;bottom:12px;padding:7px 10px;border-radius:10px;background:rgba(16,16,16,.62);color:#fff;font-size:12px;text-align:left;opacity:0;transform:translateY(5px);transition:.2s}
.dhs-bento-item:hover span{opacity:1;transform:none}
.dhs-bento-item--tall-left{grid-column:1;grid-row:1/3}
.dhs-bento-item--top-mid{grid-column:2;grid-row:1}
.dhs-bento-item--bottom-mid{grid-column:2;grid-row:2}
.dhs-bento-item--tall-right{grid-column:3;grid-row:1/3}
.dhs-bento-item--top-slim{grid-column:4;grid-row:1}
.dhs-bento-item--bottom-slim{grid-column:4;grid-row:2}
.dhs-bento-item--default{grid-column:auto;grid-row:auto}
.dhs-dark-mode .dhs-bento-arrow{border-color:rgba(255,255,255,.15);background:var(--dhs-dark-card,#242424);color:var(--dhs-dark-text,#fff)}
.dhs-dark-mode .dhs-bento-item{background:var(--dhs-dark-card,#242424)}
/* Lightbox always belongs to the viewport, never to a transformed/colored section. */
body>.dhs-lightbox{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;z-index:2147483000!important;transform:none!important;overflow:visible!important}
@media(max-width:900px){
  .dhs-bento-page{grid-template-columns:1.7fr 1fr 1fr;grid-template-rows:1fr 1fr;height:430px}
  .dhs-bento-item--tall-left{grid-column:1;grid-row:1/3}
  .dhs-bento-item--top-mid{grid-column:2;grid-row:1}
  .dhs-bento-item--bottom-mid{grid-column:2;grid-row:2}
  .dhs-bento-item--tall-right{grid-column:3;grid-row:1/3}
  .dhs-bento-item--top-slim,.dhs-bento-item--bottom-slim{display:none}
}
@media(max-width:600px){
  .dhs-bento-nav{margin-bottom:12px}
  .dhs-bento-arrow{width:40px;height:40px}
  .dhs-bento-page{grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;height:330px;gap:9px}
  .dhs-bento-item{border-radius:14px!important}
  .dhs-bento-item--tall-left{grid-column:1;grid-row:1/3}
  .dhs-bento-item--top-mid{grid-column:2;grid-row:1}
  .dhs-bento-item--bottom-mid{grid-column:2;grid-row:2}
  .dhs-bento-item--tall-right,.dhs-bento-item--top-slim,.dhs-bento-item--bottom-slim{display:none}
}

/* 0.9.2 – Globale Dateck Typografie */
.dhs-site-header,.dhs-site-footer,.dhs-home-section,.dhs-home-hero,.dhs-room-grid,.dhs-room-detail,.dhs-club-signup,.dhs-paypal-popup,.dhs-hotel-gallery{font-family:var(--dhs-font-body,system-ui,sans-serif);font-weight:var(--dhs-body-weight,400);line-height:var(--dhs-body-line-height,1.65);letter-spacing:var(--dhs-body-letter-spacing,0em)}
.dhs-site-header h1,.dhs-site-header h2,.dhs-site-header h3,.dhs-site-footer h1,.dhs-site-footer h2,.dhs-site-footer h3,.dhs-home-section h1,.dhs-home-section h2,.dhs-home-section h3,.dhs-home-hero h1,.dhs-home-hero h2,.dhs-home-hero h3,.dhs-room-grid h1,.dhs-room-grid h2,.dhs-room-grid h3,.dhs-room-detail h1,.dhs-room-detail h2,.dhs-room-detail h3,.dhs-club-signup h1,.dhs-club-signup h2,.dhs-club-signup h3,.dhs-paypal-popup h1,.dhs-paypal-popup h2,.dhs-paypal-popup h3{font-family:var(--dhs-font-heading,system-ui,sans-serif);font-weight:var(--dhs-heading-weight,700);line-height:var(--dhs-heading-line-height,1.12);letter-spacing:var(--dhs-heading-letter-spacing,-.02em)}
.dhs-home-section h1,.dhs-home-hero h1,.dhs-room-detail h1{font-size:var(--dhs-h1-desktop,64px)!important}.dhs-home-section h2,.dhs-room-detail h2,.dhs-club-signup h2{font-size:var(--dhs-h2-desktop,48px)!important}.dhs-home-section h3,.dhs-room-grid h3,.dhs-room-detail h3,.dhs-club-signup h3,.dhs-paypal-popup h3{font-size:var(--dhs-h3-desktop,28px)!important}.dhs-home-section p,.dhs-home-section li,.dhs-home-hero p,.dhs-room-grid p,.dhs-room-detail p,.dhs-room-detail li,.dhs-club-signup p,.dhs-club-signup label,.dhs-paypal-popup p{font-size:var(--dhs-body-desktop,16px)!important}
@media(max-width:960px){.dhs-home-section h1,.dhs-home-hero h1,.dhs-room-detail h1{font-size:var(--dhs-h1-tablet,52px)!important}.dhs-home-section h2,.dhs-room-detail h2,.dhs-club-signup h2{font-size:var(--dhs-h2-tablet,40px)!important}.dhs-home-section h3,.dhs-room-grid h3,.dhs-room-detail h3,.dhs-club-signup h3,.dhs-paypal-popup h3{font-size:var(--dhs-h3-tablet,25px)!important}.dhs-home-section p,.dhs-home-section li,.dhs-home-hero p,.dhs-room-grid p,.dhs-room-detail p,.dhs-room-detail li,.dhs-club-signup p,.dhs-club-signup label,.dhs-paypal-popup p{font-size:var(--dhs-body-tablet,16px)!important}}
@media(max-width:600px){.dhs-home-section h1,.dhs-home-hero h1,.dhs-room-detail h1{font-size:var(--dhs-h1-mobile,40px)!important}.dhs-home-section h2,.dhs-room-detail h2,.dhs-club-signup h2{font-size:var(--dhs-h2-mobile,32px)!important}.dhs-home-section h3,.dhs-room-grid h3,.dhs-room-detail h3,.dhs-club-signup h3,.dhs-paypal-popup h3{font-size:var(--dhs-h3-mobile,22px)!important}.dhs-home-section p,.dhs-home-section li,.dhs-home-hero p,.dhs-room-grid p,.dhs-room-detail p,.dhs-room-detail li,.dhs-club-signup p,.dhs-club-signup label,.dhs-paypal-popup p{font-size:var(--dhs-body-mobile,15px)!important}}


/* 0.9.4 – independently configurable dropdown navigation colors */
.dhs-site-header .dhs-menu-drawer{
  background:var(--dhs-hamburger-bg,#fff)!important;
  color:var(--dhs-hamburger-text,#1f1f1f)!important;
}
.dhs-site-header .dhs-menu-drawer > nav a,
.dhs-site-header .dhs-menu-drawer > nav a:not(.dhs-site-book){
  position:relative!important;
  color:var(--dhs-hamburger-text,#1f1f1f)!important;
  padding-left:14px!important;
  padding-right:14px!important;
  border-radius:8px!important;
  transition:color .18s ease,background-color .18s ease,transform .18s ease!important;
}
.dhs-site-header .dhs-menu-drawer > nav a::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:3px!important;
  height:0!important;
  border-radius:999px!important;
  background:var(--dhs-hamburger-hover,#c9952d)!important;
  transform:translateY(-50%)!important;
  transition:height .18s ease!important;
}
.dhs-site-header .dhs-menu-drawer > nav a:hover{
  color:var(--dhs-hamburger-hover,#c9952d)!important;
  background:var(--dhs-hamburger-hover-bg,transparent)!important;
  transform:translateX(3px)!important;
}
.dhs-site-header .dhs-menu-drawer > nav a:hover::before{height:54%!important}
.dhs-site-header .dhs-menu-drawer > nav .current-menu-item > a,
.dhs-site-header .dhs-menu-drawer > nav .current_page_item > a,
.dhs-site-header .dhs-menu-drawer > nav .current-menu-ancestor > a{
  color:var(--dhs-hamburger-active,#c9952d)!important;
  background:var(--dhs-hamburger-hover-bg,transparent)!important;
}
.dhs-site-header .dhs-menu-drawer > nav .current-menu-item > a::before,
.dhs-site-header .dhs-menu-drawer > nav .current_page_item > a::before,
.dhs-site-header .dhs-menu-drawer > nav .current-menu-ancestor > a::before{height:54%!important;background:var(--dhs-hamburger-active,#c9952d)!important}
.dhs-site-header.dhs-dropdown-separators .dhs-menu-drawer > nav li+li{
  border-top:1px solid color-mix(in srgb,var(--dhs-hamburger-text,#1f1f1f) 14%,transparent)!important;
}
html.dhs-dark-mode .dhs-site-header .dhs-menu-drawer{
  background:var(--dhs-hamburger-bg,#fff)!important;
  color:var(--dhs-hamburger-text,#1f1f1f)!important;
}


/* 0.9.5 – separate classic dropdown and hamburger menu colors */
.dhs-site-menu-toggle{color:var(--dhs-hamburger-icon,var(--dhs-header-text,#111))!important}
.dhs-site-nav li{position:relative}
.dhs-site-nav .sub-menu{position:absolute;top:100%;left:0;min-width:220px;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:10px!important;background:var(--dhs-dropdown-bg,#fff)!important;box-shadow:0 16px 40px rgba(0,0,0,.14);border-radius:12px;z-index:10020;white-space:normal!important}
.dhs-site-nav li:hover>.sub-menu,.dhs-site-nav li:focus-within>.sub-menu{display:flex!important}
.dhs-site-nav .sub-menu a{display:block;padding:11px 12px;border-radius:8px;color:var(--dhs-dropdown-text,#1f1f1f)!important;background:transparent!important}
.dhs-site-nav .sub-menu a:hover{color:var(--dhs-dropdown-hover,#c9952d)!important;background:var(--dhs-dropdown-hover-bg,transparent)!important}
.dhs-site-nav .sub-menu .current-menu-item>a,.dhs-site-nav .sub-menu .current_page_item>a{color:var(--dhs-dropdown-active,#c9952d)!important}
.dhs-site-header.dhs-dropdown-separators .dhs-site-nav .sub-menu li+li{border-top:1px solid color-mix(in srgb,var(--dhs-dropdown-text,#1f1f1f) 14%,transparent)}


/* 0.9.6 – Portalized hamburger drawer uses its own copied color variables. */
body > .dhs-menu-drawer{
  background:var(--dhs-hamburger-bg,#fff)!important;
  color:var(--dhs-hamburger-text,#1f1f1f)!important;
}
body > .dhs-menu-drawer > nav a,
body > .dhs-menu-drawer > nav a:not(.dhs-site-book){
  position:relative!important;
  color:var(--dhs-hamburger-text,#1f1f1f)!important;
  padding-left:14px!important;
  padding-right:14px!important;
  border-radius:8px!important;
  transition:color .18s ease,background-color .18s ease,transform .18s ease!important;
}
body > .dhs-menu-drawer > nav a::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  width:3px!important;
  height:0!important;
  border-radius:999px!important;
  background:var(--dhs-hamburger-hover,#c9952d)!important;
  transform:translateY(-50%)!important;
  transition:height .18s ease!important;
}
body > .dhs-menu-drawer > nav a:hover{
  color:var(--dhs-hamburger-hover,#c9952d)!important;
  background:var(--dhs-hamburger-hover-bg,transparent)!important;
  transform:translateX(3px)!important;
}
body > .dhs-menu-drawer > nav a:hover::before{height:54%!important}
body > .dhs-menu-drawer > nav .current-menu-item > a,
body > .dhs-menu-drawer > nav .current_page_item > a,
body > .dhs-menu-drawer > nav .current-menu-ancestor > a{
  color:var(--dhs-hamburger-active,#c9952d)!important;
  background:var(--dhs-hamburger-hover-bg,transparent)!important;
}
body > .dhs-menu-drawer > nav .current-menu-item > a::before,
body > .dhs-menu-drawer > nav .current_page_item > a::before,
body > .dhs-menu-drawer > nav .current-menu-ancestor > a::before{
  height:54%!important;
  background:var(--dhs-hamburger-active,#c9952d)!important;
}
html.dhs-dark-mode body > .dhs-menu-drawer,
body.dhs-dark-mode > .dhs-menu-drawer{
  background:var(--dhs-hamburger-bg,#fff)!important;
  color:var(--dhs-hamburger-text,#1f1f1f)!important;
}


/* 0.9.7 – clean hamburger menu: background + text + hover text only */
.dhs-site-header .dhs-menu-drawer,
body > .dhs-menu-drawer{
  background:var(--dhs-hamburger-bg,#fff)!important;
  color:var(--dhs-hamburger-text,#1f1f1f)!important;
}
.dhs-site-header .dhs-menu-drawer > nav a,
.dhs-site-header .dhs-menu-drawer > nav a:not(.dhs-site-book),
body > .dhs-menu-drawer > nav a,
body > .dhs-menu-drawer > nav a:not(.dhs-site-book){
  color:var(--dhs-hamburger-text,#1f1f1f)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
  box-shadow:none!important;
  transition:color .18s ease!important;
}
.dhs-site-header .dhs-menu-drawer > nav a::before,
.dhs-site-header .dhs-menu-drawer > nav a::after,
body > .dhs-menu-drawer > nav a::before,
body > .dhs-menu-drawer > nav a::after{
  display:none!important;
  content:none!important;
}
.dhs-site-header .dhs-menu-drawer > nav a:hover,
.dhs-site-header .dhs-menu-drawer > nav a:focus-visible,
body > .dhs-menu-drawer > nav a:hover,
body > .dhs-menu-drawer > nav a:focus-visible{
  color:var(--dhs-hamburger-hover,#c9952d)!important;
  background:transparent!important;
  transform:none!important;
}
.dhs-site-header .dhs-menu-drawer > nav .current-menu-item > a,
.dhs-site-header .dhs-menu-drawer > nav .current_page_item > a,
.dhs-site-header .dhs-menu-drawer > nav .current-menu-ancestor > a,
body > .dhs-menu-drawer > nav .current-menu-item > a,
body > .dhs-menu-drawer > nav .current_page_item > a,
body > .dhs-menu-drawer > nav .current-menu-ancestor > a{
  color:var(--dhs-hamburger-text,#1f1f1f)!important;
  background:transparent!important;
}
.dhs-site-header .dhs-menu-drawer > nav li,
.dhs-site-header .dhs-menu-drawer > nav li+li,
body > .dhs-menu-drawer > nav li,
body > .dhs-menu-drawer > nav li+li{
  border:0!important;
  background:transparent!important;
}

/* 0.9.8 – consistent hamburger link hover, including same-page anchors/current items */
.dhs-site-header .dhs-menu-drawer > nav a,
body > .dhs-menu-drawer > nav a{
  position:relative!important;
  display:inline-block!important;
  width:max-content!important;
  max-width:100%!important;
  padding-bottom:6px!important;
  color:var(--dhs-hamburger-text,#1f1f1f)!important;
  text-decoration:none!important;
}
.dhs-site-header .dhs-menu-drawer > nav a::after,
body > .dhs-menu-drawer > nav a::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:auto!important;
  bottom:1px!important;
  width:100%!important;
  height:2px!important;
  border-radius:999px!important;
  background:var(--dhs-hamburger-hover,#c9952d)!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  transition:transform .22s ease!important;
}
.dhs-site-header .dhs-menu-drawer > nav a:hover,
.dhs-site-header .dhs-menu-drawer > nav a:focus-visible,
.dhs-site-header .dhs-menu-drawer > nav .current-menu-item > a:hover,
.dhs-site-header .dhs-menu-drawer > nav .current_page_item > a:hover,
.dhs-site-header .dhs-menu-drawer > nav .current-menu-ancestor > a:hover,
body > .dhs-menu-drawer > nav a:hover,
body > .dhs-menu-drawer > nav a:focus-visible,
body > .dhs-menu-drawer > nav .current-menu-item > a:hover,
body > .dhs-menu-drawer > nav .current_page_item > a:hover,
body > .dhs-menu-drawer > nav .current-menu-ancestor > a:hover{
  color:var(--dhs-hamburger-hover,#c9952d)!important;
}
.dhs-site-header .dhs-menu-drawer > nav a:hover::after,
.dhs-site-header .dhs-menu-drawer > nav a:focus-visible::after,
body > .dhs-menu-drawer > nav a:hover::after,
body > .dhs-menu-drawer > nav a:focus-visible::after{
  transform:scaleX(1)!important;
}


/* 0.9.9 – unified menu hover style for normal and hamburger navigation */
.dhs-site-header .dhs-site-nav > ul > li > a,
.dhs-site-header .dhs-menu-drawer > nav a,
body > .dhs-menu-drawer > nav a{
  position:relative!important;
  text-decoration:none!important;
  transition:color var(--dhs-menu-hover-duration,180ms) ease!important;
}
.dhs-site-header .dhs-site-nav > ul > li > a{
  display:inline-block!important;
  padding-bottom:calc(var(--dhs-menu-underline-gap,3px) + var(--dhs-menu-underline-height,2px))!important;
}
.dhs-site-header .dhs-menu-drawer > nav a,
body > .dhs-menu-drawer > nav a{
  display:inline-block!important;
  width:max-content!important;
  max-width:100%!important;
  padding-bottom:calc(var(--dhs-menu-underline-gap,3px) + var(--dhs-menu-underline-height,2px))!important;
}
.dhs-site-header .dhs-site-nav > ul > li > a::after,
.dhs-site-header .dhs-menu-drawer > nav a::after,
body > .dhs-menu-drawer > nav a::after{
  content:""!important;
  display:var(--dhs-menu-underline-display,block)!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:var(--dhs-menu-underline-height,2px)!important;
  border-radius:999px!important;
  transform:scaleX(0)!important;
  transform-origin:var(--dhs-menu-underline-origin,center) center!important;
  transition:transform var(--dhs-menu-hover-duration,180ms) ease!important;
  pointer-events:none!important;
}
.dhs-site-header .dhs-site-nav > ul > li > a::after{
  background:var(--dhs-menu-hover,var(--dhs-accent-dark,#c9952d))!important;
}
.dhs-site-header .dhs-menu-drawer > nav a::after,
body > .dhs-menu-drawer > nav a::after{
  background:var(--dhs-hamburger-hover,#c9952d)!important;
}
.dhs-site-header .dhs-site-nav > ul > li > a:hover,
.dhs-site-header .dhs-site-nav > ul > li > a:focus-visible{
  color:var(--dhs-menu-hover,var(--dhs-accent-dark,#c9952d))!important;
}
.dhs-site-header .dhs-site-nav > ul > li.current-menu-item > a,
.dhs-site-header .dhs-site-nav > ul > li.current_page_item > a,
.dhs-site-header .dhs-site-nav > ul > li.current-menu-ancestor > a{
  color:var(--dhs-menu-active,var(--dhs-menu-hover,#c9952d))!important;
}
.dhs-site-header .dhs-menu-drawer > nav a:hover,
.dhs-site-header .dhs-menu-drawer > nav a:focus-visible,
body > .dhs-menu-drawer > nav a:hover,
body > .dhs-menu-drawer > nav a:focus-visible,
.dhs-site-header .dhs-menu-drawer > nav .current-menu-item > a:hover,
.dhs-site-header .dhs-menu-drawer > nav .current_page_item > a:hover,
.dhs-site-header .dhs-menu-drawer > nav .current-menu-ancestor > a:hover,
body > .dhs-menu-drawer > nav .current-menu-item > a:hover,
body > .dhs-menu-drawer > nav .current_page_item > a:hover,
body > .dhs-menu-drawer > nav .current-menu-ancestor > a:hover{
  color:var(--dhs-hamburger-hover,#c9952d)!important;
}
.dhs-site-header .dhs-site-nav > ul > li > a:hover::after,
.dhs-site-header .dhs-site-nav > ul > li > a:focus-visible::after,
.dhs-site-header .dhs-menu-drawer > nav a:hover::after,
.dhs-site-header .dhs-menu-drawer > nav a:focus-visible::after,
body > .dhs-menu-drawer > nav a:hover::after,
body > .dhs-menu-drawer > nav a:focus-visible::after{
  transform:scaleX(1)!important;
}
/* Keep submenu links governed by the separate Dropdown Design settings. */
.dhs-site-header .dhs-site-nav .sub-menu a{
  padding-bottom:11px!important;
}
.dhs-site-header .dhs-site-nav .sub-menu a::after{display:none!important}


/* 0.9.10 – one shared hover style for every navigation; hamburger keeps only background/text */
.dhs-site-header .dhs-site-nav > ul > li > a,
.dhs-site-header .dhs-menu-drawer > nav a,
body > .dhs-menu-drawer > nav a{
  position:relative!important;
  display:inline-flex!important;
  width:fit-content!important;
  max-width:100%!important;
  align-items:center!important;
  color:inherit;
  text-decoration:none!important;
  padding-left:0!important;
  padding-right:0!important;
  padding-bottom:calc(var(--dhs-menu-underline-gap,3px) + var(--dhs-menu-underline-height,2px))!important;
  transition:color var(--dhs-menu-hover-duration,180ms) ease!important;
}
.dhs-site-header .dhs-menu-drawer > nav li,
body > .dhs-menu-drawer > nav li{
  display:block!important;
  width:100%!important;
  text-align:left!important;
}
.dhs-site-header .dhs-site-nav > ul > li > a::after,
.dhs-site-header .dhs-menu-drawer > nav a::after,
body > .dhs-menu-drawer > nav a::after{
  content:""!important;
  display:var(--dhs-menu-underline-display,block)!important;
  position:absolute!important;
  left:0!important;
  right:auto!important;
  bottom:0!important;
  width:100%!important;
  height:var(--dhs-menu-underline-height,2px)!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--dhs-menu-hover,var(--dhs-accent-dark,#c9952d))!important;
  transform:scaleX(0)!important;
  transform-origin:var(--dhs-menu-underline-origin,center) center!important;
  transition:transform var(--dhs-menu-hover-duration,180ms) ease!important;
  pointer-events:none!important;
}
/* Normal, active and ancestor items must all react identically on real hover/focus. */
.dhs-site-header .dhs-site-nav > ul > li > a:hover,
.dhs-site-header .dhs-site-nav > ul > li > a:focus-visible,
.dhs-site-header .dhs-site-nav > ul > li.current-menu-item > a:hover,
.dhs-site-header .dhs-site-nav > ul > li.current_page_item > a:hover,
.dhs-site-header .dhs-site-nav > ul > li.current-menu-ancestor > a:hover,
.dhs-site-header .dhs-menu-drawer > nav a:hover,
.dhs-site-header .dhs-menu-drawer > nav a:focus-visible,
.dhs-site-header .dhs-menu-drawer > nav .current-menu-item > a:hover,
.dhs-site-header .dhs-menu-drawer > nav .current_page_item > a:hover,
.dhs-site-header .dhs-menu-drawer > nav .current-menu-ancestor > a:hover,
body > .dhs-menu-drawer > nav a:hover,
body > .dhs-menu-drawer > nav a:focus-visible,
body > .dhs-menu-drawer > nav .current-menu-item > a:hover,
body > .dhs-menu-drawer > nav .current_page_item > a:hover,
body > .dhs-menu-drawer > nav .current-menu-ancestor > a:hover{
  color:var(--dhs-menu-hover,var(--dhs-accent-dark,#c9952d))!important;
}
.dhs-site-header .dhs-site-nav > ul > li > a:hover::after,
.dhs-site-header .dhs-site-nav > ul > li > a:focus-visible::after,
.dhs-site-header .dhs-site-nav > ul > li.current-menu-item > a:hover::after,
.dhs-site-header .dhs-site-nav > ul > li.current_page_item > a:hover::after,
.dhs-site-header .dhs-site-nav > ul > li.current-menu-ancestor > a:hover::after,
.dhs-site-header .dhs-menu-drawer > nav a:hover::after,
.dhs-site-header .dhs-menu-drawer > nav a:focus-visible::after,
body > .dhs-menu-drawer > nav a:hover::after,
body > .dhs-menu-drawer > nav a:focus-visible::after{
  transform:scaleX(1)!important;
}
/* Active color applies only while not hovered; hover always wins. */
.dhs-site-header .dhs-site-nav > ul > li.current-menu-item > a:not(:hover),
.dhs-site-header .dhs-site-nav > ul > li.current_page_item > a:not(:hover),
.dhs-site-header .dhs-site-nav > ul > li.current-menu-ancestor > a:not(:hover),
.dhs-site-header .dhs-menu-drawer > nav .current-menu-item > a:not(:hover),
.dhs-site-header .dhs-menu-drawer > nav .current_page_item > a:not(:hover),
.dhs-site-header .dhs-menu-drawer > nav .current-menu-ancestor > a:not(:hover),
body > .dhs-menu-drawer > nav .current-menu-item > a:not(:hover),
body > .dhs-menu-drawer > nav .current_page_item > a:not(:hover),
body > .dhs-menu-drawer > nav .current-menu-ancestor > a:not(:hover){
  color:var(--dhs-menu-active,var(--dhs-menu-hover,#c9952d))!important;
}
/* The open drawer owns only its surface and base text color. */
.dhs-site-header .dhs-menu-drawer,
body > .dhs-menu-drawer{
  background:var(--dhs-hamburger-bg,#fff)!important;
  color:var(--dhs-hamburger-text,#1f1f1f)!important;
}
.dhs-site-header .dhs-menu-drawer > nav a:not(:hover),
body > .dhs-menu-drawer > nav a:not(:hover){
  color:var(--dhs-hamburger-text,#1f1f1f)!important;
}
/* Real dropdown submenus keep their separate Dropdown Design and no shared underline. */
.dhs-site-header .dhs-site-nav .sub-menu a{
  display:flex!important;
  width:100%!important;
  padding:11px 14px!important;
}
.dhs-site-header .dhs-site-nav .sub-menu a::after{display:none!important}

/* 0.9.11 – keep hamburger underline strictly at text width */
.dhs-site-header .dhs-menu-drawer > nav li,
body > .dhs-menu-drawer > nav li,
.dhs-site-header .dhs-menu-drawer > nav li.current-menu-item,
body > .dhs-menu-drawer > nav li.current-menu-item{
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.dhs-site-header .dhs-menu-drawer > nav li > a,
body > .dhs-menu-drawer > nav li > a{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  flex:0 0 auto!important;
  align-self:flex-start!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.dhs-site-header .dhs-menu-drawer > nav li > a::before,
body > .dhs-menu-drawer > nav li > a::before{
  display:none!important;
  content:none!important;
}
.dhs-site-header .dhs-menu-drawer > nav li > a::after,
body > .dhs-menu-drawer > nav li > a::after{
  left:0!important;
  right:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:var(--dhs-menu-underline-height,2px)!important;
  bottom:0!important;
  border:0!important;
  box-shadow:none!important;
}

/* 0.9.12 – clean hamburger hover and accordion submenus */
.dhs-site-header .dhs-menu-drawer > nav li::before,
.dhs-site-header .dhs-menu-drawer > nav li::after,
body > .dhs-menu-drawer > nav li::before,
body > .dhs-menu-drawer > nav li::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
.dhs-site-header .dhs-menu-drawer > nav li,
body > .dhs-menu-drawer > nav li{
  position:relative!important;
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.dhs-site-header .dhs-menu-drawer > nav li > a,
body > .dhs-menu-drawer > nav li > a{
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
/* Only the link itself may draw the hover underline. */
.dhs-site-header .dhs-menu-drawer > nav li > a::after,
body > .dhs-menu-drawer > nav li > a::after{
  display:var(--dhs-menu-underline-display,block)!important;
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:auto!important;
  bottom:0!important;
  width:100%!important;
  height:var(--dhs-menu-underline-height,2px)!important;
  background:var(--dhs-menu-hover,var(--dhs-accent-dark,#c9952d))!important;
  transform:scaleX(0)!important;
  transform-origin:var(--dhs-menu-underline-origin,center) center!important;
  transition:transform var(--dhs-menu-hover-duration,180ms) ease!important;
}
.dhs-site-header .dhs-menu-drawer > nav li > a:hover::after,
.dhs-site-header .dhs-menu-drawer > nav li > a:focus-visible::after,
body > .dhs-menu-drawer > nav li > a:hover::after,
body > .dhs-menu-drawer > nav li > a:focus-visible::after{
  transform:scaleX(1)!important;
}
/* Parent rows with submenus. */
.dhs-site-header .dhs-menu-drawer > nav .menu-item-has-children,
body > .dhs-menu-drawer > nav .menu-item-has-children{
  display:grid!important;
  grid-template-columns:max-content 34px!important;
  align-items:center!important;
  justify-content:start!important;
  column-gap:8px!important;
}
.dhs-site-header .dhs-menu-drawer > nav .menu-item-has-children > a,
body > .dhs-menu-drawer > nav .menu-item-has-children > a{
  grid-column:1!important;
}
.dhs-submenu-toggle{
  grid-column:2!important;
  width:30px!important;
  height:30px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--dhs-hamburger-text,#1f1f1f)!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.dhs-submenu-toggle::before{
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-1px,-1px);
  transition:transform .2s ease;
}
.menu-item-has-children.is-submenu-open > .dhs-submenu-toggle::before{
  transform:rotate(225deg) translate(-1px,-1px);
}
.dhs-site-header .dhs-menu-drawer > nav .sub-menu,
body > .dhs-menu-drawer > nav .sub-menu{
  grid-column:1 / -1!important;
  display:none!important;
  width:100%!important;
  margin:2px 0 10px 18px!important;
  padding:0!important;
}
.dhs-site-header .dhs-menu-drawer > nav .menu-item-has-children.is-submenu-open > .sub-menu,
body > .dhs-menu-drawer > nav .menu-item-has-children.is-submenu-open > .sub-menu{
  display:block!important;
}
.dhs-site-header .dhs-menu-drawer > nav .sub-menu li,
body > .dhs-menu-drawer > nav .sub-menu li{
  display:block!important;
  width:100%!important;
}
.dhs-site-header .dhs-menu-drawer > nav .sub-menu a,
body > .dhs-menu-drawer > nav .sub-menu a{
  display:inline-block!important;
  width:auto!important;
  max-width:max-content!important;
  padding:9px 0!important;
  font-size:.9em!important;
  font-weight:500!important;
  text-transform:none!important;
  opacity:.82;
}


/* 0.9.13 – draw hamburger hover underline on a dedicated text label only */
.dhs-site-header .dhs-menu-drawer > nav a::before,
.dhs-site-header .dhs-menu-drawer > nav a::after,
body > .dhs-menu-drawer > nav a::before,
body > .dhs-menu-drawer > nav a::after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
.dhs-menu-link-label{
  position:relative!important;
  display:inline-block!important;
  width:auto!important;
  max-width:100%!important;
  padding-bottom:var(--dhs-menu-underline-gap,3px)!important;
}
.dhs-menu-link-label::after{
  content:"";
  position:absolute;
  left:0;
  right:auto;
  bottom:0;
  width:100%;
  height:var(--dhs-menu-underline-height,2px);
  border-radius:999px;
  background:var(--dhs-menu-hover,var(--dhs-accent-dark,#c9952d));
  transform:scaleX(0);
  transform-origin:var(--dhs-menu-underline-origin,center) center;
  transition:transform var(--dhs-menu-hover-duration,180ms) ease;
  pointer-events:none;
}
.dhs-site-header .dhs-menu-drawer > nav a:hover .dhs-menu-link-label::after,
.dhs-site-header .dhs-menu-drawer > nav a:focus-visible .dhs-menu-link-label::after,
body > .dhs-menu-drawer > nav a:hover .dhs-menu-link-label::after,
body > .dhs-menu-drawer > nav a:focus-visible .dhs-menu-link-label::after{
  transform:scaleX(1);
}

/* 0.9.14 – hard reset theme-generated active/current menu lines inside the hamburger drawer */
.dhs-site-header .dhs-menu-drawer nav *,
body > .dhs-menu-drawer nav *{
  border-bottom:0!important;
  box-shadow:none!important;
}
.dhs-site-header .dhs-menu-drawer nav *::before,
.dhs-site-header .dhs-menu-drawer nav *::after,
body > .dhs-menu-drawer nav *::before,
body > .dhs-menu-drawer nav *::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
}
/* Restore only the intentional text-width underline. */
.dhs-site-header .dhs-menu-drawer .dhs-menu-link-label::after,
body > .dhs-menu-drawer .dhs-menu-link-label::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  width:100%!important;
  height:var(--dhs-menu-underline-height,2px)!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--dhs-menu-hover,var(--dhs-accent-dark,#c9952d))!important;
  transform:scaleX(0)!important;
  transform-origin:var(--dhs-menu-underline-origin,center) center!important;
  transition:transform var(--dhs-menu-hover-duration,180ms) ease!important;
}
.dhs-site-header .dhs-menu-drawer a:hover .dhs-menu-link-label::after,
.dhs-site-header .dhs-menu-drawer a:focus-visible .dhs-menu-link-label::after,
body > .dhs-menu-drawer a:hover .dhs-menu-link-label::after,
body > .dhs-menu-drawer a:focus-visible .dhs-menu-link-label::after{
  transform:scaleX(1)!important;
}
/* Restore submenu chevron only. */
.dhs-site-header .dhs-menu-drawer .dhs-submenu-toggle::before,
body > .dhs-menu-drawer .dhs-submenu-toggle::before{
  content:""!important;
  display:block!important;
  width:8px!important;
  height:8px!important;
  border-right:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  background:none!important;
  transform:rotate(45deg) translate(-1px,-1px)!important;
  transition:transform .2s ease!important;
}
.dhs-site-header .dhs-menu-drawer .menu-item-has-children.is-submenu-open > .dhs-submenu-toggle::before,
body > .dhs-menu-drawer .menu-item-has-children.is-submenu-open > .dhs-submenu-toggle::before{
  transform:rotate(225deg) translate(-1px,-1px)!important;
}


/* 0.9.15 – remove legacy full-width anchor pseudo-line with matching specificity */
.dhs-site-header .dhs-menu-drawer > nav li > a::after,
body > .dhs-menu-drawer > nav li > a::after,
.dhs-site-header .dhs-menu-drawer > nav li.current-menu-item > a::after,
.dhs-site-header .dhs-menu-drawer > nav li.current_page_item > a::after,
body > .dhs-menu-drawer > nav li.current-menu-item > a::after,
body > .dhs-menu-drawer > nav li.current_page_item > a::after{
  content:none!important;
  display:none!important;
  position:static!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
}
/* Keep only the text-width underline generated on the label span. */
.dhs-site-header .dhs-menu-drawer > nav li > a .dhs-menu-link-label::after,
body > .dhs-menu-drawer > nav li > a .dhs-menu-link-label::after{
  content:""!important;
  display:block!important;
}

/* 0.10.0 – Beste Lage */
.dhs-home-location{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1fr);gap:70px;align-items:center}
.dhs-home-location__copy{min-width:0}
.dhs-home-location__text{line-height:1.75;max-width:760px}
.dhs-home-location__copy>h3{margin:36px 0 16px;color:var(--dhs-accent-dark);font-size:18px}
.dhs-location-highlights{display:grid;gap:10px}
.dhs-location-highlight{border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.dhs-location-highlight>a,.dhs-location-highlight:not(:has(>a)){display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;color:inherit;text-decoration:none}
.dhs-location-highlight__icon{display:flex;width:26px;height:26px;color:var(--dhs-accent-dark)}
.dhs-location-highlight__icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dhs-location-highlight__content{display:flex;flex-direction:column;gap:3px;min-width:0}
.dhs-location-highlight__content strong{font-size:1em}
.dhs-location-highlight__content small{font-size:.88em;line-height:1.45;color:var(--dhs-muted)}
.dhs-location-highlight__distance{font-weight:700;color:var(--dhs-accent-dark);text-align:right;white-space:nowrap}
.dhs-location-highlight>a:hover .dhs-location-highlight__content strong{color:var(--dhs-accent-dark)}
.dhs-location-route{display:inline-flex;margin-top:28px}
.dhs-home-location__map{min-height:var(--dhs-location-map-height,420px);height:var(--dhs-location-map-height,420px);border-radius:var(--dhs-radius);overflow:hidden;background:#eee;box-shadow:0 20px 60px rgba(0,0,0,.08)}
.dhs-home-location__map iframe{display:block;width:100%;height:100%;min-height:0;border:0}
html.dhs-dark-mode .dhs-location-highlight{border-color:rgba(255,255,255,.12)}
html.dhs-dark-mode .dhs-location-highlight__content small{color:var(--dhs-dark-muted,#b7b7b7)}
@media(max-width:960px){.dhs-home-location{grid-template-columns:1fr;gap:38px}.dhs-home-location__map{height:min(var(--dhs-location-map-height,420px),420px)}}
@media(max-width:600px){.dhs-location-highlight>a,.dhs-location-highlight:not(:has(>a)){grid-template-columns:30px minmax(0,1fr);gap:12px}.dhs-location-highlight__distance{grid-column:2;text-align:left;white-space:normal}.dhs-home-location__map{height:320px;min-height:320px}}


/* 0.10.1 – Dateck Link Style */
.dhs-link,
a.dhs-link{
  color:inherit!important;
  text-decoration:none!important;
  text-decoration-line:none!important;
  box-shadow:none;
}
.dhs-link:hover,
.dhs-link:focus-visible,
a.dhs-link:hover,
a.dhs-link:focus-visible{
  color:var(--dhs-accent-dark)!important;
  text-decoration:none!important;
}
.dhs-link__arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  font-size:1.02em;
  line-height:1;
  color:var(--dhs-accent-dark);
  transform:translateX(0);
  transition:transform .18s ease,color .18s ease;
}
.dhs-link:hover .dhs-link__arrow,
.dhs-link:focus-visible .dhs-link__arrow{
  transform:translateX(3px);
}
.dhs-location-highlight>a.dhs-link{
  text-decoration:none!important;
}
.dhs-location-highlight>a.dhs-link::before,
.dhs-location-highlight>a.dhs-link::after{
  content:none!important;
  display:none!important;
}
.dhs-location-highlight__meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  min-width:0;
}
.dhs-location-highlight.has-link{transition:border-color .18s ease}
.dhs-location-highlight.has-link:hover{border-color:color-mix(in srgb,var(--dhs-accent-dark) 42%,transparent)}
.dhs-location-highlight.has-link .dhs-location-highlight__content strong{transition:color .18s ease}
.dhs-location-highlight.has-link:hover .dhs-location-highlight__content strong{color:var(--dhs-accent-dark)}
.dhs-location-route.dhs-link{align-items:center;gap:8px;text-decoration:none!important}
@media(max-width:600px){
  .dhs-location-highlight__meta{grid-column:2;justify-content:flex-start;gap:10px}
}

/* 0.10.3 – Gruppierte Lage-Highlights */
.dhs-location-groups{display:grid;gap:30px;margin-top:30px}
.dhs-location-group h3{margin:0 0 12px;color:var(--dhs-accent-dark);font-size:1.02em;letter-spacing:.01em}
.dhs-location-group__text{margin:0 0 12px;color:var(--dhs-muted);line-height:1.6}
.dhs-location-group .dhs-location-highlights{gap:0}
.dhs-location-group+.dhs-location-group{padding-top:2px}
html.dhs-dark-mode .dhs-location-group h3{color:var(--dhs-accent)}
html.dhs-dark-mode .dhs-location-group__text{color:var(--dhs-dark-muted,#b7b7b7)}

/* Contact module */
.dhs-contact-module{width:100%;font-family:var(--dhs-font-body,system-ui,sans-serif);color:var(--dhs-text)}
.dhs-contact-container{width:min(var(--dhs-container,1200px),calc(100% - 40px));margin:0 auto}
.dhs-contact-hero{display:flex;align-items:center;min-height:360px;padding:70px 0;background:var(--dhs-contact-hero-bg,#111);color:var(--dhs-contact-hero-text,var(--dhs-accent))}
.dhs-contact-hero span{display:block;margin-bottom:4px;color:rgba(255,255,255,.62);font-size:14px}.dhs-contact-hero h1{margin:0;color:inherit!important;font-size:var(--dhs-h1-desktop,64px)}
.dhs-contact-section{padding:110px 0;background:var(--dhs-bg);transition:.25s}
.dhs-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,1fr);gap:72px;align-items:center}
.dhs-contact-badge{display:inline-flex;padding:10px 17px;border:1px solid var(--dhs-contact-accent);border-radius:999px;color:var(--dhs-contact-accent-dark);font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.dhs-contact-copy h2{margin:20px 0 12px;color:var(--dhs-heading);font-size:var(--dhs-h2-desktop,48px);font-weight:500;letter-spacing:.08em}.dhs-contact-copy h3{margin:0 0 20px;color:var(--dhs-heading);font-size:var(--dhs-h3-desktop,28px)}.dhs-contact-copy>p{max-width:620px;margin:0 0 32px;color:var(--dhs-text);line-height:1.75}
.dhs-contact-details{display:grid;gap:18px}.dhs-contact-details a,.dhs-contact-details>div{display:flex;align-items:center;gap:16px;color:var(--dhs-text)!important;text-decoration:none!important}.dhs-contact-details span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--dhs-contact-accent) 18%,#fff);color:var(--dhs-contact-accent-dark);flex:0 0 auto}.dhs-contact-details svg{width:20px;height:20px;fill:currentColor}.dhs-contact-details strong{font-weight:700}
.dhs-contact-form{padding:38px;border:1px solid color-mix(in srgb,var(--dhs-contact-accent) 55%,transparent);border-radius:28px;background:var(--dhs-card);box-shadow:0 22px 55px rgba(0,0,0,.09)}
.dhs-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.dhs-contact-fields label{display:grid;gap:9px;color:var(--dhs-text);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.dhs-contact-fields .wide{grid-column:1/-1}.dhs-contact-fields label>span small{font-weight:400;text-transform:none;letter-spacing:0}.dhs-contact-fields input:not([type=checkbox]),.dhs-contact-fields textarea{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:28px;background:#f6f6f6;color:#1f1f1f;padding:15px 18px;font:inherit;text-transform:none;letter-spacing:0;outline:none;transition:.2s}.dhs-contact-fields textarea{border-radius:22px;resize:vertical}.dhs-contact-fields input:focus,.dhs-contact-fields textarea:focus{border-color:var(--dhs-contact-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dhs-contact-accent) 18%,transparent)}
.dhs-contact-privacy{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:14px!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:400!important}.dhs-contact-privacy input{width:22px;height:22px;margin:0}.dhs-contact-privacy a{color:var(--dhs-contact-accent-dark)!important;text-decoration:none!important}.dhs-contact-hp{position:absolute!important;left:-9999px!important;opacity:0!important}
.dhs-contact-form>button{width:100%;margin-top:24px;padding:17px 24px;border:0;border-radius:999px;background:var(--dhs-contact-accent);color:#111;font-weight:800;letter-spacing:.08em;cursor:pointer;box-shadow:0 13px 30px color-mix(in srgb,var(--dhs-contact-accent) 28%,transparent);transition:.2s}.dhs-contact-form>button:hover{background:var(--dhs-contact-accent-dark);transform:translateY(-1px)}.dhs-contact-form>button:disabled{opacity:.65;cursor:wait}.dhs-contact-message{display:none;margin-top:16px;padding:13px 16px;border-radius:12px;font-size:14px}.dhs-contact-message.is-success{display:block;background:#e7f7ec;color:#176c35}.dhs-contact-message.is-error{display:block;background:#fff0f0;color:#a52020}
.dhs-contact-map{margin-top:70px}.dhs-contact-map-heading{display:flex;align-items:flex-start;gap:16px;margin:0 0 24px}.dhs-contact-map-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:50%;background:color-mix(in srgb,var(--dhs-contact-accent) 18%,#fff);color:var(--dhs-contact-accent-dark)}.dhs-contact-map-icon svg{width:22px;height:22px;fill:currentColor}.dhs-contact-map-heading h3{margin:0 0 7px;color:var(--dhs-heading);font-size:var(--dhs-h3-desktop,28px)}.dhs-contact-map-heading p{max-width:760px;margin:0;color:var(--dhs-text);line-height:1.7}.dhs-contact-map iframe{display:block;width:100%;border:0;border-radius:24px;box-shadow:0 18px 45px rgba(0,0,0,.08)}.dhs-contact-map-actions{display:flex;justify-content:flex-start;margin-top:22px}.dhs-contact-map-button{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:var(--dhs-contact-accent);color:#111!important;text-decoration:none!important;font-weight:800;transition:.2s}.dhs-contact-map-button span{transition:transform .2s}.dhs-contact-map-button:hover{background:var(--dhs-contact-accent-dark);color:#111!important}.dhs-contact-map-button:hover span{transform:translate(3px,-2px)}
html.dhs-dark-mode .dhs-contact-section{background:var(--dhs-dark-background)}html.dhs-dark-mode .dhs-contact-module{color:var(--dhs-dark-text)}html.dhs-dark-mode .dhs-contact-copy h2,html.dhs-dark-mode .dhs-contact-copy h3{color:var(--dhs-dark-heading)!important}html.dhs-dark-mode .dhs-contact-copy>p,html.dhs-dark-mode .dhs-contact-details a,html.dhs-dark-mode .dhs-contact-details>div{color:var(--dhs-dark-text)!important}html.dhs-dark-mode .dhs-contact-form{background:var(--dhs-dark-card);border-color:color-mix(in srgb,var(--dhs-contact-accent) 45%,transparent)}html.dhs-dark-mode .dhs-contact-map-heading h3{color:var(--dhs-dark-heading)!important}html.dhs-dark-mode .dhs-contact-map-heading p{color:var(--dhs-dark-text)!important}html.dhs-dark-mode .dhs-contact-map-icon{background:color-mix(in srgb,var(--dhs-contact-accent) 18%,var(--dhs-dark-card));color:var(--dhs-contact-accent)}html.dhs-dark-mode .dhs-contact-fields label{color:var(--dhs-dark-text)}html.dhs-dark-mode .dhs-contact-fields input:not([type=checkbox]),html.dhs-dark-mode .dhs-contact-fields textarea{background:#1b1b1b;border-color:#444;color:var(--dhs-dark-text)}
@media(max-width:900px){.dhs-contact-grid{grid-template-columns:1fr;gap:50px}.dhs-contact-hero h1{font-size:var(--dhs-h1-tablet,52px)}.dhs-contact-copy h2{font-size:var(--dhs-h2-tablet,40px)}}
@media(max-width:600px){.dhs-contact-map-heading{gap:12px}.dhs-contact-map-icon{width:42px;height:42px}.dhs-contact-map-heading h3{font-size:var(--dhs-h3-mobile,22px)}.dhs-contact-map-actions{display:block}.dhs-contact-map-button{justify-content:center;width:100%;box-sizing:border-box}.dhs-contact-container{width:min(100% - 28px,var(--dhs-container,1200px))}.dhs-contact-hero{min-height:250px;padding:48px 0}.dhs-contact-hero h1{font-size:var(--dhs-h1-mobile,40px)}.dhs-contact-section{padding:72px 0}.dhs-contact-copy h2{font-size:var(--dhs-h2-mobile,32px)}.dhs-contact-fields{grid-template-columns:1fr}.dhs-contact-fields .wide{grid-column:auto}.dhs-contact-form{padding:25px 18px;border-radius:22px}}

/* 0.12.0 Footer Builder */
body.dhs-footer-replace-theme #footer,
body.dhs-footer-replace-theme #footer-widgets,
body.dhs-footer-replace-theme #footer-bottom,
body.dhs-footer-replace-theme #site-footer,
body.dhs-footer-replace-theme footer#colophon,
body.dhs-footer-replace-theme .site-footer:not(.dhs-site-footer),
body.dhs-footer-replace-theme .footer-widgets,
body.dhs-footer-replace-theme .footer-bottom,
body.dhs-footer-replace-theme .footer-wrap:not(.dhs-site-footer),
body.dhs-footer-replace-theme .site-footer-wrap,
body.dhs-footer-replace-theme .kadence-footer-wrap,
body.dhs-footer-replace-theme .ast-footer-overlay,
body.dhs-footer-replace-theme .oceanwp-footer-callout{display:none!important}
body.dhs-footer-replace-copyright #footer-bottom,
body.dhs-footer-replace-copyright .footer-bottom,
body.dhs-footer-replace-copyright .site-info,
body.dhs-footer-replace-copyright .footer-copyright,
body.dhs-footer-replace-copyright .copyright,
body.dhs-footer-replace-copyright .ast-footer-copyright,
body.dhs-footer-replace-copyright .site-footer-bottom-section{display:none!important}
.dhs-site-footer{background:var(--dhs-footer-bg,#151515)!important;color:var(--dhs-footer-text,#ddd)!important;padding:70px 20px 20px}
.dhs-site-footer__inner{max-width:var(--dhs-container);margin:0 auto}
.dhs-site-footer.is-full-width{width:100%;max-width:none}
.dhs-site-footer__grid,.dhs-site-footer__bottom{max-width:none;margin-left:auto;margin-right:auto}
.dhs-site-footer h1,.dhs-site-footer h2,.dhs-site-footer h3{color:var(--dhs-footer-heading,#fff)!important}
.dhs-site-footer p,.dhs-site-footer li,.dhs-site-footer span{color:inherit}
.dhs-site-footer a{color:var(--dhs-footer-link,#ddd)!important;text-decoration:none!important;transition:color .18s ease}
.dhs-site-footer a:hover,.dhs-site-footer a:focus-visible{color:var(--dhs-footer-link-hover,#f7cb68)!important}
.dhs-site-footer__bottom{border-top-color:var(--dhs-footer-border,#333)!important;color:var(--dhs-footer-muted,#999)!important}
.dhs-site-footer__bottom span,.dhs-site-footer__bottom a{color:var(--dhs-footer-muted,#999)!important}
.dhs-footer-logo-dark{display:none!important}
html.dhs-dark-mode .dhs-site-footer{background:var(--dhs-footer-dark-bg,#101010)!important;color:var(--dhs-footer-dark-text,#ddd)!important}
html.dhs-dark-mode .dhs-site-footer h1,html.dhs-dark-mode .dhs-site-footer h2,html.dhs-dark-mode .dhs-site-footer h3{color:var(--dhs-footer-dark-heading,#fff)!important}
html.dhs-dark-mode .dhs-site-footer a{color:var(--dhs-footer-dark-link,#ddd)!important}
html.dhs-dark-mode .dhs-site-footer a:hover,html.dhs-dark-mode .dhs-site-footer a:focus-visible{color:var(--dhs-footer-dark-link-hover,#f7cb68)!important}
html.dhs-dark-mode .dhs-site-footer__bottom{border-top-color:var(--dhs-footer-dark-border,#333)!important;color:var(--dhs-footer-dark-muted,#999)!important}
html.dhs-dark-mode .dhs-site-footer__bottom span,html.dhs-dark-mode .dhs-site-footer__bottom a{color:var(--dhs-footer-dark-muted,#999)!important}
html.dhs-dark-mode .dhs-site-footer[data-has-dark-logo="1"] .dhs-footer-logo-light{display:none!important}
html.dhs-dark-mode .dhs-site-footer[data-has-dark-logo="1"] .dhs-footer-logo-dark{display:block!important}
html.dhs-dark-mode .dhs-site-footer[data-has-dark-logo="0"] .dhs-footer-logo-light{display:block!important}

/* Header controls: readable contrast in dark mode */
html.dhs-dark-mode .dhs-site-language{
  background:var(--dhs-control-lang-dark-bg,color-mix(in srgb,var(--dhs-dark-card,#242424) 88%,var(--dhs-dark-text,#f5f5f5) 12%))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
html.dhs-dark-mode .dhs-site-language button:not(.is-active){
  color:var(--dhs-control-lang-dark-inactive-text,var(--dhs-dark-text,#f5f5f5))!important;
}
html.dhs-dark-mode .dhs-site-language button:not(.is-active):hover{
  color:var(--dhs-control-lang-active-bg,var(--dhs-accent,#f7cb68))!important;
}


/* 0.13.0 – Floating Buttons & Back to Top */
.dhs-floating-actions{position:fixed;z-index:9991;display:flex;flex-direction:column;gap:10px;pointer-events:none}.dhs-floating-actions.is-right{right:var(--dhs-floating-side,22px)}.dhs-floating-actions.is-left{left:var(--dhs-floating-side,22px)}.dhs-floating-actions.is-middle{top:50%;transform:translateY(-50%)}.dhs-floating-actions.is-bottom{bottom:var(--dhs-floating-bottom,110px)}
.dhs-floating-action{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--dhs-item-bg,var(--dhs-floating-bg,var(--dhs-accent)));color:var(--dhs-item-fg,var(--dhs-floating-fg,#111))!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(0,0,0,.18);pointer-events:auto;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.dhs-floating-action svg{width:21px;height:21px;stroke:currentColor}.dhs-floating-action:hover,.dhs-floating-action:focus-visible{transform:translateY(-2px) scale(1.04);box-shadow:0 16px 34px rgba(0,0,0,.24);filter:brightness(.97)}
.dhs-floating-action::after{content:attr(data-tooltip);position:absolute;top:50%;right:calc(100% + 11px);transform:translateY(-50%) translateX(6px);padding:8px 11px;border-radius:9px;background:#111;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;opacity:0;visibility:hidden;transition:.18s;pointer-events:none}.dhs-floating-actions.is-left .dhs-floating-action::after{right:auto;left:calc(100% + 11px);transform:translateY(-50%) translateX(-6px)}.dhs-floating-action:hover::after,.dhs-floating-action:focus-visible::after{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.dhs-floating-actions.is-bar{gap:0;padding:5px;border-radius:999px;background:color-mix(in srgb,var(--dhs-card,#fff) 92%,transparent);box-shadow:0 12px 35px rgba(0,0,0,.18)}.dhs-floating-actions.is-bar .dhs-floating-action{width:44px;height:44px;box-shadow:none}.dhs-floating-actions.is-bar .dhs-floating-action+ .dhs-floating-action{margin-top:3px}
.dhs-back-to-top{position:fixed;z-index:2147483000;bottom:var(--dhs-btt-bottom,24px);display:grid;place-items:center;width:var(--dhs-btt-size,48px);height:var(--dhs-btt-size,48px);padding:0;border:0;border-radius:50%;background:var(--dhs-btt-bg,#111);color:var(--dhs-btt-fg,#fff);box-shadow:0 12px 30px rgba(0,0,0,.22);opacity:0;visibility:hidden;transform:translateY(14px);cursor:pointer;transition:opacity .22s ease,visibility .22s ease,transform .22s ease,background .18s ease,color .18s ease}.dhs-back-to-top.is-right{right:var(--dhs-btt-side,24px)}.dhs-back-to-top.is-left{left:var(--dhs-btt-side,24px)}.dhs-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.dhs-back-to-top:hover,.dhs-back-to-top:focus-visible{background:var(--dhs-btt-hover,var(--dhs-accent));color:#111;transform:translateY(-2px)}.dhs-back-to-top svg{width:22px;height:22px;stroke:currentColor}
@media(min-width:769px){.is-hidden-desktop{display:none!important}}
@media(max-width:768px){.is-hidden-mobile{display:none!important}.dhs-floating-actions{--dhs-floating-side:14px}.dhs-floating-action{width:46px;height:46px}.dhs-floating-action::after{display:none}.dhs-back-to-top{--dhs-btt-side:14px;--dhs-btt-bottom:16px}}

/* 0.13.1 – Back-to-top compatibility reset */
button.dhs-back-to-top{position:fixed!important;margin:0!important;min-width:0!important;max-width:none!important;line-height:1!important;overflow:visible!important;-webkit-appearance:none!important;appearance:none!important;}
button.dhs-back-to-top.is-visible{display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}

/* Dateck Guestmap 0.14.0 */
.dhs-guestmap{max-width:var(--dhs-container);margin:0 auto;padding:42px 20px 70px;color:var(--dhs-text);font-family:var(--dhs-font-body)}.dhs-guestmap__intro{max-width:780px;margin:0 0 34px}.dhs-guestmap__intro h2{margin:7px 0 14px;font-family:var(--dhs-font-heading);font-size:var(--dhs-h2-desktop);line-height:var(--dhs-heading-line-height);color:var(--dhs-heading)}.dhs-guestmap__intro p{margin:0;color:var(--dhs-muted);line-height:1.75}.dhs-guestmap__sections{display:flex;flex-direction:column;gap:24px}.dhs-gm-section{background:color-mix(in srgb,var(--dhs-accent) 8%,var(--dhs-bg));border:1px solid color-mix(in srgb,var(--dhs-accent) 18%,transparent);border-radius:var(--dhs-radius);padding:24px}.dhs-gm-section__head{display:flex;align-items:flex-start;gap:13px;margin-bottom:17px}.dhs-gm-section__icon{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--dhs-accent);color:var(--dhs-primary);box-shadow:0 8px 22px color-mix(in srgb,var(--dhs-accent) 30%,transparent)}.dhs-gm-section__icon svg{width:23px;height:23px}.dhs-gm-section__head h3{margin:3px 0 5px;font-family:var(--dhs-font-heading);font-size:var(--dhs-h3-desktop);color:var(--dhs-heading)}.dhs-gm-section__head p{margin:0;color:var(--dhs-muted)}.dhs-gm-grid{display:grid;gap:14px}.dhs-gm-grid--1{grid-template-columns:1fr}.dhs-gm-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.dhs-gm-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.dhs-gm-card{display:block;background:var(--dhs-card);color:var(--dhs-text)!important;border:1px solid color-mix(in srgb,var(--dhs-text) 10%,transparent);border-radius:calc(var(--dhs-radius) - 3px);overflow:hidden;text-decoration:none!important;box-shadow:0 8px 24px rgba(0,0,0,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dhs-gm-card--link:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.09);border-color:color-mix(in srgb,var(--dhs-accent) 50%,transparent)}.dhs-gm-card__image{display:block;width:100%;height:175px;object-fit:cover}.dhs-gm-card__content{padding:18px}.dhs-gm-card__top{display:flex;align-items:flex-start;gap:10px}.dhs-gm-card__top h4{flex:1;margin:0 0 7px;font-family:var(--dhs-font-heading);font-size:18px;line-height:1.3;color:var(--dhs-heading)}.dhs-gm-card__arrow{font-size:18px;color:var(--dhs-accent-dark);transition:transform .18s ease}.dhs-gm-card--link:hover .dhs-gm-card__arrow{transform:translate(2px,-2px)}.dhs-gm-card__meta{display:block;margin-bottom:7px;color:var(--dhs-accent-dark);font-size:15px}.dhs-gm-card p{margin:0 0 9px;color:var(--dhs-text);line-height:1.6}.dhs-gm-card__address{display:flex;gap:7px;align-items:flex-start;color:var(--dhs-muted);font-size:14px}.dhs-gm-card__address svg{width:17px;height:17px;flex:0 0 auto;margin-top:2px}.erc-dark-mode .dhs-guestmap,.dark-mode .dhs-guestmap{color:var(--dhs-dark-text)}.erc-dark-mode .dhs-guestmap__intro h2,.dark-mode .dhs-guestmap__intro h2,.erc-dark-mode .dhs-gm-section__head h3,.dark-mode .dhs-gm-section__head h3,.erc-dark-mode .dhs-gm-card__top h4,.dark-mode .dhs-gm-card__top h4{color:var(--dhs-dark-heading)}.erc-dark-mode .dhs-guestmap__intro p,.dark-mode .dhs-guestmap__intro p,.erc-dark-mode .dhs-gm-section__head p,.dark-mode .dhs-gm-section__head p,.erc-dark-mode .dhs-gm-card__address,.dark-mode .dhs-gm-card__address{color:color-mix(in srgb,var(--dhs-dark-text) 72%,transparent)}.erc-dark-mode .dhs-gm-section,.dark-mode .dhs-gm-section{background:color-mix(in srgb,var(--dhs-dark-card) 86%,var(--dhs-accent) 14%);border-color:color-mix(in srgb,var(--dhs-accent) 25%,transparent)}.erc-dark-mode .dhs-gm-card,.dark-mode .dhs-gm-card{background:var(--dhs-dark-card);color:var(--dhs-dark-text)!important;border-color:color-mix(in srgb,var(--dhs-dark-text) 12%,transparent)}.erc-dark-mode .dhs-gm-card p,.dark-mode .dhs-gm-card p{color:var(--dhs-dark-text)}@media(max-width:900px){.dhs-gm-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.dhs-guestmap__intro h2{font-size:var(--dhs-h2-tablet)}.dhs-gm-section__head h3{font-size:var(--dhs-h3-tablet)}}@media(max-width:640px){.dhs-guestmap{padding:28px 12px 50px}.dhs-gm-section{padding:18px}.dhs-gm-grid--2,.dhs-gm-grid--3{grid-template-columns:1fr}.dhs-guestmap__intro h2{font-size:var(--dhs-h2-mobile)}.dhs-gm-section__head h3{font-size:var(--dhs-h3-mobile)}}


/* Dateck Guestmap 0.14.1 – global design colors and dark-mode heading fix */
html.dhs-dark-mode .dhs-guestmap{
  color:var(--dhs-dark-text,#f4f4f4)!important;
}
html.dhs-dark-mode .dhs-guestmap__intro h1,
html.dhs-dark-mode .dhs-guestmap__intro h2,
html.dhs-dark-mode .dhs-guestmap__intro h3,
html.dhs-dark-mode .dhs-gm-section__head h2,
html.dhs-dark-mode .dhs-gm-section__head h3,
html.dhs-dark-mode .dhs-gm-section__head h4,
html.dhs-dark-mode .dhs-gm-card__top h3,
html.dhs-dark-mode .dhs-gm-card__top h4,
html.dhs-dark-mode .dhs-gm-card__top h5{
  color:var(--dhs-dark-heading,var(--dhs-dark-text,#f4f4f4))!important;
}
html.dhs-dark-mode .dhs-guestmap__intro p,
html.dhs-dark-mode .dhs-gm-section__head p,
html.dhs-dark-mode .dhs-gm-card__address{
  color:color-mix(in srgb,var(--dhs-dark-text,#f4f4f4) 72%,transparent)!important;
}
html.dhs-dark-mode .dhs-gm-section{
  background:color-mix(in srgb,var(--dhs-dark-card,#202020) 86%,var(--dhs-accent) 14%)!important;
  border-color:color-mix(in srgb,var(--dhs-accent) 25%,transparent)!important;
}
html.dhs-dark-mode .dhs-gm-card{
  background:var(--dhs-dark-card,#202020)!important;
  color:var(--dhs-dark-text,#f4f4f4)!important;
  border-color:color-mix(in srgb,var(--dhs-dark-text,#f4f4f4) 12%,transparent)!important;
}
html.dhs-dark-mode .dhs-gm-card p{
  color:var(--dhs-dark-text,#f4f4f4)!important;
}

/* =========================================================
 * 0.15.0 – Global UI Polishing
 * Einheitliche Buttons, Karten, Formulare, Fokuszustände und Mobile-Basis.
 * ======================================================= */
:root{
  --dhs-ui-radius-sm:12px;
  --dhs-ui-radius-md:18px;
  --dhs-ui-radius-lg:26px;
  --dhs-ui-control-height:50px;
  --dhs-ui-shadow-sm:0 8px 24px rgba(15,23,42,.06);
  --dhs-ui-shadow-md:0 16px 44px rgba(15,23,42,.09);
  --dhs-ui-shadow-hover:0 22px 56px rgba(15,23,42,.13);
  --dhs-ui-border:color-mix(in srgb,var(--dhs-text,#222) 12%,transparent);
  --dhs-ui-focus:0 0 0 3px color-mix(in srgb,var(--dhs-accent,#f7cb68) 28%,transparent);
  --dhs-ui-transition:180ms ease;
}

/* Global box model and media safety */
.dhs-homepage *,
.dhs-room-template *,
.dhs-contact-module *,
.dhs-club-signup *,
.dhs-guestmap *,
.dhs-site-header *,
.dhs-site-footer *{box-sizing:border-box}
.dhs-homepage img,.dhs-room-template img,.dhs-contact-module img,.dhs-guestmap img{max-width:100%;height:auto}

/* Consistent interactive controls */
.dhs-homepage button,
.dhs-homepage .button,
.dhs-homepage a[class*="button"],
.dhs-room-template button,
.dhs-room-template a[class*="button"],
.dhs-contact-module button,
.dhs-contact-module a[class*="button"],
.dhs-club-signup button,
.dhs-site-header button,
.dhs-site-header a.dhs-site-book,
.dhs-site-footer a[class*="button"]{
  min-height:var(--dhs-ui-control-height);
  border-radius:999px;
  transition:transform var(--dhs-ui-transition),box-shadow var(--dhs-ui-transition),background-color var(--dhs-ui-transition),border-color var(--dhs-ui-transition),color var(--dhs-ui-transition);
}
.dhs-homepage button:hover,
.dhs-homepage .button:hover,
.dhs-homepage a[class*="button"]:hover,
.dhs-room-template button:hover,
.dhs-room-template a[class*="button"]:hover,
.dhs-contact-module button:hover,
.dhs-contact-module a[class*="button"]:hover,
.dhs-club-signup button:hover,
.dhs-site-header a.dhs-site-book:hover,
.dhs-site-footer a[class*="button"]:hover{transform:translateY(-1px)}

/* Accessible focus indicators */
.dhs-homepage :where(a,button,input,textarea,select):focus-visible,
.dhs-room-template :where(a,button,input,textarea,select):focus-visible,
.dhs-contact-module :where(a,button,input,textarea,select):focus-visible,
.dhs-club-signup :where(a,button,input,textarea,select):focus-visible,
.dhs-guestmap :where(a,button,input,textarea,select):focus-visible,
.dhs-site-header :where(a,button):focus-visible,
.dhs-site-footer :where(a,button):focus-visible{
  outline:2px solid transparent!important;
  box-shadow:var(--dhs-ui-focus)!important;
}

/* Shared card DNA */
.dhs-room-card,
.dhs-contact-form,
.dhs-club-signup__form,
.dhs-detail-amenities,
.dhs-booking-cta,
.dhs-paypal-popup,
.dhs-gm-category,
.dhs-gm-card,
.dhs-home-location__map{
  border-color:var(--dhs-ui-border);
  box-shadow:var(--dhs-ui-shadow-sm);
}
.dhs-room-card,.dhs-gm-card{
  transition:transform 240ms ease,box-shadow 240ms ease,border-color 240ms ease;
}
.dhs-room-card:hover,.dhs-gm-card:hover{box-shadow:var(--dhs-ui-shadow-hover)}

/* Form consistency */
.dhs-contact-fields input:not([type=checkbox]),
.dhs-contact-fields textarea,
.dhs-club-signup input:not([type=checkbox]),
.dhs-club-signup textarea,
.dhs-club-signup select{
  min-height:var(--dhs-ui-control-height);
  border-radius:var(--dhs-ui-radius-lg);
  border-color:var(--dhs-ui-border);
  transition:border-color var(--dhs-ui-transition),box-shadow var(--dhs-ui-transition),background-color var(--dhs-ui-transition);
}
.dhs-contact-fields textarea,.dhs-club-signup textarea{min-height:150px}
.dhs-contact-fields input:focus,.dhs-contact-fields textarea:focus,.dhs-contact-fields select:focus,
.dhs-club-signup input:focus,.dhs-club-signup textarea:focus,.dhs-club-signup select:focus{
  border-color:var(--dhs-accent)!important;
  box-shadow:var(--dhs-ui-focus)!important;
}

/* Better typography rhythm */
.dhs-home-section :where(h1,h2,h3),
.dhs-room-template :where(h1,h2,h3),
.dhs-contact-module :where(h1,h2,h3),
.dhs-guestmap :where(h1,h2,h3){text-wrap:balance}
.dhs-home-section :where(p,li),
.dhs-room-template :where(p,li),
.dhs-contact-module :where(p,li),
.dhs-guestmap :where(p,li){text-wrap:pretty}

/* Dark mode polish */
html.dhs-dark-mode{
  --dhs-ui-border:color-mix(in srgb,var(--dhs-dark-text,#fff) 16%,transparent);
  --dhs-ui-shadow-sm:0 10px 28px rgba(0,0,0,.22);
  --dhs-ui-shadow-md:0 18px 48px rgba(0,0,0,.28);
  --dhs-ui-shadow-hover:0 24px 60px rgba(0,0,0,.34);
}
html.dhs-dark-mode .dhs-room-card,
html.dhs-dark-mode .dhs-contact-form,
html.dhs-dark-mode .dhs-club-signup__form,
html.dhs-dark-mode .dhs-detail-amenities,
html.dhs-dark-mode .dhs-booking-cta,
html.dhs-dark-mode .dhs-gm-category,
html.dhs-dark-mode .dhs-gm-card{box-shadow:var(--dhs-ui-shadow-sm)}

/* Responsive polish */
@media(max-width:900px){
  .dhs-home-section,.dhs-contact-section{overflow-x:clip}
  .dhs-booking-cta{grid-template-columns:auto 1fr;gap:18px;padding:24px}
  .dhs-booking-primary,.dhs-booking-secondary{width:100%;white-space:normal;text-align:center}
}
@media(max-width:650px){
  :root{--dhs-ui-control-height:48px}
  .dhs-room-template{padding-left:14px;padding-right:14px}
  .dhs-room-grid{gap:18px;margin-top:22px;margin-bottom:22px}
  .dhs-room-card{border-radius:18px}
  .dhs-room-body{padding:20px}
  .dhs-room-foot{align-items:stretch;flex-direction:column}
  .dhs-room-foot a{width:100%;display:flex;justify-content:center;align-items:center;text-align:center}
  .dhs-booking-cta{grid-template-columns:1fr;padding:20px;border-radius:18px;text-align:center}
  .dhs-booking-icon{margin:0 auto}
  .dhs-contact-form,.dhs-club-signup__form{border-radius:22px}
  .dhs-detail-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* Respect reduced-motion preferences */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .dhs-homepage *,
  .dhs-room-template *,
  .dhs-contact-module *,
  .dhs-club-signup *,
  .dhs-guestmap *,
  .dhs-site-header *,
  .dhs-site-footer *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* =========================================================
 * 0.15.1 – Gallery regression fix
 * Global image safety must not override the Bento gallery crop.
 * ======================================================= */
.dhs-homepage .dhs-bento-item img,
.dhs-hotel-gallery .dhs-bento-item img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  display:block!important;
}

/* =========================================================
 * 0.15.2 – Preset-aware global UI tokens
 * ======================================================= */
:root{
  --dhs-ui-control-height:var(--dhs-control-height,50px);
  --dhs-ui-shadow-sm:var(--dhs-shadow-sm,0 8px 24px rgba(15,23,42,.06));
  --dhs-ui-shadow-md:var(--dhs-shadow-md,0 16px 44px rgba(15,23,42,.09));
  --dhs-ui-shadow-hover:var(--dhs-shadow-hover,0 22px 56px rgba(15,23,42,.13));
}
.dhs-homepage button,
.dhs-homepage .button,
.dhs-homepage a[class*="button"],
.dhs-room-template button,
.dhs-room-template a[class*="button"],
.dhs-contact-module button,
.dhs-contact-module a[class*="button"],
.dhs-club-signup button,
.dhs-site-header a.dhs-site-book,
.dhs-site-footer a[class*="button"]{border-radius:var(--dhs-button-radius,28px)}
.dhs-room-card,
.dhs-contact-form,
.dhs-club-signup__form,
.dhs-detail-amenities,
.dhs-booking-cta,
.dhs-paypal-popup,
.dhs-gm-category,
.dhs-gm-card,
.dhs-home-location__map{border-style:solid;border-width:var(--dhs-card-border,0px)}

/* 0.15.3 – intelligent preset rhythm and contrast */
.dhs-site-book,.dhs-home-actions a.is-primary,.dhs-room-card-button,.dhs-room-card__button,.dhs-room-booking-bar .is-primary,.dhs-contact-submit,.dhs-club-submit,.dhs-site-footer__button,.dhs-floating-button,.dhs-back-to-top{color:var(--dhs-accent-contrast,#111)!important}
.dhs-home-section{transition:background-color .25s ease,color .25s ease}
html.dhs-dark-mode .dhs-home-section{background:var(--dhs-section-bg)!important;color:var(--dhs-section-color)!important}

.dhs-room-card-classic .dhs-room-card-button,.dhs-room-card-classic .dhs-room-card-button:hover{color:var(--dhs-accent-contrast,#111)!important}


/* =========================================================
 * 0.16.0 – Design Engine: robust contrast and preset surfaces
 * ======================================================= */
/* Header controls are controls, not global buttons. Keep them perfectly circular. */
.dhs-site-header .dhs-darkmode-toggle{
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  border-radius:50%!important;
  line-height:1!important;
}
.dhs-site-header .dhs-darkmode-toggle svg{width:20px!important;height:20px!important}
@media(max-width:650px){.dhs-site-header .dhs-darkmode-toggle{flex-basis:36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important}}

/* Language control contrast must follow the active pill, also in Minimal and Dark. */
.dhs-site-language button.is-active{color:var(--dhs-accent-contrast,#111)!important}
.dhs-site-language button:not(.is-active){color:var(--dhs-control-lang-inactive-text,var(--dhs-text,#222))!important}
html.dhs-dark-mode .dhs-site-language button.is-active{color:var(--dhs-accent-contrast,#111)!important}
html.dhs-dark-mode .dhs-site-language button:not(.is-active){color:var(--dhs-dark-text,#f5f5f5)!important}

/* Core button contrast – choose contrast from the actual background token. */
.dhs-site-book,
.dhs-home-actions a.is-primary,
.dhs-room-card-button,
.dhs-room-card__button,
.dhs-room-booking-bar .is-primary,
.dhs-booking-primary,
.dhs-contact-submit,
.dhs-club-submit,
.dhs-club-signup__submit,
.erc-club-thankyou__button,
.dhs-site-footer__button,
.dhs-floating-action,
.dhs-paypal-button{
  color:var(--dhs-accent-contrast,#111)!important;
}
.dhs-site-book:hover,.dhs-home-actions a.is-primary:hover,.dhs-room-card-button:hover,.dhs-room-card__button:hover,.dhs-booking-primary:hover,.dhs-contact-submit:hover,.dhs-club-submit:hover,.dhs-club-signup__submit:hover,.erc-club-thankyou__button:hover,.dhs-site-footer__button:hover,.dhs-paypal-button:hover{color:var(--dhs-accent-dark-contrast,var(--dhs-accent-contrast,#111))!important}
.dhs-back-to-top{color:var(--dhs-btt-fg,var(--dhs-primary-contrast,#fff))!important}
.dhs-back-to-top:hover,.dhs-back-to-top:focus-visible{color:var(--dhs-btt-hover-fg,var(--dhs-accent-contrast,#111))!important}

/* Preset-aware room detail page, including Dark as the base preset without toggling. */
.dhs-room-template{background:var(--dhs-bg,#fff)!important;color:var(--dhs-text,#222)!important}
.dhs-room-detail{color:var(--dhs-text,#222)!important}
.dhs-room-detail :where(h1,h2,h3,h4,strong){color:var(--dhs-heading,var(--dhs-text,#222))}
.dhs-room-detail :where(p,li,span){color:inherit}
.dhs-detail-amenities,.dhs-booking-cta{background:var(--dhs-card,#fff)!important;color:var(--dhs-card-contrast,var(--dhs-text,#222))!important;border-color:color-mix(in srgb,var(--dhs-text,#222) 15%,transparent)!important}
.dhs-detail-amenities :where(h2,h3,strong,li,span),.dhs-booking-cta :where(strong,span){color:inherit!important}
.dhs-detail-price,.dhs-detail-facts,.dhs-detail-facts>div{border-color:color-mix(in srgb,var(--dhs-text,#222) 16%,transparent)!important}
.dhs-detail-facts small{color:var(--dhs-muted,#666)!important}
html.dhs-dark-mode .dhs-room-template{background:var(--dhs-dark-background,#171717)!important;color:var(--dhs-dark-text,#f5f5f5)!important}
html.dhs-dark-mode .dhs-room-detail{color:var(--dhs-dark-text,#f5f5f5)!important}
html.dhs-dark-mode .dhs-room-detail :where(h1,h2,h3,h4,strong){color:var(--dhs-dark-heading,var(--dhs-dark-text,#f5f5f5))!important}
html.dhs-dark-mode .dhs-detail-amenities,html.dhs-dark-mode .dhs-booking-cta{background:var(--dhs-dark-card,#242424)!important;color:var(--dhs-dark-card-contrast,#fff)!important;border-color:color-mix(in srgb,var(--dhs-dark-text,#fff) 18%,transparent)!important}

/* Club section: intro follows the section tone; form follows card contrast. */
.dhs-home-club-form .dhs-club-signup{color:var(--dhs-section-color,var(--dhs-text,#222))!important}
.dhs-home-club-form .dhs-club-signup__intro :where(.dhs-club-signup__title,.dhs-club-signup__subtitle,.dhs-club-signup__description p,.dhs-club-signup__benefits li){color:var(--dhs-section-color,var(--dhs-text,#222))!important}
.dhs-home-club-form .dhs-club-signup__badge{color:var(--dhs-accent)!important;border-color:var(--dhs-accent)!important}
.dhs-club-signup__form-card{background:var(--dhs-card,var(--club-surface,#fff))!important;color:var(--dhs-card-contrast,var(--club-surface-contrast,#111))!important}
.dhs-club-signup__form-card .erc-form-field label,.dhs-club-signup__form-card .erc-form-consent label{color:color-mix(in srgb,currentColor 76%,transparent)!important}
.dhs-club-signup__form-card input{background:color-mix(in srgb,var(--dhs-card,#fff) 92%,var(--dhs-text,#222) 8%)!important;color:var(--dhs-card-contrast,#111)!important;border-color:color-mix(in srgb,var(--dhs-card-contrast,#111) 16%,transparent)!important}
.dhs-club-signup__submit,.erc-club-thankyou__button{color:var(--club-accent-contrast,var(--dhs-accent-contrast,#111))!important}
html.dhs-dark-mode .dhs-home-club-form .dhs-club-signup{color:var(--dhs-section-color,var(--dhs-dark-text,#f5f5f5))!important}
html.dhs-dark-mode .dhs-home-club-form .dhs-club-signup__intro :where(.dhs-club-signup__title,.dhs-club-signup__subtitle,.dhs-club-signup__description p,.dhs-club-signup__benefits li){color:var(--dhs-section-color,var(--dhs-dark-text,#f5f5f5))!important}
html.dhs-dark-mode .dhs-club-signup__form-card{background:var(--dhs-dark-card,#242424)!important;color:var(--dhs-dark-card-contrast,#fff)!important}
html.dhs-dark-mode .dhs-club-signup__form-card input{background:color-mix(in srgb,var(--dhs-dark-card,#242424) 78%,#000)!important;color:var(--dhs-dark-card-contrast,#fff)!important}

/* PayPal popup is fully token driven, including every preset and dark mode. */
.dhs-paypal-popup{background:var(--dhs-card,#fff)!important;color:var(--dhs-card-contrast,var(--dhs-text,#222))!important;border-color:color-mix(in srgb,var(--dhs-accent) 48%,transparent)!important}
.dhs-paypal-popup h3{color:var(--dhs-card-contrast,var(--dhs-heading,#222))!important}
.dhs-paypal-popup p{color:color-mix(in srgb,var(--dhs-card-contrast,#111) 72%,transparent)!important}
.dhs-paypal-close{color:color-mix(in srgb,var(--dhs-card-contrast,#111) 62%,transparent)!important}
.dhs-paypal-badge,.dhs-paypal-button{background:var(--dhs-accent)!important;color:var(--dhs-accent-contrast,#111)!important}
.dhs-paypal-button:hover{background:var(--dhs-accent-dark)!important;color:var(--dhs-accent-dark-contrast,#111)!important}
html.dhs-dark-mode .dhs-paypal-popup{background:var(--dhs-dark-card,#242424)!important;color:var(--dhs-dark-card-contrast,#fff)!important}
html.dhs-dark-mode .dhs-paypal-popup h3{color:var(--dhs-dark-card-contrast,#fff)!important}
html.dhs-dark-mode .dhs-paypal-popup p{color:color-mix(in srgb,var(--dhs-dark-card-contrast,#fff) 74%,transparent)!important}
html.dhs-dark-mode .dhs-paypal-close{color:color-mix(in srgb,var(--dhs-dark-card-contrast,#fff) 66%,transparent)!important}

/* Footer/club CTA and icons also remain readable with dark preset tokens. */
.dhs-site-footer__button{background:var(--dhs-accent)!important;color:var(--dhs-accent-contrast,#111)!important}
.dhs-club-notice>a{color:var(--club-button-text,var(--dhs-accent-contrast,#111))!important}
.dhs-club-icon{color:var(--dhs-accent-contrast,#111)!important}

/* 0.16.4 – targeted dark-mode/header/club fixes based on stable 0.16.0 */

/* Header controls are controls, not global buttons: always keep the mode button perfectly round. */
.dhs-site-header .dhs-darkmode-toggle,
body .dhs-darkmode-toggle{
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  flex:0 0 44px!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  border-radius:50%!important;
}
@media(max-width:650px){
  .dhs-site-header .dhs-darkmode-toggle,
  body .dhs-darkmode-toggle{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    flex-basis:40px!important;
  }
}

/* Language capsule: readable in both modes regardless of preset colors. */
.dhs-site-language{
  color:var(--dhs-text,#1f1f1f)!important;
}
.dhs-site-language button:not(.is-active){
  color:var(--dhs-text,#1f1f1f)!important;
}
html.dhs-dark-mode .dhs-site-language{
  background:var(--dhs-control-lang-dark-bg,color-mix(in srgb,var(--dhs-dark-card,#242424) 82%,var(--dhs-dark-text,#f5f5f5) 18%))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dhs-dark-text,#fff) 13%,transparent)!important;
}
html.dhs-dark-mode .dhs-site-language button:not(.is-active){
  color:var(--dhs-control-lang-dark-inactive-text,var(--dhs-dark-text,#f5f5f5))!important;
}
html.dhs-dark-mode .dhs-site-language button.is-active{
  background:var(--dhs-control-lang-active-bg,var(--dhs-accent))!important;
  color:var(--dhs-control-lang-active-text,var(--dhs-accent-contrast,#111))!important;
}

/* Complete navigation follows dark mode – normal menu, dropdowns and detached hamburger drawer. */
html.dhs-dark-mode .dhs-site-header{
  background:var(--dhs-header-dark-bg,var(--dhs-dark-background,#151515))!important;
  color:var(--dhs-header-dark-text,var(--dhs-dark-text,#f5f5f5))!important;
  border-bottom-color:color-mix(in srgb,var(--dhs-dark-text,#fff) 12%,transparent)!important;
}
html.dhs-dark-mode .dhs-site-header .dhs-site-logo,
html.dhs-dark-mode .dhs-site-header .dhs-site-nav a,
html.dhs-dark-mode .dhs-site-header .dhs-site-phone,
html.dhs-dark-mode .dhs-site-header .dhs-site-menu-toggle{
  color:var(--dhs-header-dark-text,var(--dhs-dark-text,#f5f5f5))!important;
}
html.dhs-dark-mode .dhs-site-header .dhs-site-nav .sub-menu,
html.dhs-dark-mode .dhs-site-header .dhs-site-nav ul ul{
  background:var(--dhs-dark-card,#242424)!important;
  color:var(--dhs-dark-text,#f5f5f5)!important;
  border-color:color-mix(in srgb,var(--dhs-dark-text,#fff) 14%,transparent)!important;
}
html.dhs-dark-mode .dhs-site-header .dhs-site-nav .sub-menu a,
html.dhs-dark-mode .dhs-site-header .dhs-site-nav ul ul a{
  color:var(--dhs-dark-text,#f5f5f5)!important;
}
html.dhs-dark-mode .dhs-site-header .dhs-site-nav a:hover,
html.dhs-dark-mode .dhs-site-header .dhs-site-nav a:focus-visible,
html.dhs-dark-mode .dhs-site-header .dhs-site-nav .current-menu-item > a:hover,
html.dhs-dark-mode .dhs-site-header .dhs-site-nav .current-menu-ancestor > a:hover{
  color:var(--dhs-menu-hover,var(--dhs-accent))!important;
}
html.dhs-dark-mode .dhs-menu-drawer,
html.dhs-dark-mode body > .dhs-menu-drawer{
  background:var(--dhs-dark-card,#242424)!important;
  color:var(--dhs-dark-text,#f5f5f5)!important;
  border-color:color-mix(in srgb,var(--dhs-dark-text,#fff) 14%,transparent)!important;
}
html.dhs-dark-mode .dhs-menu-drawer nav a,
html.dhs-dark-mode body > .dhs-menu-drawer nav a,
html.dhs-dark-mode .dhs-menu-drawer .dhs-submenu-toggle,
html.dhs-dark-mode body > .dhs-menu-drawer .dhs-submenu-toggle{
  color:var(--dhs-dark-text,#f5f5f5)!important;
}
html.dhs-dark-mode .dhs-menu-drawer nav a:hover,
html.dhs-dark-mode .dhs-menu-drawer nav a:focus-visible,
html.dhs-dark-mode body > .dhs-menu-drawer nav a:hover,
html.dhs-dark-mode body > .dhs-menu-drawer nav a:focus-visible{
  color:var(--dhs-menu-hover,var(--dhs-accent))!important;
}
html.dhs-dark-mode .dhs-menu-drawer .sub-menu,
html.dhs-dark-mode body > .dhs-menu-drawer .sub-menu{
  background:color-mix(in srgb,var(--dhs-dark-card,#242424) 82%,#000 18%)!important;
  border-color:color-mix(in srgb,var(--dhs-dark-text,#fff) 12%,transparent)!important;
}

/* CTA buttons always use their calculated accent contrast. */
.dhs-site-book,
.dhs-site-footer__button,
.dhs-club-notice > a,
.dhs-paypal-button,
.dhs-room-card__button,
.dhs-room-booking a.is-primary{
  color:var(--dhs-accent-contrast,#111)!important;
}


/* 0.16.5 – Modern preset: targeted dark-mode polish without changing other presets. */
html.dhs-dark-mode body.dhs-preset-modern .dhs-home-intro{
  background:var(--dhs-section-dark-bg,var(--dhs-section-secondary-dark-bg,#222222))!important;
  color:var(--dhs-section-dark-color,var(--dhs-section-secondary-dark-text,#f1f1f1))!important;
  box-shadow:0 0 0 100vmax var(--dhs-section-dark-bg,var(--dhs-section-secondary-dark-bg,#222222))!important;
  clip-path:inset(0 -100vmax)!important;
}
html.dhs-dark-mode body.dhs-preset-modern .dhs-site-header .dhs-site-nav a,
html.dhs-dark-mode body.dhs-preset-modern .dhs-site-header .dhs-site-nav .current-menu-item > a,
html.dhs-dark-mode body.dhs-preset-modern .dhs-site-header .dhs-site-nav .current_page_item > a,
html.dhs-dark-mode body.dhs-preset-modern .dhs-site-header .dhs-site-nav .current-menu-ancestor > a,
html.dhs-dark-mode body.dhs-preset-modern .dhs-menu-drawer nav a,
html.dhs-dark-mode body.dhs-preset-modern body > .dhs-menu-drawer nav a{
  color:#ffffff!important;
}
html.dhs-dark-mode body.dhs-preset-modern .dhs-site-header .dhs-site-nav a:hover,
html.dhs-dark-mode body.dhs-preset-modern .dhs-site-header .dhs-site-nav a:focus-visible,
html.dhs-dark-mode body.dhs-preset-modern .dhs-menu-drawer nav a:hover,
html.dhs-dark-mode body.dhs-preset-modern .dhs-menu-drawer nav a:focus-visible,
html.dhs-dark-mode body.dhs-preset-modern body > .dhs-menu-drawer nav a:hover,
html.dhs-dark-mode body.dhs-preset-modern body > .dhs-menu-drawer nav a:focus-visible{
  color:var(--dhs-menu-hover,var(--dhs-accent))!important;
}

/* 0.16.6 – Elegant preset: targeted dark-mode polish without changing other presets. */
html.dhs-dark-mode body.dhs-preset-elegant .dhs-home-intro{
  background:var(--dhs-section-dark-bg,var(--dhs-section-secondary-dark-bg,#241f16))!important;
  color:var(--dhs-section-dark-color,var(--dhs-section-secondary-dark-text,#f5efe3))!important;
  box-shadow:0 0 0 100vmax var(--dhs-section-dark-bg,var(--dhs-section-secondary-dark-bg,#241f16))!important;
  clip-path:inset(0 -100vmax)!important;
}
html.dhs-dark-mode body.dhs-preset-elegant .dhs-site-header .dhs-site-nav a,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-site-header .dhs-site-nav .current-menu-item > a,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-site-header .dhs-site-nav .current_page_item > a,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-site-header .dhs-site-nav .current-menu-ancestor > a,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-menu-drawer nav a,
html.dhs-dark-mode body.dhs-preset-elegant body > .dhs-menu-drawer nav a,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-menu-drawer .dhs-submenu-toggle,
html.dhs-dark-mode body.dhs-preset-elegant body > .dhs-menu-drawer .dhs-submenu-toggle{
  color:var(--dhs-accent,#d4af37)!important;
}
html.dhs-dark-mode body.dhs-preset-elegant .dhs-site-header .dhs-site-nav a:hover,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-site-header .dhs-site-nav a:focus-visible,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-site-header .dhs-site-nav .current-menu-item > a:hover,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-site-header .dhs-site-nav .current-menu-item > a:focus-visible,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-site-header .dhs-site-nav .current-menu-ancestor > a:hover,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-site-header .dhs-site-nav .current-menu-ancestor > a:focus-visible,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-menu-drawer nav a:hover,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-menu-drawer nav a:focus-visible,
html.dhs-dark-mode body.dhs-preset-elegant body > .dhs-menu-drawer nav a:hover,
html.dhs-dark-mode body.dhs-preset-elegant body > .dhs-menu-drawer nav a:focus-visible,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-menu-drawer .dhs-submenu-toggle:hover,
html.dhs-dark-mode body.dhs-preset-elegant .dhs-menu-drawer .dhs-submenu-toggle:focus-visible,
html.dhs-dark-mode body.dhs-preset-elegant body > .dhs-menu-drawer .dhs-submenu-toggle:hover,
html.dhs-dark-mode body.dhs-preset-elegant body > .dhs-menu-drawer .dhs-submenu-toggle:focus-visible{
  color:#ffffff!important;
}

/* 0.16.7 – Luxury preset: targeted dark-mode polish without changing other presets. */
html.dhs-dark-mode body.dhs-preset-luxury .dhs-home-rooms,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-home-features{
  background:var(--dhs-section-dark-bg,var(--dhs-section-primary-dark-bg,#0d0d0d))!important;
  color:var(--dhs-section-dark-color,var(--dhs-section-primary-dark-text,#ece8df))!important;
  box-shadow:0 0 0 100vmax var(--dhs-section-dark-bg,var(--dhs-section-primary-dark-bg,#0d0d0d))!important;
  clip-path:inset(0 -100vmax)!important;
}
html.dhs-dark-mode body.dhs-preset-luxury .dhs-site-header .dhs-site-nav a,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-site-header .dhs-site-nav .current-menu-item > a,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-site-header .dhs-site-nav .current_page_item > a,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-site-header .dhs-site-nav .current-menu-ancestor > a,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-menu-drawer nav a,
html.dhs-dark-mode body.dhs-preset-luxury body > .dhs-menu-drawer nav a,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-menu-drawer .dhs-submenu-toggle,
html.dhs-dark-mode body.dhs-preset-luxury body > .dhs-menu-drawer .dhs-submenu-toggle{
  color:var(--dhs-accent,#d4ad55)!important;
}
html.dhs-dark-mode body.dhs-preset-luxury .dhs-site-header .dhs-site-nav a:hover,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-site-header .dhs-site-nav a:focus-visible,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-site-header .dhs-site-nav .current-menu-item > a:hover,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-site-header .dhs-site-nav .current-menu-item > a:focus-visible,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-site-header .dhs-site-nav .current-menu-ancestor > a:hover,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-site-header .dhs-site-nav .current-menu-ancestor > a:focus-visible,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-menu-drawer nav a:hover,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-menu-drawer nav a:focus-visible,
html.dhs-dark-mode body.dhs-preset-luxury body > .dhs-menu-drawer nav a:hover,
html.dhs-dark-mode body.dhs-preset-luxury body > .dhs-menu-drawer nav a:focus-visible,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-menu-drawer .dhs-submenu-toggle:hover,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-menu-drawer .dhs-submenu-toggle:focus-visible,
html.dhs-dark-mode body.dhs-preset-luxury body > .dhs-menu-drawer .dhs-submenu-toggle:hover,
html.dhs-dark-mode body.dhs-preset-luxury body > .dhs-menu-drawer .dhs-submenu-toggle:focus-visible{
  color:#ffffff!important;
}
html.dhs-dark-mode body.dhs-preset-luxury .dhs-site-header .dhs-site-nav > ul > li > a::after,
html.dhs-dark-mode body.dhs-preset-luxury .dhs-menu-drawer > nav a::after,
html.dhs-dark-mode body.dhs-preset-luxury body > .dhs-menu-drawer > nav a::after{
  background:var(--dhs-accent,#d4ad55)!important;
}

/* 0.16.8 – preset underline colors and perfectly circular hamburger control */
body.dhs-preset-modern{--dhs-preset-menu-underline:var(--dhs-accent,#21a6a6)}
body.dhs-preset-elegant{--dhs-preset-menu-underline:var(--dhs-accent,#d4af37)}
body.dhs-preset-luxury{--dhs-preset-menu-underline:var(--dhs-accent,#d4ad55)}
body.dhs-preset-minimal{--dhs-preset-menu-underline:var(--dhs-accent,#d7d7d7)}
body.dhs-preset-dark{--dhs-preset-menu-underline:var(--dhs-accent,#f7cb68)}

/* Override every legacy red/global underline source, including the drawer label span. */
body[class*="dhs-preset-"] .dhs-site-header .dhs-site-nav > ul > li > a::after,
body[class*="dhs-preset-"] .dhs-site-header .dhs-menu-drawer .dhs-menu-link-label::after,
body[class*="dhs-preset-"] > .dhs-menu-drawer .dhs-menu-link-label::after,
html.dhs-dark-mode body[class*="dhs-preset-"] .dhs-site-header .dhs-site-nav > ul > li > a::after,
html.dhs-dark-mode body[class*="dhs-preset-"] .dhs-site-header .dhs-menu-drawer .dhs-menu-link-label::after,
html.dhs-dark-mode body[class*="dhs-preset-"] > .dhs-menu-drawer .dhs-menu-link-label::after{
  background:var(--dhs-preset-menu-underline,var(--dhs-accent))!important;
  box-shadow:none!important;
}

/* Fixed square geometry: borders, inherited line-height and theme padding can no longer make it oval. */
.dhs-site-header .dhs-site-menu-toggle,
body .dhs-site-menu-toggle{
  inline-size:48px!important;
  block-size:48px!important;
  width:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  flex:0 0 48px!important;
  aspect-ratio:1 / 1!important;
  box-sizing:border-box!important;
  padding:0!important;
  margin:0!important;
  border-radius:999px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  transform:none!important;
}
@media(max-width:650px){
  .dhs-site-header .dhs-site-menu-toggle,
  body .dhs-site-menu-toggle{
    inline-size:44px!important;
    block-size:44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    flex:0 0 44px!important;
  }
  .dhs-site-header .dhs-site-menu-toggle::before{top:13px!important}
  .dhs-site-header .dhs-site-menu-toggle>span{top:20px!important}
  .dhs-site-header .dhs-site-menu-toggle::after{top:27px!important}
}


/* v0.16.9 Minimal preset polish */
body.dhs-preset-minimal .dhs-availability-card i,
body.dhs-preset-minimal .dhs-availability-card svg,
body.dhs-preset-minimal .dhs-footer-club .button,
body.dhs-preset-minimal .dhs-footer-club .button *,
body.dhs-preset-minimal .dhs-club-submit,
body.dhs-preset-minimal .dhs-club-submit *{color:#fff!important}

html.dhs-dark-mode body.dhs-preset-minimal .dhs-room-features i,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-room-features svg,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-club-benefits i,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-club-benefits svg{color:#fff!important;fill:#fff!important}

html.dhs-dark-mode body.dhs-preset-minimal .dhs-about-section{background:var(--dhs-dark-surface,#1f1f1f)!important;box-shadow:0 0 0 100vmax var(--dhs-dark-surface,#1f1f1f);clip-path:inset(0 -100vmax)}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-about-section .dhs-eyebrow{color:#fff!important}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-theme-toggle i,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-theme-toggle svg{color:#fff!important;fill:#fff!important}
html.dhs-dark-mode body.dhs-preset-minimal footer a,
html.dhs-dark-mode body.dhs-preset-minimal footer .dhs-footer-contact a,
html.dhs-dark-mode body.dhs-preset-minimal footer .dhs-footer-menu a{color:#fff!important}

/* v0.16.10 – Minimal preset: corrected selectors and menu colors */
/* Minimal navigation – light mode */
body.dhs-preset-minimal .dhs-site-header .dhs-site-nav > ul > li > a,
body.dhs-preset-minimal .dhs-site-header .dhs-site-nav > ul > li.current-menu-item > a,
body.dhs-preset-minimal .dhs-site-header .dhs-site-nav > ul > li.current_page_item > a,
body.dhs-preset-minimal .dhs-site-header .dhs-site-nav > ul > li.current-menu-ancestor > a,
body.dhs-preset-minimal .dhs-menu-drawer nav a,
body.dhs-preset-minimal > .dhs-menu-drawer nav a,
body.dhs-preset-minimal .dhs-menu-drawer .dhs-submenu-toggle,
body.dhs-preset-minimal > .dhs-menu-drawer .dhs-submenu-toggle {
  color:#202020!important;
}
body.dhs-preset-minimal .dhs-site-header .dhs-site-nav > ul > li > a:hover,
body.dhs-preset-minimal .dhs-site-header .dhs-site-nav > ul > li > a:focus-visible,
body.dhs-preset-minimal .dhs-menu-drawer nav a:hover,
body.dhs-preset-minimal .dhs-menu-drawer nav a:focus-visible,
body.dhs-preset-minimal > .dhs-menu-drawer nav a:hover,
body.dhs-preset-minimal > .dhs-menu-drawer nav a:focus-visible {
  color:#777777!important;
}

/* Minimal navigation and dark-mode control – dark mode */
html.dhs-dark-mode body.dhs-preset-minimal .dhs-site-header .dhs-site-nav > ul > li > a,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-site-header .dhs-site-nav > ul > li.current-menu-item > a,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-site-header .dhs-site-nav > ul > li.current_page_item > a,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-site-header .dhs-site-nav > ul > li.current-menu-ancestor > a,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-menu-drawer nav a,
html.dhs-dark-mode body.dhs-preset-minimal > .dhs-menu-drawer nav a,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-menu-drawer .dhs-submenu-toggle,
html.dhs-dark-mode body.dhs-preset-minimal > .dhs-menu-drawer .dhs-submenu-toggle,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-darkmode-toggle,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-darkmode-toggle svg {
  color:#ffffff!important;
  stroke:currentColor!important;
}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-site-header .dhs-site-nav > ul > li > a:hover,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-site-header .dhs-site-nav > ul > li > a:focus-visible,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-menu-drawer nav a:hover,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-menu-drawer nav a:focus-visible,
html.dhs-dark-mode body.dhs-preset-minimal > .dhs-menu-drawer nav a:hover,
html.dhs-dark-mode body.dhs-preset-minimal > .dhs-menu-drawer nav a:focus-visible {
  color:#d7d7d7!important;
}

/* Availability button icon and footer club button text */
body.dhs-preset-minimal .dhs-booking-primary,
body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon,
body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon svg,
body.dhs-preset-minimal .dhs-site-footer__button {
  color:#ffffff!important;
}
body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon svg {
  stroke:#ffffff!important;
}

/* Full-width About section and white eyebrow in Minimal dark mode */
html.dhs-dark-mode body.dhs-preset-minimal .dhs-home-intro {
  background:var(--dhs-section-dark-bg,var(--dhs-section-secondary-dark-bg,#1d1d1d))!important;
  color:var(--dhs-section-dark-color,var(--dhs-section-secondary-dark-text,#eeeeee))!important;
  box-shadow:0 0 0 100vmax var(--dhs-section-dark-bg,var(--dhs-section-secondary-dark-bg,#1d1d1d))!important;
  clip-path:inset(0 -100vmax)!important;
}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-home-intro .dhs-home-kicker {
  color:#ffffff!important;
}

/* Room amenities, availability icon and Hotel Club icons – Minimal dark mode */
html.dhs-dark-mode body.dhs-preset-minimal .dhs-amenity-group li i,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-primary,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon svg,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-club-signup__benefit-icon,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-club-signup__benefit-icon svg,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-club-signup__submit {
  color:#ffffff!important;
}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon svg,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-club-signup__benefit-icon svg {
  stroke:#ffffff!important;
}

/* Footer links and club button – Minimal dark mode */
html.dhs-dark-mode body.dhs-preset-minimal .dhs-site-footer a,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-site-footer p a,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-site-footer li a,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-site-footer__button {
  color:#ffffff!important;
}

/* v0.16.11 – Minimal detail-page final color corrections */
/* Availability button icon: force every SVG part to pure white in light and dark mode. */
body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon,
body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon svg,
body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon svg path,
body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon svg rect,
body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon svg circle,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon svg,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon svg path,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon svg rect,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-primary .dhs-booking-button-icon svg circle {
  color:#ffffff!important;
  stroke:#ffffff!important;
}

/* Minimal dark mode: secondary room button text and arrow stay white in every state. */
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-secondary,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-secondary:link,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-secondary:visited,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-secondary:hover,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-secondary:focus,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-secondary:active,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-secondary span {
  color:#ffffff!important;
}


/* v0.16.12 Minimal dark icon fixes */
body.dateck-dark .dateck-booking-button svg,
body.dateck-dark .dateck-booking-button svg *,
body.dateck-dark .dateck-booking-button i,
body.dateck-dark .dateck-booking-button i:before{
    fill:#fff !important;
    stroke:#fff !important;
    color:#fff !important;
}

body.dateck-dark .dhs-feature-item i,
body.dateck-dark .dhs-feature-item i:before,
body.dateck-dark .dhs-feature-item svg,
body.dateck-dark .dhs-feature-item svg *{
    color:#fff !important;
    fill:#fff !important;
    stroke:#fff !important;
}

/* v0.16.13 – Minimal: exact dark-mode icon selectors */
/* Detail page: round booking/availability icon on the left. */
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-icon,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-icon .dhs-icon-svg,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-icon svg,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-booking-icon svg * {
    color:#ffffff !important;
    stroke:#ffffff !important;
}

/* Homepage: “Alles auf einen Blick” icons. */
html.dhs-dark-mode body.dhs-preset-minimal .dhs-feature-icon,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-feature-icon svg,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-feature-icon svg * {
    color:#ffffff !important;
    stroke:#ffffff !important;
}


/* v0.16.14 Minimal booking icon fix */
.dhs-booking-button .dhs-booking-icon svg,
.dhs-booking-button .dhs-booking-icon svg *{
    stroke:#fff !important;
    fill:none !important;
}


/* v0.16.15 Minimal preset booking icon always white */
body.dhs-preset-minimal .dhs-booking-icon,
body.dhs-preset-minimal .dhs-booking-icon *{
    color:#fff !important;
}
body.dhs-preset-minimal .dhs-booking-icon svg,
body.dhs-preset-minimal .dhs-booking-icon svg *,
body.dhs-preset-minimal .dhs-booking-icon svg path,
body.dhs-preset-minimal .dhs-booking-icon svg rect,
body.dhs-preset-minimal .dhs-booking-icon svg circle,
body.dhs-preset-minimal .dhs-booking-icon svg line,
body.dhs-preset-minimal .dhs-booking-icon svg polyline{
    stroke:#fff !important;
    fill:none !important;
}

/* v0.16.16 – Dark preset targeted polish */
/* Light mode header: mode icon stays black and menu hover uses the preset accent instead of a legacy red. */
body.dhs-preset-dark:not(.dhs-dark-mode) .dhs-darkmode-toggle,
html:not(.dhs-dark-mode) body.dhs-preset-dark .dhs-darkmode-toggle,
body.dhs-preset-dark:not(.dhs-dark-mode) .dhs-darkmode-toggle svg,
html:not(.dhs-dark-mode) body.dhs-preset-dark .dhs-darkmode-toggle svg {
    color:#111111 !important;
    stroke:#111111 !important;
}

body.dhs-preset-dark .dhs-site-header .dhs-site-nav a:hover,
body.dhs-preset-dark .dhs-site-header .dhs-site-nav a:focus-visible,
body.dhs-preset-dark .dhs-site-header .dhs-site-nav .current-menu-item > a:hover,
body.dhs-preset-dark .dhs-site-header .dhs-site-nav .current-menu-item > a:focus-visible,
body.dhs-preset-dark .dhs-site-header .dhs-site-nav .current_page_item > a:hover,
body.dhs-preset-dark .dhs-site-header .dhs-site-nav .current_page_item > a:focus-visible,
body.dhs-preset-dark .dhs-site-header .dhs-site-nav .current-menu-ancestor > a:hover,
body.dhs-preset-dark .dhs-site-header .dhs-site-nav .current-menu-ancestor > a:focus-visible,
body.dhs-preset-dark .dhs-menu-drawer nav a:hover,
body.dhs-preset-dark .dhs-menu-drawer nav a:focus-visible,
body.dhs-preset-dark > .dhs-menu-drawer nav a:hover,
body.dhs-preset-dark > .dhs-menu-drawer nav a:focus-visible {
    color:var(--dhs-accent,#f7cb68) !important;
}

/* Homepage: the About surface spans the viewport while its content keeps the normal container width. */
body.dhs-preset-dark .dhs-home-intro {
    background:var(--dhs-section-bg,var(--dhs-section-secondary-bg,#151515)) !important;
    color:var(--dhs-section-color,var(--dhs-section-secondary-text,#f5f5f5)) !important;
    box-shadow:0 0 0 100vmax var(--dhs-section-bg,var(--dhs-section-secondary-bg,#151515)) !important;
    clip-path:inset(0 -100vmax) !important;
}
html.dhs-dark-mode body.dhs-preset-dark .dhs-home-intro {
    background:var(--dhs-section-dark-bg,var(--dhs-section-secondary-dark-bg,#151515)) !important;
    color:var(--dhs-section-dark-color,var(--dhs-section-secondary-dark-text,#f5f5f5)) !important;
    box-shadow:0 0 0 100vmax var(--dhs-section-dark-bg,var(--dhs-section-secondary-dark-bg,#151515)) !important;
    clip-path:inset(0 -100vmax) !important;
}

/* Room detail: give the Hotel Club / direct-booking banner the same outlined-card treatment as the booking CTA below it. */
body.dhs-preset-dark .dhs-club-notice {
    border:1px solid color-mix(in srgb,var(--dhs-text,#f5f5f5) 20%,transparent) !important;
    box-sizing:border-box !important;
}
html.dhs-dark-mode body.dhs-preset-dark .dhs-club-notice {
    border-color:color-mix(in srgb,var(--dhs-dark-text,#ffffff) 20%,transparent) !important;
}

/* Dark mode footer: accent button keeps a deliberately dark, readable label in every state. */
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-footer__button,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-footer__button:link,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-footer__button:visited,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-footer__button:hover,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-footer__button:focus-visible,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-footer__button:active {
    color:#171717 !important;
}

/* v0.16.17 – Dark preset header visibility fixes */
/* Light mode: keep the round control dark, but make the sun/moon glyph clearly visible. */
html:not(.dhs-dark-mode) body.dhs-preset-dark .dhs-site-header .dhs-darkmode-toggle,
body.dhs-preset-dark:not(.dhs-dark-mode) .dhs-site-header .dhs-darkmode-toggle {
    color:var(--dhs-accent,#f7cb68) !important;
}
html:not(.dhs-dark-mode) body.dhs-preset-dark .dhs-site-header .dhs-darkmode-toggle svg,
html:not(.dhs-dark-mode) body.dhs-preset-dark .dhs-site-header .dhs-darkmode-toggle svg *,
body.dhs-preset-dark:not(.dhs-dark-mode) .dhs-site-header .dhs-darkmode-toggle svg,
body.dhs-preset-dark:not(.dhs-dark-mode) .dhs-site-header .dhs-darkmode-toggle svg * {
    color:var(--dhs-accent,#f7cb68) !important;
    stroke:var(--dhs-accent,#f7cb68) !important;
}

/* Dark mode: navigation stays bright and hover/focus uses gold instead of any inherited red. */
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-site-nav > ul > li > a,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-site-nav > ul > li.current-menu-item > a,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-site-nav > ul > li.current_page_item > a,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-site-nav > ul > li.current-menu-ancestor > a,
html.dhs-dark-mode body.dhs-preset-dark .dhs-menu-drawer nav a,
html.dhs-dark-mode body.dhs-preset-dark > .dhs-menu-drawer nav a,
html.dhs-dark-mode body.dhs-preset-dark .dhs-menu-drawer .dhs-submenu-toggle,
html.dhs-dark-mode body.dhs-preset-dark > .dhs-menu-drawer .dhs-submenu-toggle {
    color:#ffffff !important;
}
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-site-nav > ul > li > a:hover,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-site-nav > ul > li > a:focus-visible,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-site-nav > ul > li.current-menu-item > a:hover,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-site-nav > ul > li.current-menu-item > a:focus-visible,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-site-nav > ul > li.current_page_item > a:hover,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-site-nav > ul > li.current_page_item > a:focus-visible,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-site-nav > ul > li.current-menu-ancestor > a:hover,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-site-nav > ul > li.current-menu-ancestor > a:focus-visible,
html.dhs-dark-mode body.dhs-preset-dark .dhs-menu-drawer nav a:hover,
html.dhs-dark-mode body.dhs-preset-dark .dhs-menu-drawer nav a:focus-visible,
html.dhs-dark-mode body.dhs-preset-dark > .dhs-menu-drawer nav a:hover,
html.dhs-dark-mode body.dhs-preset-dark > .dhs-menu-drawer nav a:focus-visible,
html.dhs-dark-mode body.dhs-preset-dark .dhs-menu-drawer .dhs-submenu-toggle:hover,
html.dhs-dark-mode body.dhs-preset-dark .dhs-menu-drawer .dhs-submenu-toggle:focus-visible,
html.dhs-dark-mode body.dhs-preset-dark > .dhs-menu-drawer .dhs-submenu-toggle:hover,
html.dhs-dark-mode body.dhs-preset-dark > .dhs-menu-drawer .dhs-submenu-toggle:focus-visible {
    color:var(--dhs-accent,#f7cb68) !important;
}
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-site-nav > ul > li > a::after,
html.dhs-dark-mode body.dhs-preset-dark .dhs-site-header .dhs-menu-drawer .dhs-menu-link-label::after,
html.dhs-dark-mode body.dhs-preset-dark > .dhs-menu-drawer .dhs-menu-link-label::after {
    background:var(--dhs-accent,#f7cb68) !important;
}


/* Dateck Unterkunft Suite 0.18.1 – full-width decorative section accents */
.dhs-home-section[data-dhs-accent]:not([data-dhs-accent="none"]){position:relative;isolation:isolate;overflow:visible;width:min(100%,var(--dhs-container));max-width:var(--dhs-container);margin-left:auto;margin-right:auto;box-sizing:border-box}
.dhs-home-section[data-dhs-accent]:not([data-dhs-accent="none"])>*{position:relative;z-index:2}
.dhs-home-section[data-dhs-accent]:not([data-dhs-accent="none"])::before,
.dhs-home-section[data-dhs-accent]:not([data-dhs-accent="none"])::after{content:"";position:absolute;z-index:0;pointer-events:none;color:var(--dhs-section-accent,var(--dhs-accent));opacity:var(--dhs-section-accent-opacity,.06)}
/* Pattern layers span the viewport, while the content remains in its normal container. */
.dhs-home-section[data-dhs-accent="dots"]::before,
.dhs-home-section[data-dhs-accent="lines"]::before{top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%)}
.dhs-home-section[data-dhs-accent="circles"]::before{width:360px;height:360px;border-radius:50%;background:currentColor;top:-205px;right:max(-135px,calc((100% - 100vw)/2 - 30px))}
.dhs-home-section[data-dhs-accent="circles"]::after{width:230px;height:230px;border:52px solid currentColor;border-radius:50%;left:max(-125px,calc((100% - 100vw)/2 - 35px));bottom:-145px;background:transparent}
.dhs-home-section[data-dhs-accent="glow"]::before{width:620px;height:410px;border-radius:50%;background:currentColor;filter:blur(88px);top:-245px;right:max(-210px,calc((100% - 100vw)/2 - 80px))}
.dhs-home-section[data-dhs-accent="glow"]::after{width:430px;height:330px;border-radius:50%;background:currentColor;filter:blur(105px);left:max(-220px,calc((100% - 100vw)/2 - 90px));bottom:-215px}
.dhs-home-section[data-dhs-accent="dots"]::before{background-image:radial-gradient(currentColor 1.7px,transparent 1.8px);background-size:24px 24px;mask-image:linear-gradient(110deg,#000 0%,#000 20%,transparent 72%);-webkit-mask-image:linear-gradient(110deg,#000 0%,#000 20%,transparent 72%)}
.dhs-home-section[data-dhs-accent="dots"]::after{top:0;bottom:0;right:calc((100% - 100vw)/2);width:42vw;background-image:radial-gradient(currentColor 1.4px,transparent 1.5px);background-size:28px 28px;mask-image:linear-gradient(250deg,#000,transparent 72%);-webkit-mask-image:linear-gradient(250deg,#000,transparent 72%)}
.dhs-home-section[data-dhs-accent="lines"]::before{background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%);-webkit-mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%)}
.dhs-home-section[data-dhs-accent="lines"]::after{top:0;bottom:0;right:calc((100% - 100vw)/2);width:44vw;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(250deg,#000,transparent 72%);-webkit-mask-image:linear-gradient(250deg,#000,transparent 72%)}
.dhs-home-section[data-dhs-accent="waves"]::before{width:700px;height:300px;right:max(-180px,calc((100% - 100vw)/2 - 110px));top:-85px;border:2px solid currentColor;border-radius:50%;box-shadow:0 38px 0 currentColor,0 76px 0 currentColor,0 114px 0 currentColor;transform:rotate(-9deg);background:transparent}
.dhs-home-section[data-dhs-accent="waves"]::after{width:520px;height:220px;left:max(-180px,calc((100% - 100vw)/2 - 95px));bottom:-130px;border:2px solid currentColor;border-radius:50%;box-shadow:0 32px 0 currentColor,0 64px 0 currentColor;transform:rotate(8deg);background:transparent}
.dhs-home-section[data-dhs-accent-position="top-left"]::before{left:max(-145px,calc((100% - 100vw)/2 - 45px))!important;right:auto!important}.dhs-home-section[data-dhs-accent-position="top-left"]::after{display:none}
.dhs-home-section[data-dhs-accent-position="top-right"]::after{display:none}
.dhs-home-section[data-dhs-accent-position="bottom"]::before{top:auto!important;bottom:-165px!important}.dhs-home-section[data-dhs-accent-position="bottom"]::after{display:none}
@media(max-width:760px){.dhs-home-section[data-dhs-accent="circles"]::before{width:260px;height:260px;top:-155px}.dhs-home-section[data-dhs-accent="circles"]::after{width:170px;height:170px;border-width:38px}.dhs-home-section[data-dhs-accent="waves"]::before{width:460px;height:210px}.dhs-home-section[data-dhs-accent="waves"]::after{width:350px;height:170px}}

/* Floating buttons: SVGs always follow the selected icon color. */
.dhs-floating-action,.dhs-floating-action span{color:var(--dhs-item-fg,var(--dhs-floating-fg,#111))!important}
.dhs-floating-action svg,.dhs-floating-action svg *{color:inherit!important;stroke:currentColor!important}
.dhs-floating-action svg [fill]:not([fill="none"]){fill:currentColor!important}

/* Decorative use of the otherwise empty area below the room gallery. */
.dhs-detail-gallery-column{min-width:0;display:flex;flex-direction:column}
.dhs-room-gallery-accent{position:relative;min-height:180px;width:100%;margin-top:18px;overflow:hidden;background:transparent;border:0;border-radius:0;opacity:1;pointer-events:none}
.dhs-room-gallery-accent::before,.dhs-room-gallery-accent::after{content:"";position:absolute;color:var(--dhs-room-accent);opacity:var(--dhs-room-accent-opacity,.06);pointer-events:none}
.dhs-room-gallery-accent[data-accent="circles"]::before{width:310px;height:310px;border-radius:50%;background:currentColor;right:-95px;top:-155px}.dhs-room-gallery-accent[data-accent="circles"]::after{width:165px;height:165px;border:36px solid currentColor;border-radius:50%;left:-70px;bottom:-92px}
.dhs-room-gallery-accent[data-accent="glow"]::before{width:440px;height:280px;border-radius:50%;background:currentColor;filter:blur(72px);right:-120px;top:-125px}.dhs-room-gallery-accent[data-accent="glow"]::after{width:300px;height:230px;border-radius:50%;background:currentColor;filter:blur(82px);left:-125px;bottom:-135px}
.dhs-room-gallery-accent[data-accent="dots"]::before{inset:0;background-image:radial-gradient(currentColor 1.6px,transparent 1.7px);background-size:21px 21px;mask-image:linear-gradient(135deg,#000 0%,#000 20%,transparent 78%);-webkit-mask-image:linear-gradient(135deg,#000 0%,#000 20%,transparent 78%)}
.dhs-room-gallery-accent[data-accent="dots"]::after{inset:0;background-image:radial-gradient(currentColor 1.2px,transparent 1.3px);background-size:28px 28px;mask-image:linear-gradient(315deg,#000,transparent 72%);-webkit-mask-image:linear-gradient(315deg,#000,transparent 72%)}
.dhs-room-gallery-accent[data-accent="lines"]::before{inset:0;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(135deg,#000 0%,#000 18%,transparent 75%);-webkit-mask-image:linear-gradient(135deg,#000 0%,#000 18%,transparent 75%)}
.dhs-room-gallery-accent[data-accent="lines"]::after{inset:0;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(315deg,#000,transparent 74%);-webkit-mask-image:linear-gradient(315deg,#000,transparent 74%)}
html.dhs-dark-mode .dhs-room-gallery-accent{background:transparent;border-color:transparent}
@media(max-width:1050px){.dhs-detail-gallery-column{width:100%}.dhs-room-gallery-accent{min-height:170px}}
@media(max-width:900px){.dhs-room-gallery-accent{min-height:150px}}


/* Dateck Unterkunft Suite 0.18.3 – accents viewport-wide, content stays contained */
.dhs-home-section[data-dhs-accent]:not([data-dhs-accent="none"]){
  clip-path:inset(0 -100vmax);
}
.dhs-home-section[data-dhs-accent]:not([data-dhs-accent="none"])::before,
.dhs-home-section[data-dhs-accent]:not([data-dhs-accent="none"])::after{
  pointer-events:none;
}
/* The detail-page decoration is deliberately free-floating, not a card. */
.dhs-room-gallery-accent{box-shadow:none!important;}


/* Dateck Unterkunft Suite 0.18.4 – light/dark accent tuning and richer room detail decoration */
html.dhs-dark-mode .dhs-home-section[data-dhs-accent]:not([data-dhs-accent="none"])::before,
html.dhs-dark-mode .dhs-home-section[data-dhs-accent]:not([data-dhs-accent="none"])::after{
  color:var(--dhs-section-accent-dark,var(--dhs-section-accent,var(--dhs-accent)));
  opacity:var(--dhs-section-accent-dark-opacity,.05);
}

/* Minimal preset: room eyebrow/title must stay readable in dark mode. */
html.dhs-dark-mode body.dhs-preset-minimal .dhs-home-rooms .dhs-home-kicker,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-home-rooms .dhs-home-section__head h2{
  color:#fff!important;
}

/* Use the available gallery-column height as a deliberate decorative canvas. */
.dhs-room-gallery-accent{
  min-height:clamp(300px,38vw,560px);
  margin-top:10px;
  overflow:hidden;
  color:var(--dhs-room-accent);
}
.dhs-room-gallery-accent::before,
.dhs-room-gallery-accent::after{
  opacity:var(--dhs-room-accent-opacity,.09);
}
html.dhs-dark-mode .dhs-room-gallery-accent{
  color:var(--dhs-room-accent-dark,var(--dhs-room-accent));
}
html.dhs-dark-mode .dhs-room-gallery-accent::before,
html.dhs-dark-mode .dhs-room-gallery-accent::after{
  opacity:var(--dhs-room-accent-dark-opacity,.05);
}

/* Circles: multiple distributed shapes without introducing a card background. */
.dhs-room-gallery-accent[data-accent="circles"]::before{
  width:210px;height:210px;right:3%;top:5%;
  background:currentColor;border-radius:50%;
  box-shadow:
    -430px 105px 0 -58px currentColor,
    -250px 285px 0 -78px currentColor,
    -20px 355px 0 -54px currentColor;
}
.dhs-room-gallery-accent[data-accent="circles"]::after{
  width:150px;height:150px;left:2%;bottom:8%;
  border:32px solid currentColor;border-radius:50%;background:transparent;
  box-shadow:
    315px -155px 0 -20px transparent,
    315px -155px 0 0 currentColor;
  clip-path:none;
}
/* Keep the second ring hollow even with the extra shadow shape. */
.dhs-room-gallery-accent[data-accent="circles"]::after{box-shadow:330px -170px 0 -42px currentColor;}

.dhs-room-gallery-accent[data-accent="glow"]::before{
  width:520px;height:340px;right:-115px;top:-80px;filter:blur(88px);
  box-shadow:-390px 250px 0 -65px currentColor;
}
.dhs-room-gallery-accent[data-accent="glow"]::after{
  width:360px;height:270px;left:-100px;bottom:-55px;filter:blur(92px);
  box-shadow:420px -120px 0 -95px currentColor;
}
.dhs-room-gallery-accent[data-accent="dots"]::before,
.dhs-room-gallery-accent[data-accent="lines"]::before{inset:0;}
.dhs-room-gallery-accent[data-accent="dots"]::after,
.dhs-room-gallery-accent[data-accent="lines"]::after{inset:18% 0 0 18%;}

@media(max-width:1050px){
  .dhs-room-gallery-accent{min-height:240px;}
}
@media(max-width:760px){
  .dhs-room-gallery-accent{min-height:190px;}
  .dhs-room-gallery-accent[data-accent="circles"]::before{width:155px;height:155px;right:-20px;top:-25px;box-shadow:-250px 100px 0 -48px currentColor,-100px 205px 0 -58px currentColor;}
  .dhs-room-gallery-accent[data-accent="circles"]::after{width:105px;height:105px;border-width:24px;left:-36px;bottom:-35px;box-shadow:230px -105px 0 -34px currentColor;}
}


/* Dateck Unterkunft Suite 0.18.5 – gallery-safe accents, mobile detail cleanup and template-origin persistence */
/* The gallery gets its own decorative layer. Its Bento/Grid layout is never used as an effect canvas. */
.dhs-home-gallery[data-dhs-accent]:not([data-dhs-accent="none"])::before,
.dhs-home-gallery[data-dhs-accent]:not([data-dhs-accent="none"])::after{display:none!important}
.dhs-home-gallery .dhs-gallery-accent-layer{
  position:absolute!important;inset:0;z-index:0!important;display:block;pointer-events:none;
  color:var(--dhs-section-accent,var(--dhs-accent));opacity:var(--dhs-section-accent-opacity,.09);
  overflow:visible;
}
html.dhs-dark-mode .dhs-home-gallery .dhs-gallery-accent-layer{
  color:var(--dhs-section-accent-dark,var(--dhs-section-accent,var(--dhs-accent)));
  opacity:var(--dhs-section-accent-dark-opacity,.05);
}
.dhs-home-gallery .dhs-gallery-accent-layer::before,
.dhs-home-gallery .dhs-gallery-accent-layer::after{content:"";position:absolute;pointer-events:none;color:inherit}
.dhs-home-gallery[data-dhs-accent="circles"] .dhs-gallery-accent-layer::before{width:360px;height:360px;border-radius:50%;background:currentColor;right:calc((100% - 100vw)/2 - 120px);top:-190px;box-shadow:-72vw 430px 0 -105px currentColor}
.dhs-home-gallery[data-dhs-accent="circles"] .dhs-gallery-accent-layer::after{width:180px;height:180px;border:42px solid currentColor;border-radius:50%;left:calc((100% - 100vw)/2 - 72px);bottom:-100px}
.dhs-home-gallery[data-dhs-accent="glow"] .dhs-gallery-accent-layer::before{width:650px;height:420px;border-radius:50%;background:currentColor;filter:blur(95px);right:calc((100% - 100vw)/2 - 180px);top:-230px}
.dhs-home-gallery[data-dhs-accent="glow"] .dhs-gallery-accent-layer::after{width:470px;height:340px;border-radius:50%;background:currentColor;filter:blur(105px);left:calc((100% - 100vw)/2 - 170px);bottom:-220px}
.dhs-home-gallery[data-dhs-accent="dots"] .dhs-gallery-accent-layer{left:50%;width:100vw;transform:translateX(-50%);background-image:radial-gradient(currentColor 1.5px,transparent 1.6px);background-size:25px 25px;mask-image:linear-gradient(110deg,#000 0%,transparent 65%);-webkit-mask-image:linear-gradient(110deg,#000 0%,transparent 65%)}
.dhs-home-gallery[data-dhs-accent="lines"] .dhs-gallery-accent-layer{left:50%;width:100vw;transform:translateX(-50%);background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(110deg,#000 0%,transparent 72%);-webkit-mask-image:linear-gradient(110deg,#000 0%,transparent 72%)}
.dhs-home-gallery[data-dhs-accent="waves"] .dhs-gallery-accent-layer::before{width:760px;height:310px;right:calc((100% - 100vw)/2 - 190px);top:-100px;border:2px solid currentColor;border-radius:50%;box-shadow:0 40px 0 currentColor,0 80px 0 currentColor,0 120px 0 currentColor;transform:rotate(-8deg)}
.dhs-home-gallery[data-dhs-accent="waves"] .dhs-gallery-accent-layer::after{width:560px;height:230px;left:calc((100% - 100vw)/2 - 170px);bottom:-145px;border:2px solid currentColor;border-radius:50%;box-shadow:0 34px 0 currentColor,0 68px 0 currentColor;transform:rotate(8deg)}
.dhs-home-gallery[data-dhs-accent-position="top-left"] .dhs-gallery-accent-layer::before{left:calc((100% - 100vw)/2 - 120px)!important;right:auto!important}.dhs-home-gallery[data-dhs-accent-position="top-left"] .dhs-gallery-accent-layer::after{display:none}
.dhs-home-gallery[data-dhs-accent-position="top-right"] .dhs-gallery-accent-layer::after{display:none}
.dhs-home-gallery[data-dhs-accent-position="bottom"] .dhs-gallery-accent-layer::before{top:auto!important;bottom:-155px!important}.dhs-home-gallery[data-dhs-accent-position="bottom"] .dhs-gallery-accent-layer::after{display:none}
/* The actual gallery is explicitly isolated from decorative positioning rules. */
.dhs-home-gallery>.dhs-hotel-gallery,.dhs-home-gallery .dhs-bento-viewport,.dhs-home-gallery .dhs-bento-track,.dhs-home-gallery .dhs-bento-page{position:relative;z-index:2;min-width:0}

/* The empty-space decoration on room detail pages is desktop/tablet only. */
@media(max-width:760px){.dhs-room-gallery-accent{display:none!important}}

/* Template-derived dark-mode polish remains active after the UI switches to Custom. */
html.dhs-dark-mode body.dhs-preset-minimal .dhs-home-intro .dhs-home-kicker,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-home-rooms .dhs-home-kicker,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-home-location :where(h2,h3,.dhs-location-highlight__content strong),
html.dhs-dark-mode body.dhs-preset-minimal .dhs-home-club-form .dhs-club-signup__intro :where(.dhs-club-signup__title,.dhs-club-signup__subtitle,.dhs-club-signup__description p,.dhs-club-signup__benefits li){color:#fff!important}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-location-highlight__icon,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-location-highlight__distance,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-club-signup__benefit-icon,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-club-signup__benefit-icon svg{color:#fff!important;stroke:currentColor!important}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-site-header .dhs-darkmode-toggle,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-site-header .dhs-darkmode-toggle svg,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-site-header .dhs-darkmode-toggle svg *{color:#fff!important;stroke:#fff!important}

/* Dateck Unterkunft Suite 0.18.6 – gallery section accent layout fix
 * The generic accent container must not re-apply the normal section max-width
 * to the homepage gallery. The gallery already owns its viewport-aligned
 * horizontal padding, so constraining it again collapses the Bento layout.
 */
.dhs-home-section.dhs-home-gallery[data-dhs-accent]:not([data-dhs-accent="none"]){
  width:auto!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box;
}
.dhs-home-section.dhs-home-gallery[data-dhs-accent]:not([data-dhs-accent="none"]) > .dhs-hotel-gallery{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
.dhs-home-section.dhs-home-gallery[data-dhs-accent]:not([data-dhs-accent="none"]) .dhs-bento-viewport,
.dhs-home-section.dhs-home-gallery[data-dhs-accent]:not([data-dhs-accent="none"]) .dhs-bento-track,
.dhs-home-section.dhs-home-gallery[data-dhs-accent]:not([data-dhs-accent="none"]) .dhs-bento-page{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

/* Dateck Unterkunft Suite 0.18.7 – isolated transitions between homepage sections */
.dhs-homepage [data-dhs-transition]{position:relative;overflow:visible}
.dhs-section-transition{
  position:absolute;
  left:50%;
  bottom:0;
  width:100vw;
  height:0;
  transform:translateX(-50%);
  pointer-events:none;
  z-index:30;
}
.dhs-homepage [data-dhs-transition="shadow-soft"]>.dhs-section-transition{
  box-shadow:0 10px 24px 9px rgba(0,0,0,.09);
}
.dhs-homepage [data-dhs-transition="shadow-medium"]>.dhs-section-transition{
  box-shadow:0 16px 40px 14px rgba(0,0,0,.14);
}
.dhs-homepage [data-dhs-transition="shadow-strong"]>.dhs-section-transition{
  box-shadow:0 22px 58px 20px rgba(0,0,0,.20);
}
.dhs-homepage [data-dhs-transition="fade-soft"]>.dhs-section-transition{
  height:72px;
  bottom:-72px;
  background:linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,0));
}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="shadow-soft"]>.dhs-section-transition{box-shadow:0 10px 26px 10px rgba(0,0,0,.28)}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="shadow-medium"]>.dhs-section-transition{box-shadow:0 17px 44px 15px rgba(0,0,0,.38)}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="shadow-strong"]>.dhs-section-transition{box-shadow:0 24px 62px 22px rgba(0,0,0,.48)}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="fade-soft"]>.dhs-section-transition{background:linear-gradient(to bottom,rgba(0,0,0,.30),rgba(0,0,0,0))}
@media(max-width:767px){
  .dhs-homepage [data-dhs-transition="shadow-strong"]>.dhs-section-transition{box-shadow:0 15px 36px 12px rgba(0,0,0,.16)}
  .dhs-homepage [data-dhs-transition="fade-soft"]>.dhs-section-transition{height:48px;bottom:-48px}
}

/* Dateck Unterkunft Suite 0.18.8 – isolated accent/content/transition layer engine */
.dhs-homepage .dhs-home-section{
  position:relative;
  isolation:isolate;
  overflow:visible;
}
/* Retire section pseudo-elements: decorative accents now live only inside their own layer. */
.dhs-homepage .dhs-home-section[data-dhs-accent]::before,
.dhs-homepage .dhs-home-section[data-dhs-accent]::after{
  content:none!important;
  display:none!important;
}
.dhs-homepage .dhs-home-section > :not(.dhs-section-accent-layer):not(.dhs-gallery-accent-layer):not(.dhs-section-transition){
  position:relative;
  z-index:2;
}
.dhs-section-accent-layer{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  bottom:0!important;
  width:100vw!important;
  max-width:none!important;
  transform:translateX(-50%)!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  color:var(--dhs-section-accent,var(--dhs-accent));
  opacity:var(--dhs-section-accent-opacity,.09);
}
html.dhs-dark-mode .dhs-section-accent-layer{
  color:var(--dhs-section-accent-dark,var(--dhs-section-accent,var(--dhs-accent)));
  opacity:var(--dhs-section-accent-dark-opacity,.05);
}
.dhs-section-accent-layer::before,
.dhs-section-accent-layer::after{
  content:"";
  position:absolute;
  pointer-events:none;
  color:inherit;
  box-sizing:border-box;
}
.dhs-home-section[data-dhs-accent="circles"] > .dhs-section-accent-layer::before{
  width:360px;height:360px;border-radius:50%;background:currentColor;top:-205px;right:-90px;
  box-shadow:-72vw 430px 0 -105px currentColor;
}
.dhs-home-section[data-dhs-accent="circles"] > .dhs-section-accent-layer::after{
  width:230px;height:230px;border:52px solid currentColor;border-radius:50%;left:-95px;bottom:-145px;background:transparent;
}
.dhs-home-section[data-dhs-accent="glow"] > .dhs-section-accent-layer::before{
  width:620px;height:410px;border-radius:50%;background:currentColor;filter:blur(88px);top:-245px;right:-160px;
}
.dhs-home-section[data-dhs-accent="glow"] > .dhs-section-accent-layer::after{
  width:430px;height:330px;border-radius:50%;background:currentColor;filter:blur(105px);left:-170px;bottom:-215px;
}
.dhs-home-section[data-dhs-accent="dots"] > .dhs-section-accent-layer{
  background-image:radial-gradient(currentColor 1.7px,transparent 1.8px);
  background-size:24px 24px;
  -webkit-mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%);
  mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%);
}
.dhs-home-section[data-dhs-accent="dots"] > .dhs-section-accent-layer::after{
  inset:0 0 0 auto;width:44vw;
  background-image:radial-gradient(currentColor 1.4px,transparent 1.5px);background-size:28px 28px;
  -webkit-mask-image:linear-gradient(250deg,#000,transparent 72%);mask-image:linear-gradient(250deg,#000,transparent 72%);
}
.dhs-home-section[data-dhs-accent="lines"] > .dhs-section-accent-layer{
  background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%);
  mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%);
}
.dhs-home-section[data-dhs-accent="lines"] > .dhs-section-accent-layer::after{
  inset:0 0 0 auto;width:44vw;
  background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:linear-gradient(250deg,#000,transparent 72%);mask-image:linear-gradient(250deg,#000,transparent 72%);
}
.dhs-home-section[data-dhs-accent="waves"] > .dhs-section-accent-layer::before{
  width:700px;height:300px;right:-120px;top:-85px;border:2px solid currentColor;border-radius:50%;
  box-shadow:0 38px 0 currentColor,0 76px 0 currentColor,0 114px 0 currentColor;transform:rotate(-9deg);
}
.dhs-home-section[data-dhs-accent="waves"] > .dhs-section-accent-layer::after{
  width:520px;height:220px;left:-125px;bottom:-130px;border:2px solid currentColor;border-radius:50%;
  box-shadow:0 32px 0 currentColor,0 64px 0 currentColor;transform:rotate(8deg);
}
.dhs-home-section[data-dhs-accent-position="top-left"] > .dhs-section-accent-layer::before{left:-95px!important;right:auto!important}
.dhs-home-section[data-dhs-accent-position="top-left"] > .dhs-section-accent-layer::after{display:none!important}
.dhs-home-section[data-dhs-accent-position="top-right"] > .dhs-section-accent-layer::after{display:none!important}
.dhs-home-section[data-dhs-accent-position="bottom"] > .dhs-section-accent-layer::before{top:auto!important;bottom:-165px!important}
.dhs-home-section[data-dhs-accent-position="bottom"] > .dhs-section-accent-layer::after{display:none!important}

/* Transition always belongs to the bottom edge and sits above accent, below interactive content. */
.dhs-homepage .dhs-home-section > .dhs-section-transition{
  position:absolute!important;
  left:50%!important;
  bottom:-1px!important;
  width:100vw!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  z-index:4!important;
  opacity:1!important;
}
.dhs-homepage [data-dhs-transition="shadow-soft"] > .dhs-section-transition{box-shadow:0 12px 28px 10px rgba(0,0,0,.09)!important}
.dhs-homepage [data-dhs-transition="shadow-medium"] > .dhs-section-transition{box-shadow:0 18px 42px 15px rgba(0,0,0,.14)!important}
.dhs-homepage [data-dhs-transition="shadow-strong"] > .dhs-section-transition{box-shadow:0 24px 58px 20px rgba(0,0,0,.20)!important}
.dhs-homepage [data-dhs-transition="fade-soft"] > .dhs-section-transition{
  height:72px!important;bottom:-72px!important;box-shadow:none!important;
  background:linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,0))!important;
}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="shadow-soft"] > .dhs-section-transition{box-shadow:0 12px 30px 11px rgba(0,0,0,.28)!important}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="shadow-medium"] > .dhs-section-transition{box-shadow:0 18px 46px 16px rgba(0,0,0,.38)!important}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="shadow-strong"] > .dhs-section-transition{box-shadow:0 25px 64px 22px rgba(0,0,0,.48)!important}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="fade-soft"] > .dhs-section-transition{background:linear-gradient(to bottom,rgba(0,0,0,.30),rgba(0,0,0,0))!important}
@media(max-width:760px){
  .dhs-home-section[data-dhs-accent="circles"] > .dhs-section-accent-layer::before{width:260px;height:260px;top:-155px}
  .dhs-home-section[data-dhs-accent="circles"] > .dhs-section-accent-layer::after{width:170px;height:170px;border-width:38px}
  .dhs-home-section[data-dhs-accent="waves"] > .dhs-section-accent-layer::before{width:460px;height:210px}
  .dhs-home-section[data-dhs-accent="waves"] > .dhs-section-accent-layer::after{width:350px;height:170px}
  .dhs-homepage [data-dhs-transition="shadow-strong"] > .dhs-section-transition{box-shadow:0 16px 38px 12px rgba(0,0,0,.16)!important}
  .dhs-homepage [data-dhs-transition="fade-soft"] > .dhs-section-transition{height:48px!important;bottom:-48px!important}
}


/* Dateck Unterkunft Suite 0.18.9 – premium section accents and transitions */
/* Feine Struktur: a subtle, image-free grain that adds depth without affecting content. */
.dhs-home-section[data-dhs-accent="noise"] > .dhs-section-accent-layer,
.dhs-home-gallery[data-dhs-accent="noise"] > .dhs-section-accent-layer{
  background-image:
    radial-gradient(circle at 18% 24%,currentColor 0 0.7px,transparent 0.9px),
    radial-gradient(circle at 72% 66%,currentColor 0 0.65px,transparent 0.85px),
    radial-gradient(circle at 43% 82%,currentColor 0 0.55px,transparent 0.75px);
  background-size:11px 11px,13px 13px,17px 17px;
  opacity:calc(var(--dhs-section-accent-opacity,.09) * .55);
  -webkit-mask-image:linear-gradient(100deg,transparent 0%,#000 15%,#000 85%,transparent 100%);
  mask-image:linear-gradient(100deg,transparent 0%,#000 15%,#000 85%,transparent 100%);
}
html.dhs-dark-mode .dhs-home-section[data-dhs-accent="noise"] > .dhs-section-accent-layer,
html.dhs-dark-mode .dhs-home-gallery[data-dhs-accent="noise"] > .dhs-section-accent-layer{
  opacity:calc(var(--dhs-section-accent-dark-opacity,.05) * .7);
}

/* Glass Shapes: translucent panels and rings with blur, fully decorative. */
.dhs-home-section[data-dhs-accent="glass"] > .dhs-section-accent-layer::before,
.dhs-home-gallery[data-dhs-accent="glass"] > .dhs-section-accent-layer::before{
  width:360px;height:210px;right:-70px;top:-55px;border-radius:54px;
  background:linear-gradient(135deg,currentColor,transparent 72%);
  border:1px solid currentColor;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 28px 70px rgba(0,0,0,.08);
  transform:rotate(-9deg);
  filter:blur(.15px);
}
.dhs-home-section[data-dhs-accent="glass"] > .dhs-section-accent-layer::after,
.dhs-home-gallery[data-dhs-accent="glass"] > .dhs-section-accent-layer::after{
  width:210px;height:210px;left:-72px;bottom:-82px;border-radius:50%;
  border:28px solid currentColor;background:transparent;
  box-shadow:0 24px 65px rgba(0,0,0,.06);
}

/* Diagonal translucent planes for a modern editorial look. */
.dhs-home-section[data-dhs-accent="diagonal"] > .dhs-section-accent-layer::before,
.dhs-home-gallery[data-dhs-accent="diagonal"] > .dhs-section-accent-layer::before{
  width:48vw;height:155%;right:-16vw;top:-28%;background:currentColor;
  transform:skewX(-18deg) rotate(2deg);border-radius:80px;
}
.dhs-home-section[data-dhs-accent="diagonal"] > .dhs-section-accent-layer::after,
.dhs-home-gallery[data-dhs-accent="diagonal"] > .dhs-section-accent-layer::after{
  width:24vw;height:125%;left:-14vw;bottom:-20%;border:2px solid currentColor;
  transform:skewX(16deg) rotate(-4deg);border-radius:70px;
}

/* Respect the existing position selector for the new shape styles. */
.dhs-home-section[data-dhs-accent-position="top-left"][data-dhs-accent="glass"] > .dhs-section-accent-layer::before,
.dhs-home-section[data-dhs-accent-position="top-left"][data-dhs-accent="diagonal"] > .dhs-section-accent-layer::before,
.dhs-home-gallery[data-dhs-accent-position="top-left"][data-dhs-accent="glass"] > .dhs-section-accent-layer::before,
.dhs-home-gallery[data-dhs-accent-position="top-left"][data-dhs-accent="diagonal"] > .dhs-section-accent-layer::before{left:-70px!important;right:auto!important}
.dhs-home-section[data-dhs-accent-position="bottom"][data-dhs-accent="glass"] > .dhs-section-accent-layer::before,
.dhs-home-gallery[data-dhs-accent-position="bottom"][data-dhs-accent="glass"] > .dhs-section-accent-layer::before{top:auto!important;bottom:-70px!important}

/* Additional section transitions. */
.dhs-homepage [data-dhs-transition="glow-soft"] > .dhs-section-transition{
  height:90px!important;bottom:-45px!important;box-shadow:none!important;
  background:radial-gradient(ellipse at 50% 0,rgba(0,0,0,.16) 0%,rgba(0,0,0,.07) 38%,transparent 72%)!important;
  filter:blur(8px);
}
.dhs-homepage [data-dhs-transition="light-edge"] > .dhs-section-transition{
  height:2px!important;bottom:-1px!important;box-shadow:0 1px 0 rgba(255,255,255,.72),0 8px 24px rgba(0,0,0,.08)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.92) 18%,rgba(255,255,255,.92) 82%,transparent)!important;
}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="glow-soft"] > .dhs-section-transition{
  background:radial-gradient(ellipse at 50% 0,rgba(0,0,0,.52) 0%,rgba(0,0,0,.22) 40%,transparent 74%)!important;
}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="light-edge"] > .dhs-section-transition{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 18%,rgba(255,255,255,.18) 82%,transparent)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.09),0 10px 28px rgba(0,0,0,.30)!important;
}

/* Hero-specific polish: the same new transitions get slightly more presence below large imagery. */
.dhs-home-hero[data-dhs-transition="glow-soft"] > .dhs-section-transition{
  height:110px!important;bottom:-55px!important;
}
.dhs-home-hero[data-dhs-transition="light-edge"] > .dhs-section-transition{
  box-shadow:0 1px 0 rgba(255,255,255,.48),0 12px 34px rgba(0,0,0,.16)!important;
}

@media(max-width:760px){
  .dhs-home-section[data-dhs-accent="glass"] > .dhs-section-accent-layer::before,
  .dhs-home-gallery[data-dhs-accent="glass"] > .dhs-section-accent-layer::before{width:250px;height:150px;right:-85px;top:-45px;border-radius:38px}
  .dhs-home-section[data-dhs-accent="glass"] > .dhs-section-accent-layer::after,
  .dhs-home-gallery[data-dhs-accent="glass"] > .dhs-section-accent-layer::after{width:145px;height:145px;border-width:20px}
  .dhs-home-section[data-dhs-accent="diagonal"] > .dhs-section-accent-layer::before,
  .dhs-home-gallery[data-dhs-accent="diagonal"] > .dhs-section-accent-layer::before{width:72vw;right:-34vw}
  .dhs-homepage [data-dhs-transition="glow-soft"] > .dhs-section-transition{height:64px!important;bottom:-32px!important}
}


/* 0.19.0 – Card & Section Shadow Studio */
:where(.dhs-room-card,.dhs-room-content,.dhs-booking-panel,.dhs-booking-box,.dhs-amenities-card,.dhs-feature-card,.dhs-club-signup__form,.dhs-club-form,.gm-card,.dhs-contact-card){box-shadow:var(--dhs-card-shadow,0 18px 45px rgba(15,23,42,.08));transition:transform .28s ease,box-shadow .28s ease,filter .28s ease}
:where(.dhs-room-card,.dhs-feature-card,.gm-card):hover{transform:var(--dhs-card-hover-transform,translateY(-6px));box-shadow:var(--dhs-card-shadow-hover,var(--dhs-card-shadow))}
html.dhs-dark-mode :where(.dhs-room-card,.dhs-room-content,.dhs-booking-panel,.dhs-booking-box,.dhs-amenities-card,.dhs-feature-card,.dhs-club-signup__form,.dhs-club-form,.gm-card,.dhs-contact-card){box-shadow:var(--dhs-card-shadow,0 18px 45px rgba(0,0,0,.24))}



/* 0.19.1 – Full-width premium transition shadows (replaces boxed section shadows). */
.dhs-homepage [data-dhs-transition="shadow-long"] > .dhs-section-transition{height:92px!important;bottom:-46px!important;background:transparent!important;box-shadow:24px 30px 58px -24px rgba(15,23,42,.24)!important}
.dhs-homepage [data-dhs-transition="shadow-floating"] > .dhs-section-transition{height:96px!important;bottom:-48px!important;background:transparent!important;box-shadow:0 20px 36px -18px rgba(15,23,42,.18),0 48px 86px -36px rgba(15,23,42,.26)!important}
.dhs-homepage [data-dhs-transition="shadow-glass"] > .dhs-section-transition{height:72px!important;bottom:-36px!important;background:linear-gradient(to bottom,rgba(255,255,255,.28),transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 28px 58px -30px rgba(15,23,42,.22)!important;backdrop-filter:blur(4px)}
.dhs-homepage [data-dhs-transition="glow-ambient"] > .dhs-section-transition{height:120px!important;bottom:-60px!important;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--dhs-section-accent,var(--dhs-accent)) 30%,transparent),transparent 72%)!important;filter:blur(10px);box-shadow:none!important}
.dhs-homepage [data-dhs-transition="glow-premium"] > .dhs-section-transition{height:116px!important;bottom:-58px!important;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--dhs-section-accent,var(--dhs-accent)) 20%,transparent),transparent 66%)!important;box-shadow:0 18px 34px -22px rgba(15,23,42,.2),0 52px 94px -44px rgba(15,23,42,.3)!important;filter:blur(5px)}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="shadow-long"] > .dhs-section-transition{box-shadow:24px 34px 68px -22px rgba(0,0,0,.68)!important}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="shadow-floating"] > .dhs-section-transition{box-shadow:0 22px 42px -18px rgba(0,0,0,.58),0 54px 102px -40px rgba(0,0,0,.76)!important}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="shadow-glass"] > .dhs-section-transition{background:linear-gradient(to bottom,rgba(255,255,255,.07),transparent)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 32px 68px -28px rgba(0,0,0,.72)!important}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="glow-ambient"] > .dhs-section-transition{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--dhs-section-accent,var(--dhs-accent)) 22%,transparent),transparent 74%)!important}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="glow-premium"] > .dhs-section-transition{background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--dhs-section-accent,var(--dhs-accent)) 16%,transparent),transparent 70%)!important;box-shadow:0 20px 42px -20px rgba(0,0,0,.62),0 58px 112px -42px rgba(0,0,0,.82)!important}
@media(max-width:760px){.dhs-homepage [data-dhs-transition="shadow-long"] > .dhs-section-transition,.dhs-homepage [data-dhs-transition="shadow-floating"] > .dhs-section-transition,.dhs-homepage [data-dhs-transition="shadow-glass"] > .dhs-section-transition,.dhs-homepage [data-dhs-transition="glow-ambient"] > .dhs-section-transition,.dhs-homepage [data-dhs-transition="glow-premium"] > .dhs-section-transition{height:56px!important;bottom:-28px!important;filter:none}}


/* Dateck Unterkunft Suite 0.19.3 – card designer + transparent transition fix */
/* Card styles: apply to the real card nodes and fully replace the legacy hover. */
.dhs-room-grid .dhs-room-card.dhs-room-card-classic,
.dhs-room-card.dhs-room-card-classic,
.dhs-feature-card,
.gm-card,
.dhs-gm-card,
.dhs-contact-card,
.dhs-club-signup__form,
.dhs-club-form{
  box-shadow:var(--dhs-card-shadow,none)!important;
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease!important;
  will-change:transform,box-shadow;
}
.dhs-room-grid .dhs-room-card.dhs-room-card-classic:hover,
.dhs-room-card.dhs-room-card-classic:hover,
.dhs-feature-card:hover,
.gm-card:hover,
.dhs-gm-card:hover{
  transform:var(--dhs-card-hover-transform,none)!important;
  box-shadow:var(--dhs-card-shadow-hover,var(--dhs-card-shadow,none))!important;
}
.dhs-room-grid .dhs-room-card.dhs-room-card-classic:hover .dhs-room-image img,
.dhs-room-card.dhs-room-card-classic:hover .dhs-room-image img{
  transform:scale(var(--dhs-card-hover-image-scale,1))!important;
}

/* All shadow-style section transitions are zero-height transparent layers.
   They cast into the following section without creating a white strip. */
.dhs-homepage [data-dhs-transition="shadow-long"] > .dhs-section-transition,
.dhs-homepage [data-dhs-transition="shadow-floating"] > .dhs-section-transition,
.dhs-homepage [data-dhs-transition="shadow-glass"] > .dhs-section-transition{
  height:1px!important;
  bottom:-1px!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
}
.dhs-homepage [data-dhs-transition="shadow-long"] > .dhs-section-transition{
  box-shadow:18px 22px 42px 8px rgba(15,23,42,.18)!important;
}
.dhs-homepage [data-dhs-transition="shadow-floating"] > .dhs-section-transition{
  box-shadow:0 13px 28px 8px rgba(15,23,42,.14),0 30px 58px 10px rgba(15,23,42,.12)!important;
}
.dhs-homepage [data-dhs-transition="shadow-glass"] > .dhs-section-transition{
  box-shadow:0 1px 0 rgba(255,255,255,.72),0 14px 34px 10px rgba(15,23,42,.12)!important;
}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="shadow-long"] > .dhs-section-transition{
  box-shadow:18px 24px 48px 8px rgba(0,0,0,.52)!important;
}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="shadow-floating"] > .dhs-section-transition{
  box-shadow:0 15px 32px 8px rgba(0,0,0,.45),0 34px 66px 10px rgba(0,0,0,.38)!important;
}
html.dhs-dark-mode .dhs-homepage [data-dhs-transition="shadow-glass"] > .dhs-section-transition{
  box-shadow:0 1px 0 rgba(255,255,255,.12),0 16px 38px 10px rgba(0,0,0,.46)!important;
}

/* Glow transitions remain visual overlays, but are always transparent at their edges. */
.dhs-homepage [data-dhs-transition="glow-ambient"] > .dhs-section-transition,
.dhs-homepage [data-dhs-transition="glow-premium"] > .dhs-section-transition{
  box-shadow:none!important;
  pointer-events:none!important;
  background-color:transparent!important;
}
@media(max-width:760px){
  .dhs-homepage [data-dhs-transition="shadow-long"] > .dhs-section-transition,
  .dhs-homepage [data-dhs-transition="shadow-floating"] > .dhs-section-transition,
  .dhs-homepage [data-dhs-transition="shadow-glass"] > .dhs-section-transition{
    height:1px!important;
    bottom:-1px!important;
  }
}


/* 0.20.2 – Contact page aligned with presets, card designer and dark mode */
.dhs-contact-module{overflow:clip;background:var(--dhs-bg)}
.dhs-contact-hero{position:relative;isolation:isolate;overflow:hidden;min-height:390px;background:var(--dhs-contact-hero-bg,var(--dhs-primary,#111))}
.dhs-contact-hero:before,.dhs-contact-hero:after{content:"";position:absolute;z-index:-1;border-radius:999px;background:color-mix(in srgb,var(--dhs-contact-hero-text,var(--dhs-accent)) 18%,transparent);filter:blur(1px)}
.dhs-contact-hero:before{width:330px;height:330px;right:-90px;top:-130px}.dhs-contact-hero:after{width:170px;height:170px;right:18%;bottom:-105px;opacity:.55}
.dhs-contact-hero span{font-weight:750;letter-spacing:.16em;text-transform:uppercase}.dhs-contact-hero h1{font-family:var(--dhs-font-heading,inherit);font-weight:var(--dhs-heading-weight,700);letter-spacing:var(--dhs-heading-letter-spacing,-.02em)}
.dhs-contact-grid{align-items:stretch}.dhs-contact-copy{display:flex;flex-direction:column;justify-content:center;padding:28px 0}.dhs-contact-copy h2{font-family:var(--dhs-font-heading,inherit);font-weight:var(--dhs-heading-weight,700);letter-spacing:var(--dhs-heading-letter-spacing,-.02em)}
.dhs-contact-badge{background:color-mix(in srgb,var(--dhs-contact-accent) 8%,transparent);font-weight:800}
.dhs-contact-details{margin-top:6px}.dhs-contact-details a,.dhs-contact-details>div{padding:12px 14px;border:1px solid color-mix(in srgb,var(--dhs-text) 10%,transparent);border-radius:calc(var(--dhs-radius,20px) * .72);background:color-mix(in srgb,var(--dhs-card) 82%,transparent);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.dhs-contact-details a:hover{transform:translateX(4px);border-color:color-mix(in srgb,var(--dhs-contact-accent) 48%,transparent);box-shadow:0 10px 28px rgba(15,23,42,.06)}
.dhs-contact-form{position:relative;overflow:hidden;border-radius:var(--dhs-radius,28px);border-color:color-mix(in srgb,var(--dhs-contact-accent) 28%,transparent);box-shadow:var(--dhs-card-shadow,0 22px 55px rgba(0,0,0,.09));transition:transform .28s ease,box-shadow .28s ease}
.dhs-contact-form:before{content:"";position:absolute;width:170px;height:170px;right:-85px;top:-85px;border-radius:50%;background:color-mix(in srgb,var(--dhs-contact-accent) 12%,transparent);pointer-events:none}
.dhs-contact-fields input:not([type=checkbox]),.dhs-contact-fields textarea{min-height:var(--dhs-control-height,50px);border-radius:var(--dhs-button-radius,28px);background:color-mix(in srgb,var(--dhs-bg) 74%,var(--dhs-card));border-color:color-mix(in srgb,var(--dhs-text) 15%,transparent)}.dhs-contact-fields textarea{border-radius:calc(var(--dhs-button-radius,28px) * .8)}
.dhs-contact-form>button,.dhs-contact-submit{border-radius:var(--dhs-button-radius,999px);background:var(--dhs-accent);color:var(--dhs-accent-contrast,#111)!important;box-shadow:0 13px 30px color-mix(in srgb,var(--dhs-accent) 28%,transparent)}.dhs-contact-form>button:hover,.dhs-contact-submit:hover{background:var(--dhs-accent-dark);color:var(--dhs-accent-dark-contrast,var(--dhs-accent-contrast,#111))!important}
.dhs-contact-map iframe{border-radius:var(--dhs-radius,24px);box-shadow:var(--dhs-card-shadow,0 18px 45px rgba(0,0,0,.08))}
html.dhs-dark-mode .dhs-contact-module{background:var(--dhs-dark-background)}html.dhs-dark-mode .dhs-contact-details a,html.dhs-dark-mode .dhs-contact-details>div{background:color-mix(in srgb,var(--dhs-dark-card) 90%,transparent);border-color:rgba(255,255,255,.09)}html.dhs-dark-mode .dhs-contact-fields input:not([type=checkbox]),html.dhs-dark-mode .dhs-contact-fields textarea{background:color-mix(in srgb,var(--dhs-dark-card) 72%,#000);border-color:rgba(255,255,255,.13);color:var(--dhs-dark-text)}
body.dhs-preset-luxury .dhs-contact-form,body.dhs-preset-dark .dhs-contact-form{border-color:color-mix(in srgb,var(--dhs-accent) 42%,transparent)}body.dhs-preset-minimal .dhs-contact-form{border-width:1px;box-shadow:var(--dhs-card-shadow)}
@media(max-width:600px){.dhs-contact-hero:before{width:220px;height:220px}.dhs-contact-copy{padding:0}.dhs-contact-details a,.dhs-contact-details>div{padding:10px 12px}}


/* Dateck reusable standalone page hero 0.20.3 */
.dhs-page-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;min-height:var(--dhs-page-hero-desktop,520px);background-color:var(--dhs-page-hero-bg,#111);background-position:var(--dhs-page-hero-position,center center);background-size:cover;background-repeat:no-repeat}
.dhs-page-hero--top{align-items:flex-start}.dhs-page-hero--center{align-items:center}.dhs-page-hero--bottom{align-items:flex-end}
.dhs-page-hero__container,.dhs-page-hero .dhs-contact-container{width:min(100% - 40px,var(--dhs-container,1200px));margin-inline:auto}
.dhs-page-hero__content{position:relative;z-index:2;padding-block:64px}
.dhs-page-hero__eyebrow{display:block;margin-bottom:12px;color:var(--dhs-page-hero-eyebrow,var(--dhs-accent));font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.dhs-page-hero h1{max-width:900px;margin:0;color:var(--dhs-page-hero-heading,#fff)!important;font-family:var(--dhs-font-heading);font-size:var(--dhs-h1-desktop,64px);line-height:1.05}
.dhs-page-hero p{max-width:760px;margin:18px 0 0;color:var(--dhs-page-hero-body,#fff)!important;font-size:18px;line-height:1.7}
.dhs-page-hero__effect{position:absolute;inset:0;z-index:1;pointer-events:none;color:var(--dhs-page-hero-effect,var(--dhs-accent));opacity:var(--dhs-page-hero-effect-opacity,.08)}
.dhs-page-hero[data-dhs-page-effect="none"] .dhs-page-hero__effect{display:none}
.dhs-page-hero[data-dhs-page-effect="circles"] .dhs-page-hero__effect:before,.dhs-page-hero[data-dhs-page-effect="circles"] .dhs-page-hero__effect:after{content:"";position:absolute;border-radius:50%;background:currentColor}
.dhs-page-hero[data-dhs-page-effect="circles"] .dhs-page-hero__effect:before{width:420px;height:420px;right:-130px;top:-210px}
.dhs-page-hero[data-dhs-page-effect="circles"] .dhs-page-hero__effect:after{width:250px;height:250px;left:-90px;bottom:-130px;background:transparent;border:55px solid currentColor}
.dhs-page-hero[data-dhs-page-effect="glow"] .dhs-page-hero__effect:before,.dhs-page-hero[data-dhs-page-effect="glow"] .dhs-page-hero__effect:after{content:"";position:absolute;border-radius:50%;background:currentColor;filter:blur(90px)}
.dhs-page-hero[data-dhs-page-effect="glow"] .dhs-page-hero__effect:before{width:620px;height:420px;right:-190px;top:-230px}
.dhs-page-hero[data-dhs-page-effect="glow"] .dhs-page-hero__effect:after{width:440px;height:320px;left:-180px;bottom:-210px}
.dhs-page-hero[data-dhs-page-effect="dots"] .dhs-page-hero__effect{background-image:radial-gradient(currentColor 1.6px,transparent 1.7px);background-size:25px 25px;mask-image:linear-gradient(110deg,#000 0%,transparent 72%);-webkit-mask-image:linear-gradient(110deg,#000 0%,transparent 72%)}
.dhs-page-hero[data-dhs-page-effect="lines"] .dhs-page-hero__effect{background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(110deg,#000 0%,transparent 75%);-webkit-mask-image:linear-gradient(110deg,#000 0%,transparent 75%)}
.dhs-page-hero[data-dhs-page-effect="waves"] .dhs-page-hero__effect:before{content:"";position:absolute;width:760px;height:310px;right:-180px;top:-100px;border:2px solid currentColor;border-radius:50%;box-shadow:0 40px 0 currentColor,0 80px 0 currentColor,0 120px 0 currentColor;transform:rotate(-8deg)}
.dhs-guestmap-page{background:var(--dhs-bg)}
html.dhs-dark-mode .dhs-guestmap-page{background:var(--dhs-dark-background)}
@media(max-width:900px){.dhs-page-hero{min-height:var(--dhs-page-hero-tablet,430px)}.dhs-page-hero h1{font-size:var(--dhs-h1-tablet,52px)}}
@media(max-width:600px){.dhs-page-hero{min-height:var(--dhs-page-hero-mobile,340px)}.dhs-page-hero__container,.dhs-page-hero .dhs-contact-container{width:min(100% - 28px,var(--dhs-container,1200px))}.dhs-page-hero__content{padding-block:42px}.dhs-page-hero h1{font-size:var(--dhs-h1-mobile,40px)}.dhs-page-hero p{font-size:16px}.dhs-page-hero[data-dhs-page-effect="circles"] .dhs-page-hero__effect:before{width:280px;height:280px;right:-100px;top:-150px}}

/* 0.20.4 – contact button follows the active preset */
.dhs-contact-form .dhs-contact-submit{
  width:100%;min-height:48px;border:1px solid transparent!important;
  border-radius:var(--dhs-button-radius,999px)!important;
  background:var(--dhs-accent)!important;color:var(--dhs-accent-contrast,#111)!important;
  box-shadow:var(--dhs-card-shadow,0 12px 28px rgba(0,0,0,.12))!important;
}
.dhs-contact-form .dhs-contact-submit:hover{background:var(--dhs-accent-dark)!important;color:var(--dhs-accent-dark-contrast,var(--dhs-accent-contrast,#111))!important;transform:translateY(-1px)}
body.dhs-preset-minimal .dhs-contact-form .dhs-contact-submit{
  background:var(--dhs-card,#fff)!important;color:var(--dhs-heading,#202020)!important;
  border-color:color-mix(in srgb,var(--dhs-heading,#202020) 32%,transparent)!important;box-shadow:none!important;
}
body.dhs-preset-minimal .dhs-contact-form .dhs-contact-submit:hover{background:var(--dhs-heading,#202020)!important;color:var(--dhs-card,#fff)!important}
body.dhs-preset-minimal .dhs-contact-details a>span,body.dhs-preset-minimal .dhs-contact-details>div>span,
body.dhs-preset-minimal .dhs-guestmap-category__icon{background:#f1f2f3!important;color:#444!important;box-shadow:none!important}
body.dhs-preset-minimal .dhs-contact-details svg,body.dhs-preset-minimal .dhs-guestmap-category__icon svg{opacity:.82}

/* 0.20.5 – Minimal preset Guestmap icons */
body.dhs-preset-minimal .dhs-gm-section__icon{
  background:#f2f2f2!important;
  color:#252525!important;
  border:1px solid rgba(20,20,20,.08)!important;
  box-shadow:0 7px 18px rgba(15,23,42,.09)!important;
}
body.dhs-preset-minimal .dhs-gm-section__icon svg,
body.dhs-preset-minimal .dhs-gm-section__icon svg *{
  color:#252525!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-gm-section__icon{
  background:#343434!important;
  color:#f5f5f5!important;
  border-color:rgba(255,255,255,.1)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.24)!important;
}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-gm-section__icon svg,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-gm-section__icon svg *{
  color:#f5f5f5!important;
  fill:currentColor!important;
  stroke:currentColor!important;
}

/* 0.20.6 – Minimal Dark Mode contrast fixes */
html.dhs-dark-mode body.dhs-preset-minimal .dhs-contact-form .dhs-contact-submit,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-contact-form .dhs-contact-submit:disabled{
  background:#f4f4f4!important;
  color:#171717!important;
  border-color:rgba(255,255,255,.3)!important;
  opacity:1!important;
}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-contact-form .dhs-contact-submit:hover{
  background:#ffffff!important;
  color:#111111!important;
}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-contact-map-icon{
  background:#f1f1f1!important;
  color:#242424!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-contact-map-icon svg,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-contact-map-icon svg *{
  color:#242424!important;
  fill:currentColor!important;
  stroke:currentColor!important;
  opacity:1!important;
}


/* 0.20.7 – flexible popup positions and icons */
.dhs-popup{right:auto!important;bottom:auto!important}
.dhs-popup--right-bottom{right:30px!important;bottom:30px!important}
.dhs-popup--left-bottom{left:30px!important;bottom:30px!important}
.dhs-popup--right-top{right:30px!important;top:30px!important}
.dhs-popup--left-top{left:30px!important;top:30px!important}
.dhs-popup--right-center{right:30px!important;top:50%!important;transform:translateY(-50%)}
.dhs-popup--left-center{left:30px!important;top:50%!important;transform:translateY(-50%)}
.dhs-popup--right-center.is-visible,.dhs-popup--left-center.is-visible{animation:dhsPopupCenterIn .35s ease}
.dhs-popup-badge svg{width:18px;height:18px;fill:currentColor}.dhs-popup-paypal{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#073b83;color:#fff;font-family:Arial,sans-serif;font-style:italic;font-weight:800}
@keyframes dhsPopupCenterIn{from{opacity:0;transform:translateY(calc(-50% + 18px))}to{opacity:1;transform:translateY(-50%)}}
@media(max-width:520px){.dhs-popup{left:18px!important;right:18px!important;width:auto!important}.dhs-popup--right-top,.dhs-popup--left-top{top:18px!important}.dhs-popup--right-bottom,.dhs-popup--left-bottom{bottom:18px!important}.dhs-popup--right-center,.dhs-popup--left-center{top:50%!important}}

/* Minimal preset: route button remains readable in dark mode. */
html.dhs-dark-mode body.dhs-preset-minimal .dhs-contact-map-button{
 background:#f5f5f5!important;color:#171717!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-contact-map-button:hover{
 background:#2a2a2a!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;
}


/* 0.20.8 – Minimal route button in light and dark mode */
body.dhs-preset-minimal .dhs-contact-map-button,
body.dhs-preset-minimal .dhs-contact-map-button:link,
body.dhs-preset-minimal .dhs-contact-map-button:visited{
  background:#f7f7f7!important;
  color:#1c1c1c!important;
  border:1px solid rgba(24,24,24,.18)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
}
body.dhs-preset-minimal .dhs-contact-map-button:hover,
body.dhs-preset-minimal .dhs-contact-map-button:focus{
  background:#1f1f1f!important;
  color:#fff!important;
  border-color:#1f1f1f!important;
}
html.dhs-dark-mode body.dhs-preset-minimal .dhs-contact-map-button,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-contact-map-button:link,
html.dhs-dark-mode body.dhs-preset-minimal .dhs-contact-map-button:visited{
  background:#f5f5f5!important;color:#171717!important;border-color:rgba(255,255,255,.72)!important;
}


/* 0.20.9 – unified global button colors */
.dhs-contact-submit,
.dhs-contact-form>button,
.dhs-contact-map-button,
.dhs-room-card-button,
.dhs-site-book,
.dhs-home-actions .is-primary,
.dhs-popup-button,
.dhs-club-notice>a{
  background:var(--dhs-button-bg)!important;
  color:var(--dhs-button-text)!important;
}
html.dhs-dark-mode .dhs-contact-submit,
html.dhs-dark-mode .dhs-contact-form>button,
html.dhs-dark-mode .dhs-contact-map-button,
html.dhs-dark-mode .dhs-room-card-button,
html.dhs-dark-mode .dhs-site-book,
html.dhs-dark-mode .dhs-home-actions .is-primary,
html.dhs-dark-mode .dhs-popup-button,
html.dhs-dark-mode .dhs-club-notice>a{
  background:var(--dhs-button-bg-dark,var(--dhs-button-bg))!important;
  color:var(--dhs-button-text-dark,var(--dhs-button-text))!important;
}
.dhs-contact-submit:hover,
.dhs-contact-form>button:hover,
.dhs-contact-map-button:hover,
.dhs-room-card-button:hover,
.dhs-site-book:hover,
.dhs-home-actions .is-primary:hover,
.dhs-popup-button:hover,
.dhs-club-notice>a:hover{
  background:var(--dhs-button-hover-bg,var(--dhs-accent-dark))!important;
  color:var(--dhs-button-hover-text,var(--dhs-accent-dark-contrast))!important;
}

/* Dateck Unterkunft Suite 0.20.10 – room-detail accent uses its own dark-mode color.
 * The pseudo-elements previously kept the light-mode variable because they
 * declared their own color. Apply the dark variable directly to both layers. */
html.dhs-dark-mode .dhs-room-gallery-accent::before,
html.dhs-dark-mode .dhs-room-gallery-accent::after{
  color:var(--dhs-room-accent-dark,var(--dhs-room-accent))!important;
  opacity:var(--dhs-room-accent-dark-opacity,.05)!important;
}


/* Dateck Unterkunft Suite 0.20.11 – one global button system.
 * These rules deliberately live at the end of the stylesheet so preset-,
 * module- and theme-specific link colors can no longer override button text. */
:where(
  .dhs-site-book,
  .dhs-site-footer__button,
  .dhs-home-actions a,
  .dhs-room-card-button,
  .dhs-room-card__button,
  .dhs-booking-primary,
  .dhs-room-booking-bar .is-primary,
  .dhs-contact-submit,
  .dhs-contact-form > button,
  .dhs-contact-map-button,
  .dhs-club-notice > a,
  .dhs-club-submit,
  .dhs-club-signup__submit,
  .erc-club-thankyou__button,
  .dhs-popup-button,
  .dhs-paypal-button,
  .dhs-floating-button
),
:where(
  .dhs-site-book,
  .dhs-site-footer__button,
  .dhs-home-actions a,
  .dhs-room-card-button,
  .dhs-room-card__button,
  .dhs-booking-primary,
  .dhs-room-booking-bar .is-primary,
  .dhs-contact-map-button,
  .dhs-club-notice > a,
  .erc-club-thankyou__button,
  .dhs-popup-button,
  .dhs-paypal-button,
  .dhs-floating-button
):link,
:where(
  .dhs-site-book,
  .dhs-site-footer__button,
  .dhs-home-actions a,
  .dhs-room-card-button,
  .dhs-room-card__button,
  .dhs-booking-primary,
  .dhs-room-booking-bar .is-primary,
  .dhs-contact-map-button,
  .dhs-club-notice > a,
  .erc-club-thankyou__button,
  .dhs-popup-button,
  .dhs-paypal-button,
  .dhs-floating-button
):visited{
  background:var(--dhs-button-bg)!important;
  color:var(--dhs-button-text)!important;
  border-color:color-mix(in srgb,var(--dhs-button-text) 22%,transparent)!important;
  text-decoration:none!important;
}
html.dhs-dark-mode :where(
  .dhs-site-book,
  .dhs-site-footer__button,
  .dhs-home-actions a,
  .dhs-room-card-button,
  .dhs-room-card__button,
  .dhs-booking-primary,
  .dhs-room-booking-bar .is-primary,
  .dhs-contact-submit,
  .dhs-contact-form > button,
  .dhs-contact-map-button,
  .dhs-club-notice > a,
  .dhs-club-submit,
  .dhs-club-signup__submit,
  .erc-club-thankyou__button,
  .dhs-popup-button,
  .dhs-paypal-button,
  .dhs-floating-button
),
html.dhs-dark-mode :where(
  .dhs-site-book,
  .dhs-site-footer__button,
  .dhs-home-actions a,
  .dhs-room-card-button,
  .dhs-room-card__button,
  .dhs-booking-primary,
  .dhs-room-booking-bar .is-primary,
  .dhs-contact-map-button,
  .dhs-club-notice > a,
  .erc-club-thankyou__button,
  .dhs-popup-button,
  .dhs-paypal-button,
  .dhs-floating-button
):link,
html.dhs-dark-mode :where(
  .dhs-site-book,
  .dhs-site-footer__button,
  .dhs-home-actions a,
  .dhs-room-card-button,
  .dhs-room-card__button,
  .dhs-booking-primary,
  .dhs-room-booking-bar .is-primary,
  .dhs-contact-map-button,
  .dhs-club-notice > a,
  .erc-club-thankyou__button,
  .dhs-popup-button,
  .dhs-paypal-button,
  .dhs-floating-button
):visited{
  background:var(--dhs-button-bg-dark,var(--dhs-button-bg))!important;
  color:var(--dhs-button-text-dark,var(--dhs-button-text))!important;
  border-color:color-mix(in srgb,var(--dhs-button-text-dark,var(--dhs-button-text)) 22%,transparent)!important;
}
:where(
  .dhs-site-book,
  .dhs-site-footer__button,
  .dhs-home-actions a,
  .dhs-room-card-button,
  .dhs-room-card__button,
  .dhs-booking-primary,
  .dhs-room-booking-bar .is-primary,
  .dhs-contact-submit,
  .dhs-contact-form > button,
  .dhs-contact-map-button,
  .dhs-club-notice > a,
  .dhs-club-submit,
  .dhs-club-signup__submit,
  .erc-club-thankyou__button,
  .dhs-popup-button,
  .dhs-paypal-button,
  .dhs-floating-button
):is(:hover,:focus-visible){
  background:var(--dhs-button-hover-bg)!important;
  color:var(--dhs-button-hover-text)!important;
  border-color:color-mix(in srgb,var(--dhs-button-hover-text) 25%,transparent)!important;
}
html.dhs-dark-mode :where(
  .dhs-site-book,
  .dhs-site-footer__button,
  .dhs-home-actions a,
  .dhs-room-card-button,
  .dhs-room-card__button,
  .dhs-booking-primary,
  .dhs-room-booking-bar .is-primary,
  .dhs-contact-submit,
  .dhs-contact-form > button,
  .dhs-contact-map-button,
  .dhs-club-notice > a,
  .dhs-club-submit,
  .dhs-club-signup__submit,
  .erc-club-thankyou__button,
  .dhs-popup-button,
  .dhs-paypal-button,
  .dhs-floating-button
):is(:hover,:focus-visible){
  background:var(--dhs-button-hover-bg-dark,var(--dhs-button-hover-bg))!important;
  color:var(--dhs-button-hover-text-dark,var(--dhs-button-hover-text))!important;
  border-color:color-mix(in srgb,var(--dhs-button-hover-text-dark,var(--dhs-button-hover-text)) 25%,transparent)!important;
}

/* Dateck Unterkunft Suite 0.20.12 – final global button specificity fix.
 * Use explicit component selectors instead of :where(), because older module
 * rules with !important otherwise win through higher specificity. */
body .dhs-room-card-classic a.dhs-room-card-button,
body .dhs-room-card-classic a.dhs-room-card-button:link,
body .dhs-room-card-classic a.dhs-room-card-button:visited,
body a.dhs-room-card-button,
body a.dhs-room-card-button:link,
body a.dhs-room-card-button:visited,
body .dhs-contact-form button.dhs-contact-submit,
body .dhs-contact-form button.dhs-contact-submit:disabled,
body .dhs-contact-form > button,
body .dhs-contact-form > button:disabled,
body a.dhs-contact-map-button,
body a.dhs-contact-map-button:link,
body a.dhs-contact-map-button:visited,
body .dhs-home-actions a,
body .dhs-home-actions a:link,
body .dhs-home-actions a:visited,
body a.dhs-site-book,
body a.dhs-site-book:link,
body a.dhs-site-book:visited,
body a.dhs-site-footer__button,
body a.dhs-site-footer__button:link,
body a.dhs-site-footer__button:visited,
body .dhs-club-notice > a,
body .dhs-club-notice > a:link,
body .dhs-club-notice > a:visited,
body a.dhs-popup-button,
body a.dhs-popup-button:link,
body a.dhs-popup-button:visited{
  background:var(--dhs-button-bg)!important;
  background-color:var(--dhs-button-bg)!important;
  color:var(--dhs-button-text)!important;
  -webkit-text-fill-color:var(--dhs-button-text)!important;
  border-color:color-mix(in srgb,var(--dhs-button-text) 22%,transparent)!important;
  text-decoration:none!important;
}
body .dhs-contact-form button.dhs-contact-submit:disabled,
body .dhs-contact-form > button:disabled{
  opacity:.58!important;
}
body .dhs-room-card-classic a.dhs-room-card-button:hover,
body .dhs-room-card-classic a.dhs-room-card-button:focus-visible,
body a.dhs-room-card-button:hover,
body a.dhs-room-card-button:focus-visible,
body .dhs-contact-form button.dhs-contact-submit:hover,
body .dhs-contact-form button.dhs-contact-submit:focus-visible,
body .dhs-contact-form > button:hover,
body .dhs-contact-form > button:focus-visible,
body a.dhs-contact-map-button:hover,
body a.dhs-contact-map-button:focus-visible,
body .dhs-home-actions a:hover,
body .dhs-home-actions a:focus-visible,
body a.dhs-site-book:hover,
body a.dhs-site-book:focus-visible,
body a.dhs-site-footer__button:hover,
body a.dhs-site-footer__button:focus-visible,
body .dhs-club-notice > a:hover,
body .dhs-club-notice > a:focus-visible,
body a.dhs-popup-button:hover,
body a.dhs-popup-button:focus-visible{
  background:var(--dhs-button-hover-bg)!important;
  background-color:var(--dhs-button-hover-bg)!important;
  color:var(--dhs-button-hover-text)!important;
  -webkit-text-fill-color:var(--dhs-button-hover-text)!important;
  border-color:color-mix(in srgb,var(--dhs-button-hover-text) 25%,transparent)!important;
}
html.dhs-dark-mode body .dhs-room-card-classic a.dhs-room-card-button,
html.dhs-dark-mode body .dhs-room-card-classic a.dhs-room-card-button:link,
html.dhs-dark-mode body .dhs-room-card-classic a.dhs-room-card-button:visited,
html.dhs-dark-mode body a.dhs-room-card-button,
html.dhs-dark-mode body a.dhs-room-card-button:link,
html.dhs-dark-mode body a.dhs-room-card-button:visited,
html.dhs-dark-mode body .dhs-contact-form button.dhs-contact-submit,
html.dhs-dark-mode body .dhs-contact-form button.dhs-contact-submit:disabled,
html.dhs-dark-mode body .dhs-contact-form > button,
html.dhs-dark-mode body .dhs-contact-form > button:disabled,
html.dhs-dark-mode body a.dhs-contact-map-button,
html.dhs-dark-mode body a.dhs-contact-map-button:link,
html.dhs-dark-mode body a.dhs-contact-map-button:visited,
html.dhs-dark-mode body .dhs-home-actions a,
html.dhs-dark-mode body .dhs-home-actions a:link,
html.dhs-dark-mode body .dhs-home-actions a:visited,
html.dhs-dark-mode body a.dhs-site-book,
html.dhs-dark-mode body a.dhs-site-book:link,
html.dhs-dark-mode body a.dhs-site-book:visited,
html.dhs-dark-mode body a.dhs-site-footer__button,
html.dhs-dark-mode body a.dhs-site-footer__button:link,
html.dhs-dark-mode body a.dhs-site-footer__button:visited,
html.dhs-dark-mode body .dhs-club-notice > a,
html.dhs-dark-mode body .dhs-club-notice > a:link,
html.dhs-dark-mode body .dhs-club-notice > a:visited,
html.dhs-dark-mode body a.dhs-popup-button,
html.dhs-dark-mode body a.dhs-popup-button:link,
html.dhs-dark-mode body a.dhs-popup-button:visited{
  background:var(--dhs-button-bg-dark,var(--dhs-button-bg))!important;
  background-color:var(--dhs-button-bg-dark,var(--dhs-button-bg))!important;
  color:var(--dhs-button-text-dark,var(--dhs-button-text))!important;
  -webkit-text-fill-color:var(--dhs-button-text-dark,var(--dhs-button-text))!important;
}
html.dhs-dark-mode body .dhs-room-card-classic a.dhs-room-card-button:hover,
html.dhs-dark-mode body .dhs-room-card-classic a.dhs-room-card-button:focus-visible,
html.dhs-dark-mode body a.dhs-room-card-button:hover,
html.dhs-dark-mode body a.dhs-room-card-button:focus-visible,
html.dhs-dark-mode body .dhs-contact-form button.dhs-contact-submit:hover,
html.dhs-dark-mode body .dhs-contact-form button.dhs-contact-submit:focus-visible,
html.dhs-dark-mode body .dhs-contact-form > button:hover,
html.dhs-dark-mode body .dhs-contact-form > button:focus-visible,
html.dhs-dark-mode body a.dhs-contact-map-button:hover,
html.dhs-dark-mode body a.dhs-contact-map-button:focus-visible,
html.dhs-dark-mode body .dhs-home-actions a:hover,
html.dhs-dark-mode body .dhs-home-actions a:focus-visible,
html.dhs-dark-mode body a.dhs-site-book:hover,
html.dhs-dark-mode body a.dhs-site-book:focus-visible,
html.dhs-dark-mode body a.dhs-site-footer__button:hover,
html.dhs-dark-mode body a.dhs-site-footer__button:focus-visible,
html.dhs-dark-mode body .dhs-club-notice > a:hover,
html.dhs-dark-mode body .dhs-club-notice > a:focus-visible,
html.dhs-dark-mode body a.dhs-popup-button:hover,
html.dhs-dark-mode body a.dhs-popup-button:focus-visible{
  background:var(--dhs-button-hover-bg-dark,var(--dhs-button-hover-bg))!important;
  background-color:var(--dhs-button-hover-bg-dark,var(--dhs-button-hover-bg))!important;
  color:var(--dhs-button-hover-text-dark,var(--dhs-button-hover-text))!important;
  -webkit-text-fill-color:var(--dhs-button-hover-text-dark,var(--dhs-button-hover-text))!important;
}

/* Dateck Unterkunft Suite 0.20.15 – unified dark-mode button finish.
 * Final override for the few components that still carried module/preset styles. */
body .dhs-contact-form button.dhs-contact-submit,
body .dhs-contact-form > button,
body a.dhs-contact-map-button,
body a.dhs-booking-primary,
body .dhs-room-booking-bar a.is-primary,
body .dhs-room-booking-bar button.is-primary,
body .dhs-club-signup .dhs-club-signup__form button.dhs-club-signup__submit {
  background: var(--dhs-button-bg) !important;
  background-color: var(--dhs-button-bg) !important;
  color: var(--dhs-button-text) !important;
  -webkit-text-fill-color: var(--dhs-button-text) !important;
  border-color: color-mix(in srgb, var(--dhs-button-text) 22%, transparent) !important;
}
body .dhs-contact-form button.dhs-contact-submit:not(:disabled):hover,
body .dhs-contact-form > button:not(:disabled):hover,
body a.dhs-contact-map-button:hover,
body a.dhs-booking-primary:hover,
body .dhs-room-booking-bar a.is-primary:hover,
body .dhs-room-booking-bar button.is-primary:not(:disabled):hover,
body .dhs-club-signup .dhs-club-signup__form button.dhs-club-signup__submit:not(:disabled):hover {
  background: var(--dhs-button-hover-bg) !important;
  background-color: var(--dhs-button-hover-bg) !important;
  color: var(--dhs-button-hover-text) !important;
  -webkit-text-fill-color: var(--dhs-button-hover-text) !important;
  border-color: color-mix(in srgb, var(--dhs-button-hover-text) 25%, transparent) !important;
}
html.dhs-dark-mode body .dhs-contact-form button.dhs-contact-submit,
html.dhs-dark-mode body .dhs-contact-form > button,
html.dhs-dark-mode body a.dhs-contact-map-button,
html.dhs-dark-mode body a.dhs-booking-primary,
html.dhs-dark-mode body .dhs-room-booking-bar a.is-primary,
html.dhs-dark-mode body .dhs-room-booking-bar button.is-primary,
html.dhs-dark-mode body .dhs-club-signup .dhs-club-signup__form button.dhs-club-signup__submit {
  background: var(--dhs-button-bg-dark, var(--dhs-button-bg)) !important;
  background-color: var(--dhs-button-bg-dark, var(--dhs-button-bg)) !important;
  color: var(--dhs-button-text-dark, var(--dhs-button-text)) !important;
  -webkit-text-fill-color: var(--dhs-button-text-dark, var(--dhs-button-text)) !important;
  border-color: color-mix(in srgb, var(--dhs-button-text-dark, var(--dhs-button-text)) 22%, transparent) !important;
}
html.dhs-dark-mode body .dhs-contact-form button.dhs-contact-submit:not(:disabled):hover,
html.dhs-dark-mode body .dhs-contact-form > button:not(:disabled):hover,
html.dhs-dark-mode body a.dhs-contact-map-button:hover,
html.dhs-dark-mode body a.dhs-booking-primary:hover,
html.dhs-dark-mode body .dhs-room-booking-bar a.is-primary:hover,
html.dhs-dark-mode body .dhs-room-booking-bar button.is-primary:not(:disabled):hover,
html.dhs-dark-mode body .dhs-club-signup .dhs-club-signup__form button.dhs-club-signup__submit:not(:disabled):hover {
  background: var(--dhs-button-hover-bg-dark, var(--dhs-button-hover-bg)) !important;
  background-color: var(--dhs-button-hover-bg-dark, var(--dhs-button-hover-bg)) !important;
  color: var(--dhs-button-hover-text-dark, var(--dhs-button-hover-text)) !important;
  -webkit-text-fill-color: var(--dhs-button-hover-text-dark, var(--dhs-button-hover-text)) !important;
  border-color: color-mix(in srgb, var(--dhs-button-hover-text-dark, var(--dhs-button-hover-text)) 25%, transparent) !important;
}
/* Disabled form buttons keep the configured base colours and never inherit hover colours. */
body .dhs-contact-form button.dhs-contact-submit:disabled,
body .dhs-contact-form button.dhs-contact-submit:disabled:hover,
body .dhs-contact-form > button:disabled,
body .dhs-contact-form > button:disabled:hover,
body .dhs-club-signup .dhs-club-signup__form button.dhs-club-signup__submit:disabled,
body .dhs-club-signup .dhs-club-signup__form button.dhs-club-signup__submit:disabled:hover {
  background: var(--dhs-button-bg) !important;
  background-color: var(--dhs-button-bg) !important;
  color: var(--dhs-button-text) !important;
  -webkit-text-fill-color: var(--dhs-button-text) !important;
  opacity: .62 !important;
  transform: none !important;
}
html.dhs-dark-mode body .dhs-contact-form button.dhs-contact-submit:disabled,
html.dhs-dark-mode body .dhs-contact-form button.dhs-contact-submit:disabled:hover,
html.dhs-dark-mode body .dhs-contact-form > button:disabled,
html.dhs-dark-mode body .dhs-contact-form > button:disabled:hover,
html.dhs-dark-mode body .dhs-club-signup .dhs-club-signup__form button.dhs-club-signup__submit:disabled,
html.dhs-dark-mode body .dhs-club-signup .dhs-club-signup__form button.dhs-club-signup__submit:disabled:hover {
  background: var(--dhs-button-bg-dark, var(--dhs-button-bg)) !important;
  background-color: var(--dhs-button-bg-dark, var(--dhs-button-bg)) !important;
  color: var(--dhs-button-text-dark, var(--dhs-button-text)) !important;
  -webkit-text-fill-color: var(--dhs-button-text-dark, var(--dhs-button-text)) !important;
}
/* Icons and nested spans inherit the same configured text colour. */
body a.dhs-booking-primary *,
body .dhs-room-booking-bar .is-primary *,
body .dhs-contact-map-button *,
body .dhs-club-signup__submit * { color: inherit !important; stroke: currentColor !important; }

/* Dateck Unterkunft Suite 0.20.17 – final Route planen hover override.
 * The Minimal preset used a more specific hover rule and therefore kept the
 * light-mode colours while dark mode was active. */
html.dhs-dark-mode body.dhs-preset-minimal a.dhs-contact-map-button:hover,
html.dhs-dark-mode body.dhs-preset-minimal a.dhs-contact-map-button:focus,
html.dhs-dark-mode body.dhs-preset-minimal a.dhs-contact-map-button:focus-visible,
html.dhs-dark-mode body.dhs-preset-minimal a.dhs-contact-map-button:active,
html.dhs-dark-mode body a.dhs-contact-map-button:hover,
html.dhs-dark-mode body a.dhs-contact-map-button:focus-visible {
  background: var(--dhs-button-hover-bg-dark, var(--dhs-button-hover-bg)) !important;
  background-color: var(--dhs-button-hover-bg-dark, var(--dhs-button-hover-bg)) !important;
  color: var(--dhs-button-hover-text-dark, var(--dhs-button-hover-text)) !important;
  -webkit-text-fill-color: var(--dhs-button-hover-text-dark, var(--dhs-button-hover-text)) !important;
  border-color: color-mix(in srgb, var(--dhs-button-hover-text-dark, var(--dhs-button-hover-text)) 25%, transparent) !important;
}
html.dhs-dark-mode body.dhs-preset-minimal a.dhs-contact-map-button:hover *,
html.dhs-dark-mode body.dhs-preset-minimal a.dhs-contact-map-button:focus *,
html.dhs-dark-mode body.dhs-preset-minimal a.dhs-contact-map-button:focus-visible *,
html.dhs-dark-mode body.dhs-preset-minimal a.dhs-contact-map-button:active * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  stroke: currentColor !important;
}

/* Dateck Unterkunft Suite 0.22.0 – globale Zimmerdetail-Anordnungen */
.dhs-room-detail .dhs-detail-top{grid-template-columns:minmax(0,var(--dhs-room-gallery-fr,1fr)) minmax(340px,var(--dhs-room-copy-fr,1fr));}
.dhs-room-detail.dhs-room-split-40-60{--dhs-room-gallery-fr:.67fr;--dhs-room-copy-fr:1fr}
.dhs-room-detail.dhs-room-split-50-50{--dhs-room-gallery-fr:1fr;--dhs-room-copy-fr:1fr}
.dhs-room-detail.dhs-room-split-60-40{--dhs-room-gallery-fr:1.5fr;--dhs-room-copy-fr:1fr}
.dhs-room-detail .dhs-amenity-groups{grid-template-columns:repeat(var(--dhs-amenity-columns,2),minmax(0,1fr))}

.dhs-room-layout-reverse .dhs-detail-gallery-column{order:2}
.dhs-room-layout-reverse .dhs-detail-summary{order:1}

.dhs-room-layout-editorial .dhs-detail-top,
.dhs-room-layout-gallery_first .dhs-detail-top{grid-template-columns:1fr;gap:34px}
.dhs-room-layout-editorial .dhs-detail-summary{order:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);column-gap:46px;align-items:start}
.dhs-room-layout-editorial .dhs-detail-summary>.dhs-badge,
.dhs-room-layout-editorial .dhs-detail-summary>h1,
.dhs-room-layout-editorial .dhs-detail-summary>.dhs-detail-subtitle,
.dhs-room-layout-editorial .dhs-detail-summary>.dhs-detail-price,
.dhs-room-layout-editorial .dhs-detail-summary>.dhs-detail-facts{grid-column:1/-1}
.dhs-room-layout-editorial .dhs-room-content{grid-column:1}
.dhs-room-layout-editorial .dhs-detail-amenities{grid-column:2;width:100%;margin:0}
.dhs-room-layout-editorial .dhs-detail-gallery-column{order:2}
.dhs-room-layout-editorial .dhs-detail-main-image,
.dhs-room-layout-gallery_first .dhs-detail-main-image{aspect-ratio:16/8.5}

.dhs-room-layout-gallery_first .dhs-detail-gallery-column{order:1}
.dhs-room-layout-gallery_first .dhs-detail-summary{order:2;max-width:980px;width:100%;margin:0 auto}
.dhs-room-layout-gallery_first .dhs-detail-amenities{width:100%;margin-left:0}

.dhs-room-layout-showcase .dhs-detail-top{grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);gap:42px}
.dhs-room-layout-showcase .dhs-detail-main-image{aspect-ratio:5/4}
.dhs-room-layout-showcase .dhs-detail-summary{position:sticky;top:110px}

@media(max-width:1050px){
 .dhs-room-detail .dhs-detail-top,
 .dhs-room-layout-showcase .dhs-detail-top{grid-template-columns:1fr}
 .dhs-room-layout-reverse .dhs-detail-gallery-column{order:1}
 .dhs-room-layout-reverse .dhs-detail-summary{order:2}
 .dhs-room-layout-editorial .dhs-detail-summary{display:block}
 .dhs-room-layout-editorial .dhs-detail-amenities{margin-top:30px}
 .dhs-room-layout-showcase .dhs-detail-summary{position:static}
}
@media(max-width:760px){
 .dhs-room-detail .dhs-amenity-groups{grid-template-columns:1fr}
 .dhs-room-layout-editorial .dhs-detail-main-image,
 .dhs-room-layout-gallery_first .dhs-detail-main-image{aspect-ratio:4/3}
}

/* Dateck Unterkunft Suite 0.22.1 – layoutbezogene Zimmerdetail-Akzente */
.dhs-room-layout-editorial .dhs-room-editorial-accent{
  grid-column:1;
  width:100%;
  min-height:360px;
  margin-top:18px;
  align-self:stretch;
}
.dhs-room-layout-gallery_first .dhs-room-gallery-accent{display:none!important}
@media(max-width:1050px){
  .dhs-room-layout-editorial .dhs-room-editorial-accent{min-height:260px;margin-top:24px}
}
@media(max-width:760px){
  .dhs-room-layout-editorial .dhs-room-editorial-accent{display:none}
}


/* Dateck Unterkunft Suite 0.22.2 – expanded room-detail accents.
 * These styles mirror the richer section accent catalogue while keeping the
 * accent inside the layout-specific decorative canvas. Gallery First remains
 * intentionally free of decorative accents. */
.dhs-room-gallery-accent[data-accent="waves"]::before{
  width:760px;height:310px;right:-180px;top:-105px;
  border:2px solid currentColor;border-radius:50%;background:transparent;
  box-shadow:0 40px 0 currentColor,0 80px 0 currentColor,0 120px 0 currentColor;
  transform:rotate(-8deg);
}
.dhs-room-gallery-accent[data-accent="waves"]::after{
  width:560px;height:230px;left:-180px;bottom:-145px;
  border:2px solid currentColor;border-radius:50%;background:transparent;
  box-shadow:0 34px 0 currentColor,0 68px 0 currentColor;
  transform:rotate(8deg);
}
.dhs-room-gallery-accent[data-accent="noise"]::before{
  inset:0;
  background-image:
    radial-gradient(circle at 20% 30%,currentColor 0 1px,transparent 1.4px),
    radial-gradient(circle at 75% 65%,currentColor 0 1px,transparent 1.4px),
    radial-gradient(circle at 45% 85%,currentColor 0 .8px,transparent 1.2px);
  background-size:23px 23px,31px 31px,19px 19px;
  mask-image:linear-gradient(135deg,#000 0%,#000 38%,transparent 88%);
  -webkit-mask-image:linear-gradient(135deg,#000 0%,#000 38%,transparent 88%);
}
.dhs-room-gallery-accent[data-accent="noise"]::after{
  inset:8% 0 0 18%;
  background-image:repeating-linear-gradient(117deg,currentColor 0 1px,transparent 1px 7px);
  mask-image:linear-gradient(315deg,#000 0%,transparent 76%);
  -webkit-mask-image:linear-gradient(315deg,#000 0%,transparent 76%);
}
.dhs-room-gallery-accent[data-accent="glass"]::before{
  width:52%;height:48%;right:3%;top:7%;border-radius:44px;
  background:linear-gradient(135deg,currentColor,transparent 78%);
  border:1px solid currentColor;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 28px 70px rgba(0,0,0,.08);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  transform:rotate(-5deg);
}
.dhs-room-gallery-accent[data-accent="glass"]::after{
  width:38%;height:34%;left:5%;bottom:9%;border-radius:32px;
  background:linear-gradient(145deg,currentColor,transparent 82%);
  border:1px solid currentColor;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 22px 56px rgba(0,0,0,.07);
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
  transform:rotate(7deg);
}
.dhs-room-gallery-accent[data-accent="diagonal"]::before{
  width:78%;height:62%;right:-28%;top:-12%;
  background:currentColor;transform:rotate(-17deg) skewX(-8deg);
  border-radius:34px;
}
.dhs-room-gallery-accent[data-accent="diagonal"]::after{
  width:66%;height:46%;left:-28%;bottom:-8%;
  background:currentColor;transform:rotate(15deg) skewX(10deg);
  border-radius:28px;
}
.dhs-room-gallery-accent[data-accent="split"]::before{
  inset:0 48% 0 0;background:currentColor;
  clip-path:polygon(0 0,100% 0,75% 100%,0 100%);
}
.dhs-room-gallery-accent[data-accent="split"]::after{
  inset:12% 0 10% 46%;background:currentColor;
  clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);
  opacity:calc(var(--dhs-room-accent-opacity,.09) * .55);
}
html.dhs-dark-mode .dhs-room-gallery-accent[data-accent="split"]::after{
  opacity:calc(var(--dhs-room-accent-dark-opacity,.05) * .55)!important;
}
@media(max-width:1050px){
  .dhs-room-gallery-accent[data-accent="waves"]::before{width:560px;height:240px;right:-150px}
  .dhs-room-gallery-accent[data-accent="waves"]::after{width:420px;height:190px;left:-145px}
}
@media(max-width:760px){
  .dhs-room-gallery-accent[data-accent="glass"]::before{width:60%;height:46%;border-radius:26px}
  .dhs-room-gallery-accent[data-accent="glass"]::after{width:43%;height:31%;border-radius:22px}
}


/* Dateck Unterkunft Suite 0.27.3 – theme-independent room detail layouts.
 * Generic theme rules must not collapse the Suite layout back to one column. */
body.dhs-room-page .dhs-room-template,
body.dhs-room-page main.dhs-room-template{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
body.dhs-room-page .dhs-room-detail{
  width:min(calc(100% - 40px),var(--dhs-container,1200px))!important;
  max-width:var(--dhs-container,1200px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
@media(min-width:1051px){
  body.dhs-room-page .dhs-room-detail .dhs-detail-top{
    display:grid!important;
    grid-template-columns:minmax(0,var(--dhs-room-gallery-fr,1fr)) minmax(340px,var(--dhs-room-copy-fr,1fr))!important;
    align-items:start!important;
  }
  body.dhs-room-page .dhs-room-layout-reverse .dhs-detail-gallery-column{order:2!important}
  body.dhs-room-page .dhs-room-layout-reverse .dhs-detail-summary{order:1!important}
  body.dhs-room-page .dhs-room-layout-editorial .dhs-detail-top,
  body.dhs-room-page .dhs-room-layout-gallery_first .dhs-detail-top{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.dhs-room-page .dhs-room-layout-editorial .dhs-detail-summary{
    display:grid!important;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)!important;
  }
  body.dhs-room-page .dhs-room-layout-gallery_first .dhs-detail-gallery-column{order:1!important}
  body.dhs-room-page .dhs-room-layout-gallery_first .dhs-detail-summary{order:2!important}
  body.dhs-room-page .dhs-room-layout-showcase .dhs-detail-top{
    grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr)!important;
  }
}

/* Dateck Unterkunft Suite 0.27.4 – serverseitig abgesicherte Zimmer-Anordnung */
@media(max-width:1050px){
  body.dhs-room-page .dhs-room-detail .dhs-detail-top{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"gallery" "summary"!important;
  }
  body.dhs-room-page .dhs-room-layout-editorial .dhs-detail-top{
    grid-template-areas:"summary" "gallery"!important;
  }
}


/* 0.28.1 – Preset-aware navigation colors in dark mode */
.dhs-site-header.dhs-menu-use-design{
  --dhs-menu-hover:var(--dhs-accent)!important;
  --dhs-menu-active:var(--dhs-accent)!important;
  --dhs-hamburger-hover:var(--dhs-accent)!important;
  --dhs-hamburger-active:var(--dhs-accent)!important;
}
html.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-site-nav > ul > li > a:not(:hover):not(:focus-visible),
html.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-menu-drawer > nav a:not(:hover):not(:focus-visible),
html.dhs-dark-mode body > .dhs-menu-drawer.dhs-menu-use-design > nav a:not(:hover):not(:focus-visible),
body.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-site-nav > ul > li > a:not(:hover):not(:focus-visible),
body.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-menu-drawer > nav a:not(:hover):not(:focus-visible){
  color:#fff!important;
}
html.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-site-nav > ul > li > a:hover,
html.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-site-nav > ul > li > a:focus-visible,
html.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-menu-drawer > nav a:hover,
html.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-menu-drawer > nav a:focus-visible,
html.dhs-dark-mode body > .dhs-menu-drawer > nav a:hover,
html.dhs-dark-mode body > .dhs-menu-drawer > nav a:focus-visible,
body.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-site-nav > ul > li > a:hover,
body.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-menu-drawer > nav a:hover{
  color:var(--dhs-accent)!important;
}
html.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-site-nav > ul > li > a::after,
html.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-menu-drawer > nav a::after,
html.dhs-dark-mode body > .dhs-menu-drawer > nav a::after,
body.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-site-nav > ul > li > a::after,
body.dhs-dark-mode .dhs-site-header.dhs-menu-use-design .dhs-menu-drawer > nav a::after{
  background:var(--dhs-accent)!important;
}

/* 0.28.2 – anchor navigation and explicit normal-menu mode */
/* A normal desktop menu must never render an additional hamburger button. */
.dhs-site-header.dhs-menu-mode-normal .dhs-site-menu-toggle{display:none!important}
@media(max-width:960px){
  .dhs-site-header.dhs-menu-mode-normal .dhs-site-nav{display:flex!important;overflow-x:auto;max-width:100%;scrollbar-width:none}
  .dhs-site-header.dhs-menu-mode-normal .dhs-site-nav::-webkit-scrollbar{display:none}
}

/* Same-page anchor links are neutral until their actual hash is active. */
.dhs-site-header .dhs-site-nav > ul > li.dhs-anchor-menu-item:not(.is-dhs-anchor-active) > a:not(:hover),
.dhs-site-header .dhs-menu-drawer > nav li.dhs-anchor-menu-item:not(.is-dhs-anchor-active) > a:not(:hover),
body > .dhs-menu-drawer > nav li.dhs-anchor-menu-item:not(.is-dhs-anchor-active) > a:not(:hover){
  color:inherit!important;
}
.dhs-site-header .dhs-site-nav > ul > li.dhs-anchor-menu-item:not(.is-dhs-anchor-active) > a::after,
.dhs-site-header .dhs-menu-drawer > nav li.dhs-anchor-menu-item:not(.is-dhs-anchor-active) > a::after,
body > .dhs-menu-drawer > nav li.dhs-anchor-menu-item:not(.is-dhs-anchor-active) > a::after{
  transform:scaleX(0)!important;
}
.dhs-site-header .dhs-site-nav > ul > li.dhs-anchor-menu-item.is-dhs-anchor-active > a:not(:hover),
.dhs-site-header .dhs-menu-drawer > nav li.dhs-anchor-menu-item.is-dhs-anchor-active > a:not(:hover),
body > .dhs-menu-drawer > nav li.dhs-anchor-menu-item.is-dhs-anchor-active > a:not(:hover){
  color:var(--dhs-menu-active,var(--dhs-accent))!important;
}
.dhs-site-header .dhs-site-nav > ul > li.dhs-anchor-menu-item.is-dhs-anchor-active > a::after,
.dhs-site-header .dhs-menu-drawer > nav li.dhs-anchor-menu-item.is-dhs-anchor-active > a::after,
body > .dhs-menu-drawer > nav li.dhs-anchor-menu-item.is-dhs-anchor-active > a::after{
  transform:scaleX(1)!important;
}
/* In dark mode all resting links remain white; only hover/current hash uses accent. */
html.dhs-dark-mode .dhs-site-header .dhs-site-nav > ul > li > a:not(:hover),
html.dhs-dark-mode .dhs-site-header .dhs-menu-drawer > nav a:not(:hover),
html.dhs-dark-mode body > .dhs-menu-drawer > nav a:not(:hover){color:#fff!important}
html.dhs-dark-mode .dhs-site-header .dhs-site-nav > ul > li.dhs-anchor-menu-item.is-dhs-anchor-active > a:not(:hover),
html.dhs-dark-mode .dhs-site-header .dhs-menu-drawer > nav li.dhs-anchor-menu-item.is-dhs-anchor-active > a:not(:hover),
html.dhs-dark-mode body > .dhs-menu-drawer > nav li.dhs-anchor-menu-item.is-dhs-anchor-active > a:not(:hover){color:var(--dhs-menu-active,var(--dhs-accent))!important}

.dhs-legal-frontend{width:min(var(--dhs-container,1200px),calc(100% - 40px));margin:0 auto;padding:70px 0;line-height:1.75}.dhs-legal-frontend h1{margin:0 0 32px}.dhs-legal-frontend h2{margin:34px 0 10px}.dhs-legal-frontend p{max-width:900px}.dhs-legal-frontend a{color:var(--dhs-accent)}

/* Dateck Unterkunft Suite – Legal pages and consent banner */
.dhs-legal-hero{background:var(--dhs-legal-hero-bg,#111);color:var(--dhs-legal-hero-color,#fff);padding:clamp(90px,12vw,170px) 20px;text-align:center}
.dhs-legal-hero>div{width:min(var(--dhs-container,1200px),100%);margin:0 auto}
body .dhs-legal-hero h1{color:inherit!important;margin:0 0 20px!important;font-family:var(--dhs-font-heading,inherit)!important;font-size:clamp(48px,6vw,72px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-.025em!important}
body .dhs-legal-hero p{color:inherit!important;opacity:.88;max-width:760px;margin:0 auto!important;font-size:clamp(18px,1.8vw,22px)!important;line-height:1.65!important}
@media(max-width:600px){body .dhs-legal-hero h1{font-size:clamp(38px,12vw,52px)!important;margin-bottom:14px!important}body .dhs-legal-hero p{font-size:17px!important}}
.dhs-image-sources p{margin:0 0 8px}
.dhs-cookie-banner{position:fixed;z-index:999999;left:20px;right:20px;bottom:20px;color:var(--dhs-cookie-color,#fff)}.dhs-cookie-banner[hidden]{display:none!important}.dhs-cookie-banner.dhs-cookie-center{top:50%;bottom:auto;transform:translateY(-50%)}
.dhs-cookie-inner{width:min(980px,100%);margin:0 auto;background:var(--dhs-cookie-bg,#111);color:inherit;border-radius:16px;padding:24px;box-shadow:0 18px 60px rgba(0,0,0,.28)}.dhs-cookie-inner strong{display:block;font-size:20px;margin-bottom:8px}.dhs-cookie-inner p{margin:0;max-width:760px;color:inherit}.dhs-cookie-inner a{color:inherit;text-decoration:underline}.dhs-cookie-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.dhs-cookie-actions button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:999px;padding:11px 18px;cursor:pointer;font:inherit}.dhs-cookie-actions .is-primary{background:var(--dhs-accent,#d28228);border-color:var(--dhs-accent,#d28228);color:#fff}
@media(max-width:640px){.dhs-cookie-banner{left:10px;right:10px;bottom:10px}.dhs-cookie-inner{padding:20px}.dhs-cookie-actions button{width:100%}}

/* Dateck consent manager */
.dhs-cookie-inner{position:relative}.dhs-cookie-close{position:absolute;right:14px;top:10px;border:0!important;background:transparent!important;color:inherit!important;font-size:28px;line-height:1;padding:4px!important;cursor:pointer}.dhs-cookie-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;font-size:.92em}.dhs-cookie-settings{margin-top:18px;border-top:1px solid color-mix(in srgb,currentColor 24%,transparent);padding-top:10px}.dhs-cookie-category{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,currentColor 16%,transparent)}.dhs-cookie-category>span{display:grid;gap:4px}.dhs-cookie-category small{opacity:.78;line-height:1.4}.dhs-cookie-category input{width:22px;height:22px;flex:0 0 auto}.dhs-cookie-reopen{display:block;margin:14px auto;border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font:inherit;font-size:13px}.dhs-consent-placeholder{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:color-mix(in srgb,var(--dhs-card,#fff) 92%,var(--dhs-accent,#d28228));color:var(--dhs-text,#222);border-radius:inherit}.dhs-consent-placeholder strong{font-size:20px}.dhs-consent-placeholder p{margin:8px 0 16px}.dhs-consent-placeholder button{border:0;border-radius:999px;background:var(--dhs-accent,#d28228);color:var(--dhs-accent-contrast,#111);padding:11px 18px;cursor:pointer;font:inherit}.dhs-consent-placeholder[hidden]{display:none!important}
@media(max-width:640px){.dhs-cookie-category{align-items:flex-start}.dhs-cookie-close{right:10px;top:8px}}


/* 0.30.7 – Floating actions become a mobile bottom bar */
@media (max-width:768px){
  html.dhs-has-mobile-floating-actions body{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}

  .dhs-floating-actions:not(.is-hidden-mobile){
    position:fixed!important;
    z-index:2147482990!important;
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:4px!important;
    padding:6px!important;
    border:1px solid color-mix(in srgb,var(--dhs-text,#222) 12%,transparent)!important;
    border-radius:18px!important;
    background:color-mix(in srgb,var(--dhs-card,#fff) 96%,transparent)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .dhs-floating-actions:not(.is-hidden-mobile) .dhs-floating-action{
    flex:1 1 0!important;
    min-width:0!important;
    width:auto!important;
    height:58px!important;
    margin:0!important;
    border-radius:13px!important;
    box-shadow:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    background:var(--dhs-item-bg,var(--dhs-floating-bg,var(--dhs-accent)))!important;
  }
  .dhs-floating-actions:not(.is-hidden-mobile) .dhs-floating-action span{display:grid;place-items:center;line-height:1}
  .dhs-floating-actions:not(.is-hidden-mobile) .dhs-floating-action svg{width:20px!important;height:20px!important}
  .dhs-floating-actions:not(.is-hidden-mobile) .dhs-floating-action::after{
    content:attr(data-tooltip)!important;
    position:static!important;
    display:block!important;
    max-width:100%!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:inherit!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    opacity:.86!important;
    visibility:visible!important;
    transform:none!important;
  }
  .dhs-back-to-top{
    --dhs-btt-side:14px;
    --dhs-btt-bottom:calc(88px + env(safe-area-inset-bottom,0px));
    width:46px!important;
    height:46px!important;
  }
  html.dhs-dark-mode .dhs-floating-actions:not(.is-hidden-mobile){
    background:color-mix(in srgb,var(--dhs-dark-card,#242424) 96%,transparent)!important;
    border-color:rgba(255,255,255,.12)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.5)!important;
  }
}


/* 0.30.8 – Do not cover consent banners with the mobile quick-action bar */
@media(max-width:768px){
  html.dhs-cookie-overlay-active body{padding-bottom:0!important}
  html.dhs-cookie-overlay-active .dhs-floating-actions:not(.is-hidden-mobile){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(calc(100% + 28px))!important;
  }
}


/* 0.30.9 – optional hotel logo inside the opened mobile menu */
.dhs-mobile-menu-brand{display:none}
@media(max-width:800px){
  .dhs-mobile-menu-brand{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:74px;
    margin:0 0 10px;
    padding:10px 18px 18px;
    color:inherit;
    text-decoration:none;
    border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);
  }
  .dhs-mobile-menu-brand img{
    display:block;
    width:auto;
    max-width:min(220px,70vw);
    max-height:var(--dhs-mobile-logo-height,44px);
    object-fit:contain;
  }
  .dhs-mobile-menu-brand span{
    font-size:20px;
    line-height:1.2;
    font-weight:800;
    text-align:center;
  }
  .dhs-mobile-menu-brand + nav > ul{margin-top:8px!important}
  html.dhs-dark-mode .dhs-mobile-menu-brand .dhs-logo-light{display:none!important}
  html.dhs-dark-mode .dhs-mobile-menu-brand .dhs-logo-dark{display:block!important}
  html.dhs-dark-mode .dhs-site-header[data-has-dark-logo="0"] .dhs-mobile-menu-brand .dhs-logo-light{display:block!important}
}

/* 0.30.10 – keep mobile menu/lightboxes above the quick-action bar */
@media(max-width:800px){
  html.dhs-menu-open body{padding-bottom:0!important}
  html.dhs-menu-open .dhs-floating-actions:not(.is-hidden-mobile),
  html.dhs-lightbox-open .dhs-floating-actions:not(.is-hidden-mobile){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(calc(100% + 28px))!important;
  }
  html.dhs-menu-open .dhs-site-header,
  html.dhs-menu-open .dhs-mobile-drawer,
  html.dhs-menu-open .dhs-header-drawer,
  html.dhs-menu-open .dhs-menu-overlay{
    z-index:2147483646!important;
  }
}

/* 0.30.11 – portalized mobile drawer must stay above its dimming overlay */
@media(max-width:800px){
  html.dhs-menu-open body > .dhs-menu-overlay{
    z-index:2147483643!important;
    pointer-events:auto!important;
  }
  html.dhs-menu-open body > .dhs-menu-drawer{
    z-index:2147483645!important;
    pointer-events:auto!important;
    visibility:visible!important;
    opacity:1!important;
    isolation:isolate;
  }
  html.dhs-menu-open body > .dhs-menu-drawer > *{
    position:relative;
    z-index:1;
    pointer-events:auto;
  }
  html.dhs-menu-open .dhs-site-header{
    z-index:2147483646!important;
  }
}

/* 0.30.12 – mobile-only drawer logo and compact mobile navigation spacing */
@media (min-width:801px){
  .dhs-site-header .dhs-mobile-menu-brand,
  body > .dhs-menu-drawer .dhs-mobile-menu-brand{
    display:none!important;
  }
}

@media (max-width:800px){
  .dhs-site-header .dhs-mobile-menu-brand,
  body > .dhs-menu-drawer .dhs-mobile-menu-brand{
    display:flex!important;
    min-height:0!important;
    margin:0 0 14px!important;
    padding:4px 10px 12px!important;
  }

  .dhs-site-header .dhs-mobile-menu-brand img,
  body > .dhs-menu-drawer .dhs-mobile-menu-brand img{
    max-width:min(190px,62vw)!important;
    max-height:min(var(--dhs-mobile-logo-height,44px),52px)!important;
  }

  .dhs-site-header .dhs-menu-drawer,
  body > .dhs-menu-drawer{
    bottom:auto!important;
    height:auto!important;
    max-height:calc(100dvh - env(safe-area-inset-bottom,0px))!important;
    padding:18px 22px 20px!important;
  }

  .dhs-site-header .dhs-menu-drawer > nav > ul,
  body > .dhs-menu-drawer > nav > ul,
  .dhs-site-header .dhs-mobile-menu-brand + nav > ul,
  body > .dhs-menu-drawer .dhs-mobile-menu-brand + nav > ul{
    margin:0!important;
    padding:0!important;
  }

  .dhs-site-header .dhs-menu-drawer > nav li,
  body > .dhs-menu-drawer > nav li{
    margin:0!important;
  }

  .dhs-site-header .dhs-menu-drawer > nav a:not(.dhs-site-book),
  body > .dhs-menu-drawer > nav a:not(.dhs-site-book){
    padding:11px 0!important;
    line-height:1.25!important;
  }

  .dhs-site-header .dhs-menu-drawer > nav li:last-child > a,
  body > .dhs-menu-drawer > nav li:last-child > a{
    padding-bottom:5px!important;
  }
}


/* 0.30.13 – tighter top and bottom spacing in the opened mobile menu */
@media (max-width:800px){
  .dhs-site-header .dhs-menu-drawer,
  body > .dhs-menu-drawer{
    padding:8px 18px 10px!important;
  }

  .dhs-site-header .dhs-mobile-menu-brand,
  body > .dhs-menu-drawer .dhs-mobile-menu-brand{
    margin:0 0 6px!important;
    padding:0 6px 7px!important;
    min-height:0!important;
  }

  .dhs-site-header .dhs-mobile-menu-brand img,
  body > .dhs-menu-drawer .dhs-mobile-menu-brand img{
    max-height:min(var(--dhs-mobile-logo-height,44px),46px)!important;
  }

  .dhs-site-header .dhs-menu-drawer > nav,
  body > .dhs-menu-drawer > nav{
    padding-bottom:0!important;
  }

  .dhs-site-header .dhs-menu-drawer > nav a:not(.dhs-site-book),
  body > .dhs-menu-drawer > nav a:not(.dhs-site-book){
    display:flex!important;
    align-items:center!important;
    min-height:44px!important;
    padding:7px 0!important;
    line-height:1.2!important;
  }

  .dhs-site-header .dhs-menu-drawer > nav li:last-child > a,
  body > .dhs-menu-drawer > nav li:last-child > a{
    padding-bottom:2px!important;
    margin-bottom:0!important;
  }
}


/* Dateck Unterkunft Suite 0.31.1 – aktivierte Zusatzleistungen als Badges auf Zimmerdetails */
.dhs-detail-service-badges{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}
.dhs-detail-service-badge{display:inline-flex;align-items:center;min-height:30px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--dhs-text,#222) 10%,transparent);color:var(--dhs-text,#222);font-size:12px;font-weight:750;line-height:1.2}
.dhs-detail-service-badge--included{background:var(--dhs-accent);color:var(--dhs-accent-contrast,#111)}
.dhs-room-layout-editorial .dhs-detail-summary>.dhs-detail-service-badges{grid-column:1/-1}
html.dhs-dark-mode .dhs-detail-service-badge{background:rgba(255,255,255,.13);color:var(--dhs-dark-text,#f5f5f5)}
html.dhs-dark-mode .dhs-detail-service-badge--included{background:var(--dhs-accent);color:var(--dhs-accent-contrast,#111)}
@media(max-width:620px){.dhs-detail-service-badges{gap:7px;margin:12px 0 15px}.dhs-detail-service-badge{font-size:11px;padding:6px 10px}}


/* 0.31.2 – Zusatzleistungs-Badges auf den Zimmerkarten der Startseite */
.dhs-room-card-extra-badges{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:2px 0 14px;
}
.dhs-room-card-extra-badges span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 10px;
  border-radius:999px;
  background:color-mix(in srgb,var(--dhs-accent) 19%,var(--dhs-card));
  color:var(--dhs-text);
  font-size:11px;
  line-height:1.2;
  font-weight:750;
}
html.dhs-dark-mode .dhs-room-card-extra-badges span{
  background:color-mix(in srgb,var(--dhs-accent) 20%,var(--dhs-dark-card,#242424));
  color:var(--dhs-dark-text,#fff);
}
@media(max-width:620px){
  .dhs-room-card-extra-badges{gap:6px;margin-bottom:12px}
  .dhs-room-card-extra-badges span{font-size:10px;padding:5px 9px}
}

/* v0.34.0 – luftiger Kontakt-Textkopf */
.dhs-contact-copy .dhs-contact-badge{margin-bottom:18px}.dhs-contact-copy h2{margin-top:0!important;margin-bottom:10px!important}.dhs-contact-copy h3{margin-top:0!important;margin-bottom:20px!important}

/* Dateck Unterkunft Suite 0.36.0 – Zimmerbewertungen */
.dhs-review-stars{color:#f3ad16;font-weight:900;letter-spacing:1px;white-space:nowrap}
.dhs-review-card-summary{position:relative;z-index:3;display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:2px 0 13px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--dhs-accent) 34%,transparent);border-radius:999px;background:color-mix(in srgb,var(--dhs-accent) 13%,var(--dhs-card));color:var(--dhs-text)!important;text-decoration:none!important;font-size:12px;line-height:1.2}
.dhs-review-card-summary strong{font-size:12px}.dhs-review-card-summary em{font-style:normal;color:var(--dhs-muted);font-weight:650}
.dhs-review-card-summary:hover{background:color-mix(in srgb,var(--dhs-accent) 22%,var(--dhs-card))}
.dhs-review-detail-summary{display:flex;align-items:center;gap:14px;margin:20px 0 22px;padding:14px 18px;border:1px solid color-mix(in srgb,var(--dhs-accent) 32%,transparent);border-radius:16px;background:color-mix(in srgb,var(--dhs-accent) 10%,var(--dhs-card));color:var(--dhs-text)!important;text-decoration:none!important;transition:transform .2s ease,background .2s ease}
.dhs-review-detail-summary:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--dhs-accent) 17%,var(--dhs-card))}
.dhs-review-detail-summary>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.dhs-review-detail-summary strong{font-size:15px}.dhs-review-detail-summary em{font-style:normal;color:var(--dhs-muted);font-size:12px;font-weight:650}.dhs-review-detail-summary>b{margin-left:auto;font-size:18px}
.dhs-reviews-section{scroll-margin-top:110px;margin:34px 0 0;padding:34px;border-radius:var(--dhs-radius);background:var(--dhs-card);box-shadow:var(--dhs-card-shadow);border-top:4px solid var(--dhs-accent)}
.dhs-reviews-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.dhs-reviews-heading h2{margin:4px 0 8px}.dhs-reviews-heading p{margin:0;color:var(--dhs-muted)}
.dhs-reviews-kicker{display:block;color:var(--dhs-accent-dark);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
html.dhs-dark-mode .dhs-reviews-kicker,
html.dhs-dark-mode body.dhs-preset-modern .dhs-review-form-card .dhs-reviews-kicker{
  color:var(--dhs-dark-text,#f5f5f5)!important;
  opacity:.92;
}
.dhs-reviews-score{min-width:180px;padding:18px 20px;border-radius:18px;background:color-mix(in srgb,var(--dhs-accent) 11%,var(--dhs-card));text-align:center}.dhs-reviews-score span,.dhs-reviews-score strong,.dhs-reviews-score small{display:block}.dhs-reviews-score strong{font-size:34px;line-height:1.1;margin:5px 0}.dhs-reviews-score small{color:var(--dhs-muted)}
.dhs-review-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 26px}.dhs-review-card{padding:20px;border-radius:18px;background:color-mix(in srgb,var(--dhs-text) 4%,var(--dhs-card));border:1px solid color-mix(in srgb,var(--dhs-text) 10%,transparent)}
.dhs-review-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.dhs-review-card-top strong,.dhs-review-card-top small{display:block}.dhs-review-card-top small{margin-top:3px;color:var(--dhs-muted);font-size:12px}.dhs-review-card>p{margin:0;line-height:1.65}
.dhs-review-reply{margin-top:16px;padding:14px 16px;border-left:3px solid var(--dhs-accent);border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--dhs-accent) 9%,transparent)}.dhs-review-reply span{display:block;margin-bottom:5px;color:var(--dhs-accent-dark);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.dhs-review-reply p{margin:0}
.dhs-review-empty{margin-bottom:24px;padding:22px;border:1px dashed color-mix(in srgb,var(--dhs-text) 20%,transparent);border-radius:18px;text-align:center}.dhs-review-empty p{margin:5px 0 0;color:var(--dhs-muted)}
.dhs-review-success{margin:0 0 20px;padding:14px 16px;border:1px solid #a7e7bd;border-radius:14px;background:#edf9f1;color:#176533;font-weight:750}
.dhs-review-form-card{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.5fr);gap:30px;padding:26px;border-radius:20px;background:color-mix(in srgb,var(--dhs-text) 3%,var(--dhs-card));border:1px solid color-mix(in srgb,var(--dhs-text) 10%,transparent)}.dhs-review-form-card h3{margin:4px 0 8px}.dhs-review-form-card>div>p{margin:0;color:var(--dhs-muted)}
.dhs-review-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.dhs-review-form label{display:block;font-size:13px;font-weight:750}.dhs-review-form input,.dhs-review-form select,.dhs-review-form textarea{display:block;width:100%;margin-top:6px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--dhs-text) 18%,transparent);border-radius:12px;background:var(--dhs-card);color:var(--dhs-text);font:inherit}.dhs-review-form input:focus,.dhs-review-form select:focus,.dhs-review-form textarea:focus{outline:none;border-color:var(--dhs-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dhs-accent) 18%,transparent)}.dhs-review-full{grid-column:1/-1}.dhs-review-form button{justify-self:start;border:0;cursor:pointer}.dhs-review-hp{display:none!important}
html.dhs-dark-mode .dhs-review-card-summary,html.dhs-dark-mode .dhs-review-detail-summary,html.dhs-dark-mode .dhs-reviews-section{background:var(--dhs-dark-card);color:var(--dhs-dark-text)!important}html.dhs-dark-mode .dhs-review-card,html.dhs-dark-mode .dhs-review-form-card,html.dhs-dark-mode .dhs-reviews-score{background:color-mix(in srgb,var(--dhs-dark-text) 6%,var(--dhs-dark-card))}html.dhs-dark-mode .dhs-review-form input,html.dhs-dark-mode .dhs-review-form select,html.dhs-dark-mode .dhs-review-form textarea{background:var(--dhs-dark-background);color:var(--dhs-dark-text)}html.dhs-dark-mode .dhs-review-card-summary em,html.dhs-dark-mode .dhs-review-detail-summary em,html.dhs-dark-mode .dhs-reviews-heading p,html.dhs-dark-mode .dhs-reviews-score small,html.dhs-dark-mode .dhs-review-card-top small,html.dhs-dark-mode .dhs-review-empty p,html.dhs-dark-mode .dhs-review-form-card>div>p{color:color-mix(in srgb,var(--dhs-dark-text) 66%,transparent)}
@media(max-width:820px){.dhs-reviews-heading,.dhs-review-form-card{grid-template-columns:1fr;display:grid}.dhs-reviews-score{min-width:0;text-align:left}.dhs-review-list{grid-template-columns:1fr}}
@media(max-width:620px){.dhs-reviews-section{padding:22px;margin-top:24px}.dhs-review-form{grid-template-columns:1fr}.dhs-review-full{grid-column:auto}.dhs-review-card-top{flex-direction:column;gap:6px}.dhs-review-detail-summary{padding:13px 14px;gap:10px}.dhs-review-card-summary{font-size:11px}.dhs-review-card-summary em{display:none}}

/* 0.36.8 – Review submit button */
.dhs-review-form .dhs-review-submit{
  grid-column:1/-1;
  justify-self:start;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:54px;
  padding:0 24px;
  border:1px solid var(--dhs-accent);
  border-radius:12px;
  background:var(--dhs-accent);
  color:var(--dhs-accent-contrast,#171717)!important;
  font:inherit;
  font-weight:850;
  letter-spacing:.015em;
  cursor:pointer;
  box-shadow:0 10px 24px color-mix(in srgb,var(--dhs-accent) 24%,transparent);
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.dhs-review-form .dhs-review-submit:hover{background:var(--dhs-accent-dark);border-color:var(--dhs-accent-dark);color:var(--dhs-accent-dark-contrast,#171717)!important;transform:translateY(-1px);box-shadow:0 14px 28px color-mix(in srgb,var(--dhs-accent) 30%,transparent)}
.dhs-review-form .dhs-review-submit:focus-visible{outline:3px solid color-mix(in srgb,var(--dhs-accent) 35%,transparent);outline-offset:3px}
.dhs-review-form .dhs-review-submit:disabled{cursor:wait;opacity:.78;transform:none}
.dhs-review-form .dhs-review-submit b{font-size:18px;line-height:1}
@media(max-width:620px){.dhs-review-form .dhs-review-submit{width:100%;justify-self:stretch;padding:0 18px}}

/* Dateck Unterkunft Suite 0.40.1 – Hero sauber abschneiden.
   Normale Sektionen behalten ihre Übergänge; am Hero werden sie deaktiviert,
   damit hinter der überlagerten Verfügbarkeitssuche kein dunkler Balken entsteht. */
.dhs-homepage .dhs-home-hero{overflow:hidden!important;isolation:isolate}
.dhs-homepage .dhs-home-hero > .dhs-section-transition{display:none!important;height:0!important;box-shadow:none!important;background:none!important;filter:none!important}

/* 0.40.2 – clean hero/search transition and selectable room cards */
.dhs-homepage .dhs-home-hero{box-shadow:none!important;filter:none!important}
.dhs-homepage .dhs-home-hero + .dhs-home-shortcode{position:relative;z-index:8;background:var(--dhs-card,#fff)!important;box-shadow:none!important}
html.dhs-dark-mode .dhs-homepage .dhs-home-hero + .dhs-home-shortcode{background:var(--dhs-dark-background,#171717)!important}
.dhs-room-card-extra-badges{display:none!important}
.dhs-room-card-compact{display:grid!important;grid-template-columns:42% 58%;min-height:260px}
.dhs-room-card-compact .dhs-room-image{height:100%!important;min-height:260px}.dhs-room-card-compact .dhs-room-image img{height:100%!important}
.dhs-room-card-compact .dhs-room-body{padding:22px}.dhs-room-card-compact .dhs-room-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dhs-room-card-compact .dhs-room-foot{margin-top:auto}
.dhs-room-card-overlay{position:relative;min-height:420px;background:#111;color:#fff;overflow:hidden}
.dhs-room-card-overlay .dhs-room-image{position:absolute;inset:0;height:100%!important}.dhs-room-card-overlay .dhs-room-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(0,0,0,.86) 100%)}
.dhs-room-card-overlay .dhs-room-body{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;padding:28px;color:#fff;background:transparent!important}
.dhs-room-card-overlay h3,.dhs-room-card-overlay p,.dhs-room-card-overlay .dhs-room-subtitle,.dhs-room-card-overlay .dhs-room-facts,.dhs-room-card-overlay .dhs-room-foot strong{color:#fff!important}
.dhs-room-card-overlay .dhs-room-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dhs-room-card-overlay .dhs-room-card-button{background:var(--dhs-accent);color:var(--dhs-accent-contrast,#111)!important}
.dhs-room-card-editorial .dhs-room-image{margin:12px 12px 0;border-radius:calc(var(--dhs-radius) - 6px);overflow:hidden}.dhs-room-card-editorial .dhs-room-body{padding:24px 26px 27px}.dhs-room-card-editorial .dhs-room-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:760px){.dhs-room-card-compact{grid-template-columns:1fr}.dhs-room-card-compact .dhs-room-image{min-height:220px}.dhs-room-card-overlay,.dhs-room-card-overlay .dhs-room-body{min-height:360px}}


/* Dateck Unterkunft Suite 0.40.3 – Hero-Suche ohne Zwischenbalken */
.dbm-hero-search-mounted{
  position:relative!important;
  z-index:30!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  transform:translateY(-50%)!important;
  overflow:visible!important;
}
.dbm-hero-search-mounted + .dhs-home-section,
.dbm-hero-search-mounted + section{padding-top:110px!important}
@media(max-width:782px){
  .dbm-hero-search-mounted{height:auto!important;transform:none!important;margin:-54px 14px 0!important}
  .dbm-hero-search-mounted + .dhs-home-section,
  .dbm-hero-search-mounted + section{padding-top:48px!important}
}

/* Normale Navigation: auch Ankerlinks erhalten die Unterstreichung. */
.dhs-site-header .dhs-site-nav > ul > li > a[href*="#"]:hover::after,
.dhs-site-header .dhs-site-nav > ul > li > a[href*="#"]:focus-visible::after,
.dhs-site-header .dhs-site-nav > ul > li > a[href*="#"].is-active::after,
.dhs-site-header .dhs-site-nav > ul > li.current-menu-item > a::after,
.dhs-site-header .dhs-site-nav > ul > li.current_page_item > a::after{transform:scaleX(1)!important}
.dhs-site-header .dhs-site-nav > ul > li > a[href*="#"]:hover,
.dhs-site-header .dhs-site-nav > ul > li > a[href*="#"]:focus-visible{color:var(--dhs-menu-hover,var(--dhs-accent))!important}

/* Route planen vollständig an Preset/Farbwelt koppeln. */
body a.dhs-location-route,
body a.dhs-location-route:link,
body a.dhs-location-route:visited{
  background:var(--dhs-button-bg,var(--dhs-accent))!important;
  background-color:var(--dhs-button-bg,var(--dhs-accent))!important;
  color:var(--dhs-button-text,var(--dhs-accent-contrast,#111))!important;
  -webkit-text-fill-color:var(--dhs-button-text,var(--dhs-accent-contrast,#111))!important;
  border-color:color-mix(in srgb,var(--dhs-button-text,var(--dhs-accent-contrast,#111)) 18%,transparent)!important;
  border-radius:var(--dhs-button-radius,999px)!important;
}
body a.dhs-location-route:hover,body a.dhs-location-route:focus-visible{
  background:var(--dhs-button-hover-bg,var(--dhs-accent-dark))!important;
  background-color:var(--dhs-button-hover-bg,var(--dhs-accent-dark))!important;
  color:var(--dhs-button-hover-text,var(--dhs-accent-dark-contrast,#111))!important;
  -webkit-text-fill-color:var(--dhs-button-hover-text,var(--dhs-accent-dark-contrast,#111))!important;
}
html.dhs-dark-mode body a.dhs-location-route{
  background:var(--dhs-button-bg-dark,var(--dhs-button-bg,var(--dhs-accent)))!important;
  color:var(--dhs-button-text-dark,var(--dhs-button-text,var(--dhs-accent-contrast,#111)))!important;
  -webkit-text-fill-color:var(--dhs-button-text-dark,var(--dhs-button-text,var(--dhs-accent-contrast,#111)))!important;
}
html.dhs-dark-mode body a.dhs-location-route:hover,html.dhs-dark-mode body a.dhs-location-route:focus-visible{
  background:var(--dhs-button-hover-bg-dark,var(--dhs-button-hover-bg,var(--dhs-accent-dark)))!important;
  color:var(--dhs-button-hover-text-dark,var(--dhs-button-hover-text,var(--dhs-accent-dark-contrast,#111)))!important;
  -webkit-text-fill-color:var(--dhs-button-hover-text-dark,var(--dhs-button-hover-text,var(--dhs-accent-dark-contrast,#111)))!important;
}
body a.dhs-location-route *{color:inherit!important;-webkit-text-fill-color:currentColor!important;stroke:currentColor!important}


/* Dateck Unterkunft Suite 0.40.4 – sauberer Hero/Suche-Abstand und presettreue Routenbuttons. */
.dbm-hero-search-mounted{
  position:relative!important;
  z-index:30!important;
  height:auto!important;
  margin:-72px auto -72px!important;
  padding:0!important;
  background:transparent!important;
  transform:none!important;
  overflow:visible!important;
}
.dbm-hero-search-mounted + .dhs-home-section,
.dbm-hero-search-mounted + section{
  padding-top:90px!important;
}
@media(max-width:782px){
  .dbm-hero-search-mounted{
    height:auto!important;
    margin:-54px 14px -54px!important;
    transform:none!important;
  }
  .dbm-hero-search-mounted + .dhs-home-section,
  .dbm-hero-search-mounted + section{
    padding-top:72px!important;
  }
}

body a.dhs-location-route,
body a.dhs-contact-map-button,
body a.dhs-location-route:link,
body a.dhs-location-route:visited,
body a.dhs-contact-map-button:link,
body a.dhs-contact-map-button:visited{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  background:var(--dhs-button-bg,var(--dhs-accent))!important;
  background-color:var(--dhs-button-bg,var(--dhs-accent))!important;
  color:var(--dhs-button-text,var(--dhs-accent-contrast,#111))!important;
  -webkit-text-fill-color:var(--dhs-button-text,var(--dhs-accent-contrast,#111))!important;
  border:1px solid color-mix(in srgb,var(--dhs-button-text,var(--dhs-accent-contrast,#111)) 16%,transparent)!important;
  border-radius:var(--dhs-button-radius,999px)!important;
  padding:13px 20px!important;
  text-decoration:none!important;
  font-weight:800!important;
  box-shadow:var(--dhs-button-shadow,none)!important;
}
body a.dhs-location-route:hover,
body a.dhs-location-route:focus-visible,
body a.dhs-contact-map-button:hover,
body a.dhs-contact-map-button:focus-visible{
  background:var(--dhs-button-hover-bg,var(--dhs-accent-dark,var(--dhs-accent)))!important;
  background-color:var(--dhs-button-hover-bg,var(--dhs-accent-dark,var(--dhs-accent)))!important;
  color:var(--dhs-button-hover-text,var(--dhs-button-text,var(--dhs-accent-contrast,#111)))!important;
  -webkit-text-fill-color:var(--dhs-button-hover-text,var(--dhs-button-text,var(--dhs-accent-contrast,#111)))!important;
  border-color:color-mix(in srgb,var(--dhs-button-hover-text,var(--dhs-button-text,#111)) 18%,transparent)!important;
}
html.dhs-dark-mode body a.dhs-location-route,
html.dhs-dark-mode body a.dhs-contact-map-button{
  background:var(--dhs-button-bg-dark,var(--dhs-button-bg,var(--dhs-accent)))!important;
  background-color:var(--dhs-button-bg-dark,var(--dhs-button-bg,var(--dhs-accent)))!important;
  color:var(--dhs-button-text-dark,var(--dhs-button-text,var(--dhs-accent-contrast,#111)))!important;
  -webkit-text-fill-color:var(--dhs-button-text-dark,var(--dhs-button-text,var(--dhs-accent-contrast,#111)))!important;
}
html.dhs-dark-mode body a.dhs-location-route:hover,
html.dhs-dark-mode body a.dhs-location-route:focus-visible,
html.dhs-dark-mode body a.dhs-contact-map-button:hover,
html.dhs-dark-mode body a.dhs-contact-map-button:focus-visible{
  background:var(--dhs-button-hover-bg-dark,var(--dhs-button-hover-bg,var(--dhs-accent-dark,var(--dhs-accent))))!important;
  background-color:var(--dhs-button-hover-bg-dark,var(--dhs-button-hover-bg,var(--dhs-accent-dark,var(--dhs-accent))))!important;
  color:var(--dhs-button-hover-text-dark,var(--dhs-button-hover-text,var(--dhs-button-text,#111)))!important;
  -webkit-text-fill-color:var(--dhs-button-hover-text-dark,var(--dhs-button-hover-text,var(--dhs-button-text,#111)))!important;
}
body a.dhs-location-route *,body a.dhs-contact-map-button *{color:inherit!important;-webkit-text-fill-color:currentColor!important;stroke:currentColor!important}


/* 0.40.6 – Popups liegen mobil vor den Schnellkontakt-Buttons */
@media(max-width:768px){
  html.dhs-popup-open body{padding-bottom:0!important}
  html.dhs-popup-open .dhs-floating-actions:not(.is-hidden-mobile){
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(calc(100% + 28px))!important;
  }
  .dhs-paypal-popup.is-visible{
    z-index:2147483646!important;
    left:12px!important;
    right:12px!important;
    bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;
    max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px))!important;
    overflow:auto!important;
  }
}


/* Dateck Unterkunft Suite 0.40.7 – refined room-card variants */
/* Every room-card variant is a complete click target. Interactive controls stay above it. */
.dhs-room-card{position:relative;height:100%;}
.dhs-room-card>.dhs-room-card-hitarea{position:absolute;inset:0;z-index:5;border-radius:inherit;text-decoration:none!important;}
.dhs-room-card .dhs-room-card-button{position:relative;z-index:6;}

/* Compact was retired. Existing saved compact values render safely as Classic via PHP. */

/* Overlay: stronger contrast, readable fact chips and a calmer one-line footer. */
.dhs-room-card-overlay{
  position:relative;
  display:flex!important;
  flex-direction:column;
  min-height:430px;
  overflow:hidden;
  isolation:isolate;
  background:#111;
  color:#fff;
}
.dhs-room-card-overlay .dhs-room-image{position:absolute!important;inset:0;height:100%!important;z-index:0;}
.dhs-room-card-overlay .dhs-room-image img{width:100%;height:100%!important;object-fit:cover;}
.dhs-room-card-overlay .dhs-room-image:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.28) 32%,rgba(0,0,0,.88) 78%,rgba(0,0,0,.96) 100%);
}
.dhs-room-card-overlay .dhs-room-body{
  position:relative;
  z-index:2;
  display:flex!important;
  flex:1;
  flex-direction:column;
  justify-content:flex-end;
  min-height:430px;
  padding:26px!important;
  background:transparent!important;
  color:#fff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.72);
}
.dhs-room-card-overlay .dhs-room-body h3{
  margin:0 0 7px!important;
  color:#fff!important;
  font-size:clamp(23px,2vw,30px)!important;
  line-height:1.15!important;
  text-shadow:0 3px 18px rgba(0,0,0,.9);
}
.dhs-room-card-overlay .dhs-room-subtitle,
.dhs-room-card-overlay .dhs-room-card-description{color:rgba(255,255,255,.94)!important;}
.dhs-room-card-overlay .dhs-room-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px!important;}
.dhs-room-card-overlay .dhs-reviews-card-summary{filter:drop-shadow(0 2px 8px rgba(0,0,0,.45));}
.dhs-room-card-overlay .dhs-room-facts{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:4px!important;}
.dhs-room-card-overlay .dhs-room-facts span{
  background:rgba(255,255,255,.92)!important;
  color:#182033!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.16);
  text-shadow:none!important;
}
.dhs-room-card-overlay .dhs-room-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-top:16px!important;
  padding-top:14px!important;
  border-top:1px solid rgba(255,255,255,.24)!important;
}
.dhs-room-card-overlay .dhs-room-foot strong{
  color:#fff!important;
  white-space:nowrap;
  font-size:20px!important;
  line-height:1.2!important;
  text-shadow:0 2px 12px rgba(0,0,0,.8);
}
.dhs-room-card-overlay .dhs-room-card-button{
  min-height:42px!important;
  padding:9px 15px!important;
  border-radius:var(--dhs-button-radius,999px)!important;
  font-size:14px!important;
  line-height:1.15!important;
  white-space:nowrap;
  text-shadow:none!important;
}

/* Editorial: equal-height cards and a footer pinned to the bottom in every column count. */
.dhs-room-card-editorial{display:flex!important;flex-direction:column;height:100%;overflow:hidden;}
.dhs-room-card-editorial .dhs-room-image{flex:0 0 auto;margin:12px 12px 0;border-radius:calc(var(--dhs-radius) - 6px);overflow:hidden;}
.dhs-room-card-editorial .dhs-room-body{display:flex!important;flex:1;flex-direction:column;padding:24px 26px 27px!important;}
.dhs-room-card-editorial .dhs-room-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.dhs-room-card-editorial .dhs-room-facts{margin-top:14px;}
.dhs-room-card-editorial .dhs-room-foot{
  margin-top:auto!important;
  padding-top:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
}
.dhs-room-card-editorial .dhs-room-foot strong{white-space:nowrap;}

@media(max-width:760px){
  .dhs-room-card-overlay,.dhs-room-card-overlay .dhs-room-body{min-height:370px;}
  .dhs-room-card-overlay .dhs-room-body{padding:22px!important;}
  .dhs-room-card-overlay .dhs-room-foot{align-items:flex-end!important;}
}

/* Dateck Unterkunft Suite 0.40.8 – overlay room-card finishing and circular gallery navigation */
.dhs-room-card-overlay .dhs-room-body{
  justify-content:flex-start!important;
}
.dhs-room-card-overlay .dhs-room-body h3{
  margin-top:0!important;
}
.dhs-room-card-overlay .dhs-room-subtitle{
  margin-bottom:8px!important;
}
.dhs-room-card-overlay .dhs-reviews-card-summary{
  margin-top:2px!important;
}
.dhs-room-card-overlay .dhs-room-card-description{
  margin-top:10px!important;
}
.dhs-room-card-overlay .dhs-room-facts{
  margin-top:auto!important;
  margin-bottom:0!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  align-items:center!important;
}
.dhs-room-card-overlay .dhs-room-facts span{
  flex:0 1 auto!important;
  min-width:0!important;
  padding:7px 10px!important;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
.dhs-room-card-overlay .dhs-room-foot{
  flex:0 0 auto!important;
}
.dhs-room-card-overlay .dhs-room-card-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
}

/* Theme button rules must not stretch gallery controls into pills. */
.dhs-bento-arrow,
.dhs-gallery-arrow,
.dhs-lightbox-arrow{
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  aspect-ratio:1 / 1!important;
  padding:0!important;
  min-width:0!important;
  max-width:none!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
.dhs-bento-arrow{
  width:48px!important;
  height:48px!important;
  min-height:48px!important;
}
.dhs-bento-arrow:hover{
  transform:translateY(-2px) scale(1.04);
}

@media(max-width:1100px){
  .dhs-room-card-overlay .dhs-room-facts{
    flex-wrap:wrap!important;
  }
}
@media(max-width:760px){
  .dhs-room-card-overlay .dhs-room-facts{
    flex-wrap:wrap!important;
  }
  .dhs-room-card-overlay .dhs-room-facts span{
    font-size:11px!important;
    padding:7px 9px!important;
  }
  .dhs-bento-arrow{
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
}


/* Dateck Unterkunft Suite 0.40.10 – Overlay-Bilder im Dark Mode und finaler Kontakt-CTA. */
html.dhs-dark-mode body .dhs-room-card.dhs-room-card-overlay{
  position:relative!important;
  overflow:hidden!important;
  background:#111!important;
}
html.dhs-dark-mode body .dhs-room-card.dhs-room-card-overlay .dhs-room-image{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  visibility:visible!important;
  background:transparent!important;
}
html.dhs-dark-mode body .dhs-room-card.dhs-room-card-overlay .dhs-room-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  visibility:visible!important;
  object-fit:cover!important;
}
html.dhs-dark-mode body .dhs-room-card.dhs-room-card-overlay .dhs-room-body{
  position:relative!important;
  z-index:2!important;
  background:transparent!important;
  background-color:transparent!important;
}

html body .dhs-contact-module .dhs-contact-map-actions > a.dhs-contact-map-button,
html body .dhs-contact-module .dhs-contact-map-actions > a.dhs-contact-map-button:link,
html body .dhs-contact-module .dhs-contact-map-actions > a.dhs-contact-map-button:visited{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-height:var(--dhs-control-height,50px)!important;
  padding:12px 22px!important;
  background:var(--dhs-button-bg,var(--dhs-accent))!important;
  background-color:var(--dhs-button-bg,var(--dhs-accent))!important;
  background-image:none!important;
  color:var(--dhs-button-text,var(--dhs-accent-contrast,#111))!important;
  -webkit-text-fill-color:var(--dhs-button-text,var(--dhs-accent-contrast,#111))!important;
  border:1px solid color-mix(in srgb,var(--dhs-button-text,var(--dhs-accent-contrast,#111)) 16%,transparent)!important;
  border-radius:var(--dhs-button-radius,999px)!important;
  box-shadow:var(--dhs-shadow-sm,none)!important;
  text-decoration:none!important;
  font-weight:800!important;
}
html body .dhs-contact-module .dhs-contact-map-actions > a.dhs-contact-map-button:hover,
html body .dhs-contact-module .dhs-contact-map-actions > a.dhs-contact-map-button:focus-visible{
  background:var(--dhs-button-hover-bg,var(--dhs-accent-dark,var(--dhs-accent)))!important;
  background-color:var(--dhs-button-hover-bg,var(--dhs-accent-dark,var(--dhs-accent)))!important;
  background-image:none!important;
  color:var(--dhs-button-hover-text,var(--dhs-accent-dark-contrast,#111))!important;
  -webkit-text-fill-color:var(--dhs-button-hover-text,var(--dhs-accent-dark-contrast,#111))!important;
}
html.dhs-dark-mode body .dhs-contact-module .dhs-contact-map-actions > a.dhs-contact-map-button,
html.dhs-dark-mode body .dhs-contact-module .dhs-contact-map-actions > a.dhs-contact-map-button:link,
html.dhs-dark-mode body .dhs-contact-module .dhs-contact-map-actions > a.dhs-contact-map-button:visited{
  background:var(--dhs-button-bg-dark,var(--dhs-button-bg,var(--dhs-accent)))!important;
  background-color:var(--dhs-button-bg-dark,var(--dhs-button-bg,var(--dhs-accent)))!important;
  color:var(--dhs-button-text-dark,var(--dhs-button-text,var(--dhs-accent-contrast,#111)))!important;
  -webkit-text-fill-color:var(--dhs-button-text-dark,var(--dhs-button-text,var(--dhs-accent-contrast,#111)))!important;
}
html.dhs-dark-mode body .dhs-contact-module .dhs-contact-map-actions > a.dhs-contact-map-button:hover,
html.dhs-dark-mode body .dhs-contact-module .dhs-contact-map-actions > a.dhs-contact-map-button:focus-visible{
  background:var(--dhs-button-hover-bg-dark,var(--dhs-button-hover-bg,var(--dhs-accent-dark,var(--dhs-accent))))!important;
  background-color:var(--dhs-button-hover-bg-dark,var(--dhs-button-hover-bg,var(--dhs-accent-dark,var(--dhs-accent))))!important;
  color:var(--dhs-button-hover-text-dark,var(--dhs-button-hover-text,var(--dhs-accent-dark-contrast,#111)))!important;
  -webkit-text-fill-color:var(--dhs-button-hover-text-dark,var(--dhs-button-hover-text,var(--dhs-accent-dark-contrast,#111)))!important;
}
html body .dhs-contact-module .dhs-contact-map-actions > a.dhs-contact-map-button *,
html.dhs-dark-mode body .dhs-contact-module .dhs-contact-map-actions > a.dhs-contact-map-button *{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}


/* 0.41.0 – Framework Hero v2 für Rechtliches */
.dhs-legal-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--dhs-legal-hero-bg,#111);color:var(--dhs-legal-hero-color,#fff);padding:clamp(70px,9vw,135px) 20px;text-align:center}
.dhs-legal-hero-inner{position:relative;z-index:3;width:min(var(--dhs-container,1200px),100%);margin:0 auto}
.dhs-legal-eyebrow{display:block;margin-bottom:12px;color:var(--dhs-legal-hero-accent,#f7cb68);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.dhs-legal-hero-size-small{padding-top:clamp(48px,6vw,78px);padding-bottom:clamp(48px,6vw,78px)}
.dhs-legal-hero-size-large{padding-top:clamp(96px,12vw,180px);padding-bottom:clamp(96px,12vw,180px)}
.dhs-legal-hero-align-left{text-align:left}.dhs-legal-hero-align-right{text-align:right}
.dhs-legal-hero-align-left p{margin-left:0!important;margin-right:auto!important}.dhs-legal-hero-align-right p{margin-left:auto!important;margin-right:0!important}
html.dhs-dark-mode .dhs-legal-hero{background:var(--dhs-legal-hero-dark-bg,#171717);color:var(--dhs-legal-hero-dark-color,#fff)}
.dhs-legal-hero::before,.dhs-legal-hero::after,.dhs-legal-orb{pointer-events:none}
.dhs-legal-orb{display:none;position:absolute;border-radius:999px;z-index:1}.dhs-legal-orb-one{width:360px;height:360px;left:-110px;top:-190px;border:1px solid color-mix(in srgb,var(--dhs-legal-hero-accent) 45%,transparent)}.dhs-legal-orb-two{width:220px;height:220px;right:-70px;bottom:-135px;background:color-mix(in srgb,var(--dhs-legal-hero-accent) 15%,transparent);box-shadow:0 0 110px 35px color-mix(in srgb,var(--dhs-legal-hero-accent) 18%,transparent)}
.dhs-legal-hero-accent-circles .dhs-legal-orb,.dhs-legal-hero-accent-glow .dhs-legal-orb-two,.dhs-legal-hero-accent-complete .dhs-legal-orb{display:block}
.dhs-legal-hero-accent-dots::before,.dhs-legal-hero-accent-complete::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle,color-mix(in srgb,var(--dhs-legal-hero-accent) 30%,transparent) 0 1.2px,transparent 1.7px) 0 0/18px 18px;opacity:.58}
.dhs-legal-hero-accent-lines::before{content:"";position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(115deg,transparent 0 38px,color-mix(in srgb,var(--dhs-legal-hero-accent) 12%,transparent) 39px 40px,transparent 41px 78px);opacity:.7}
.dhs-legal-hero-accent-waves::before{content:"";position:absolute;inset:-25% -8%;z-index:0;background:radial-gradient(80% 55% at 20% 45%,transparent 61%,color-mix(in srgb,var(--dhs-legal-hero-accent) 20%,transparent) 62% 63%,transparent 64%),radial-gradient(90% 60% at 78% 55%,transparent 65%,color-mix(in srgb,var(--dhs-legal-hero-accent) 14%,transparent) 66% 67%,transparent 68%);opacity:.55;transform:rotate(-4deg)}
.dhs-legal-hero-accent-texture::before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--dhs-legal-hero-accent) 25%,transparent) 0 1px,transparent 1.4px),radial-gradient(circle at 75% 65%,color-mix(in srgb,var(--dhs-legal-hero-color) 12%,transparent) 0 1px,transparent 1.3px);background-size:27px 27px,39px 39px;background-position:0 0,9px 13px;opacity:.42}
.dhs-legal-hero-accent-glass::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(130deg,color-mix(in srgb,var(--dhs-legal-hero-accent) 12%,transparent),transparent 38%),radial-gradient(circle at 13% 20%,color-mix(in srgb,var(--dhs-legal-hero-color) 10%,transparent) 0 8%,transparent 8.4%),radial-gradient(circle at 88% 25%,color-mix(in srgb,var(--dhs-legal-hero-accent) 14%,transparent) 0 10%,transparent 10.4%);opacity:.8}
.dhs-legal-hero-accent-diagonal::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(118deg,color-mix(in srgb,var(--dhs-legal-hero-accent) 18%,transparent) 0 21%,transparent 21.2% 66%,color-mix(in srgb,var(--dhs-legal-hero-accent) 9%,transparent) 66.2% 100%);opacity:.65}
.dhs-legal-hero-transition-shadow{box-shadow:0 24px 50px -36px color-mix(in srgb,var(--dhs-legal-hero-accent) 65%,#000)}
.dhs-legal-hero-transition-gradient::after{content:"";position:absolute;left:0;right:0;bottom:0;height:54px;z-index:2;background:linear-gradient(to bottom,transparent,var(--dhs-section-primary-bg,#fff))}
html.dhs-dark-mode .dhs-legal-hero-transition-gradient::after{background:linear-gradient(to bottom,transparent,var(--dhs-section-primary-dark-bg,#171717))}
.dhs-legal-hero-transition-glow{box-shadow:0 22px 70px -28px color-mix(in srgb,var(--dhs-legal-hero-accent) 58%,transparent)}.dhs-legal-hero-transition-edge{border-bottom:1px solid color-mix(in srgb,var(--dhs-legal-hero-accent) 42%,transparent)}
@media(max-width:700px){.dhs-legal-hero{padding:58px 20px}.dhs-legal-hero-align-right{text-align:left}.dhs-legal-hero-align-right p{margin-left:0!important;margin-right:auto!important}}


/* 0.41.1 – Rechtliches-Hero: Deckkraft und reine Glass Shapes */
.dhs-legal-hero::before,.dhs-legal-hero .dhs-legal-orb{opacity:var(--dhs-legal-hero-accent-opacity,.08)!important}
html.dhs-dark-mode .dhs-legal-hero::before,html.dhs-dark-mode .dhs-legal-hero .dhs-legal-orb{opacity:var(--dhs-legal-hero-accent-dark-opacity,.05)!important}
.dhs-legal-hero-accent-glass::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(130deg,color-mix(in srgb,var(--dhs-legal-hero-accent) 72%,transparent),transparent 46%)}
.dhs-legal-hero-accent-glass .dhs-legal-orb{display:block;filter:none;background:color-mix(in srgb,var(--dhs-legal-hero-color) 28%,transparent);border:1px solid color-mix(in srgb,var(--dhs-legal-hero-color) 55%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent),0 18px 48px color-mix(in srgb,var(--dhs-legal-hero-accent) 30%,transparent);backdrop-filter:blur(12px);border-radius:34px}
.dhs-legal-hero-accent-glass .dhs-legal-orb-one{width:250px;height:105px;left:7%;top:16%;transform:rotate(11deg)}
.dhs-legal-hero-accent-glass .dhs-legal-orb-two{width:190px;height:82px;right:8%;bottom:15%;transform:rotate(-9deg)}


/* 0.41.2 – Guestmap verwendet die einheitliche Framework-Hero-Engine */
.dhs-guestmap-hero{background-position:var(--dhs-guestmap-hero-position,center center);background-size:cover;background-repeat:no-repeat}
.dhs-guestmap-hero .dhs-legal-hero-inner p{max-width:760px;margin:16px auto 0;color:var(--dhs-guestmap-hero-body,var(--dhs-legal-hero-color,#fff));font-size:clamp(16px,1.8vw,20px);line-height:1.65}
.dhs-guestmap-hero.dhs-legal-hero-align-left .dhs-legal-hero-inner p{margin-left:0;margin-right:auto}
.dhs-guestmap-hero.dhs-legal-hero-align-right .dhs-legal-hero-inner p{margin-left:auto;margin-right:0}
html.dhs-dark-mode .dhs-guestmap-hero .dhs-legal-hero-inner p{color:var(--dhs-legal-hero-dark-color,#fff)}


/* 0.43.3 – language switch loading overlay */
.dhs-language-loading-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;background:rgba(8,13,24,.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.dhs-language-loading-overlay.is-visible{opacity:1;visibility:visible;pointer-events:all}
.dhs-language-loading-overlay__card{display:flex;align-items:center;gap:13px;min-width:260px;max-width:calc(100vw - 40px);padding:18px 22px;border:1px solid rgba(255,255,255,.6);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(0,0,0,.24);color:#172033;font-size:15px;text-align:left}
.dhs-language-loading-overlay__globe{font-size:24px;line-height:1}
.dhs-language-loading-overlay__spinner{width:22px;height:22px;border:3px solid rgba(23,32,51,.16);border-top-color:var(--dhs-accent,#2f80ed);border-radius:50%;animation:dhs-language-spin .75s linear infinite}
.dhs-language-loading-overlay__card strong{font:inherit;font-weight:800}
html.dhs-dark-mode .dhs-language-loading-overlay__card{border-color:rgba(255,255,255,.16);background:rgba(24,29,39,.94);color:#fff}
@keyframes dhs-language-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.dhs-language-loading-overlay__card{min-width:0;width:100%;justify-content:center;padding:16px 18px;border-radius:17px}}

/* 0.43.7 – keep the language switch visually stable until GTranslate is ready. */
.dhs-site-language--dynamic.is-language-pending{opacity:.55;pointer-events:none}
.dhs-site-language--dynamic{transition:opacity .18s ease}

/* 0.43.8 – controlled one-time reload lets GTranslate consume the detected language cookie on the first request. */

/* 0.43.9 – preserve canonical zh-CN/zh-TW codes for GTranslate cookies and API calls. */


/* 0.60.1 – Floating labels are real text nodes so translation engines can translate them */
.dhs-floating-action__label{display:none}
@media(max-width:768px){
  .dhs-floating-actions:not(.is-hidden-mobile) .dhs-floating-action::after{display:none!important;content:none!important}
  .dhs-floating-actions:not(.is-hidden-mobile) .dhs-floating-action__label{
    display:block!important;max-width:100%;font-size:10px;font-weight:700;line-height:1.1;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.86
  }
}

/* 0.60.1 – Contact hero uses the full Suite hero framework */
.dhs-page-hero.is-align-left .dhs-page-hero__content{text-align:left}
.dhs-page-hero.is-align-center .dhs-page-hero__content{text-align:center}
.dhs-page-hero.is-align-right .dhs-page-hero__content{text-align:right}
.dhs-page-hero.is-align-center h1,.dhs-page-hero.is-align-center p{margin-left:auto;margin-right:auto}
.dhs-page-hero.is-align-right h1,.dhs-page-hero.is-align-right p{margin-left:auto}
.dhs-page-hero.is-size-small h1{font-size:clamp(38px,4.5vw,54px)}
.dhs-page-hero.is-size-small p{font-size:16px;max-width:650px}
.dhs-page-hero.is-size-large h1{font-size:clamp(58px,7vw,88px)}
.dhs-page-hero.is-size-large p{font-size:20px;max-width:820px}
html.dhs-dark-mode .dhs-page-hero__effect{opacity:var(--dhs-page-hero-effect-opacity-dark,var(--dhs-page-hero-effect-opacity,.05))}
.dhs-page-hero[data-dhs-page-effect="texture"] .dhs-page-hero__effect{background-image:radial-gradient(currentColor .8px,transparent .9px);background-size:9px 9px}
.dhs-page-hero[data-dhs-page-effect="glass"] .dhs-page-hero__effect:before{content:"";position:absolute;width:46%;height:72%;right:5%;top:14%;border:1px solid currentColor;border-radius:34px;background:color-mix(in srgb,currentColor 11%,transparent);backdrop-filter:blur(10px);transform:rotate(-5deg)}
.dhs-page-hero[data-dhs-page-effect="diagonal"] .dhs-page-hero__effect:before{content:"";position:absolute;inset:-30% -15% -30% 56%;background:currentColor;transform:skewX(-17deg)}
.dhs-page-hero[data-dhs-page-effect="complete"] .dhs-page-hero__effect{background-image:radial-gradient(currentColor 1.4px,transparent 1.5px);background-size:28px 28px;mask-image:linear-gradient(110deg,#000 0%,transparent 78%);-webkit-mask-image:linear-gradient(110deg,#000 0%,transparent 78%)}
.dhs-page-hero[data-dhs-page-effect="complete"] .dhs-page-hero__effect:before,.dhs-page-hero[data-dhs-page-effect="complete"] .dhs-page-hero__effect:after{content:"";position:absolute;border-radius:50%;border:42px solid currentColor}
.dhs-page-hero[data-dhs-page-effect="complete"] .dhs-page-hero__effect:before{width:360px;height:360px;right:-120px;top:-180px}
.dhs-page-hero[data-dhs-page-effect="complete"] .dhs-page-hero__effect:after{width:220px;height:220px;left:-100px;bottom:-130px}
.dhs-page-hero.is-transition-shadow{box-shadow:0 24px 54px rgba(0,0,0,.18)}
.dhs-page-hero.is-transition-gradient:after,.dhs-page-hero.is-transition-glow:after,.dhs-page-hero.is-transition-edge:after{content:"";position:absolute;z-index:3;left:0;right:0;bottom:0;pointer-events:none}
.dhs-page-hero.is-transition-gradient:after{height:90px;background:linear-gradient(to bottom,transparent,var(--dhs-bg,#fff))}
html.dhs-dark-mode .dhs-page-hero.is-transition-gradient:after{background:linear-gradient(to bottom,transparent,var(--dhs-dark-background,#181818))}
.dhs-page-hero.is-transition-glow:after{height:4px;background:var(--dhs-page-hero-effect,var(--dhs-accent));box-shadow:0 0 28px 7px color-mix(in srgb,var(--dhs-page-hero-effect,var(--dhs-accent)) 55%,transparent)}
.dhs-page-hero.is-transition-edge:after{height:1px;background:color-mix(in srgb,var(--dhs-page-hero-heading,#fff) 30%,transparent)}
@media(max-width:600px){
  .dhs-page-hero.is-size-large h1{font-size:clamp(42px,13vw,58px)}
  .dhs-page-hero.is-size-small h1{font-size:clamp(34px,10vw,44px)}
}

/* 0.60.3 – Kontakt verwendet dieselben Framework-Hero-Klassen wie Rechtliches */
.dhs-contact-framework-hero{
  display:flex;
  align-items:center;
  min-height:var(--dhs-contact-hero-desktop,520px);
  box-sizing:border-box;
}
.dhs-contact-framework-hero-position-top{align-items:flex-start}
.dhs-contact-framework-hero-position-center{align-items:center}
.dhs-contact-framework-hero-position-bottom{align-items:flex-end}
.dhs-contact-framework-hero .dhs-legal-hero-inner p{
  max-width:760px;
  margin:16px auto 0;
  color:var(--dhs-legal-hero-body,currentColor);
  font-size:clamp(16px,1.8vw,20px);
  line-height:1.65;
}
.dhs-contact-framework-hero.dhs-legal-hero-align-left .dhs-legal-hero-inner p{margin-left:0;margin-right:auto}
.dhs-contact-framework-hero.dhs-legal-hero-align-right .dhs-legal-hero-inner p{margin-left:auto;margin-right:0}
html.dhs-dark-mode .dhs-contact-framework-hero .dhs-legal-hero-inner p{color:var(--dhs-legal-hero-dark-color,#fff)!important}
.dhs-contact-framework-hero__image{
  position:absolute;
  inset:0;
  z-index:0;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:.24;
  pointer-events:none;
}
html.dhs-dark-mode .dhs-contact-framework-hero__image{opacity:.2}
@media(max-width:900px){.dhs-contact-framework-hero{min-height:var(--dhs-contact-hero-tablet,430px)}}
@media(max-width:600px){.dhs-contact-framework-hero{min-height:var(--dhs-contact-hero-mobile,340px)}}

/* 0.60.4 – Zimmerdetail-Galerie und Darkmode-Polishing */
.dhs-room-detail .dhs-gallery-arrow{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  border-radius:50%!important;
  background:rgba(20,20,20,.64)!important;
  color:#fff!important;
  font-size:30px!important;
  font-weight:400!important;
  line-height:1!important;
  padding:0 0 3px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:translateY(-50%)!important;
  transition:none!important;
  box-shadow:none!important;
}
.dhs-room-detail .dhs-gallery-arrow:hover,
.dhs-room-detail .dhs-gallery-arrow:focus,
.dhs-room-detail .dhs-gallery-arrow:active{
  background:rgba(20,20,20,.64)!important;
  color:#fff!important;
  transform:translateY(-50%)!important;
  box-shadow:none!important;
}
.dhs-room-detail .dhs-gallery-counter{
  background:rgba(12,12,12,.78)!important;
  color:#fff!important;
}
.dhs-room-detail .dhs-gallery-counter,
.dhs-room-detail .dhs-gallery-counter b{
  color:#fff!important;
}
.dhs-room-detail .dhs-gallery-zoom{
  background:rgba(255,255,255,.94)!important;
  color:#111!important;
  line-height:1!important;
  text-shadow:none!important;
}
html.dhs-dark-mode .dhs-room-detail .dhs-gallery-zoom,
html.dhs-light-mode .dhs-room-detail .dhs-gallery-zoom{
  color:#111!important;
}

.dhs-lightbox .dhs-lightbox-arrow{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  border-radius:50%!important;
  padding:0 0 4px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:42px!important;
  line-height:1!important;
  text-align:center!important;
  transition:none!important;
  transform:translateY(-50%)!important;
}
.dhs-lightbox .dhs-lightbox-arrow:hover,
.dhs-lightbox .dhs-lightbox-arrow:focus,
.dhs-lightbox .dhs-lightbox-arrow:active{
  transform:translateY(-50%)!important;
}
.dhs-lightbox .dhs-lightbox-counter,
.dhs-lightbox .dhs-lightbox-counter b{
  color:#fff!important;
}

html.dhs-dark-mode .dhs-room-detail .dhs-room-content{
  margin-top:22px!important;
  padding:18px 20px 20px!important;
  border:1px solid color-mix(in srgb,var(--dhs-dark-text,#fff) 12%,transparent)!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--dhs-dark-card,#242424) 92%,var(--dhs-accent) 8%)!important;
  box-shadow:none!important;
  line-height:1.75!important;
}
html.dhs-dark-mode .dhs-room-detail .dhs-room-content p{
  margin-top:0!important;
  margin-bottom:.85em!important;
  line-height:1.75!important;
}
html.dhs-dark-mode .dhs-room-detail .dhs-room-content p:last-child{
  margin-bottom:0!important;
}

@media(max-width:760px){
  .dhs-room-detail .dhs-gallery-arrow{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    font-size:27px!important;
  }
  .dhs-lightbox .dhs-lightbox-arrow{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    font-size:34px!important;
    padding-bottom:3px!important;
  }
  html.dhs-dark-mode .dhs-room-detail .dhs-room-content{
    padding:16px 17px 18px!important;
  }
}

/* 0.60.6 – Zimmerdetail-Hero: Full Width + Classic-Inhaltsraster */
.dhs-room-layout-hero .dhs-room-back{margin-bottom:18px}
.dhs-room-hero{position:relative;width:100vw;min-height:clamp(500px,58vw,720px);margin:0 calc(50% - 50vw) 44px;border-radius:0;overflow:hidden;background:#172a30 var(--dhs-room-hero-image) center/cover no-repeat;color:#fff;isolation:isolate;box-shadow:0 24px 64px rgba(0,0,0,.15)}
.dhs-room-hero__shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,19,24,.82) 0%,rgba(7,19,24,.54) 48%,rgba(7,19,24,.16) 76%,rgba(7,19,24,.24) 100%)}
.dhs-room-hero__content{min-height:inherit;display:flex;align-items:flex-end;padding:clamp(40px,6vw,78px) 20px}
.dhs-room-hero__inner{width:min(100%,var(--dhs-container));margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:42px}
.dhs-room-hero__copy{max-width:760px}.dhs-room-hero__badge{display:inline-flex;margin-bottom:14px;padding:8px 13px;border-radius:999px;background:var(--dhs-accent);color:#111;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.055em}
.dhs-room-hero h1{margin:0;color:#fff!important;font-size:clamp(48px,7vw,88px)!important;line-height:.95;letter-spacing:-.035em;text-shadow:0 5px 24px rgba(0,0,0,.28)}
.dhs-room-hero__subtitle{max-width:680px;margin:18px 0 0;color:rgba(255,255,255,.9)!important;font-size:clamp(16px,2vw,22px)!important;line-height:1.55}
.dhs-room-hero__services{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.dhs-room-hero__services span{padding:8px 11px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(10,18,22,.38);color:#fff;font-size:12px;backdrop-filter:blur(8px)}
.dhs-room-hero__booking{flex:0 0 auto;min-width:238px;padding:24px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(8,19,24,.58);backdrop-filter:blur(12px)}
.dhs-room-hero__price span,.dhs-room-hero__price strong{display:block}.dhs-room-hero__price span{color:rgba(255,255,255,.72);font-size:12px}.dhs-room-hero__price strong{margin:2px 0;color:#fff;font-size:clamp(30px,4vw,48px);font-weight:650}
.dhs-room-hero__button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;margin-top:18px;padding:0 20px;border-radius:8px;background:var(--dhs-accent);color:#111!important;text-decoration:none!important;font-weight:850;text-align:center}.dhs-room-hero__button:hover{filter:brightness(.95);color:#111!important}.dhs-room-hero__button .dhs-icon-svg{width:19px;height:19px;stroke:currentColor;fill:none}
.dhs-room-layout-hero .dhs-detail-top{grid-template-columns:minmax(0,var(--dhs-room-gallery-fr,1fr)) minmax(340px,var(--dhs-room-copy-fr,1fr))!important;grid-template-areas:"gallery summary"!important;gap:34px!important;align-items:start}
.dhs-room-layout-hero .dhs-detail-gallery-column{grid-area:gallery;order:1;min-width:0}
.dhs-room-layout-hero .dhs-detail-summary{grid-area:summary;order:2;display:block!important;min-width:0;padding:0}
.dhs-room-layout-hero .dhs-detail-summary>.dhs-badge,.dhs-room-layout-hero .dhs-detail-summary>h1,.dhs-room-layout-hero .dhs-detail-summary>.dhs-detail-subtitle,.dhs-room-layout-hero .dhs-detail-summary>.dhs-detail-service-badges,.dhs-room-layout-hero .dhs-detail-summary>.dhs-detail-price{display:none!important}
.dhs-room-layout-hero .dhs-room-content{margin:22px 0 0!important;padding:22px 24px!important;border:1px solid rgba(0,0,0,.09)!important;border-radius:18px!important;background:var(--dhs-card,#fff)!important;box-shadow:0 14px 38px rgba(0,0,0,.05)!important;font-size:15px!important;line-height:1.8!important}
.dhs-room-layout-hero .dhs-detail-amenities{width:100%;margin:24px 0 0;padding:24px}
.dhs-room-layout-hero .dhs-amenity-groups{grid-template-columns:repeat(2,minmax(0,1fr))}
html.dhs-dark-mode .dhs-room-layout-hero .dhs-room-content{background:var(--dhs-dark-card,#242424)!important;border-color:rgba(255,255,255,.11)!important}
@media(max-width:1050px){.dhs-room-layout-hero .dhs-detail-top{grid-template-columns:1fr!important;grid-template-areas:"gallery" "summary"!important}.dhs-room-layout-hero .dhs-detail-summary{width:100%}.dhs-room-layout-hero .dhs-room-gallery-accent{min-height:170px}}
@media(max-width:820px){.dhs-room-hero__inner{display:block}.dhs-room-hero__booking{width:min(100%,330px);margin-top:28px}.dhs-room-hero__shade{background:linear-gradient(180deg,rgba(7,19,24,.25),rgba(7,19,24,.86) 72%)}.dhs-room-layout-hero .dhs-amenity-groups{grid-template-columns:1fr}}
@media(max-width:620px){.dhs-room-hero{min-height:640px}.dhs-room-hero__content{padding:34px 20px}.dhs-room-hero h1{font-size:clamp(42px,13vw,62px)!important}.dhs-room-hero__booking{min-width:0;width:100%;padding:18px}.dhs-room-layout-hero .dhs-room-content{padding:18px!important}}


/* Dateck Unterkunft Suite 0.60.7 – final room hero information flow. */
.dhs-room-layout-hero .dhs-room-hero{margin-top:-38px}
.dhs-room-layout-hero .dhs-room-back--hero{display:inline-flex;align-items:center;margin:0 0 16px;color:var(--dhs-muted)!important;font-size:13px;font-weight:650;text-decoration:none}
.dhs-room-layout-hero .dhs-room-back--hero:hover{color:var(--dhs-accent-dark)!important}
.dhs-room-layout-hero .dhs-detail-facts--hero{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0 0;border:1px solid rgba(0,0,0,.1);border-radius:16px;overflow:hidden;background:var(--dhs-card,#fff)}
.dhs-room-layout-hero .dhs-detail-facts--hero>div{min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 10px;text-align:center;border-right:1px solid rgba(0,0,0,.1)}
.dhs-room-layout-hero .dhs-detail-facts--hero>div:nth-child(3n){border-right:1px solid rgba(0,0,0,.1)}
.dhs-room-layout-hero .dhs-detail-facts--hero>div:nth-child(4n),.dhs-room-layout-hero .dhs-detail-facts--hero>div:last-child{border-right:0}
.dhs-room-layout-hero .dhs-detail-facts--hero .dhs-fact-icon{display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:var(--dhs-text)}
.dhs-room-layout-hero .dhs-detail-facts--hero .dhs-fact-copy{display:flex;flex-direction:column;gap:7px}
.dhs-room-layout-hero .dhs-detail-facts--hero strong{font-size:13px;line-height:1.35;font-weight:650}
.dhs-room-layout-hero .dhs-detail-facts--hero small{margin:0;color:var(--dhs-muted);font-size:9px;letter-spacing:.12em}
html.dhs-dark-mode .dhs-room-layout-hero .dhs-detail-facts--hero{background:var(--dhs-dark-card,#242424);border-color:rgba(255,255,255,.12)}
html.dhs-dark-mode .dhs-room-layout-hero .dhs-detail-facts--hero>div{border-color:rgba(255,255,255,.12)}
@media(max-width:1050px){.dhs-room-layout-hero .dhs-room-hero{margin-top:-38px}}
@media(max-width:700px){.dhs-room-layout-hero .dhs-room-hero{margin-top:-38px}.dhs-room-layout-hero .dhs-detail-facts--hero{grid-template-columns:repeat(2,minmax(0,1fr))}.dhs-room-layout-hero .dhs-detail-facts--hero>div:nth-child(2n){border-right:0}.dhs-room-layout-hero .dhs-detail-facts--hero>div:nth-child(-n+2){border-bottom:1px solid rgba(0,0,0,.1)}html.dhs-dark-mode .dhs-room-layout-hero .dhs-detail-facts--hero>div:nth-child(-n+2){border-bottom-color:rgba(255,255,255,.12)}}


/* Veranstaltungen / Highlights in der Nähe */
.dhs-events{width:100%}.dhs-events__head{max-width:760px;margin:0 auto 38px;text-align:center}.dhs-events__head h2{margin:.25em 0 .3em;font-size:var(--dhs-section-heading-desktop,48px);line-height:1.08}.dhs-events__head p{margin:0;color:var(--dhs-muted)}
.dhs-events__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.dhs-event-card{display:flex;flex-direction:column;min-width:0;background:var(--dhs-card);color:var(--dhs-text);border:1px solid color-mix(in srgb,var(--dhs-text) 12%,transparent);border-radius:var(--dhs-radius);overflow:hidden;box-shadow:0 14px 34px rgba(20,15,30,.08)}
.dhs-event-card__media{position:relative;aspect-ratio:4/3;background-position:center;background-size:cover;background-color:color-mix(in srgb,var(--dhs-accent) 12%,var(--dhs-card));}.dhs-event-card__media.no-image:after{content:'EVENT';position:absolute;inset:0;display:grid;place-items:center;font-weight:800;letter-spacing:.22em;color:color-mix(in srgb,var(--dhs-accent) 55%,transparent)}
.dhs-event-card__date{position:absolute;z-index:1;left:14px;top:14px;display:flex;flex-direction:column;align-items:center;min-width:58px;padding:9px 10px;border-radius:14px;background:var(--dhs-card);color:var(--dhs-text);box-shadow:0 8px 22px rgba(0,0,0,.16)}.dhs-event-card__date strong{font-size:24px;line-height:1}.dhs-event-card__date small{margin-top:4px;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--dhs-accent-dark)}
.dhs-event-card__body{display:flex;flex:1;flex-direction:column;padding:20px}.dhs-event-card__body h3{margin:0 0 8px;font-size:21px;line-height:1.18}.dhs-event-card__meta{margin:0 0 12px;font-weight:700;color:var(--dhs-accent-dark)}.dhs-event-card__text{margin-bottom:14px;line-height:1.6;color:var(--dhs-muted)}.dhs-event-card__address{display:flex;gap:7px;align-items:flex-start;margin:auto 0 16px;font-size:14px}.dhs-event-card__address .dashicons{color:var(--dhs-accent-dark)}.dhs-event-card__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dhs-event-card__button{display:inline-flex;padding:11px 15px;border-radius:11px;background:var(--dhs-accent);color:var(--dhs-accent-contrast,#111);font-weight:800;text-decoration:none}.dhs-event-card__link{font-weight:700;text-decoration:none;color:inherit}
html.dhs-dark .dhs-event-card{background:var(--dhs-dark-card);color:var(--dhs-dark-text);border-color:color-mix(in srgb,var(--dhs-dark-text) 14%,transparent)}html.dhs-dark .dhs-event-card__date{background:var(--dhs-dark-card);color:var(--dhs-dark-text)}html.dhs-dark .dhs-event-card__text,html.dhs-dark .dhs-events__head p{color:color-mix(in srgb,var(--dhs-dark-text) 72%,transparent)}
@media(max-width:1180px){.dhs-events__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.dhs-events__head{text-align:left;margin-bottom:25px}.dhs-events__head h2{font-size:var(--dhs-section-heading-mobile,34px)}.dhs-events__grid{grid-template-columns:1fr}.dhs-event-card{display:grid;grid-template-columns:120px 1fr}.dhs-event-card__media{height:100%;aspect-ratio:auto;min-height:200px}.dhs-event-card__body{padding:17px}.dhs-event-card__date{left:9px;top:9px;min-width:50px}.dhs-event-card__date strong{font-size:20px}}

/* Events 0.62 */
.dhs-events__head{max-width:none!important;display:flex;align-items:end;justify-content:space-between;gap:30px;text-align:left!important}.dhs-events__head>div{max-width:760px}.dhs-events__all{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;padding:13px 20px;border:1px solid color-mix(in srgb,var(--dhs-text) 15%,transparent);border-radius:var(--dhs-button-radius);color:var(--dhs-text);font-weight:750;text-decoration:none;transition:.2s}.dhs-events__all:hover{transform:translateY(-2px);border-color:var(--dhs-accent);color:var(--dhs-text)}
.dhs-events__grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.dhs-event-card h3 a{color:inherit;text-decoration:none}.dhs-event-card__media{display:block}.dhs-event-card__button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border-radius:var(--dhs-button-radius);background:var(--dhs-button-bg);color:var(--dhs-button-text);font-weight:750;text-decoration:none}.dhs-event-card__body{display:flex;flex-direction:column}.dhs-event-card__text{margin-bottom:18px}
.dhs-event-page-hero,.dhs-event-detail-hero{position:relative;isolation:isolate;display:flex;align-items:end;min-height:clamp(380px,52vw,650px);background:linear-gradient(135deg,var(--dhs-primary),color-mix(in srgb,var(--dhs-primary) 70%,var(--dhs-accent)));background-position:center;background-size:cover;color:#fff}.dhs-event-page-hero:before,.dhs-event-detail-hero__shade{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,10,16,.82),rgba(8,10,16,.3) 70%,rgba(8,10,16,.12))}.dhs-event-page-hero__inner,.dhs-event-detail-hero__inner{width:min(var(--dhs-container),calc(100% - 40px));margin:0 auto;padding:100px 0 78px}.dhs-event-page-hero h1,.dhs-event-detail-hero h1{max-width:900px;margin:.2em 0 .18em;color:#fff;font-size:clamp(44px,6vw,82px);line-height:1.02}.dhs-event-page-hero p{max-width:650px;margin:0;font-size:clamp(17px,2vw,22px);color:rgba(255,255,255,.82)}
.dhs-event-archive__content{width:min(var(--dhs-container),calc(100% - 40px));margin:0 auto;padding:90px 0 110px}.dhs-event-archive__intro{max-width:760px;margin-bottom:42px}.dhs-event-archive__intro h2{margin:.22em 0 .28em}.dhs-event-archive__intro p{color:var(--dhs-muted)}.dhs-event-archive__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.dhs-event-empty{padding:70px 30px;border:1px dashed color-mix(in srgb,var(--dhs-text) 20%,transparent);border-radius:var(--dhs-radius);text-align:center}
.dhs-event-detail-hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.dhs-event-detail-hero__meta span{padding:9px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(10,10,14,.28);backdrop-filter:blur(8px)}.dhs-event-detail{width:min(var(--dhs-container),calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:56px;padding:80px 0 110px}.dhs-event-back{display:inline-flex;margin-bottom:38px;color:var(--dhs-muted);text-decoration:none;font-weight:700}.dhs-event-detail__copy{padding:38px;border:1px solid color-mix(in srgb,var(--dhs-text) 12%,transparent);border-radius:var(--dhs-radius);background:var(--dhs-card);box-shadow:var(--dhs-card-shadow)}.dhs-event-detail__copy h2{margin:.25em 0 .65em}.dhs-event-detail__copy>*:last-child{margin-bottom:0}.dhs-event-info-card{position:sticky;top:110px;padding:30px;border:1px solid color-mix(in srgb,var(--dhs-text) 12%,transparent);border-radius:var(--dhs-radius);background:var(--dhs-card);box-shadow:var(--dhs-card-shadow)}.dhs-event-info-card h2{margin:0 0 22px;font-size:26px}.dhs-event-info-card dl{margin:0}.dhs-event-info-card dl div{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,var(--dhs-text) 10%,transparent)}.dhs-event-info-card dt{color:var(--dhs-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dhs-event-info-card dd{margin:0;font-weight:650}.dhs-event-info-card__actions{display:grid;gap:10px;margin-top:24px}.dhs-event-primary-action,.dhs-event-secondary-action{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:var(--dhs-button-radius);font-weight:800;text-decoration:none}.dhs-event-primary-action{background:var(--dhs-button-bg);color:var(--dhs-button-text)}.dhs-event-secondary-action{border:1px solid color-mix(in srgb,var(--dhs-text) 16%,transparent);color:var(--dhs-text)}
html.dhs-dark-mode .dhs-event-card,html.dhs-dark-mode .dhs-event-detail__copy,html.dhs-dark-mode .dhs-event-info-card{background:var(--dhs-dark-card);color:var(--dhs-dark-text);border-color:color-mix(in srgb,var(--dhs-dark-text) 15%,transparent)}html.dhs-dark-mode .dhs-events__all,html.dhs-dark-mode .dhs-event-secondary-action{color:var(--dhs-dark-text);border-color:color-mix(in srgb,var(--dhs-dark-text) 20%,transparent)}html.dhs-dark-mode .dhs-event-archive__intro p,html.dhs-dark-mode .dhs-event-back,html.dhs-dark-mode .dhs-event-info-card dt{color:color-mix(in srgb,var(--dhs-dark-text) 68%,transparent)}
@media(max-width:960px){.dhs-event-archive__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dhs-event-detail{grid-template-columns:1fr}.dhs-event-info-card{position:static}}@media(max-width:760px){.dhs-events__head{align-items:flex-start;flex-direction:column}.dhs-events__all{align-self:stretch;justify-content:center}.dhs-events__grid,.dhs-event-archive__grid{grid-template-columns:1fr!important}.dhs-event-page-hero__inner,.dhs-event-detail-hero__inner{padding:80px 0 55px}.dhs-event-detail{padding:50px 0 80px;gap:28px}.dhs-event-detail__copy{padding:24px}.dhs-event-card{display:flex!important}.dhs-event-card__media{min-height:230px!important}}


/* 0.62.2 – Events archive hero typography */
@media(min-width:761px){
  .dhs-event-page-hero h1{
    max-width:none!important;
    font-size:clamp(40px,4.55vw,64px)!important;
    line-height:1.04!important;
    white-space:nowrap;
  }
  .dhs-event-page-hero p{
    max-width:none!important;
    font-size:clamp(16px,1.55vw,20px)!important;
    white-space:nowrap;
  }
}
@media(max-width:760px){
  .dhs-event-page-hero h1,.dhs-event-page-hero p{white-space:normal}
}


/* 0.62.3 – Event detail back link beneath info card */
.dhs-event-detail__main{display:flex;flex-direction:column;justify-content:flex-start}
.dhs-event-detail__aside{display:flex;flex-direction:column;align-items:stretch}
.dhs-event-back--aside{margin:18px 0 0;padding:0 4px;align-self:flex-start}
@media(max-width:960px){.dhs-event-back--aside{margin-top:14px}}


/* 0.62.5 – Back link stays inside the sticky event information card. */
.dhs-event-info-card__actions .dhs-event-back--card{display:flex;align-items:center;justify-content:center;min-height:46px;margin-top:2px;padding-top:14px;border-top:1px solid rgba(120,130,140,.18);text-decoration:none;font-weight:750}
.dhs-event-info-card__actions:empty{display:none}


/* 0.62.9 – compact homepage event excerpts */
.dhs-event-card.is-compact .dhs-event-card__text{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.55;
  min-height:calc(1.55em * 2);
  max-height:calc(1.55em * 2);
  margin-bottom:14px;
}

/* Dateck Unterkunft Suite 1.1.0 – Saisonpreise & Zusatzleistungen */
.dhs-property-pricing{width:min(100%,var(--dhs-container));margin:38px auto 0;display:grid;gap:22px}.dhs-property-block{padding:28px;border:1px solid rgba(0,0,0,.1);border-radius:20px;background:var(--dhs-bg,#fff);box-shadow:0 14px 38px rgba(0,0,0,.055)}.dhs-property-block h2{margin:4px 0 20px}.dhs-property-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--dhs-accent-dark);text-transform:uppercase}.dhs-season-price-grid,.dhs-extra-service-grid{display:grid;gap:10px}.dhs-season-price-grid article,.dhs-extra-service-grid article{display:grid;align-items:center;gap:16px;padding:16px 18px;border:1px solid rgba(0,0,0,.09);border-radius:14px;background:#fff}.dhs-season-price-grid article{grid-template-columns:minmax(0,1fr) auto}.dhs-season-price-grid strong,.dhs-season-price-grid small,.dhs-season-price-value b,.dhs-season-price-value span,.dhs-season-price-value small{display:block}.dhs-season-price-grid small,.dhs-extra-service-grid small,.dhs-extra-service-price span{color:var(--dhs-muted);font-size:12px}.dhs-season-price-value{text-align:right}.dhs-season-price-value b,.dhs-extra-service-price b{font-size:20px;color:var(--dhs-accent-dark)}.dhs-extra-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dhs-extra-service-grid article{grid-template-columns:auto minmax(0,1fr) auto}.dhs-extra-service-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:color-mix(in srgb,var(--dhs-accent) 18%,#fff);color:var(--dhs-accent-dark)}.dhs-extra-service-icon svg{width:22px;height:22px;stroke:currentColor;fill:none}.dhs-extra-service-grid strong,.dhs-extra-service-grid small{display:block}.dhs-extra-service-price{text-align:right}.dhs-stay-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dhs-stay-info-grid>div{padding:15px;border:1px solid rgba(0,0,0,.09);border-radius:13px;background:#fff}.dhs-stay-info-grid small,.dhs-stay-info-grid strong{display:block}.dhs-stay-info-grid small{color:var(--dhs-muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.dhs-property-note{margin-top:14px;padding:17px 18px;border-left:4px solid var(--dhs-accent);border-radius:0 14px 14px 0;background:rgba(0,0,0,.025)}.dhs-property-note p{margin:6px 0 0!important}@media(max-width:820px){.dhs-extra-service-grid{grid-template-columns:1fr}.dhs-stay-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.dhs-property-block{padding:20px}.dhs-season-price-grid article,.dhs-extra-service-grid article{grid-template-columns:1fr}.dhs-season-price-value,.dhs-extra-service-price{text-align:left}.dhs-stay-info-grid{grid-template-columns:1fr}}
html.dhs-dark-mode .dhs-season-price-grid article,html.dhs-dark-mode .dhs-extra-service-grid article,html.dhs-dark-mode .dhs-stay-info-grid>div{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12)}

/* Dateck Property Header + Topbar */
body.das-header-replace-theme #site-header,body.das-header-replace-theme #top-bar-wrap,body.das-header-replace-theme header#masthead:not(.das-site-header),body.das-header-replace-theme .site-header:not(.das-site-header),body.das-header-replace-theme .ast-primary-header-bar,body.das-header-replace-theme .kadence-sticky-header{display:none!important}
.das-header-stack{position:relative;z-index:99990;font-family:inherit}.das-header-stack.is-sticky{display:contents}.das-header-stack.is-sticky .das-site-header{position:sticky;top:0;z-index:99990}
.admin-bar .das-header-stack.is-sticky .das-site-header{top:32px}
.das-topbar{background:var(--das-topbar-bg);color:var(--das-topbar-text);border-top:2px solid var(--das-topbar-accent);border-bottom:1px solid var(--das-topbar-border,color-mix(in srgb,var(--das-topbar-text) 10%,transparent))}
.das-topbar__inner{max-width:var(--das-container);min-height:38px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.das-topbar__contact,.das-topbar__social{display:flex;align-items:center;gap:24px}.das-topbar a{display:inline-flex;align-items:center;gap:8px;color:inherit!important;text-decoration:none;font-size:13px}.das-topbar svg{width:18px;height:18px;fill:none;stroke:var(--das-topbar-accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.das-topbar__social{gap:12px}.das-topbar__social a{width:27px;height:27px;justify-content:center}.das-topbar__social svg{width:17px;height:17px}
.das-site-header{background:var(--das-header-bg);color:var(--das-header-text);border-bottom:1px solid color-mix(in srgb,var(--das-header-text) 10%,transparent);box-shadow:0 5px 22px rgba(0,0,0,.035)}
.das-site-header__inner{max-width:var(--das-container);min-height:var(--das-header-height);margin:auto;padding:0 20px;display:flex;align-items:center;gap:28px}.das-site-header__inner.is-full{max-width:none;padding-left:32px;padding-right:32px}
.das-site-logo{display:flex;align-items:center;color:inherit!important;text-decoration:none;flex:0 0 auto}.das-site-logo img{display:block;max-height:var(--das-logo-height);max-width:230px;width:auto}.das-logo-dark{display:none!important}
.das-site-nav{margin-left:auto}.das-menu-align-left .das-site-nav{margin-left:0;margin-right:auto}.das-menu-align-center .das-site-nav{margin-left:auto;margin-right:auto}.das-site-nav ul{display:flex;align-items:center;gap:25px;list-style:none;margin:0;padding:0}.das-site-nav li{position:relative}.das-site-nav a{position:relative;display:block;padding:28px 0;color:inherit!important;text-decoration:none;font-size:var(--das-menu-font);font-weight:650}.das-site-nav>ul>li>a:after{content:"";position:absolute;left:50%;right:50%;bottom:20px;height:2px;background:var(--das-menu-hover);transition:.2s}.das-site-nav>ul>li>a:hover:after,.das-site-nav .current-menu-item>a:after{left:0;right:0}.das-site-nav a:hover,.das-site-nav .current-menu-item>a{color:var(--das-menu-hover)!important}
.das-site-nav .sub-menu{display:none;position:absolute;top:100%;left:-18px;min-width:220px;padding:10px 0;background:var(--das-header-bg);border:1px solid color-mix(in srgb,var(--das-header-text) 12%,transparent);box-shadow:0 18px 44px rgba(0,0,0,.12);border-radius:12px}.das-site-nav li:hover>.sub-menu{display:block}.das-site-nav .sub-menu li{display:block}.das-site-nav .sub-menu a{padding:10px 18px;white-space:nowrap}
.das-site-actions{display:flex;align-items:center;gap:10px}.das-header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:var(--das-button-radius);background:var(--das-accent);color:#111!important;text-decoration:none;font-weight:750}.das-header-cta:hover{background:var(--das-accent-dark)}
.das-language-toggle,.das-dark-toggle{border:0;background:color-mix(in srgb,var(--das-primary) 8%,var(--das-card));color:var(--das-header-text);height:40px;border-radius:999px;padding:4px;display:inline-flex;align-items:center;cursor:pointer}.das-language-toggle span{padding:6px 8px;border-radius:999px;font-size:11px;font-weight:750}.das-language-toggle .is-active{background:var(--das-accent);color:#111}.das-dark-toggle{width:40px;justify-content:center}.das-dark-toggle span:last-child{display:none}.das-translate-engine{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.das-menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--das-accent);border-radius:50%;background:transparent;padding:10px;cursor:pointer}.das-menu-toggle span{display:block;width:21px;height:2px;margin:4px auto;background:var(--das-header-text)}.das-menu-mode-hamburger .das-menu-toggle{display:block}
.das-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.25s;z-index:99998}.das-menu-drawer{position:fixed;top:0;bottom:0;left:0;width:min(390px,88vw);padding:38px 32px;background:var(--das-header-bg);color:var(--das-header-text);transform:translateX(-105%);transition:.28s;z-index:99999;overflow:auto;box-shadow:20px 0 60px rgba(0,0,0,.18)}.das-menu-open .das-menu-overlay{opacity:1;visibility:visible}.das-menu-open .das-menu-drawer{transform:none}.das-menu-close{position:absolute;right:18px;top:12px;border:0;background:none;color:inherit;font-size:38px;cursor:pointer}.das-drawer-logo img{max-width:190px;max-height:65px}.das-menu-drawer ul{list-style:none;margin:40px 0 28px;padding:0}.das-menu-drawer li{border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}.das-menu-drawer a:not(.das-header-cta){display:block;padding:14px 0;color:inherit!important;text-decoration:none;font-size:17px;font-weight:650}.das-menu-drawer .sub-menu{margin:0 0 8px 16px}
html.das-dark-mode .das-site-header,html.das-dark-mode .das-menu-drawer{--das-header-bg:var(--das-header-dark-bg);--das-header-text:var(--das-header-dark-text)}html.das-dark-mode .das-logo-light{display:none!important}html.das-dark-mode .das-logo-dark{display:block!important}html.das-dark-mode .das-dark-toggle span:first-child{display:none}html.das-dark-mode .das-dark-toggle span:last-child{display:inline}html.das-dark-mode body{background:var(--das-dark-bg);color:var(--das-dark-text)}
@media(max-width:960px){.das-site-nav{display:none}.das-menu-toggle{display:block}.das-header-cta{display:none}.das-topbar__social{display:none}.das-topbar__contact{gap:14px}.das-topbar__contact a span{display:none}.das-topbar__contact a:first-child span{display:inline}.das-site-header__inner{gap:12px}.das-site-actions{margin-left:auto}}
@media(max-width:600px){.das-topbar__contact a:first-child span{display:none}.das-topbar__inner{min-height:34px}.das-language-toggle{display:none}.das-site-logo img{max-width:155px}}
@media(max-width:782px){.admin-bar .das-header-stack.is-sticky .das-site-header{top:46px}}

/* 0.4.1 – Header controls inherit the complete Property design engine */
.das-header-cta{
 background:var(--das-button-bg,var(--das-accent))!important;
 color:var(--das-button-text,#111)!important;
 -webkit-text-fill-color:var(--das-button-text,#111)!important;
}
.das-header-cta:hover,.das-header-cta:focus-visible{
 background:var(--das-button-hover-bg,var(--das-accent-dark))!important;
 color:var(--das-button-hover-text,#111)!important;
 -webkit-text-fill-color:var(--das-button-hover-text,#111)!important;
}
.das-language-toggle{
 background:color-mix(in srgb,var(--das-header-text) 8%,var(--das-header-bg))!important;
 color:var(--das-header-text)!important;
 border:1px solid color-mix(in srgb,var(--das-header-text) 13%,transparent)!important;
}
.das-language-toggle span:not(.is-active){color:var(--das-header-text)!important}
.das-language-toggle .is-active{
 background:var(--das-button-bg,var(--das-accent))!important;
 color:var(--das-button-text,#111)!important;
 -webkit-text-fill-color:var(--das-button-text,#111)!important;
}
.das-language-toggle:hover .is-active{background:var(--das-button-hover-bg,var(--das-accent-dark))!important;color:var(--das-button-hover-text,#111)!important}
.das-dark-toggle{
 background:color-mix(in srgb,var(--das-header-text) 9%,var(--das-header-bg))!important;
 color:var(--das-header-text)!important;
 border:1px solid color-mix(in srgb,var(--das-header-text) 10%,transparent)!important;
}
.das-menu-toggle{border-color:var(--das-accent)!important}.das-menu-toggle span{background:var(--das-header-text)!important}
html.das-dark-mode .das-header-cta{background:var(--das-dark-button-bg,var(--das-accent))!important;color:var(--das-dark-button-text,#111)!important;-webkit-text-fill-color:var(--das-dark-button-text,#111)!important}
html.das-dark-mode .das-header-cta:hover{background:var(--das-dark-button-hover-bg,var(--das-accent-dark))!important;color:var(--das-dark-button-hover-text,#111)!important;-webkit-text-fill-color:var(--das-dark-button-hover-text,#111)!important}
html.das-dark-mode .das-language-toggle .is-active{background:var(--das-dark-button-bg,var(--das-accent))!important;color:var(--das-dark-button-text,#111)!important;-webkit-text-fill-color:var(--das-dark-button-text,#111)!important}
html.das-dark-mode .das-language-toggle span:not(.is-active){color:var(--das-header-dark-text)!important}

/* Dateck Property Footer */
body.das-footer-replace-theme footer#footer,body.das-footer-replace-theme #footer,body.das-footer-replace-theme .site-footer:not(.das-site-footer),body.das-footer-replace-theme footer.site-footer:not(.das-site-footer),body.das-footer-replace-theme .footer-widgets,body.das-footer-replace-theme .ast-footer-wrap,body.das-footer-replace-theme .kadence-footer-wrap{display:none!important}
body.das-footer-replace-copyright #copyright,body.das-footer-replace-copyright .site-info,body.das-footer-replace-copyright .footer-bottom,body.das-footer-replace-copyright .ast-footer-copyright,body.das-footer-replace-copyright .site-footer-bottom-section-1{display:none!important}
.das-site-footer{margin:0;background:var(--das-footer-bg);color:var(--das-footer-text);font-family:inherit}
.das-site-footer__inner{max-width:var(--das-container);margin:0 auto;padding:66px 20px 22px}
.das-site-footer.is-full-width{width:100%}
.das-site-footer__grid{display:grid;grid-template-columns:1.35fr 1fr .9fr 1.1fr;gap:46px;padding-bottom:44px}
.das-site-footer h2,.das-site-footer h3{color:var(--das-footer-heading);margin-top:0}
.das-site-footer h3{font-size:16px;margin-bottom:18px}
.das-site-footer p{color:var(--das-footer-text);line-height:1.65;margin:0 0 12px}
.das-site-footer a{color:var(--das-footer-link)!important;text-decoration:none}
.das-site-footer a:hover{color:var(--das-footer-link-hover)!important}
.das-site-footer__brand img{display:block;max-width:235px;max-height:76px;width:auto;margin-bottom:20px}
.das-footer-logo-dark{display:none!important}
.das-site-footer__brand p{max-width:360px;color:var(--das-footer-muted)}
.das-footer-line,.das-footer-line a{display:flex!important;align-items:flex-start;gap:10px}
.das-footer-line svg,.das-footer-social svg{flex:0 0 auto;width:18px;height:18px;fill:none;stroke:var(--das-footer-link-hover);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.das-footer-menu{list-style:none;margin:0;padding:0}.das-footer-menu li{margin:0 0 10px}.das-footer-menu a{display:inline-block}
.das-footer-cta{padding:24px;border:1px solid var(--das-footer-border);border-radius:var(--das-radius);background:color-mix(in srgb,var(--das-footer-text) 4%,transparent)}
.das-footer-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;padding:0 18px;border-radius:var(--das-button-radius);background:var(--das-button-bg)!important;color:var(--das-button-text)!important;font-weight:750}
.das-footer-button:hover{background:var(--das-button-hover-bg)!important;color:var(--das-button-hover-text)!important}
.das-footer-social{display:flex;align-items:center;gap:10px;margin-top:20px}.das-footer-social a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--das-footer-border);border-radius:50%}
.das-site-footer__bottom{display:flex;justify-content:space-between;gap:24px;padding-top:20px;border-top:1px solid var(--das-footer-border);color:var(--das-footer-muted);font-size:12px}
.das-site-footer__bottom a{color:var(--das-footer-muted)!important}
html.das-dark-mode .das-site-footer{--das-footer-bg:var(--das-footer-dark-bg);--das-footer-text:var(--das-footer-dark-text);--das-footer-heading:var(--das-footer-dark-heading);--das-footer-link:var(--das-footer-dark-link);--das-footer-link-hover:var(--das-footer-dark-link-hover);--das-footer-border:var(--das-footer-dark-border);--das-footer-muted:var(--das-footer-dark-muted)}
html.das-dark-mode .das-footer-logo-light{display:none!important}
html.das-dark-mode .das-footer-logo-dark{display:block!important}
html.das-dark-mode .das-footer-button{background:var(--das-dark-button-bg)!important;color:var(--das-dark-button-text)!important}
html.das-dark-mode .das-footer-button:hover{background:var(--das-dark-button-hover-bg)!important;color:var(--das-dark-button-hover-text)!important}
@media(max-width:980px){.das-site-footer__grid{grid-template-columns:1fr 1fr}.das-site-footer__brand{grid-column:1/-1}.das-site-footer__brand p{max-width:none}}
@media(max-width:620px){.das-site-footer__inner{padding-top:46px}.das-site-footer__grid{grid-template-columns:1fr;gap:32px}.das-site-footer__brand{grid-column:auto}.das-site-footer__bottom{flex-direction:column;gap:8px}}


/* Property Header Layout Fix 0.5.1 */

/* Anchor links (#...) must never look active just because WordPress marks the page current. */
.das-site-nav > ul > li.current-menu-item > a[href*="#"]:after,
.das-site-nav > ul > li.current-menu-parent > a[href*="#"]:after,
.das-site-nav > ul > li.current_page_item > a[href*="#"]:after{
    left:50%!important;
    right:50%!important;
}
.das-site-nav > ul > li.current-menu-item > a[href*="#"],
.das-site-nav > ul > li.current-menu-parent > a[href*="#"],
.das-site-nav > ul > li.current_page_item > a[href*="#"]{
    color:inherit!important;
}
.das-site-nav > ul > li > a[href*="#"]:hover:after{
    left:0!important;
    right:0!important;
}
.das-site-nav > ul > li > a[href*="#"]:hover{
    color:var(--das-menu-hover)!important;
}

/* Leading hamburger exists before the logo. Trailing hamburger is only the mobile fallback for normal navigation. */
.das-menu-toggle--leading{display:none}
.das-menu-toggle--trailing{display:none}

/* Desktop hamburger mode: hamburger -> logo -> flexible space -> controls. */
.das-menu-mode-hamburger .das-menu-toggle--leading{
    display:block;
    flex:0 0 46px;
    order:0;
}
.das-menu-mode-hamburger .das-site-logo{
    order:1;
}
.das-menu-mode-hamburger .das-site-nav{
    display:none!important;
}
.das-menu-mode-hamburger .das-site-actions{
    order:3;
    margin-left:auto;
}
.das-menu-mode-hamburger .das-menu-toggle--trailing{
    display:none!important;
}

/* Normal navigation remains logo -> menu -> controls. */
.das-menu-mode-normal .das-site-logo{order:0}
.das-menu-mode-normal .das-site-nav{order:1}
.das-menu-mode-normal .das-site-actions{order:2}

/* Full-width behaves like the Unterkunft Suite: content really spans the viewport,
   with generous but fixed side padding instead of a centered pseudo-container. */
.das-site-header__inner.is-full{
    width:100%;
    max-width:none!important;
    padding-left:48px!important;
    padding-right:48px!important;
}
.das-menu-mode-hamburger .das-site-header__inner.is-full{
    gap:24px;
}

/* In hamburger mode the normal action block remains on the right exactly as in normal navigation. */
.das-menu-mode-hamburger .das-site-actions .das-language-toggle,
.das-menu-mode-hamburger .das-site-actions .das-dark-toggle,
.das-menu-mode-hamburger .das-site-actions .das-header-cta{
    display:inline-flex;
}

/* Mobile: hamburger is still always left of the logo.
   Normal-menu mode also switches to that same leading hamburger pattern. */
@media(max-width:960px){
    .das-site-header__inner,
    .das-site-header__inner.is-full{
        padding-left:20px!important;
        padding-right:20px!important;
    }
    .das-menu-mode-normal .das-menu-toggle--leading{
        display:block;
        flex:0 0 46px;
        order:0;
    }
    .das-menu-mode-normal .das-site-logo{
        order:1;
    }
    .das-menu-mode-normal .das-site-actions{
        order:3;
        margin-left:auto;
    }
    .das-menu-mode-normal .das-menu-toggle--trailing{
        display:none!important;
    }

    .das-menu-mode-hamburger .das-menu-toggle--leading{
        display:block;
        order:0;
    }
    .das-menu-mode-hamburger .das-site-logo{
        order:1;
    }
    .das-menu-mode-hamburger .das-site-actions{
        order:3;
        margin-left:auto;
    }

    /* Preserve the existing mobile decision for the big CTA. */
    .das-site-actions .das-header-cta{
        display:none!important;
    }
}


/* Footer design inheritance fix 0.5.2 */
.das-site-footer{
  background:var(--das-footer-bg)!important;
  color:var(--das-footer-text)!important;
}
.das-site-footer h1,.das-site-footer h2,.das-site-footer h3{
  color:var(--das-footer-heading)!important;
}
.das-site-footer p,.das-site-footer li,.das-site-footer span{
  color:inherit;
}
.das-site-footer a:not(.das-footer-button){
  color:var(--das-footer-link)!important;
}
.das-site-footer a:not(.das-footer-button):hover,
.das-site-footer a:not(.das-footer-button):focus-visible{
  color:var(--das-footer-link-hover)!important;
}
.das-site-footer__brand p{
  color:var(--das-footer-muted)!important;
}
.das-site-footer__bottom,
.das-site-footer__bottom span,
.das-site-footer__bottom a{
  color:var(--das-footer-muted)!important;
}
html.das-dark-mode .das-site-footer[data-has-dark-logo="1"] .das-footer-logo-light{display:none!important}
html.das-dark-mode .das-site-footer[data-has-dark-logo="1"] .das-footer-logo-dark{display:block!important}
html.das-dark-mode .das-site-footer[data-has-dark-logo="0"] .das-footer-logo-light{display:block!important}
html.das-dark-mode .das-site-footer[data-has-dark-logo="0"] .das-footer-logo-dark{display:none!important}


/* Footer icon + CTA specificity fix 0.5.3 */
.das-site-footer .das-footer-line svg{
  stroke:var(--das-footer-text)!important;
}
.das-site-footer .das-footer-social svg{
  stroke:var(--das-footer-text)!important;
}
.das-site-footer .das-footer-social a{
  border-color:color-mix(in srgb,var(--das-footer-text) 30%,transparent)!important;
  color:var(--das-footer-text)!important;
  transition:background .2s,border-color .2s,color .2s;
}
.das-site-footer .das-footer-social a:hover,
.das-site-footer .das-footer-social a:focus-visible{
  border-color:var(--das-footer-link-hover)!important;
  background:color-mix(in srgb,var(--das-footer-link-hover) 14%,transparent)!important;
}
.das-site-footer .das-footer-social a:hover svg,
.das-site-footer .das-footer-social a:focus-visible svg,
.das-site-footer .das-footer-line a:hover svg,
.das-site-footer .das-footer-line a:focus-visible svg{
  stroke:var(--das-footer-link-hover)!important;
}
/* Higher specificity than the generic footer link rule. */
.das-site-footer a.das-footer-button,
.das-site-footer a.das-footer-button:visited{
  background:var(--das-button-bg)!important;
  color:var(--das-button-text)!important;
}
.das-site-footer a.das-footer-button:hover,
.das-site-footer a.das-footer-button:focus-visible{
  background:var(--das-button-hover-bg)!important;
  color:var(--das-button-hover-text)!important;
}
html.das-dark-mode .das-site-footer a.das-footer-button,
html.das-dark-mode .das-site-footer a.das-footer-button:visited{
  background:var(--das-dark-button-bg)!important;
  color:var(--das-dark-button-text)!important;
}
html.das-dark-mode .das-site-footer a.das-footer-button:hover,
html.das-dark-mode .das-site-footer a.das-footer-button:focus-visible{
  background:var(--das-dark-button-hover-bg)!important;
  color:var(--das-dark-button-hover-text)!important;
}


/* Footer link hover contrast fix 0.5.4
   Normal links stay white; hover becomes a clearly visible light accent on dark footer surfaces. */
.das-site-footer{
  --das-footer-readable-hover: color-mix(in srgb, var(--das-footer-text) 68%, var(--das-accent) 32%);
}
.das-site-footer a:not(.das-footer-button):hover,
.das-site-footer a:not(.das-footer-button):focus-visible,
.das-site-footer .das-footer-contact a:hover,
.das-site-footer .das-footer-contact a:focus-visible{
  color:var(--das-footer-readable-hover)!important;
}
.das-site-footer .das-footer-contact a:hover svg,
.das-site-footer .das-footer-contact a:focus-visible svg{
  color:var(--das-footer-readable-hover)!important;
  stroke:currentColor!important;
}


/* Footer icon hover follows readable footer link hover 0.5.5 */
.das-site-footer .das-footer-contact a:hover svg,
.das-site-footer .das-footer-contact a:focus-visible svg,
.das-site-footer .das-footer-social a:hover,
.das-site-footer .das-footer-social a:focus-visible,
.das-site-footer .das-footer-social a:hover svg,
.das-site-footer .das-footer-social a:focus-visible svg{
  color:var(--das-footer-readable-hover)!important;
  stroke:currentColor!important;
}
.das-site-footer .das-footer-social a:hover svg *,
.das-site-footer .das-footer-social a:focus-visible svg *,
.das-site-footer .das-footer-contact a:hover svg *,
.das-site-footer .das-footer-contact a:focus-visible svg *{
  stroke:currentColor!important;
}


/* =========================================================
 * 0.5.6 – Header controls 1:1 from Dateck Unterkunft Suite
 * ======================================================= */
.das-topbar a{font-size:var(--das-topbar-font-size,13px)!important}
.das-topbar svg{width:var(--das-topbar-icon-size,18px)!important;height:var(--das-topbar-icon-size,18px)!important}
.das-topbar__social svg{width:var(--das-topbar-icon-size,18px)!important;height:var(--das-topbar-icon-size,18px)!important}

/* Language control – canonical Unterkunft implementation. */
.das-site-language{
  display:flex;
  align-items:center;
  height:44px;
  border-radius:999px;
  background:color-mix(in srgb,var(--das-header-text) 7%,var(--das-header-bg));
  padding:4px;
  box-sizing:border-box;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.025);
}
.das-site-language button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  color:var(--das-header-text)!important;
  border-radius:999px!important;
  padding:0 13px!important;
  min-width:38px!important;
  height:36px!important;
  min-height:36px!important;
  line-height:1!important;
  font-size:13px!important;
  font-weight:800!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
  box-shadow:none!important;
  cursor:pointer;
}
.das-site-language button:hover{
  color:var(--das-button-bg,var(--das-accent))!important;
}
.das-site-language button.is-active{
  background:var(--das-button-bg,var(--das-accent))!important;
  color:var(--das-button-text,#fff)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.08)!important;
}

/* Dark-mode control – canonical Unterkunft implementation. */
.das-site-header .das-darkmode-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--das-header-text) 7%,var(--das-header-bg))!important;
  color:var(--das-header-text)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.025)!important;
  line-height:1!important;
  transition:background .18s ease,color .18s ease,transform .18s ease!important;
  cursor:pointer;
}
.das-site-header .das-darkmode-toggle:hover{transform:translateY(-1px)}
.das-site-header .das-darkmode-toggle svg{
  width:20px!important;
  height:20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.das-site-header .das-icon-sun{display:none}
html.das-dark-mode .das-site-header .das-icon-moon{display:none}
html.das-dark-mode .das-site-header .das-icon-sun{display:inline-flex}
html.das-dark-mode .das-site-language{
  background:color-mix(in srgb,var(--das-dark-text) 12%,var(--das-dark-card))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
}
html.das-dark-mode .das-site-language button:not(.is-active){
  color:var(--das-dark-text,#f5f5f5)!important;
}
html.das-dark-mode .das-site-language button.is-active{
  background:var(--das-dark-button-bg,var(--das-accent))!important;
  color:var(--das-dark-button-text,#111)!important;
}
html.das-dark-mode .das-site-header .das-darkmode-toggle{
  background:color-mix(in srgb,var(--das-dark-text) 12%,var(--das-dark-card))!important;
  color:var(--das-dark-text)!important;
}

/* Hide obsolete Property control styles if old cached markup is ever present. */
.das-language-toggle,.das-dark-toggle{display:none!important}

@media(max-width:650px){
  .das-site-header .das-darkmode-toggle{
    flex-basis:36px!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
  }
  .das-site-language{height:42px;padding:4px}
  .das-site-language button{
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0 9px!important;
    font-size:12px!important;
  }
}


/* 0.6.0 – Language module copied from Dateck Unterkunft Suite */
.das-language-loading-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;background:rgba(8,13,24,.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.das-language-loading-overlay.is-visible{opacity:1;visibility:visible;pointer-events:all}
.das-language-loading-overlay__card{display:flex;align-items:center;gap:13px;min-width:260px;max-width:calc(100vw - 40px);padding:18px 22px;border:1px solid rgba(255,255,255,.6);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(0,0,0,.24);color:#172033;font-size:15px;text-align:left}
.das-language-loading-overlay__globe{font-size:24px;line-height:1}
.das-language-loading-overlay__spinner{width:22px;height:22px;border:3px solid rgba(23,32,51,.16);border-top-color:var(--das-accent,#2f80ed);border-radius:50%;animation:das-language-spin .75s linear infinite}
.das-language-loading-overlay__card strong{font:inherit;font-weight:800}
html.das-dark-mode .das-language-loading-overlay__card{border-color:rgba(255,255,255,.16);background:rgba(24,29,39,.94);color:#fff}
@keyframes das-language-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.das-language-loading-overlay__card{min-width:0;width:100%;justify-content:center;padding:16px 18px;border-radius:17px}}
.das-site-language--dynamic.is-language-pending{opacity:.55;pointer-events:none}
.das-site-language--dynamic{transition:opacity .18s ease}
.das-gtranslate-bridge{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;overflow:hidden!important}


/* =========================================================
 * 0.7.0 – Property Website Studio / Startseite
 * canonical Unterkunft container behavior
 * ======================================================= */
.das-agency-homepage{width:100%;overflow:clip;background:var(--das-bg)}
.das-agency-homepage *{box-sizing:border-box}
.das-home-container{position:relative;z-index:2;width:100%;max-width:var(--das-container);margin:0 auto;padding-left:20px;padding-right:20px}
.das-home-full-section{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);padding-top:var(--das-home-pt);padding-bottom:var(--das-home-pb);background:var(--das-home-bg);color:var(--das-home-text);font-size:var(--das-home-body-desktop)}
html.das-dark-mode .das-home-full-section{background:var(--das-home-dark-bg);color:var(--das-home-dark-text)}
.das-home-full-section h2,.das-home-full-section h3{color:inherit}
.das-home-section__head{max-width:760px;margin:0 0 34px}.das-home-section__head.is-center{margin-left:auto;margin-right:auto;text-align:center}.das-home-section__head h2{margin:7px 0 10px;font-size:var(--das-home-h-desktop);line-height:1.08}.das-home-section__head p{margin:0;opacity:.78;line-height:1.65}
.das-home-kicker{display:block;color:var(--das-accent);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.das-home-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:26px}.das-home-actions a,.das-home-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 21px;border:1px solid currentColor;border-radius:var(--das-button-radius);color:inherit!important;text-decoration:none;font-weight:800}.das-home-actions a.is-primary,.das-home-button{border-color:var(--das-button-bg);background:var(--das-button-bg);color:var(--das-button-text)!important}.das-home-actions a.is-primary:hover,.das-home-button:hover{border-color:var(--das-button-hover-bg);background:var(--das-button-hover-bg);color:var(--das-button-hover-text)!important}
html.das-dark-mode .das-home-actions a.is-primary,html.das-dark-mode .das-home-button{border-color:var(--das-dark-button-bg);background:var(--das-dark-button-bg);color:var(--das-dark-button-text)!important}

/* Hero is always fully full-width. Only its text sits in the global container. */
.das-agency-hero{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);min-height:max(var(--das-hero-min),var(--das-hero-desktop));display:flex;background-color:var(--das-hero-bg,var(--das-primary));background-image:none;background-size:cover;background-position:var(--das-hero-position);color:#fff}
.das-agency-hero.has-hero-image{background-image:linear-gradient(rgba(0,0,0,var(--das-hero-overlay)),rgba(0,0,0,var(--das-hero-overlay))),var(--das-hero-image)}
html.das-dark-mode .das-agency-hero:not(.has-hero-image){background-color:var(--das-hero-bg-dark,var(--das-dark-bg,#111318))}
.das-agency-hero__inner{width:100%;max-width:var(--das-container);margin:0 auto;padding:60px 20px;display:flex}
.das-agency-hero.is-pos-top .das-agency-hero__inner{align-items:flex-start}.das-agency-hero.is-pos-center .das-agency-hero__inner{align-items:center}.das-agency-hero.is-pos-bottom .das-agency-hero__inner{align-items:flex-end}
.das-agency-hero__copy{max-width:760px}.das-agency-hero.has-text-glass.is-align-center .das-agency-hero__copy{margin:auto;text-align:center}.das-agency-hero.has-text-glass.is-align-right .das-agency-hero__copy{margin-left:auto;text-align:right}
.das-agency-hero .das-home-kicker{color:var(--das-hero-eyebrow)}.das-agency-hero h1{margin:8px 0 14px;color:var(--das-hero-heading);font-size:var(--das-home-h-desktop);line-height:1.03}.das-agency-hero p{max-width:680px;margin:0;color:var(--das-hero-body);font-size:var(--das-home-body-desktop);line-height:1.65}.das-agency-hero.is-align-center p{margin-left:auto;margin-right:auto}.das-agency-hero.is-align-right p{margin-left:auto}

/* Search */
.das-home-search .dpm-search{position:relative;z-index:4;max-width:1180px;margin:0 auto;border:1px solid color-mix(in srgb,currentColor 10%,transparent);box-shadow:0 18px 48px rgba(0,0,0,.09)}
.das-home-search .dpm-search__submit{background:var(--das-button-bg);color:var(--das-button-text)}

/* Properties */
.das-home-properties-grid{display:grid;grid-template-columns:repeat(var(--das-property-cols),minmax(0,1fr));gap:24px}
.das-home-property-card{position:relative;overflow:hidden;border-radius:var(--das-radius);background:var(--das-card);color:var(--das-text);box-shadow:0 10px 32px rgba(15,23,42,.08);transition:transform .2s ease,box-shadow .2s ease}
.das-home-property-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(15,23,42,.14)}
.das-home-property-card__image{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:#e8ebef}.das-home-property-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.das-home-property-card:hover img{transform:scale(1.035)}
.das-home-property-card__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e8ebef,#f8fafc)}
.das-home-property-card__market{position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.94);color:#111;font-size:11px;font-weight:850}
.das-home-property-card__body{padding:20px}.das-home-property-card h3{margin:0 0 7px;font-size:20px}.das-home-property-card h3 a{color:inherit!important;text-decoration:none}.das-home-property-card__location{margin:0 0 12px;opacity:.65}.das-home-property-card__facts{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 15px;font-size:13px;opacity:.78}.das-home-property-card__price{font-size:17px}
html.das-dark-mode .das-home-property-card{background:var(--das-dark-card);color:var(--das-dark-text)}
.das-home-more{text-align:center;margin-top:34px}

/* About */
.das-home-about__grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px}.das-home-about__image img{display:block;width:100%;max-height:580px;object-fit:cover;border-radius:var(--das-radius)}.das-home-about__copy h2,.das-home-cta h2{margin:8px 0 16px;font-size:var(--das-home-h-desktop);line-height:1.08}.das-home-richtext{line-height:1.75}.das-home-link{display:inline-flex;gap:10px;margin-top:20px;color:inherit!important;font-weight:800;text-decoration:none}.das-home-link:hover{color:var(--das-accent)!important}

/* CTA */
.das-home-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.das-home-cta__inner>div:first-child{max-width:760px}.das-home-cta__inner p{margin:0;opacity:.78;line-height:1.65}

/* Generic empty state */
.das-home-empty{padding:24px;border:1px dashed color-mix(in srgb,currentColor 25%,transparent);border-radius:var(--das-radius);text-align:center}.das-home-empty p{margin-bottom:0}

/* Decorative accents, same conceptual system as Unterkunft Suite. */
.das-home-full-section:before,.das-home-full-section:after{content:"";position:absolute;pointer-events:none;z-index:1;opacity:0}
.das-home-full-section[data-das-accent="circles"]:before{width:340px;height:340px;border-radius:50%;background:var(--das-home-accent);opacity:var(--das-home-accent-opacity);top:-120px;right:-100px}
.das-home-full-section[data-das-accent="glow"]:before{width:460px;height:460px;border-radius:50%;background:var(--das-home-accent);filter:blur(110px);opacity:var(--das-home-accent-opacity);top:-150px;right:-100px}
.das-home-full-section[data-das-accent="dots"]:before{inset:0;background-image:radial-gradient(var(--das-home-accent) 1px,transparent 1px);background-size:22px 22px;opacity:var(--das-home-accent-opacity)}
.das-home-full-section[data-das-accent="lines"]:before{inset:0;background-image:linear-gradient(var(--das-home-accent) 1px,transparent 1px),linear-gradient(90deg,var(--das-home-accent) 1px,transparent 1px);background-size:38px 38px;opacity:var(--das-home-accent-opacity)}
.das-home-full-section[data-das-accent="diagonal"]:before{width:45%;height:100%;right:-10%;top:0;background:var(--das-home-accent);transform:skewX(-16deg);opacity:var(--das-home-accent-opacity)}
html.das-dark-mode .das-home-full-section:before,html.das-dark-mode .das-home-full-section:after{--das-home-accent:var(--das-home-accent-dark);opacity:var(--das-home-accent-dark-opacity)}
.das-home-full-section[data-das-transition="shadow-soft"]{box-shadow:0 14px 30px rgba(0,0,0,.06)}
.das-home-full-section[data-das-transition="shadow-medium"]{box-shadow:0 18px 42px rgba(0,0,0,.11)}
.das-home-full-section[data-das-transition="shadow-strong"]{box-shadow:0 22px 58px rgba(0,0,0,.18)}
.das-home-full-section[data-das-transition="light-edge"]{border-bottom:1px solid rgba(255,255,255,.28)}
.das-home-full-section[data-das-transition="glow-soft"]{box-shadow:0 18px 60px color-mix(in srgb,var(--das-accent) 18%,transparent)}

@media(max-width:1024px){
 .das-agency-hero{min-height:max(var(--das-hero-min),var(--das-hero-tablet))}
 .das-home-full-section{font-size:var(--das-home-body-tablet)}.das-home-section__head h2,.das-home-about__copy h2,.das-home-cta h2,.das-agency-hero h1{font-size:var(--das-home-h-tablet)}
 .das-home-properties-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .das-home-about__grid{gap:36px}
}
@media(max-width:700px){
 .das-agency-hero{min-height:max(var(--das-hero-min),var(--das-hero-mobile))}
 .das-agency-hero__inner{padding:45px 20px}
 .das-home-full-section{font-size:var(--das-home-body-mobile)}.das-home-section__head h2,.das-home-about__copy h2,.das-home-cta h2,.das-agency-hero h1{font-size:var(--das-home-h-mobile)}
 .das-home-properties-grid{grid-template-columns:1fr}
 .das-home-about__grid{grid-template-columns:1fr}.das-home-about__grid.is-image-left .das-home-about__image{order:0}.das-home-about__grid.is-image-left .das-home-about__copy{order:1}
 .das-home-cta__inner{display:block}.das-home-cta__inner .das-home-actions{margin-top:24px}
}

/* 0.7.1 – Immobiliensuche wie Unterkunft Suite: halb über dem Hero */
.das-hero-search-wrap{position:relative;z-index:20;width:100%;margin-top:-58px;margin-bottom:-4px}.das-hero-search-wrap .das-home-container{max-width:var(--das-container)}.das-hero-search-wrap .dpm-search{margin:0;border-radius:18px;background:var(--das-card);box-shadow:0 20px 55px rgba(15,23,42,.14);border:1px solid color-mix(in srgb,var(--das-text) 10%,transparent);padding:22px}.das-hero-search-wrap .dpm-search__row{align-items:stretch}.das-hero-search-wrap .dpm-search input,.das-hero-search-wrap .dpm-search select{min-height:52px;border-radius:12px}.das-hero-search-wrap .dpm-search__submit{min-height:52px;border-radius:12px;background:var(--das-button-bg)!important;color:var(--das-button-text)!important}.das-hero-search-wrap .dpm-search__submit:hover{background:var(--das-button-hover-bg)!important;color:var(--das-button-hover-text)!important}html.das-dark-mode .das-hero-search-wrap .dpm-search{background:var(--das-dark-card);color:var(--das-dark-text);border-color:color-mix(in srgb,var(--das-dark-text) 14%,transparent)}html.das-dark-mode .das-hero-search-wrap .dpm-search input,html.das-dark-mode .das-hero-search-wrap .dpm-search select{background:color-mix(in srgb,var(--das-dark-card) 88%,#fff 12%);color:var(--das-dark-text);border-color:color-mix(in srgb,var(--das-dark-text) 16%,transparent)}@media(max-width:900px){.das-hero-search-wrap{margin-top:-42px}.das-hero-search-wrap .dpm-search{padding:16px}}@media(max-width:640px){.das-hero-search-wrap{margin-top:-28px}.das-hero-search-wrap .dpm-search{border-radius:15px}}


/* 0.7.2 – Hero-Suche korrekt direkt am Hero + Builder-Typografie verbindlich */
.das-agency-homepage .das-agency-hero h1{
  font-size:var(--das-home-h-desktop)!important;
  line-height:1.03!important;
}
.das-agency-homepage .das-agency-hero p{
  font-size:var(--das-home-body-desktop)!important;
}
.das-hero-search-mounted{
  position:relative;
  z-index:30;
  width:100%;
  max-width:none;
  height:0;
  transform:translateY(-50%);
  margin:0;
}
.das-hero-search-mounted .das-home-container{
  max-width:var(--das-container);
}
.das-hero-search-mounted .dpm-search{
  margin:0;
  padding:22px;
  border:1px solid color-mix(in srgb,var(--das-text) 10%,transparent);
  border-radius:18px;
  background:var(--das-card);
  box-shadow:0 20px 55px rgba(15,23,42,.14);
}
.das-hero-search-mounted + .das-home-full-section{
  padding-top:calc(var(--das-home-pt) + 58px);
}
html.das-dark-mode .das-hero-search-mounted .dpm-search{
  background:var(--das-dark-card);
  color:var(--das-dark-text);
  border-color:color-mix(in srgb,var(--das-dark-text) 14%,transparent);
}
.das-hero-search-mounted .dpm-search input,
.das-hero-search-mounted .dpm-search select{
  min-height:52px;
  border-radius:12px;
}
.das-hero-search-mounted .dpm-search__submit{
  min-height:52px;
  border-radius:12px;
  background:var(--das-button-bg)!important;
  color:var(--das-button-text)!important;
}
.das-hero-search-mounted .dpm-search__submit:hover{
  background:var(--das-button-hover-bg)!important;
  color:var(--das-button-hover-text)!important;
}
@media(max-width:1024px){
  .das-agency-homepage .das-agency-hero h1{font-size:var(--das-home-h-tablet)!important}
  .das-agency-homepage .das-agency-hero p{font-size:var(--das-home-body-tablet)!important}
}
@media(max-width:700px){
  .das-agency-homepage .das-agency-hero h1{font-size:var(--das-home-h-mobile)!important}
  .das-agency-homepage .das-agency-hero p{font-size:var(--das-home-body-mobile)!important}
  .das-hero-search-mounted{
    height:auto;
    transform:none;
    margin:-28px 14px 0;
    width:auto;
  }
  .das-hero-search-mounted + .das-home-full-section{
    padding-top:48px;
  }
  .das-hero-search-mounted .dpm-search{padding:16px;border-radius:15px}
}


/* 0.7.3 – Hero-Suche 1:1 nach finaler Dateck Unterkunft Suite Positionierung */
.das-hero-search-mounted{
  position:relative!important;
  z-index:30!important;
  height:auto!important;
  margin:-72px auto -72px!important;
  padding:0!important;
  background:transparent!important;
  transform:none!important;
  overflow:visible!important;
}
.das-hero-search-mounted + .das-home-full-section,
.das-hero-search-mounted + section{
  padding-top:90px!important;
}
@media(max-width:782px){
  .das-hero-search-mounted{
    height:auto!important;
    margin:-54px 14px -54px!important;
    transform:none!important;
  }
  .das-hero-search-mounted + .das-home-full-section,
  .das-hero-search-mounted + section{
    padding-top:72px!important;
  }
}

/* 0.7.4 – Property cards + vollständige Section-Akzente */
.das-home-full-section[data-das-accent="waves"]:before{width:700px;height:300px;right:-120px;top:-85px;border:2px solid var(--das-home-accent);border-radius:50%;box-shadow:0 38px 0 var(--das-home-accent),0 76px 0 var(--das-home-accent),0 114px 0 var(--das-home-accent);transform:rotate(-9deg);opacity:var(--das-home-accent-opacity)}
.das-home-full-section[data-das-accent="noise"]:before{inset:0;background-image:radial-gradient(circle at 18% 24%,var(--das-home-accent) 0 .7px,transparent .9px),radial-gradient(circle at 72% 66%,var(--das-home-accent) 0 .65px,transparent .85px),radial-gradient(circle at 43% 82%,var(--das-home-accent) 0 .55px,transparent .75px);background-size:11px 11px,13px 13px,17px 17px;opacity:calc(var(--das-home-accent-opacity) * .55)}
.das-home-full-section[data-das-accent="glass"]:before{width:360px;height:210px;right:-70px;top:-55px;border-radius:54px;background:linear-gradient(135deg,var(--das-home-accent),transparent 72%);border:1px solid var(--das-home-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 28px 70px rgba(0,0,0,.08);transform:rotate(-9deg);opacity:var(--das-home-accent-opacity)}
.das-home-full-section[data-das-accent="glass"]:after{content:"";position:absolute;width:210px;height:210px;left:-72px;bottom:-82px;border-radius:50%;border:28px solid var(--das-home-accent);box-shadow:0 24px 65px rgba(0,0,0,.06);opacity:var(--das-home-accent-opacity);pointer-events:none}
.das-home-full-section[data-das-accent-position="top-left"]:before{left:-70px;right:auto}.das-home-full-section[data-das-accent-position="bottom"]:before{top:auto;bottom:-70px}.das-home-full-section[data-das-accent-position="both"]:after{display:block}
html.das-dark-mode .das-home-full-section[data-das-accent="glass"]:before,html.das-dark-mode .das-home-full-section[data-das-accent="glass"]:after{opacity:var(--das-home-accent-dark-opacity)}

/* Kartenstile: alle Farben/Radien bleiben am zentralen Design-System */
.das-home-properties-grid.is-card-classic .das-home-property-card{border:1px solid color-mix(in srgb,var(--das-text) 12%,transparent);box-shadow:none}.das-home-properties-grid.is-card-classic .das-home-property-card__body{padding:24px}.das-home-properties-grid.is-card-classic .das-home-property-card__price{display:block;padding-top:14px;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.das-home-properties-grid.is-card-minimal .das-home-property-card{background:transparent;box-shadow:none;border-radius:0}.das-home-properties-grid.is-card-minimal .das-home-property-card:hover{box-shadow:none;transform:none}.das-home-properties-grid.is-card-minimal .das-home-property-card__image{border-radius:var(--das-radius)}.das-home-properties-grid.is-card-minimal .das-home-property-card__body{padding:16px 2px}.das-home-properties-grid.is-card-minimal .das-home-property-card__facts{display:none}
.das-home-properties-grid.is-card-overlay .das-home-property-card{min-height:430px;background:#111}.das-home-properties-grid.is-card-overlay .das-home-property-card__image{position:absolute;inset:0;aspect-ratio:auto}.das-home-properties-grid.is-card-overlay .das-home-property-card__image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.08) 65%)}.das-home-properties-grid.is-card-overlay .das-home-property-card__body{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:26px;color:#fff}.das-home-properties-grid.is-card-overlay .das-home-property-card__location{color:#fff;opacity:.8}.das-home-properties-grid.is-card-overlay .das-home-property-card__market{z-index:3}


/* =========================================================
 * 0.7.5 – Section accents & transitions 1:1 from Unterkunft Suite
 * ======================================================= */

/* Sections are isolated containers. Decorative layers are clipped inside each section. */
.das-agency-homepage .das-home-full-section,
.das-agency-homepage .das-agency-hero{
  position:relative;
  isolation:isolate;
  overflow:visible;
}

/* Retire all old pseudo-element accents to prevent ghost circles / shapes. */
.das-agency-homepage .das-home-full-section[data-das-accent]::before,
.das-agency-homepage .das-home-full-section[data-das-accent]::after,
.das-agency-homepage .das-agency-hero[data-das-accent]::before,
.das-agency-homepage .das-agency-hero[data-das-accent]::after{
  content:none!important;
  display:none!important;
}

/* Real content stays above decorative layers. */
.das-agency-homepage .das-home-full-section > :not(.das-section-accent-layer):not(.das-section-transition),
.das-agency-homepage .das-agency-hero > :not(.das-section-accent-layer):not(.das-section-transition){
  position:relative;
  z-index:2;
}

/* Full viewport accent layer, clipped to the current section only. */
.das-section-accent-layer{
  position:absolute!important;
  left:50%!important;
  top:0!important;
  bottom:0!important;
  width:100vw!important;
  max-width:none!important;
  transform:translateX(-50%)!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  color:var(--das-home-accent,var(--das-accent));
  opacity:var(--das-home-accent-opacity,.09);
}
html.das-dark-mode .das-section-accent-layer{
  color:var(--das-home-accent-dark,var(--das-home-accent,var(--das-accent)));
  opacity:var(--das-home-accent-dark-opacity,.05);
}
.das-section-accent-layer::before,
.das-section-accent-layer::after{
  content:"";
  position:absolute;
  pointer-events:none;
  color:inherit;
  box-sizing:border-box;
}

/* Circles */
.das-home-full-section[data-das-accent="circles"] > .das-section-accent-layer::before{
  width:360px;height:360px;border-radius:50%;background:currentColor;top:-205px;right:-90px;
  box-shadow:-72vw 430px 0 -105px currentColor;
}
.das-home-full-section[data-das-accent="circles"] > .das-section-accent-layer::after{
  width:230px;height:230px;border:52px solid currentColor;border-radius:50%;left:-95px;bottom:-145px;background:transparent;
}

/* Glow */
.das-home-full-section[data-das-accent="glow"] > .das-section-accent-layer::before{
  width:620px;height:410px;border-radius:50%;background:currentColor;filter:blur(88px);top:-245px;right:-160px;
}
.das-home-full-section[data-das-accent="glow"] > .das-section-accent-layer::after{
  width:430px;height:330px;border-radius:50%;background:currentColor;filter:blur(105px);left:-170px;bottom:-215px;
}

/* Dots */
.das-home-full-section[data-das-accent="dots"] > .das-section-accent-layer{
  background-image:radial-gradient(currentColor 1.7px,transparent 1.8px);
  background-size:24px 24px;
  -webkit-mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%);
  mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%);
}
.das-home-full-section[data-das-accent="dots"] > .das-section-accent-layer::after{
  inset:0 0 0 auto;width:44vw;
  background-image:radial-gradient(currentColor 1.4px,transparent 1.5px);
  background-size:28px 28px;
  -webkit-mask-image:linear-gradient(250deg,#000,transparent 72%);
  mask-image:linear-gradient(250deg,#000,transparent 72%);
}

/* Lines / Grid */
.das-home-full-section[data-das-accent="lines"] > .das-section-accent-layer{
  background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%);
  mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%);
}
.das-home-full-section[data-das-accent="lines"] > .das-section-accent-layer::after{
  inset:0 0 0 auto;width:44vw;
  background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);
  background-size:58px 58px;
  -webkit-mask-image:linear-gradient(250deg,#000,transparent 72%);
  mask-image:linear-gradient(250deg,#000,transparent 72%);
}

/* Waves */
.das-home-full-section[data-das-accent="waves"] > .das-section-accent-layer::before{
  width:700px;height:300px;right:-120px;top:-85px;border:2px solid currentColor;border-radius:50%;
  box-shadow:0 38px 0 currentColor,0 76px 0 currentColor,0 114px 0 currentColor;transform:rotate(-9deg);
}
.das-home-full-section[data-das-accent="waves"] > .das-section-accent-layer::after{
  width:520px;height:220px;left:-125px;bottom:-130px;border:2px solid currentColor;border-radius:50%;
  box-shadow:0 32px 0 currentColor,0 64px 0 currentColor;transform:rotate(8deg);
}

/* Noise */
.das-home-full-section[data-das-accent="noise"] > .das-section-accent-layer{
  background-image:
    radial-gradient(circle at 18% 24%,currentColor 0 0.7px,transparent 0.9px),
    radial-gradient(circle at 72% 66%,currentColor 0 0.65px,transparent 0.85px),
    radial-gradient(circle at 43% 82%,currentColor 0 0.55px,transparent 0.75px);
  background-size:11px 11px,13px 13px,17px 17px;
  opacity:calc(var(--das-home-accent-opacity,.09) * .55);
  -webkit-mask-image:linear-gradient(100deg,transparent 0%,#000 15%,#000 85%,transparent 100%);
  mask-image:linear-gradient(100deg,transparent 0%,#000 15%,#000 85%,transparent 100%);
}
html.das-dark-mode .das-home-full-section[data-das-accent="noise"] > .das-section-accent-layer{
  opacity:calc(var(--das-home-accent-dark-opacity,.05) * .7);
}

/* Glass Shapes */
.das-home-full-section[data-das-accent="glass"] > .das-section-accent-layer::before{
  width:360px;height:210px;right:-70px;top:-55px;border-radius:54px;
  background:linear-gradient(135deg,currentColor,transparent 72%);
  border:1px solid currentColor;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 28px 70px rgba(0,0,0,.08);
  transform:rotate(-9deg);
  filter:blur(.15px);
}
.das-home-full-section[data-das-accent="glass"] > .das-section-accent-layer::after{
  width:210px;height:210px;left:-72px;bottom:-82px;border-radius:50%;
  border:28px solid currentColor;background:transparent;
  box-shadow:0 24px 65px rgba(0,0,0,.06);
}

/* Diagonal planes */
.das-home-full-section[data-das-accent="diagonal"] > .das-section-accent-layer::before{
  width:48vw;height:155%;right:-16vw;top:-28%;background:currentColor;
  transform:skewX(-18deg) rotate(2deg);border-radius:80px;
}
.das-home-full-section[data-das-accent="diagonal"] > .das-section-accent-layer::after{
  width:24vw;height:125%;left:-14vw;bottom:-20%;border:2px solid currentColor;
  transform:skewX(16deg) rotate(-4deg);border-radius:70px;
}

/* Position selector */
.das-home-full-section[data-das-accent-position="top-left"] > .das-section-accent-layer::before{left:-95px!important;right:auto!important}
.das-home-full-section[data-das-accent-position="top-left"] > .das-section-accent-layer::after{display:none!important}
.das-home-full-section[data-das-accent-position="top-right"] > .das-section-accent-layer::after{display:none!important}
.das-home-full-section[data-das-accent-position="bottom"] > .das-section-accent-layer::before{top:auto!important;bottom:-165px!important}
.das-home-full-section[data-das-accent-position="bottom"] > .das-section-accent-layer::after{display:none!important}
.das-home-full-section[data-das-accent-position="top-left"][data-das-accent="glass"] > .das-section-accent-layer::before,
.das-home-full-section[data-das-accent-position="top-left"][data-das-accent="diagonal"] > .das-section-accent-layer::before{left:-70px!important;right:auto!important}
.das-home-full-section[data-das-accent-position="bottom"][data-das-accent="glass"] > .das-section-accent-layer::before{top:auto!important;bottom:-70px!important}

/* Parent sections no longer cast their own shadows/transitions. */
.das-agency-homepage [data-das-transition]{
  box-shadow:none!important;
}

/* Transition layer exactly at bottom edge. */
.das-agency-homepage .das-home-full-section > .das-section-transition,
.das-agency-homepage .das-agency-hero > .das-section-transition{
  position:absolute!important;
  left:50%!important;
  bottom:-1px!important;
  width:100vw!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  z-index:4!important;
  opacity:1!important;
  background:transparent;
}

/* Classic transitions */
.das-agency-homepage [data-das-transition="shadow-soft"] > .das-section-transition{box-shadow:0 12px 28px 10px rgba(0,0,0,.09)!important}
.das-agency-homepage [data-das-transition="shadow-medium"] > .das-section-transition{box-shadow:0 18px 42px 15px rgba(0,0,0,.14)!important}
.das-agency-homepage [data-das-transition="shadow-strong"] > .das-section-transition{box-shadow:0 24px 58px 20px rgba(0,0,0,.20)!important}
.das-agency-homepage [data-das-transition="fade-soft"] > .das-section-transition{
  height:72px!important;bottom:-72px!important;box-shadow:none!important;
  background:linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,0))!important;
}
.das-agency-homepage [data-das-transition="glow-soft"] > .das-section-transition{
  height:90px!important;bottom:-45px!important;box-shadow:none!important;
  background:radial-gradient(ellipse at 50% 0,rgba(0,0,0,.16) 0%,rgba(0,0,0,.07) 38%,transparent 72%)!important;
  filter:blur(8px);
}
.das-agency-homepage [data-das-transition="light-edge"] > .das-section-transition{
  height:2px!important;bottom:-1px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.72),0 8px 24px rgba(0,0,0,.08)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.92) 18%,rgba(255,255,255,.92) 82%,transparent)!important;
}

/* Premium transition shadows – final Unterkunft 0.19.3 behavior */
.das-agency-homepage [data-das-transition="shadow-long"] > .das-section-transition,
.das-agency-homepage [data-das-transition="shadow-floating"] > .das-section-transition,
.das-agency-homepage [data-das-transition="shadow-glass"] > .das-section-transition{
  height:1px!important;
  bottom:-1px!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
}
.das-agency-homepage [data-das-transition="shadow-long"] > .das-section-transition{
  box-shadow:18px 22px 42px 8px rgba(15,23,42,.18)!important;
}
.das-agency-homepage [data-das-transition="shadow-floating"] > .das-section-transition{
  box-shadow:0 13px 28px 8px rgba(15,23,42,.14),0 30px 58px 10px rgba(15,23,42,.12)!important;
}
.das-agency-homepage [data-das-transition="shadow-glass"] > .das-section-transition{
  box-shadow:0 1px 0 rgba(255,255,255,.72),0 14px 34px 10px rgba(15,23,42,.12)!important;
}
.das-agency-homepage [data-das-transition="glow-ambient"] > .das-section-transition{
  height:120px!important;bottom:-60px!important;
  background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-home-accent,var(--das-accent)) 30%,transparent),transparent 72%)!important;
  filter:blur(10px);box-shadow:none!important;
}
.das-agency-homepage [data-das-transition="glow-premium"] > .das-section-transition{
  height:116px!important;bottom:-58px!important;
  background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-home-accent,var(--das-accent)) 20%,transparent),transparent 66%)!important;
  box-shadow:0 18px 34px -22px rgba(15,23,42,.2),0 52px 94px -44px rgba(15,23,42,.3)!important;
  filter:blur(5px);
}

/* Dark mode transition variants */
html.das-dark-mode .das-agency-homepage [data-das-transition="shadow-soft"] > .das-section-transition{box-shadow:0 12px 30px 11px rgba(0,0,0,.28)!important}
html.das-dark-mode .das-agency-homepage [data-das-transition="shadow-medium"] > .das-section-transition{box-shadow:0 18px 46px 16px rgba(0,0,0,.38)!important}
html.das-dark-mode .das-agency-homepage [data-das-transition="shadow-strong"] > .das-section-transition{box-shadow:0 25px 64px 22px rgba(0,0,0,.48)!important}
html.das-dark-mode .das-agency-homepage [data-das-transition="fade-soft"] > .das-section-transition{background:linear-gradient(to bottom,rgba(0,0,0,.30),rgba(0,0,0,0))!important}
html.das-dark-mode .das-agency-homepage [data-das-transition="glow-soft"] > .das-section-transition{background:radial-gradient(ellipse at 50% 0,rgba(0,0,0,.52) 0%,rgba(0,0,0,.22) 40%,transparent 74%)!important}
html.das-dark-mode .das-agency-homepage [data-das-transition="light-edge"] > .das-section-transition{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 18%,rgba(255,255,255,.18) 82%,transparent)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.09),0 10px 28px rgba(0,0,0,.30)!important;
}
html.das-dark-mode .das-agency-homepage [data-das-transition="shadow-long"] > .das-section-transition{box-shadow:18px 24px 48px 8px rgba(0,0,0,.52)!important}
html.das-dark-mode .das-agency-homepage [data-das-transition="shadow-floating"] > .das-section-transition{box-shadow:0 15px 32px 8px rgba(0,0,0,.45),0 34px 66px 10px rgba(0,0,0,.38)!important}
html.das-dark-mode .das-agency-homepage [data-das-transition="shadow-glass"] > .das-section-transition{box-shadow:0 1px 0 rgba(255,255,255,.12),0 16px 38px 10px rgba(0,0,0,.46)!important}
html.das-dark-mode .das-agency-homepage [data-das-transition="glow-ambient"] > .das-section-transition{
  background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-home-accent,var(--das-accent)) 22%,transparent),transparent 74%)!important;
}
html.das-dark-mode .das-agency-homepage [data-das-transition="glow-premium"] > .das-section-transition{
  background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-home-accent,var(--das-accent)) 16%,transparent),transparent 70%)!important;
  box-shadow:0 20px 42px -20px rgba(0,0,0,.62),0 58px 112px -42px rgba(0,0,0,.82)!important;
}

/* Mobile tuning copied from Unterkunft Suite */
@media(max-width:760px){
  .das-home-full-section[data-das-accent="circles"] > .das-section-accent-layer::before{width:260px;height:260px;top:-155px}
  .das-home-full-section[data-das-accent="circles"] > .das-section-accent-layer::after{width:170px;height:170px;border-width:38px}
  .das-home-full-section[data-das-accent="waves"] > .das-section-accent-layer::before{width:460px;height:210px}
  .das-home-full-section[data-das-accent="waves"] > .das-section-accent-layer::after{width:350px;height:170px}
  .das-home-full-section[data-das-accent="glass"] > .das-section-accent-layer::before{width:250px;height:150px;right:-85px;top:-45px;border-radius:38px}
  .das-home-full-section[data-das-accent="glass"] > .das-section-accent-layer::after{width:145px;height:145px;border-width:20px}
  .das-home-full-section[data-das-accent="diagonal"] > .das-section-accent-layer::before{width:72vw;right:-34vw}
  .das-agency-homepage [data-das-transition="shadow-strong"] > .das-section-transition{box-shadow:0 16px 38px 12px rgba(0,0,0,.16)!important}
  .das-agency-homepage [data-das-transition="fade-soft"] > .das-section-transition{height:48px!important;bottom:-48px!important}
  .das-agency-homepage [data-das-transition="glow-soft"] > .das-section-transition{height:64px!important;bottom:-32px!important}
  .das-agency-homepage [data-das-transition="shadow-long"] > .das-section-transition,
  .das-agency-homepage [data-das-transition="shadow-floating"] > .das-section-transition,
  .das-agency-homepage [data-das-transition="shadow-glass"] > .das-section-transition{
    height:1px!important;bottom:-1px!important;
  }
}


/* 0.7.6 – Glass "Beide Seiten": zwei echte Glasflächen statt rechter Fläche + linker Ring */
.das-home-full-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::after{
  display:block!important;
  width:300px!important;
  height:175px!important;
  left:-82px!important;
  right:auto!important;
  top:auto!important;
  bottom:-62px!important;
  border-radius:46px!important;
  border:1px solid currentColor!important;
  background:linear-gradient(315deg,currentColor,transparent 72%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 24px 65px rgba(0,0,0,.07)!important;
  transform:rotate(8deg)!important;
  filter:blur(.15px)!important;
}
@media(max-width:760px){
  .das-home-full-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::after{
    width:210px!important;
    height:125px!important;
    left:-72px!important;
    bottom:-48px!important;
    border-radius:34px!important;
  }
}


/* 0.7.7 – Kleine Zeile / Eyebrow in allen Sections korrekt im Darkmode */
body.das-dark-mode .das-home-full-section .das-section-kicker,
body.das-dark-mode .das-home-full-section .das-section-eyebrow,
body.das-dark-mode .das-home-full-section .das-kicker,
body.das-dark-mode .das-home-full-section .das-eyebrow,
body.das-dark-mode .das-home-full-section .das-home-section-kicker,
body.das-dark-mode .das-home-full-section .das-home-section-eyebrow,
html[data-theme="dark"] .das-home-full-section .das-section-kicker,
html[data-theme="dark"] .das-home-full-section .das-section-eyebrow,
html[data-theme="dark"] .das-home-full-section .das-kicker,
html[data-theme="dark"] .das-home-full-section .das-eyebrow,
html[data-theme="dark"] .das-home-full-section .das-home-section-kicker,
html[data-theme="dark"] .das-home-full-section .das-home-section-eyebrow{
  color:var(--das-section-kicker-dark,var(--das-heading-dark,#f7f8fb))!important;
}

/* discovered kicker selectors */
body.das-dark-mode .das-home-full-section .das-home-kicker,
html[data-theme="dark"] .das-home-full-section .das-home-kicker{color:var(--das-section-kicker-dark,var(--das-heading-dark,#f7f8fb))!important;}


/* =========================================================
 * 0.7.8 – Darkmode kicker fix + Unterkunft-style glass search
 * ======================================================= */

/* Correct dark-mode selector: dark mode lives on <html>. */
html.das-dark-mode .das-agency-homepage .das-home-full-section .das-home-kicker,
html.das-dark-mode .das-agency-homepage .das-home-about .das-home-kicker,
html.das-dark-mode .das-agency-homepage .das-home-properties .das-home-kicker,
html.das-dark-mode .das-agency-homepage .das-home-gallery .das-home-kicker,
html.das-dark-mode .das-agency-homepage .das-home-cta .das-home-kicker{
  color:var(--das-dark-heading,#f7f8fb)!important;
}

/* Hero keeps its explicitly configured eyebrow color. */
html.das-dark-mode .das-agency-homepage .das-agency-hero .das-home-kicker{
  color:var(--das-hero-eyebrow,#fff)!important;
}

/* Glass search bar – adapted from the visual language of the Unterkunft weather module. */
.das-hero-search-mounted .dpm-search{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.72)!important;
  background:rgba(255,255,255,.78)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%);
  backdrop-filter:blur(22px) saturate(135%);
  box-shadow:
    0 24px 65px rgba(15,23,42,.14),
    inset 0 1px 0 rgba(255,255,255,.82)!important;
}
.das-hero-search-mounted .dpm-search::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(255,255,255,.26),transparent 42%),
    radial-gradient(circle at 85% 15%,rgba(255,255,255,.32),transparent 32%);
}
.das-hero-search-mounted .dpm-search > *{
  position:relative;
  z-index:1;
}

/* Inputs inside the glass card stay slightly more solid for readability. */
.das-hero-search-mounted .dpm-search input,
.das-hero-search-mounted .dpm-search select{
  border:1px solid rgba(15,23,42,.12)!important;
  background:rgba(255,255,255,.84)!important;
  color:var(--das-text,#172033)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.das-hero-search-mounted .dpm-search input::placeholder{
  color:color-mix(in srgb,var(--das-text,#172033) 58%,transparent)!important;
}

/* Darkmode: deep glass like Unterkunft weather. */
html.das-dark-mode .das-hero-search-mounted .dpm-search{
  border-color:rgba(255,255,255,.12)!important;
  background:rgba(18,25,37,.72)!important;
  color:var(--das-dark-text,#f4f7fb)!important;
  -webkit-backdrop-filter:blur(24px) saturate(130%);
  backdrop-filter:blur(24px) saturate(130%);
  box-shadow:
    0 28px 70px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html.das-dark-mode .das-hero-search-mounted .dpm-search::before{
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),transparent 44%),
    radial-gradient(circle at 84% 16%,rgba(255,255,255,.06),transparent 34%);
}
html.das-dark-mode .das-hero-search-mounted .dpm-search input,
html.das-dark-mode .das-hero-search-mounted .dpm-search select{
  border-color:rgba(255,255,255,.11)!important;
  background:rgba(255,255,255,.075)!important;
  color:var(--das-dark-text,#f4f7fb)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 1px 0 rgba(0,0,0,.18)!important;
}
html.das-dark-mode .das-hero-search-mounted .dpm-search input::placeholder{
  color:rgba(244,247,251,.62)!important;
}
html.das-dark-mode .das-hero-search-mounted .dpm-search select option{
  background:#172033;
  color:#fff;
}

/* CTA stays design-linked in both modes. */
html.das-dark-mode .das-hero-search-mounted .dpm-search__submit{
  background:var(--das-dark-button-bg,var(--das-accent))!important;
  color:var(--das-dark-button-text,#111)!important;
}
html.das-dark-mode .das-hero-search-mounted .dpm-search__submit:hover{
  background:var(--das-dark-button-hover-bg,var(--das-accent-dark))!important;
  color:var(--das-dark-button-hover-text,#111)!important;
}

@media(max-width:700px){
  .das-hero-search-mounted .dpm-search{
    -webkit-backdrop-filter:blur(18px) saturate(125%);
    backdrop-filter:blur(18px) saturate(125%);
  }
}
/* Agency Suite 0.8.0 – About Builder */
.das-property-aboutpage .das-about-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:clamp(38px,6vw,90px);align-items:center}
.das-property-aboutpage .das-about-split.is-image-left .das-about-split__image{order:-1}
.das-property-aboutpage .das-about-split__image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--das-radius);box-shadow:0 22px 60px rgba(15,23,42,.12)}
.das-property-aboutpage .das-about-richtext{font-size:var(--das-home-body-desktop);line-height:1.75;color:inherit}.das-property-aboutpage .das-about-richtext p:last-child{margin-bottom:0}
.das-property-aboutpage .das-about-statement{max-width:980px;margin:auto}.das-property-aboutpage .das-about-statement.is-center{text-align:center}.das-property-aboutpage .das-about-statement h2{font-size:var(--das-home-h-desktop);line-height:1.12;margin:10px 0 18px}.das-property-aboutpage .das-about-statement p{font-size:clamp(18px,2vw,24px);margin:0;opacity:.88}
.das-about-team-grid{display:grid;grid-template-columns:repeat(var(--das-team-cols,3),minmax(0,1fr));gap:28px;margin-top:38px}.das-about-team-card{overflow:hidden;border-radius:var(--das-radius);background:var(--das-card);box-shadow:0 14px 40px rgba(15,23,42,.09)}.das-about-team-card__image img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.das-about-team-card__body{padding:22px}.das-about-team-card__body h3{margin:0 0 8px;font-size:22px}.das-about-team-grid.is-minimal .das-about-team-card{box-shadow:none;background:transparent}.das-about-team-grid.is-minimal .das-about-team-card__body{padding:18px 0}.das-about-team-grid.is-overlay .das-about-team-card{position:relative}.das-about-team-grid.is-overlay .das-about-team-card__body{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;padding:70px 22px 22px}.das-about-team-grid.is-overlay .das-about-team-card__body h3{color:#fff}
html.das-dark-mode .das-about-team-card{background:var(--das-dark-card);color:var(--das-dark-text)}
@media(max-width:900px){.das-property-aboutpage .das-about-split{grid-template-columns:1fr}.das-property-aboutpage .das-about-split.is-image-left .das-about-split__image{order:0}.das-about-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.das-property-aboutpage .das-about-statement h2{font-size:var(--das-home-h-tablet)}}
@media(max-width:600px){.das-about-team-grid{grid-template-columns:1fr}.das-property-aboutpage .das-about-statement h2{font-size:var(--das-home-h-mobile)}.das-property-aboutpage .das-about-richtext{font-size:var(--das-home-body-mobile)}}


/* 0.8.2 – About sections use the same viewport/container split as the homepage */
.das-property-aboutpage .das-about-section{
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:translateX(-50%)!important;
}
.das-property-aboutpage .das-about-section > .das-home-container{
  width:100%!important;
  max-width:var(--das-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Small section line follows the design system. Accent sections use their contrast text color. */
.das-property-aboutpage .das-about-section .das-home-kicker{
  color:var(--das-accent)!important;
}
.das-property-aboutpage .das-about-section[data-das-section-style="accent"] .das-home-kicker{
  color:var(--das-home-text)!important;
  opacity:.78;
}
html.das-dark-mode .das-property-aboutpage .das-about-section .das-home-kicker,
html.das-dark-mode .das-property-aboutpage .das-about-section[data-das-section-style="accent"] .das-home-kicker{
  color:var(--das-home-dark-text)!important;
  opacity:.82;
}

/* Statement remains content-contained while its background is full viewport width. */
.das-property-aboutpage .das-about-statement{
  width:100%;
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}


/* 0.8.3 – About details */
.das-property-aboutpage .das-about-split__image{
  overflow:hidden;
}
.das-property-aboutpage .das-about-split__image img{
  width:100%;
  height:100%;
  min-height:420px;
  max-height:580px;
  object-fit:cover;
  display:block;
}

/* Kein Bild: Story / Geschichte werden sauber im Container zentriert. */
.das-property-aboutpage .das-about-split.is-no-image{
  display:block!important;
}
.das-property-aboutpage .das-about-split.is-no-image .das-about-split__copy{
  width:100%;
  max-width:820px;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.das-property-aboutpage .das-about-split.is-no-image .das-home-section__head{
  max-width:820px;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.das-property-aboutpage .das-about-split.is-no-image .das-about-richtext{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}

/* Team-Kopf immer zentriert im globalen Container. */
.das-property-aboutpage .das-about-team-head{
  width:100%;
  max-width:820px;
  margin:0 auto 34px;
  text-align:center;
}
.das-property-aboutpage .das-about-team-head .das-home-section__head{
  max-width:820px;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.das-property-aboutpage .das-about-team-head .das-home-section__head p{
  margin-left:auto;
  margin-right:auto;
}

/* Leerer Team-Hinweis ebenfalls mittig. */
.das-property-aboutpage .das-about-team + .das-home-empty,
.das-property-aboutpage .das-about-team-head + .das-home-empty{
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
@media(max-width:700px){
  .das-property-aboutpage .das-about-split__image img{min-height:300px}
}


/* 0.8.4 – Team section wirklich komplett zentrieren */
.das-property-aboutpage .das-about-team .das-home-container,
.das-property-aboutpage section.das-about-team > .das-home-container{
  width:100%!important;
  max-width:var(--das-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:20px!important;
  padding-right:20px!important;
}

/* Header mittig über der gesamten verfügbaren Containerbreite */
.das-property-aboutpage .das-about-team-head{
  width:100%!important;
  max-width:820px!important;
  margin:0 auto 34px!important;
  text-align:center!important;
}
.das-property-aboutpage .das-about-team-head .das-home-section__head{
  width:100%!important;
  max-width:820px!important;
  margin:0 auto!important;
  text-align:center!important;
}

/* Empty State ebenfalls wirklich zentriert */
.das-property-aboutpage section.das-about-team .das-home-empty{
  width:min(720px,100%)!important;
  max-width:720px!important;
  margin:0 auto!important;
  text-align:center!important;
}

/* Falls später echte Mitarbeiterkarten vorhanden sind, zentriert das Grid bei weniger Karten */
.das-property-aboutpage section.das-about-team .das-about-team{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  justify-content:center;
}


/* 0.8.5 – Team section/grid class collision fixed */
.das-property-aboutpage section.das-about-team{
  display:block!important;
  width:100%!important;
}
.das-property-aboutpage section.das-about-team > .das-home-container{
  display:block!important;
  width:100%!important;
  max-width:var(--das-container)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.das-property-aboutpage section.das-about-team .das-about-team-head{
  width:100%!important;
  max-width:820px!important;
  margin:0 auto 34px!important;
  text-align:center!important;
}
.das-property-aboutpage section.das-about-team .das-about-team-head .das-home-section__head{
  width:100%!important;
  max-width:820px!important;
  margin:0 auto!important;
  text-align:center!important;
}
.das-property-aboutpage section.das-about-team .das-home-empty{
  width:min(720px,100%)!important;
  max-width:720px!important;
  margin:0 auto!important;
  text-align:center!important;
}
.das-property-aboutpage .das-about-team-grid{
  width:100%;
  margin:38px auto 0;
}


/* 0.9.0 – Team cards from central employee management */
.das-about-team-card__image--empty{display:grid;place-items:center;aspect-ratio:1/1;background:linear-gradient(135deg,#eef2f6,#f8fafc);font-size:56px}
.das-about-team-card__responsibility{display:inline-block;margin-bottom:8px;color:var(--das-accent);font-size:11px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.das-about-team-card__position{margin:-2px 0 11px!important;color:var(--das-muted);font-weight:650}
.das-about-team-card__short{margin:0 0 16px!important;line-height:1.6;opacity:.82}
.das-about-team-card__contact{display:flex;align-items:center;gap:8px;margin-top:14px}
.das-about-team-card__contact a{display:grid;place-items:center;width:36px;height:36px;border:1px solid color-mix(in srgb,currentColor 16%,transparent);border-radius:50%;color:inherit!important;text-decoration:none;font-size:12px;font-weight:850}
.das-about-team-card__contact a:hover{border-color:var(--das-accent);color:var(--das-accent)!important}
.das-about-team-card__button{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;min-height:42px;padding:0 15px;border-radius:var(--das-button-radius);background:var(--das-button-bg);color:var(--das-button-text)!important;text-decoration:none;font-weight:800}
.das-about-team-card__button:hover{background:var(--das-button-hover-bg);color:var(--das-button-hover-text)!important}
html.das-dark-mode .das-about-team-card__position{color:var(--das-dark-muted,#a7b0bd)}
html.das-dark-mode .das-about-team-card__button{background:var(--das-dark-button-bg);color:var(--das-dark-button-text)!important}

/* Overlay keeps all employee details readable over the picture */
.das-about-team-grid.is-overlay .das-about-team-card{min-height:460px;background:#111}
.das-about-team-grid.is-overlay .das-about-team-card__image{position:absolute;inset:0;width:100%;height:100%}
.das-about-team-grid.is-overlay .das-about-team-card__image img{height:100%;aspect-ratio:auto}
.das-about-team-grid.is-overlay .das-about-team-card__body{z-index:2}
.das-about-team-grid.is-overlay .das-about-team-card__position,
.das-about-team-grid.is-overlay .das-about-team-card__short{color:#fff;opacity:.88}
.das-about-team-grid.is-overlay .das-about-team-card__responsibility{color:#fff;opacity:.78}
.das-about-team-grid.is-overlay .das-about-team-card__contact a{border-color:rgba(255,255,255,.35);color:#fff!important}


/* =========================================================
 * 0.9.1 – About Builder typography: section values are authoritative
 * ======================================================= */

/* Hero */
.das-property-aboutpage .das-agency-hero h1{
  font-size:var(--das-home-h-desktop)!important;
  line-height:1.03!important;
}
.das-property-aboutpage .das-agency-hero p{
  font-size:var(--das-home-body-desktop)!important;
}

/* Every normal About section uses its own Builder variables. */
.das-property-aboutpage .das-about-section{
  font-size:var(--das-home-body-desktop)!important;
}
.das-property-aboutpage .das-about-section .das-home-section__head h2,
.das-property-aboutpage .das-about-section .das-about-split__copy .das-home-section__head h2,
.das-property-aboutpage .das-about-section .das-about-team-head .das-home-section__head h2,
.das-property-aboutpage .das-about-section.das-about-gallery .das-home-section__head h2,
.das-property-aboutpage .das-about-section .das-about-statement h2{
  font-size:var(--das-home-h-desktop)!important;
  line-height:1.08!important;
}

/* Description / body size from the current section. */
.das-property-aboutpage .das-about-section .das-home-section__head p,
.das-property-aboutpage .das-about-section .das-about-richtext,
.das-property-aboutpage .das-about-section .das-about-richtext p,
.das-property-aboutpage .das-about-section .das-about-statement p,
.das-property-aboutpage .das-about-section .das-about-team-head .das-home-section__head p,
.das-property-aboutpage .das-about-section.das-about-gallery .das-home-section__head p{
  font-size:var(--das-home-body-desktop)!important;
}

/* Statement previously used a hard-coded clamp – Builder now wins. */
.das-property-aboutpage .das-about-statement p{
  line-height:1.65!important;
}

/* Team card copy follows the Team section content size without making names huge. */
.das-property-aboutpage .das-about-team-card__position,
.das-property-aboutpage .das-about-team-card__short{
  font-size:var(--das-home-body-desktop)!important;
}

@media(max-width:1024px){
  .das-property-aboutpage .das-agency-hero h1{
    font-size:var(--das-home-h-tablet)!important;
  }
  .das-property-aboutpage .das-agency-hero p{
    font-size:var(--das-home-body-tablet)!important;
  }
  .das-property-aboutpage .das-about-section{
    font-size:var(--das-home-body-tablet)!important;
  }
  .das-property-aboutpage .das-about-section .das-home-section__head h2,
  .das-property-aboutpage .das-about-section .das-about-split__copy .das-home-section__head h2,
  .das-property-aboutpage .das-about-section .das-about-team-head .das-home-section__head h2,
  .das-property-aboutpage .das-about-section.das-about-gallery .das-home-section__head h2,
  .das-property-aboutpage .das-about-section .das-about-statement h2{
    font-size:var(--das-home-h-tablet)!important;
  }
  .das-property-aboutpage .das-about-section .das-home-section__head p,
  .das-property-aboutpage .das-about-section .das-about-richtext,
  .das-property-aboutpage .das-about-section .das-about-richtext p,
  .das-property-aboutpage .das-about-section .das-about-statement p,
  .das-property-aboutpage .das-about-section .das-about-team-head .das-home-section__head p,
  .das-property-aboutpage .das-about-section.das-about-gallery .das-home-section__head p,
  .das-property-aboutpage .das-about-team-card__position,
  .das-property-aboutpage .das-about-team-card__short{
    font-size:var(--das-home-body-tablet)!important;
  }
}

@media(max-width:700px){
  .das-property-aboutpage .das-agency-hero h1{
    font-size:var(--das-home-h-mobile)!important;
  }
  .das-property-aboutpage .das-agency-hero p{
    font-size:var(--das-home-body-mobile)!important;
  }
  .das-property-aboutpage .das-about-section{
    font-size:var(--das-home-body-mobile)!important;
  }
  .das-property-aboutpage .das-about-section .das-home-section__head h2,
  .das-property-aboutpage .das-about-section .das-about-split__copy .das-home-section__head h2,
  .das-property-aboutpage .das-about-section .das-about-team-head .das-home-section__head h2,
  .das-property-aboutpage .das-about-section.das-about-gallery .das-home-section__head h2,
  .das-property-aboutpage .das-about-section .das-about-statement h2{
    font-size:var(--das-home-h-mobile)!important;
  }
  .das-property-aboutpage .das-about-section .das-home-section__head p,
  .das-property-aboutpage .das-about-section .das-about-richtext,
  .das-property-aboutpage .das-about-section .das-about-richtext p,
  .das-property-aboutpage .das-about-section .das-about-statement p,
  .das-property-aboutpage .das-about-section .das-about-team-head .das-home-section__head p,
  .das-property-aboutpage .das-about-section.das-about-gallery .das-home-section__head p,
  .das-property-aboutpage .das-about-team-card__position,
  .das-property-aboutpage .das-about-team-card__short{
    font-size:var(--das-home-body-mobile)!important;
  }
}


/* =========================================================
 * 1.0.0 – Leistungen Seite
 * ======================================================= */
.das-property-servicespage .das-home-full-section{
  position:relative;
  left:50%;
  width:100vw;
  max-width:none;
  margin-left:0;
  transform:translateX(-50%);
}
.das-property-servicespage .das-home-full-section>.das-home-container{
  width:100%;
  max-width:var(--das-container);
  margin:0 auto;
}
.das-property-servicespage .das-home-section__head h2,
.das-property-servicespage .das-service-block h2,
.das-property-servicespage .das-services-cta h2{
  font-size:var(--das-home-h-desktop)!important;
}
.das-property-servicespage .das-home-full-section,
.das-property-servicespage .das-service-block__text,
.das-property-servicespage .das-services-cta p{
  font-size:var(--das-home-body-desktop)!important;
}
.das-property-servicespage .das-home-kicker{color:var(--das-accent)}
.das-property-servicespage [data-das-section-style="accent"] .das-home-kicker{color:var(--das-home-text)!important;opacity:.8}
html.das-dark-mode .das-property-servicespage .das-home-kicker{color:var(--das-home-dark-text)!important}

/* Overview */
.das-services-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}
.das-service-overview-card{display:grid;grid-template-columns:60px minmax(0,1fr) 24px;align-items:center;gap:16px;padding:22px;border:1px solid color-mix(in srgb,currentColor 10%,transparent);border-radius:var(--das-radius);background:var(--das-card);color:var(--das-text)!important;text-decoration:none;box-shadow:0 10px 30px rgba(15,23,42,.07);transition:.22s ease}
.das-service-overview-card:hover{transform:translateY(-4px);box-shadow:0 17px 38px rgba(15,23,42,.12)}
.das-service-overview-card strong,.das-service-overview-card small{display:block}.das-service-overview-card strong{font-size:20px}.das-service-overview-card small{margin-top:5px;color:var(--das-muted);line-height:1.5}.das-service-overview-card>i{font-style:normal;font-size:21px}
.das-service-icon,.das-service-block__icon{display:grid;place-items:center;width:58px;height:58px;border:2px solid var(--das-accent);border-radius:50%;color:var(--das-accent)}
.das-service-icon svg,.das-service-block__icon svg{width:30px;height:30px}
html.das-dark-mode .das-service-overview-card{background:var(--das-dark-card);color:var(--das-dark-text)!important}

/* Service block */
.das-service-block__intro{display:grid;grid-template-columns:76px minmax(0,1fr);gap:24px;align-items:start;max-width:1080px;margin:0 auto 44px}
.das-service-block__icon{width:68px;height:68px}.das-service-block__icon svg{width:34px;height:34px}
.das-service-block h2{margin:5px 0 14px;line-height:1.08;color:inherit}
.das-service-block__text{max-width:920px;line-height:1.72}.das-service-block__text p:first-child{margin-top:0}

/* Slider */
.das-service-slider{position:relative;margin-top:28px;padding:0 45px 36px}
.das-service-slider__viewport{overflow:hidden}
.das-service-slider__track{display:flex;gap:24px;scroll-behavior:smooth;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 4px 18px}.das-service-slider__track::-webkit-scrollbar{display:none}
.das-service-slide{flex:0 0:calc((100% - var(--das-service-gap-total,48px))/var(--das-service-visible,3));scroll-snap-align:start;min-height:340px;padding:28px;border:1px solid color-mix(in srgb,currentColor 10%,transparent);border-radius:var(--das-radius);background:var(--das-card);color:var(--das-text);box-shadow:0 12px 34px rgba(15,23,42,.09);text-align:center}
.das-service-slide h3{margin:0 0 17px;font-size:18px;line-height:1.35;color:inherit}.das-service-slide div{line-height:1.65}.das-service-slide p:first-child{margin-top:0}
html.das-dark-mode .das-service-slide{background:var(--das-dark-card);color:var(--das-dark-text)}
.das-service-slider__prev,.das-service-slider__next{position:absolute;top:46%;z-index:3;display:grid;place-items:center;width:38px;height:54px;border:0;background:transparent;color:var(--das-accent);font-size:42px;line-height:1;cursor:pointer}.das-service-slider__prev{left:0}.das-service-slider__next{right:0}
.das-service-slider__dots{display:flex;justify-content:center;gap:7px;margin-top:13px}.das-service-slider__dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:color-mix(in srgb,var(--das-accent) 25%,transparent);cursor:pointer}.das-service-slider__dots button.is-active{background:var(--das-accent)}

/* CTA */
.das-services-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:46px}.das-services-cta__inner>div{max-width:820px}.das-services-cta h2{margin:6px 0 12px;line-height:1.08}.das-services-cta p{margin:0;line-height:1.65;opacity:.82}

/* Design accent/transition compatibility with existing engine */
.das-property-servicespage .das-home-full-section{isolation:isolate;overflow:visible}
.das-property-servicespage .das-home-full-section>:not(.das-section-accent-layer):not(.das-section-transition){position:relative;z-index:2}

@media(max-width:1024px){
 .das-property-servicespage .das-home-section__head h2,.das-property-servicespage .das-service-block h2,.das-property-servicespage .das-services-cta h2{font-size:var(--das-home-h-tablet)!important}
 .das-property-servicespage .das-home-full-section,.das-property-servicespage .das-service-block__text,.das-property-servicespage .das-services-cta p{font-size:var(--das-home-body-tablet)!important}
 .das-services-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .das-property-servicespage .das-home-section__head h2,.das-property-servicespage .das-service-block h2,.das-property-servicespage .das-services-cta h2{font-size:var(--das-home-h-mobile)!important}
 .das-property-servicespage .das-home-full-section,.das-property-servicespage .das-service-block__text,.das-property-servicespage .das-services-cta p{font-size:var(--das-home-body-mobile)!important}
 .das-services-overview-grid{grid-template-columns:1fr}
 .das-service-block__intro{grid-template-columns:1fr}.das-service-block__icon{width:58px;height:58px}
 .das-service-slider{padding-left:34px;padding-right:34px}.das-service-slide{flex-basis:100%;min-height:0}
 .das-services-cta__inner{display:block}.das-services-cta__inner .das-home-button{margin-top:22px}
}


/* =========================================================
 * 1.0.1 – Startseiten-Typografie verbindlich aus Website Studio
 * About und Leistungen besitzen ihre eigene Typografie-Engine.
 * ======================================================= */
.das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-agency-hero h1{
  font-size:var(--das-home-h-desktop)!important;
  line-height:1.03!important;
}
.das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-agency-hero p{
  font-size:var(--das-home-body-desktop)!important;
}
.das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-full-section{
  font-size:var(--das-home-body-desktop)!important;
}
.das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-section__head h2,
.das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-about__copy h2,
.das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-cta h2{
  font-size:var(--das-home-h-desktop)!important;
  line-height:1.08!important;
}
.das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-section__head p,
.das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-richtext,
.das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-cta__inner p{
  font-size:var(--das-home-body-desktop)!important;
}

@media(max-width:1024px){
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-agency-hero h1{
    font-size:var(--das-home-h-tablet)!important;
  }
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-agency-hero p,
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-full-section,
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-section__head p,
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-richtext,
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-cta__inner p{
    font-size:var(--das-home-body-tablet)!important;
  }
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-section__head h2,
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-about__copy h2,
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-cta h2{
    font-size:var(--das-home-h-tablet)!important;
  }
}

@media(max-width:700px){
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-agency-hero h1{
    font-size:var(--das-home-h-mobile)!important;
  }
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-agency-hero p,
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-full-section,
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-section__head p,
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-richtext,
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-cta__inner p{
    font-size:var(--das-home-body-mobile)!important;
  }
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-section__head h2,
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-about__copy h2,
  .das-agency-homepage:not(.das-property-aboutpage):not(.das-property-servicespage) .das-home-cta h2{
    font-size:var(--das-home-h-mobile)!important;
  }
}


/* =========================================================
 * 1.0.2 – About/Services Hero heights + richer cards
 * ======================================================= */

/* Hero heights from the builders are authoritative */
.das-property-aboutpage .das-agency-hero,
.das-property-servicespage .das-agency-hero{
  min-height:var(--das-hero-desktop)!important;
  height:var(--das-hero-desktop)!important;
}
@media(max-width:1024px){
  .das-property-aboutpage .das-agency-hero,
  .das-property-servicespage .das-agency-hero{
    min-height:var(--das-hero-tablet)!important;
    height:var(--das-hero-tablet)!important;
  }
}
@media(max-width:700px){
  .das-property-aboutpage .das-agency-hero,
  .das-property-servicespage .das-agency-hero{
    min-height:var(--das-hero-mobile)!important;
    height:var(--das-hero-mobile)!important;
  }
}

/* Leistungsübersicht: mehr sichtbarer Design-Akzent */
.das-property-servicespage .das-service-overview-card{
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--das-accent) 28%,transparent);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.das-property-servicespage .das-service-overview-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:var(--das-accent);
  opacity:.9;
}
.das-property-servicespage .das-service-overview-card::after{
  content:"";
  position:absolute;
  inset:auto -55px -70px auto;
  width:150px;
  height:150px;
  border-radius:50%;
  background:color-mix(in srgb,var(--das-accent) 11%,transparent);
  pointer-events:none;
}
.das-property-servicespage .das-service-overview-card:hover{
  transform:translateY(-6px);
  border-color:color-mix(in srgb,var(--das-accent) 55%,transparent);
  box-shadow:0 20px 44px rgba(15,23,42,.14);
}
.das-property-servicespage .das-service-overview-card:hover .das-service-icon{
  background:var(--das-accent);
  color:var(--das-button-text);
  transform:scale(1.04);
}
.das-property-servicespage .das-service-icon{
  transition:background .24s ease,color .24s ease,transform .24s ease;
}

/* Slider cards: mehr Tiefe, Akzentkante und ruhiger Hover */
.das-property-servicespage .das-service-slide{
  position:relative;
  overflow:hidden;
  border-color:color-mix(in srgb,var(--das-accent) 18%,transparent);
  box-shadow:0 14px 38px rgba(15,23,42,.09);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.das-property-servicespage .das-service-slide::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:var(--das-accent);
}
.das-property-servicespage .das-service-slide::after{
  content:"";
  position:absolute;
  right:-55px;
  bottom:-65px;
  width:155px;
  height:155px;
  border-radius:50%;
  background:color-mix(in srgb,var(--das-accent) 8%,transparent);
  pointer-events:none;
}
.das-property-servicespage .das-service-slide:hover{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--das-accent) 38%,transparent);
  box-shadow:0 22px 50px rgba(15,23,42,.14);
}
.das-property-servicespage .das-service-slide h3{
  position:relative;
  z-index:1;
  color:inherit;
}
.das-property-servicespage .das-service-slide>div{
  position:relative;
  z-index:1;
}
html.das-dark-mode .das-property-servicespage .das-service-slide{
  border-color:color-mix(in srgb,var(--das-accent) 24%,transparent);
  box-shadow:0 14px 40px rgba(0,0,0,.24);
}

/* Team cards: dezenter Lift + Bildzoom */
.das-property-aboutpage .das-about-team-card{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
  will-change:transform;
}
.das-property-aboutpage .das-about-team-card__image{
  overflow:hidden;
}
.das-property-aboutpage .das-about-team-card__image img{
  transition:transform .42s cubic-bezier(.22,.61,.36,1);
}
.das-property-aboutpage .das-about-team-card:hover{
  transform:translateY(-7px);
  box-shadow:0 22px 50px rgba(15,23,42,.16);
  border-color:color-mix(in srgb,var(--das-accent) 24%,transparent);
}
.das-property-aboutpage .das-about-team-card:hover .das-about-team-card__image img{
  transform:scale(1.035);
}
html.das-dark-mode .das-property-aboutpage .das-about-team-card:hover{
  box-shadow:0 24px 54px rgba(0,0,0,.34);
}


/* 1.0.6 – Leistungen Slider: exakt 2/3 Karten Desktop, 2 Tablet, 1 Mobile */
.das-service-slider{
  --das-service-visible:3;
  --das-service-gap:24px;
  --das-service-gap-total:48px;
}
.das-service-slider__track{
  gap:var(--das-service-gap)!important;
}
.das-service-slide{
  flex-grow:0!important;
  flex-shrink:0!important;
  width:calc((100% - var(--das-service-gap-total))/var(--das-service-visible))!important;
  flex-basis:calc((100% - var(--das-service-gap-total))/var(--das-service-visible))!important;
  max-width:calc((100% - var(--das-service-gap-total))/var(--das-service-visible))!important;
}

@media(max-width:1024px){
  .das-service-slider{
    --das-service-visible:2!important;
    --das-service-gap-total:24px!important;
  }
}
@media(max-width:760px){
  .das-service-slider{
    --das-service-visible:1!important;
    --das-service-gap-total:0px!important;
  }
  .das-service-slide{
    width:100%!important;
    flex-basis:100%!important;
    max-width:100%!important;
  }
}


/* 1.0.8 – Leistungen: Typografie-Einstellungen vollständig verdrahtet */
.das-property-servicespage .das-home-full-section,
.das-property-servicespage .das-service-block__text,
.das-property-servicespage .das-services-cta p,
.das-property-servicespage .das-service-overview-card small,
.das-property-servicespage .das-service-slide,
.das-property-servicespage .das-service-slide div,
.das-property-servicespage .das-service-slide p{
  font-size:var(--das-home-body-desktop)!important;
}
.das-property-servicespage .das-home-section__head h2,
.das-property-servicespage .das-service-block h2,
.das-property-servicespage .das-services-cta h2{
  font-size:var(--das-home-h-desktop)!important;
}
.das-property-servicespage .das-service-overview-card strong,
.das-property-servicespage .das-service-slide h3{
  font-size:calc(var(--das-home-body-desktop) * 1.15)!important;
}
.das-property-servicespage .das-home-kicker,
.das-property-servicespage .das-service-kicker{
  font-size:calc(var(--das-home-body-desktop) * .75)!important;
}

@media(max-width:1024px){
  .das-property-servicespage .das-home-full-section,
  .das-property-servicespage .das-service-block__text,
  .das-property-servicespage .das-services-cta p,
  .das-property-servicespage .das-service-overview-card small,
  .das-property-servicespage .das-service-slide,
  .das-property-servicespage .das-service-slide div,
  .das-property-servicespage .das-service-slide p{
    font-size:var(--das-home-body-tablet)!important;
  }
  .das-property-servicespage .das-service-overview-card strong,
  .das-property-servicespage .das-service-slide h3{
    font-size:calc(var(--das-home-body-tablet) * 1.15)!important;
  }
  .das-property-servicespage .das-home-kicker,
  .das-property-servicespage .das-service-kicker{
    font-size:calc(var(--das-home-body-tablet) * .75)!important;
  }
}

@media(max-width:600px){
  .das-property-servicespage .das-home-full-section,
  .das-property-servicespage .das-service-block__text,
  .das-property-servicespage .das-services-cta p,
  .das-property-servicespage .das-service-overview-card small,
  .das-property-servicespage .das-service-slide,
  .das-property-servicespage .das-service-slide div,
  .das-property-servicespage .das-service-slide p{
    font-size:var(--das-home-body-mobile)!important;
  }
  .das-property-servicespage .das-service-overview-card strong,
  .das-property-servicespage .das-service-slide h3{
    font-size:calc(var(--das-home-body-mobile) * 1.15)!important;
  }
  .das-property-servicespage .das-home-kicker,
  .das-property-servicespage .das-service-kicker{
    font-size:calc(var(--das-home-body-mobile) * .75)!important;
  }
}


/* =========================================================
 * 1.0.9 – Leistungen: 1–4 Karten + Ausrichtung + Abschluss
 * ======================================================= */
.das-property-servicespage .is-left{text-align:left!important}
.das-property-servicespage .is-center{text-align:center!important}
.das-property-servicespage .is-right{text-align:right!important}

.das-property-servicespage .das-home-section__head.is-left{margin-left:0;margin-right:auto}
.das-property-servicespage .das-home-section__head.is-center{margin-left:auto;margin-right:auto}
.das-property-servicespage .das-home-section__head.is-right{margin-left:auto;margin-right:0}

.das-property-servicespage .das-service-block__intro.is-center{text-align:center}
.das-property-servicespage .das-service-block__intro.is-center .das-service-block__icon{margin-left:auto;margin-right:auto}
.das-property-servicespage .das-service-block__intro.is-right{text-align:right}
.das-property-servicespage .das-service-block__intro.is-right .das-service-block__icon{margin-left:auto}

.das-property-servicespage .das-service-slider.is-cards-left .das-service-slide{text-align:left}
.das-property-servicespage .das-service-slider.is-cards-center .das-service-slide{text-align:center}
.das-property-servicespage .das-service-slider.is-cards-right .das-service-slide{text-align:right}

.das-service-block__closing{
  width:100%;
  max-width:980px;
  margin:42px auto 0;
}
.das-service-block__closing.is-left{margin-left:0;margin-right:auto}
.das-service-block__closing.is-right{margin-left:auto;margin-right:0}
.das-service-block__closing h3{
  margin:0 0 18px;
  font-size:calc(var(--das-home-body-desktop) * 1.35)!important;
  line-height:1.25;
  color:inherit;
}
.das-service-block__closing>div{
  font-size:var(--das-home-body-desktop)!important;
  line-height:1.72;
}
.das-service-block__closing p:last-child{margin-bottom:0}

.das-services-cta__inner.is-center{flex-direction:column;text-align:center}
.das-services-cta__inner.is-right{text-align:right}
.das-services-cta__inner.is-right>div{margin-left:auto}
.das-services-cta__inner.is-left>div{margin-right:auto}

@media(max-width:1024px){
  .das-service-block__closing h3{font-size:calc(var(--das-home-body-tablet) * 1.35)!important}
  .das-service-block__closing>div{font-size:var(--das-home-body-tablet)!important}
}
@media(max-width:760px){
  .das-service-block__closing{margin-top:30px}
  .das-service-block__closing h3{font-size:calc(var(--das-home-body-mobile) * 1.35)!important}
  .das-service-block__closing>div{font-size:var(--das-home-body-mobile)!important}
}


/* =========================================================
 * 1.0.10 – Leistungen Typografie + Textausrichtung verbindlich
 * Icon bleibt IMMER links oben, nur der Textblock wird ausgerichtet.
 * ======================================================= */

/* Intro-Struktur: Icon links oben fix, Text rechts daneben */
.das-property-servicespage .das-service-block__intro{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:24px!important;
  align-items:start!important;
  text-align:left!important;
}
.das-property-servicespage .das-service-block__intro .das-service-block__icon{
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
  justify-self:start!important;
  align-self:start!important;
}
.das-property-servicespage .das-service-block__intro>div{
  grid-column:2!important;
  min-width:0;
}

/* Nur der eigentliche Textblock wird links / mittig / rechts ausgerichtet */
.das-property-servicespage .das-service-block__intro.is-left>div{
  text-align:left!important;
}
.das-property-servicespage .das-service-block__intro.is-center>div{
  text-align:center!important;
}
.das-property-servicespage .das-service-block__intro.is-right>div{
  text-align:right!important;
}

/* Kleine Zeile folgt ebenfalls ausschließlich dem Textblock */
.das-property-servicespage .das-service-block__intro.is-left .das-home-kicker{
  text-align:left!important;
}
.das-property-servicespage .das-service-block__intro.is-center .das-home-kicker{
  text-align:center!important;
}
.das-property-servicespage .das-service-block__intro.is-right .das-home-kicker{
  text-align:right!important;
}

/* Schriftgrößen direkt an die konkreten Elemente binden */
.das-property-servicespage .das-service-block__intro h2{
  font-size:var(--das-home-h-desktop)!important;
  line-height:1.08!important;
}
.das-property-servicespage .das-service-block__intro .das-service-block__text,
.das-property-servicespage .das-service-block__intro .das-service-block__text p{
  font-size:var(--das-home-body-desktop)!important;
  line-height:1.72!important;
}
.das-property-servicespage .das-service-block__intro .das-home-kicker{
  font-size:calc(var(--das-home-body-desktop) * .75)!important;
}

/* Übersicht */
.das-property-servicespage .das-services-overview .das-home-section__head h2{
  font-size:var(--das-home-h-desktop)!important;
}
.das-property-servicespage .das-services-overview .das-home-section__head p{
  font-size:var(--das-home-body-desktop)!important;
}
.das-property-servicespage .das-services-overview .das-home-kicker{
  font-size:calc(var(--das-home-body-desktop) * .75)!important;
}

/* Sliderkarten */
.das-property-servicespage .das-service-slide{
  font-size:var(--das-home-body-desktop)!important;
}
.das-property-servicespage .das-service-slide h3{
  font-size:calc(var(--das-home-body-desktop) * 1.15)!important;
}
.das-property-servicespage .das-service-slide div,
.das-property-servicespage .das-service-slide p{
  font-size:var(--das-home-body-desktop)!important;
}

/* Abschlussbereich */
.das-property-servicespage .das-service-block__closing h3{
  font-size:calc(var(--das-home-body-desktop) * 1.35)!important;
}
.das-property-servicespage .das-service-block__closing,
.das-property-servicespage .das-service-block__closing>div,
.das-property-servicespage .das-service-block__closing p{
  font-size:var(--das-home-body-desktop)!important;
}

/* CTA */
.das-property-servicespage .das-services-cta h2{
  font-size:var(--das-home-h-desktop)!important;
}
.das-property-servicespage .das-services-cta p{
  font-size:var(--das-home-body-desktop)!important;
}

/* Responsive */
@media(max-width:1024px){
  .das-property-servicespage .das-service-block__intro h2,
  .das-property-servicespage .das-services-overview .das-home-section__head h2,
  .das-property-servicespage .das-services-cta h2{
    font-size:var(--das-home-h-tablet)!important;
  }

  .das-property-servicespage .das-service-block__intro .das-service-block__text,
  .das-property-servicespage .das-service-block__intro .das-service-block__text p,
  .das-property-servicespage .das-services-overview .das-home-section__head p,
  .das-property-servicespage .das-service-slide,
  .das-property-servicespage .das-service-slide div,
  .das-property-servicespage .das-service-slide p,
  .das-property-servicespage .das-service-block__closing,
  .das-property-servicespage .das-service-block__closing>div,
  .das-property-servicespage .das-service-block__closing p,
  .das-property-servicespage .das-services-cta p{
    font-size:var(--das-home-body-tablet)!important;
  }

  .das-property-servicespage .das-service-slide h3{
    font-size:calc(var(--das-home-body-tablet) * 1.15)!important;
  }
  .das-property-servicespage .das-service-block__closing h3{
    font-size:calc(var(--das-home-body-tablet) * 1.35)!important;
  }
  .das-property-servicespage .das-service-block__intro .das-home-kicker,
  .das-property-servicespage .das-services-overview .das-home-kicker{
    font-size:calc(var(--das-home-body-tablet) * .75)!important;
  }
}

@media(max-width:760px){
  .das-property-servicespage .das-service-block__intro{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:16px!important;
  }

  .das-property-servicespage .das-service-block__intro h2,
  .das-property-servicespage .das-services-overview .das-home-section__head h2,
  .das-property-servicespage .das-services-cta h2{
    font-size:var(--das-home-h-mobile)!important;
  }

  .das-property-servicespage .das-service-block__intro .das-service-block__text,
  .das-property-servicespage .das-service-block__intro .das-service-block__text p,
  .das-property-servicespage .das-services-overview .das-home-section__head p,
  .das-property-servicespage .das-service-slide,
  .das-property-servicespage .das-service-slide div,
  .das-property-servicespage .das-service-slide p,
  .das-property-servicespage .das-service-block__closing,
  .das-property-servicespage .das-service-block__closing>div,
  .das-property-servicespage .das-service-block__closing p,
  .das-property-servicespage .das-services-cta p{
    font-size:var(--das-home-body-mobile)!important;
  }

  .das-property-servicespage .das-service-slide h3{
    font-size:calc(var(--das-home-body-mobile) * 1.15)!important;
  }
  .das-property-servicespage .das-service-block__closing h3{
    font-size:calc(var(--das-home-body-mobile) * 1.35)!important;
  }
  .das-property-servicespage .das-service-block__intro .das-home-kicker,
  .das-property-servicespage .das-services-overview .das-home-kicker{
    font-size:calc(var(--das-home-body-mobile) * .75)!important;
  }
}


/* =========================================================
 * 1.0.11 – Leistungen: echte Textzentrierung, Kicker-Größe,
 * Abschluss-Card und Slider-Hintergrund bereinigt
 * ======================================================= */

/* Der Intro-Container wird zur Positionierungsfläche.
   Icon bleibt IMMER links oben. Text nutzt die komplette Containerbreite. */
.das-property-servicespage .das-service-block__intro{
  position:relative!important;
  display:block!important;
  max-width:1080px!important;
  min-height:68px;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
}
.das-property-servicespage .das-service-block__intro .das-service-block__icon{
  position:absolute!important;
  left:0!important;
  top:0!important;
  z-index:3;
  margin:0!important;
}
.das-property-servicespage .das-service-block__intro>div{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box;
  padding-left:92px!important;
}

/* Bei mittig/rechts bleibt links genug Platz fürs Icon,
   aber die Textausrichtung bezieht sich auf die volle Inhaltsbreite. */
.das-property-servicespage .das-service-block__intro.is-left>div{
  text-align:left!important;
}
.das-property-servicespage .das-service-block__intro.is-center>div{
  text-align:center!important;
}
.das-property-servicespage .das-service-block__intro.is-right>div{
  text-align:right!important;
}

/* Kleine Zeile wirklich separat einstellbar */
.das-property-servicespage .das-service-block__intro .das-home-kicker,
.das-property-servicespage .das-services-overview .das-home-kicker,
.das-property-servicespage .das-services-cta .das-home-kicker{
  font-size:var(--das-home-kicker-desktop,12px)!important;
}

/* Slider selbst darf keinen durchgehenden grauen Block erzeugen */
.das-property-servicespage .das-service-slider,
.das-property-servicespage .das-service-slider__viewport,
.das-property-servicespage .das-service-slider__track{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.das-property-servicespage .das-service-slider__track{
  padding-bottom:18px!important;
}

/* Abschlussbereich als echte Card – bündig mit dem Slider-Inhalt */
.das-property-servicespage .das-service-block__closing{
  position:relative;
  width:auto!important;
  max-width:none!important;
  margin:34px 45px 0!important;
  padding:30px 34px!important;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--das-accent) 18%,transparent);
  border-radius:var(--das-radius);
  background:var(--das-card);
  color:var(--das-text);
  box-shadow:0 14px 38px rgba(15,23,42,.08);
}
.das-property-servicespage .das-service-block__closing::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:var(--das-accent);
}
.das-property-servicespage .das-service-block__closing::after{
  content:"";
  position:absolute;
  right:-65px;
  bottom:-75px;
  width:170px;
  height:170px;
  border-radius:50%;
  background:color-mix(in srgb,var(--das-accent) 8%,transparent);
  pointer-events:none;
}
.das-property-servicespage .das-service-block__closing h3,
.das-property-servicespage .das-service-block__closing>div{
  position:relative;
  z-index:1;
}
html.das-dark-mode .das-property-servicespage .das-service-block__closing{
  background:var(--das-dark-card);
  color:var(--das-dark-text);
  box-shadow:0 16px 42px rgba(0,0,0,.26);
}

/* alte margin-left/right Regeln für closing neutralisieren */
.das-property-servicespage .das-service-block__closing.is-left,
.das-property-servicespage .das-service-block__closing.is-center,
.das-property-servicespage .das-service-block__closing.is-right{
  margin-left:45px!important;
  margin-right:45px!important;
}
.das-property-servicespage .das-service-block__closing.is-left{text-align:left!important}
.das-property-servicespage .das-service-block__closing.is-center{text-align:center!important}
.das-property-servicespage .das-service-block__closing.is-right{text-align:right!important}

@media(max-width:1024px){
  .das-property-servicespage .das-service-block__intro .das-home-kicker,
  .das-property-servicespage .das-services-overview .das-home-kicker,
  .das-property-servicespage .das-services-cta .das-home-kicker{
    font-size:var(--das-home-kicker-tablet,12px)!important;
  }
}

@media(max-width:760px){
  .das-property-servicespage .das-service-block__intro{
    min-height:58px;
  }
  .das-property-servicespage .das-service-block__intro .das-service-block__icon{
    width:58px!important;
    height:58px!important;
  }
  .das-property-servicespage .das-service-block__intro>div{
    padding-left:72px!important;
  }
  .das-property-servicespage .das-service-block__intro .das-home-kicker,
  .das-property-servicespage .das-services-overview .das-home-kicker,
  .das-property-servicespage .das-services-cta .das-home-kicker{
    font-size:var(--das-home-kicker-mobile,11px)!important;
  }
  .das-property-servicespage .das-service-block__closing,
  .das-property-servicespage .das-service-block__closing.is-left,
  .das-property-servicespage .das-service-block__closing.is-center,
  .das-property-servicespage .das-service-block__closing.is-right{
    margin-left:34px!important;
    margin-right:34px!important;
    padding:24px 22px!important;
  }
}


/* =========================================================
 * 1.0.12 – Leistungen: echte Zentrierung + Design-Icons
 * + Slider-Viewport vollständig transparent
 * ======================================================= */

/* Intro-Section: Icon komplett vom Textfluss lösen */
.das-property-servicespage .das-service-block__intro{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:1080px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  min-height:68px!important;
}
.das-property-servicespage .das-service-block__intro .das-service-block__icon{
  position:absolute!important;
  left:0!important;
  top:0!important;
  margin:0!important;
  z-index:4!important;
}

/* Textblock darf wirklich die VOLLE Breite der Section verwenden */
.das-property-servicespage .das-service-block__intro>div{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
}

/* links bekommt etwas Luft für das Icon, center/right aber nicht */
.das-property-servicespage .das-service-block__intro.is-left>div{
  padding-left:92px!important;
  text-align:left!important;
}
.das-property-servicespage .das-service-block__intro.is-center>div{
  padding-left:0!important;
  padding-right:0!important;
  text-align:center!important;
}
.das-property-servicespage .das-service-block__intro.is-right>div{
  padding-left:0!important;
  padding-right:0!important;
  text-align:right!important;
}

/* Bei Center begrenzen wir nur die Textbreite optisch,
   zentrieren sie aber im gesamten Container */
.das-property-servicespage .das-service-block__intro.is-center .das-service-block__text{
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.das-property-servicespage .das-service-block__intro.is-right .das-service-block__text{
  max-width:920px!important;
  margin-left:auto!important;
}

/* kleine Zeile + H2 folgen exakt der gewählten Ausrichtung */
.das-property-servicespage .das-service-block__intro.is-left .das-home-kicker,
.das-property-servicespage .das-service-block__intro.is-left h2{
  text-align:left!important;
}
.das-property-servicespage .das-service-block__intro.is-center .das-home-kicker,
.das-property-servicespage .das-service-block__intro.is-center h2{
  text-align:center!important;
}
.das-property-servicespage .das-service-block__intro.is-right .das-home-kicker,
.das-property-servicespage .das-service-block__intro.is-right h2{
  text-align:right!important;
}

/* Icons: vollständig aus dem aktuellen Design ziehen */
.das-property-servicespage .das-service-icon,
.das-property-servicespage .das-service-block__icon{
  border-color:var(--das-accent)!important;
  color:var(--das-accent)!important;
  background:color-mix(in srgb,var(--das-accent) 7%,transparent)!important;
}
.das-property-servicespage .das-service-icon svg,
.das-property-servicespage .das-service-block__icon svg{
  color:inherit!important;
  stroke:currentColor!important;
}
html.das-dark-mode .das-property-servicespage .das-service-icon,
html.das-dark-mode .das-property-servicespage .das-service-block__icon{
  border-color:var(--das-accent)!important;
  color:var(--das-accent)!important;
  background:color-mix(in srgb,var(--das-accent) 10%,transparent)!important;
}

/* Hover bleibt ebenfalls designbasiert */
.das-property-servicespage .das-service-overview-card:hover .das-service-icon{
  background:var(--das-accent)!important;
  color:var(--das-button-text)!important;
}

/* Viewport-Hintergrund: alle beteiligten Wrapper neutralisieren */
.das-property-servicespage .das-service-slider{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.das-property-servicespage .das-service-slider__viewport{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
}
.das-property-servicespage .das-service-slider__track{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
}
.das-property-servicespage .das-service-slider::before,
.das-property-servicespage .das-service-slider::after,
.das-property-servicespage .das-service-slider__viewport::before,
.das-property-servicespage .das-service-slider__viewport::after,
.das-property-servicespage .das-service-slider__track::before,
.das-property-servicespage .das-service-slider__track::after{
  display:none!important;
  content:none!important;
}

/* Falls die graue Fläche vom Section-Card-Layer kommt */
.das-property-servicespage .das-service-block .das-service-slider__viewport,
.das-property-servicespage .das-service-block .das-service-slider__track{
  background-color:transparent!important;
  background-image:none!important;
}

/* Mobile: Icon bleibt links, Center bleibt wirklich Center */
@media(max-width:760px){
  .das-property-servicespage .das-service-block__intro{
    min-height:58px!important;
  }
  .das-property-servicespage .das-service-block__intro.is-left>div{
    padding-left:72px!important;
  }
  .das-property-servicespage .das-service-block__intro.is-center>div,
  .das-property-servicespage .das-service-block__intro.is-right>div{
    padding-left:0!important;
    padding-right:0!important;
  }
}


/* =========================================================
 * 1.0.13 – Leistungen FINALER Layout-Fix
 * - Center ohne Icon-Überlagerung
 * - UI-Akzent aus Design/Farbwelt inkl. Darkmode
 * - graue Slider-Fläche entfernt (Card-Shadows waren die Ursache)
 * ======================================================= */

/* Eigener Leistungsseiten-Akzent aus den Design-Buttonfarben.
   Diese sind in hell/dunkel separat Bestandteil der Farbwelt. */
.das-property-servicespage{
  --das-services-accent:var(--das-button-bg,var(--das-accent));
  --das-services-accent-text:var(--das-button-text,#111);
}
html.das-dark-mode .das-property-servicespage{
  --das-services-accent:var(--das-dark-button-bg,var(--das-accent));
  --das-services-accent-text:var(--das-dark-button-text,#111);
}

/* ---------------------------------------------------------
 * Intro: Icon links in eigener fester Spur.
 * Center bekommt eine SYMMETRISCHE Textfläche mit linker UND
 * rechter Reserve. Dadurch ist der Text wirklich mittig und
 * kann niemals auf das Icon laufen.
 * ------------------------------------------------------ */
.das-property-servicespage .das-service-block__intro{
  position:relative!important;
  display:block!important;
  width:100%!important;
  max-width:1080px!important;
  min-height:68px!important;
  margin:0 auto 44px!important;
}
.das-property-servicespage .das-service-block__intro .das-service-block__icon{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:68px!important;
  height:68px!important;
  margin:0!important;
  z-index:4!important;
}
.das-property-servicespage .das-service-block__intro>div{
  display:block!important;
  box-sizing:border-box!important;
  max-width:none!important;
}

/* Links: Icon-Spur links reservieren */
.das-property-servicespage .das-service-block__intro.is-left>div{
  width:100%!important;
  margin:0!important;
  padding:0 0 0 92px!important;
  text-align:left!important;
}

/* Mitte: links UND rechts 92px Reserve => echte geometrische Mitte */
.das-property-servicespage .das-service-block__intro.is-center>div{
  width:calc(100% - 184px)!important;
  margin:0 92px!important;
  padding:0!important;
  text-align:center!important;
}
.das-property-servicespage .das-service-block__intro.is-center .das-service-block__text{
  width:100%!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Rechts: symmetrisch zur linken Variante */
.das-property-servicespage .das-service-block__intro.is-right>div{
  width:100%!important;
  margin:0!important;
  padding:0 92px 0 0!important;
  text-align:right!important;
}
.das-property-servicespage .das-service-block__intro.is-right .das-service-block__text{
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:0!important;
}

.das-property-servicespage .das-service-block__intro.is-left .das-home-kicker,
.das-property-servicespage .das-service-block__intro.is-left h2,
.das-property-servicespage .das-service-block__intro.is-left .das-service-block__text,
.das-property-servicespage .das-service-block__intro.is-left .das-service-block__text p{
  text-align:left!important;
}
.das-property-servicespage .das-service-block__intro.is-center .das-home-kicker,
.das-property-servicespage .das-service-block__intro.is-center h2,
.das-property-servicespage .das-service-block__intro.is-center .das-service-block__text,
.das-property-servicespage .das-service-block__intro.is-center .das-service-block__text p{
  text-align:center!important;
}
.das-property-servicespage .das-service-block__intro.is-right .das-home-kicker,
.das-property-servicespage .das-service-block__intro.is-right h2,
.das-property-servicespage .das-service-block__intro.is-right .das-service-block__text,
.das-property-servicespage .das-service-block__intro.is-right .das-service-block__text p{
  text-align:right!important;
}

/* ---------------------------------------------------------
 * Alle UI-Icons / Akzente der Leistungsseite aus Farbwelt
 * ------------------------------------------------------ */
.das-property-servicespage .das-service-icon,
.das-property-servicespage .das-service-block__icon{
  border-color:var(--das-services-accent)!important;
  color:var(--das-services-accent)!important;
  background:color-mix(in srgb,var(--das-services-accent) 10%,transparent)!important;
}
.das-property-servicespage .das-service-icon svg,
.das-property-servicespage .das-service-block__icon svg{
  color:inherit!important;
  stroke:currentColor!important;
}
.das-property-servicespage .das-service-overview-card::before,
.das-property-servicespage .das-service-slide::before,
.das-property-servicespage .das-service-block__closing::before{
  background:var(--das-services-accent)!important;
}
.das-property-servicespage .das-service-overview-card::after,
.das-property-servicespage .das-service-slide::after,
.das-property-servicespage .das-service-block__closing::after{
  background:color-mix(in srgb,var(--das-services-accent) 9%,transparent)!important;
}
.das-property-servicespage .das-service-overview-card,
.das-property-servicespage .das-service-slide,
.das-property-servicespage .das-service-block__closing{
  border-color:color-mix(in srgb,var(--das-services-accent) 24%,transparent)!important;
}
.das-property-servicespage .das-service-slider__prev,
.das-property-servicespage .das-service-slider__next{
  color:var(--das-services-accent)!important;
}
.das-property-servicespage .das-service-slider__dots button{
  background:color-mix(in srgb,var(--das-services-accent) 28%,transparent)!important;
}
.das-property-servicespage .das-service-slider__dots button.is-active{
  background:var(--das-services-accent)!important;
}
.das-property-servicespage .das-service-overview-card:hover .das-service-icon{
  background:var(--das-services-accent)!important;
  border-color:var(--das-services-accent)!important;
  color:var(--das-services-accent-text)!important;
}

/* ---------------------------------------------------------
 * Grauer "Viewport": entstand durch die abgeschnittenen,
 * ineinander laufenden Card-Shadows. Für den Textslider
 * bewusst keine äußeren Card-Shadows mehr.
 * ------------------------------------------------------ */
.das-property-servicespage .das-service-slider,
.das-property-servicespage .das-service-slider__viewport,
.das-property-servicespage .das-service-slider__track{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}
.das-property-servicespage .das-service-slide{
  box-shadow:none!important;
}
.das-property-servicespage .das-service-slide:hover{
  box-shadow:none!important;
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--das-services-accent) 48%,transparent)!important;
}

/* Track nur so viel Innenraum wie nötig; kein grauer Schattenstreifen */
.das-property-servicespage .das-service-slider__track{
  padding-top:6px!important;
  padding-bottom:8px!important;
}
.das-property-servicespage .das-service-slider{
  padding-bottom:24px!important;
}

@media(max-width:760px){
  .das-property-servicespage .das-service-block__intro{
    min-height:58px!important;
  }
  .das-property-servicespage .das-service-block__intro .das-service-block__icon{
    width:58px!important;
    height:58px!important;
  }
  .das-property-servicespage .das-service-block__intro.is-left>div{
    padding-left:72px!important;
  }
  .das-property-servicespage .das-service-block__intro.is-center>div{
    width:calc(100% - 144px)!important;
    margin-left:72px!important;
    margin-right:72px!important;
  }
  .das-property-servicespage .das-service-block__intro.is-right>div{
    padding-right:72px!important;
  }
}


/* =========================================================
 * 1.0.14 – Leistungen: echter Center-Fix + Kicker-Felder
 * + Icons aus Section/Farbwelt
 * ======================================================= */

/* Der HTML-Klassenfehler ist behoben; diese Regeln greifen jetzt wirklich. */
.das-property-servicespage .das-service-block__intro.is-center>div{
  width:calc(100% - 184px)!important;
  margin-left:92px!important;
  margin-right:92px!important;
  padding:0!important;
  text-align:center!important;
}
.das-property-servicespage .das-service-block__intro.is-center .das-home-kicker,
.das-property-servicespage .das-service-block__intro.is-center h2,
.das-property-servicespage .das-service-block__intro.is-center .das-service-block__text,
.das-property-servicespage .das-service-block__intro.is-center .das-service-block__text p{
  text-align:center!important;
}

/* Section-spezifische Akzentfarbe hat Vorrang.
   Dadurch folgt jedes Icon dem gewählten Design des Bereichs. */
.das-property-servicespage .das-service-block{
  --das-services-local-accent:var(--das-home-accent,var(--das-accent));
}
html.das-dark-mode .das-property-servicespage .das-service-block{
  --das-services-local-accent:var(--das-home-accent-dark,var(--das-accent));
}

.das-property-servicespage .das-service-block .das-service-block__icon{
  border-color:var(--das-services-local-accent)!important;
  color:var(--das-services-local-accent)!important;
  background:color-mix(in srgb,var(--das-services-local-accent) 10%,transparent)!important;
}
.das-property-servicespage .das-service-block .das-service-block__icon svg{
  color:inherit!important;
  stroke:currentColor!important;
}

/* Übersichtskarten verwenden die Section-Akzentfarbe der Übersicht */
.das-property-servicespage .das-services-overview{
  --das-services-local-accent:var(--das-home-accent,var(--das-accent));
}
html.das-dark-mode .das-property-servicespage .das-services-overview{
  --das-services-local-accent:var(--das-home-accent-dark,var(--das-accent));
}
.das-property-servicespage .das-services-overview .das-service-icon{
  border-color:var(--das-services-local-accent)!important;
  color:var(--das-services-local-accent)!important;
  background:color-mix(in srgb,var(--das-services-local-accent) 10%,transparent)!important;
}
.das-property-servicespage .das-services-overview .das-service-overview-card::before{
  background:var(--das-services-local-accent)!important;
}
.das-property-servicespage .das-services-overview .das-service-overview-card:hover .das-service-icon{
  background:var(--das-services-local-accent)!important;
  border-color:var(--das-services-local-accent)!important;
}

/* Kleine Zeile: eigene neue Werte */
.das-property-servicespage .das-service-block .das-home-kicker{
  font-size:var(--das-home-kicker-desktop,12px)!important;
}
@media(max-width:1024px){
  .das-property-servicespage .das-service-block .das-home-kicker{
    font-size:var(--das-home-kicker-tablet,12px)!important;
  }
}
@media(max-width:760px){
  .das-property-servicespage .das-service-block__intro.is-center>div{
    width:calc(100% - 144px)!important;
    margin-left:72px!important;
    margin-right:72px!important;
  }
  .das-property-servicespage .das-service-block .das-home-kicker{
    font-size:var(--das-home-kicker-mobile,11px)!important;
  }
}


/* =========================================================
 * 1.0.15 – Leistungen vollständig an globale Design-Engine
 * Presets + Farbwelten + Darkmode wirken auf ALLE UI-Elemente.
 * ======================================================= */

/* Zentrale UI-Tokens für die Leistungsseite */
.das-property-servicespage{
  --das-services-accent:var(--das-accent);
  --das-services-accent-strong:var(--das-accent-dark);
  --das-services-card:var(--das-card);
  --das-services-text:var(--das-text);
  --das-services-heading:var(--das-heading);
  --das-services-muted:var(--das-muted);
  --das-services-button-bg:var(--das-button-bg,var(--das-accent));
  --das-services-button-text:var(--das-button-text,#111);
  --das-services-button-hover-bg:var(--das-button-hover-bg,var(--das-accent-dark));
  --das-services-button-hover-text:var(--das-button-hover-text,#111);
}
html.das-dark-mode .das-property-servicespage{
  --das-services-accent:var(--das-accent-dark,var(--das-accent));
  --das-services-accent-strong:var(--das-accent,var(--das-accent-dark));
  --das-services-card:var(--das-dark-card);
  --das-services-text:var(--das-dark-text);
  --das-services-heading:var(--das-dark-heading);
  --das-services-muted:color-mix(in srgb,var(--das-dark-text) 68%,transparent);
  --das-services-button-bg:var(--das-dark-button-bg,var(--das-accent-dark));
  --das-services-button-text:var(--das-dark-button-text,#111);
  --das-services-button-hover-bg:var(--das-dark-button-hover-bg,var(--das-accent));
  --das-services-button-hover-text:var(--das-dark-button-hover-text,#111);
}

/* ---------------------------------------------------------
 * Übersichtskarten
 * ------------------------------------------------------ */
.das-property-servicespage .das-service-overview-card{
  background:var(--das-services-card)!important;
  color:var(--das-services-text)!important;
  border-color:color-mix(in srgb,var(--das-services-accent) 28%,transparent)!important;
}
.das-property-servicespage .das-service-overview-card strong{
  color:var(--das-services-heading)!important;
}
.das-property-servicespage .das-service-overview-card small{
  color:var(--das-services-muted)!important;
}
.das-property-servicespage .das-service-overview-card::before{
  background:var(--das-services-accent)!important;
}
.das-property-servicespage .das-service-overview-card::after{
  background:color-mix(in srgb,var(--das-services-accent) 10%,transparent)!important;
}
.das-property-servicespage .das-service-overview-card>i{
  color:var(--das-services-accent)!important;
}
.das-property-servicespage .das-service-overview-card:hover{
  border-color:color-mix(in srgb,var(--das-services-accent) 58%,transparent)!important;
}
.das-property-servicespage .das-service-overview-card:hover>i{
  color:var(--das-services-accent-strong)!important;
}

/* Übersicht + Bereichs-Icons */
.das-property-servicespage .das-service-icon,
.das-property-servicespage .das-service-block__icon{
  color:var(--das-services-accent)!important;
  border-color:var(--das-services-accent)!important;
  background:color-mix(in srgb,var(--das-services-accent) 9%,transparent)!important;
}
.das-property-servicespage .das-service-icon svg,
.das-property-servicespage .das-service-block__icon svg{
  color:inherit!important;
  stroke:currentColor!important;
}
.das-property-servicespage .das-service-overview-card:hover .das-service-icon{
  color:var(--das-services-button-text)!important;
  border-color:var(--das-services-button-bg)!important;
  background:var(--das-services-button-bg)!important;
}

/* Im Darkmode bewusst die helle Farbwelt-Variante nutzen */
html.das-dark-mode .das-property-servicespage .das-service-icon,
html.das-dark-mode .das-property-servicespage .das-service-block__icon{
  color:var(--das-accent-dark,var(--das-services-accent))!important;
  border-color:var(--das-accent-dark,var(--das-services-accent))!important;
  background:color-mix(in srgb,var(--das-accent-dark,var(--das-services-accent)) 12%,transparent)!important;
}

/* ---------------------------------------------------------
 * Textslider Cards
 * ------------------------------------------------------ */
.das-property-servicespage .das-service-slide{
  background:var(--das-services-card)!important;
  color:var(--das-services-text)!important;
  border-color:color-mix(in srgb,var(--das-services-accent) 25%,transparent)!important;
}
.das-property-servicespage .das-service-slide h3{
  color:var(--das-services-heading)!important;
}
.das-property-servicespage .das-service-slide::before{
  background:var(--das-services-accent)!important;
}
.das-property-servicespage .das-service-slide::after{
  background:color-mix(in srgb,var(--das-services-accent) 9%,transparent)!important;
}
.das-property-servicespage .das-service-slide:hover{
  border-color:color-mix(in srgb,var(--das-services-accent) 55%,transparent)!important;
}

/* Slider-Navigation IMMER sichtbar, auch bei Minimal/Graphite/Dark */
.das-property-servicespage .das-service-slider__prev,
.das-property-servicespage .das-service-slider__next{
  color:var(--das-services-accent)!important;
  opacity:1!important;
  -webkit-text-fill-color:var(--das-services-accent)!important;
}
.das-property-servicespage .das-service-slider__prev:hover,
.das-property-servicespage .das-service-slider__next:hover{
  color:var(--das-services-accent-strong)!important;
  -webkit-text-fill-color:var(--das-services-accent-strong)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-slider__prev,
html.das-dark-mode .das-property-servicespage .das-service-slider__next{
  color:var(--das-accent-dark,var(--das-services-accent))!important;
  -webkit-text-fill-color:var(--das-accent-dark,var(--das-services-accent))!important;
}

/* Dots */
.das-property-servicespage .das-service-slider__dots button{
  background:color-mix(in srgb,var(--das-services-accent) 30%,transparent)!important;
  border:0!important;
}
.das-property-servicespage .das-service-slider__dots button.is-active{
  background:var(--das-services-accent)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-slider__dots button{
  background:color-mix(in srgb,var(--das-accent-dark,var(--das-services-accent)) 34%,transparent)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-slider__dots button.is-active{
  background:var(--das-accent-dark,var(--das-services-accent))!important;
}

/* ---------------------------------------------------------
 * Abschluss-Card
 * ------------------------------------------------------ */
.das-property-servicespage .das-service-block__closing{
  background:var(--das-services-card)!important;
  color:var(--das-services-text)!important;
  border-color:color-mix(in srgb,var(--das-services-accent) 25%,transparent)!important;
}
.das-property-servicespage .das-service-block__closing h3{
  color:var(--das-services-heading)!important;
}
.das-property-servicespage .das-service-block__closing::before{
  background:var(--das-services-accent)!important;
}
.das-property-servicespage .das-service-block__closing::after{
  background:color-mix(in srgb,var(--das-services-accent) 9%,transparent)!important;
}

/* ---------------------------------------------------------
 * CTA Button
 * ------------------------------------------------------ */
.das-property-servicespage .das-services-cta a,
.das-property-servicespage .das-services-cta .button{
  background:var(--das-services-button-bg)!important;
  color:var(--das-services-button-text)!important;
  border-color:var(--das-services-button-bg)!important;
}
.das-property-servicespage .das-services-cta a:hover,
.das-property-servicespage .das-services-cta .button:hover{
  background:var(--das-services-button-hover-bg)!important;
  color:var(--das-services-button-hover-text)!important;
  border-color:var(--das-services-button-hover-bg)!important;
}

/* Kleine Zeilen und sonstige Akzenttexte */
.das-property-servicespage .das-home-kicker{
  color:var(--das-services-accent)!important;
}
html.das-dark-mode .das-property-servicespage .das-home-kicker{
  color:var(--das-accent-dark,var(--das-services-accent))!important;
}

/* ---------------------------------------------------------
 * Preset-sichere Kontraste:
 * Bei sehr neutralen Presets bleibt UI über currentColor sichtbar.
 * ------------------------------------------------------ */
.das-property-servicespage [data-das-section-style="accent"] .das-service-slider__prev,
.das-property-servicespage [data-das-section-style="accent"] .das-service-slider__next{
  color:currentColor!important;
  -webkit-text-fill-color:currentColor!important;
}
.das-property-servicespage [data-das-section-style="accent"] .das-service-slider__dots button{
  background:color-mix(in srgb,currentColor 30%,transparent)!important;
}
.das-property-servicespage [data-das-section-style="accent"] .das-service-slider__dots button.is-active{
  background:currentColor!important;
}

/* Bereichs-Icon bei Accent-Sections: hoher Kontrast statt zu dunklem Ton */
.das-property-servicespage [data-das-section-style="accent"] .das-service-block__icon{
  color:currentColor!important;
  border-color:currentColor!important;
  background:color-mix(in srgb,currentColor 10%,transparent)!important;
}

/* Keine alten section-lokalen Iconfarben mehr */
.das-property-servicespage .das-service-block{
  --das-services-local-accent:var(--das-services-accent)!important;
}
.das-property-servicespage .das-services-overview{
  --das-services-local-accent:var(--das-services-accent)!important;
}


/* =========================================================
 * 1.0.16 – Soft-Farbe der Farbwelt als Darkmode-Gegenspiel
 * ======================================================= */

/* Die rechte Farbe der Farbwelt: heller Gegenpol zum Accent.
   Für Custom wird sie automatisch genauso harmonisch abgeleitet. */
.das-property-servicespage{
  --das-services-soft:var(--das-accent-soft,color-mix(in srgb,var(--das-accent) 22%,#fff));
  --das-services-soft-strong:var(--das-accent-soft-strong,color-mix(in srgb,var(--das-accent) 38%,#fff));
}
html.das-dark-mode .das-property-servicespage{
  --das-services-accent:var(--das-services-soft);
  --das-services-accent-strong:var(--das-services-soft-strong);
  --das-services-card:var(--das-dark-card);
  --das-services-text:var(--das-dark-text);
  --das-services-heading:var(--das-dark-heading);
}

/* Darkmode-Icons: Soft-Farbe statt dunklem Hauptaccent */
html.das-dark-mode .das-property-servicespage .das-service-icon,
html.das-dark-mode .das-property-servicespage .das-service-block__icon{
  color:var(--das-services-soft)!important;
  border-color:var(--das-services-soft)!important;
  background:color-mix(in srgb,var(--das-services-soft) 11%,transparent)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-icon svg,
html.das-dark-mode .das-property-servicespage .das-service-block__icon svg{
  color:inherit!important;
  stroke:currentColor!important;
}

/* Overview Cards im Darkmode */
html.das-dark-mode .das-property-servicespage .das-service-overview-card{
  background:var(--das-dark-card)!important;
  color:var(--das-dark-text)!important;
  border-color:color-mix(in srgb,var(--das-services-soft) 32%,transparent)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-overview-card strong{
  color:var(--das-dark-heading)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-overview-card small{
  color:color-mix(in srgb,var(--das-dark-text) 70%,transparent)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-overview-card::before{
  background:var(--das-services-soft)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-overview-card>i{
  color:var(--das-services-soft)!important;
}

/* Slider Cards: dunkle Card + heller Farbwelt-Kontrast */
html.das-dark-mode .das-property-servicespage .das-service-slide{
  background:var(--das-dark-card)!important;
  color:var(--das-dark-text)!important;
  border-color:color-mix(in srgb,var(--das-services-soft) 28%,transparent)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-slide h3{
  color:var(--das-dark-heading)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-slide::before{
  background:var(--das-services-soft)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-slide::after{
  background:color-mix(in srgb,var(--das-services-soft) 8%,transparent)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-slide:hover{
  border-color:color-mix(in srgb,var(--das-services-soft) 62%,transparent)!important;
}

/* Slider Navigation */
html.das-dark-mode .das-property-servicespage .das-service-slider__prev,
html.das-dark-mode .das-property-servicespage .das-service-slider__next{
  color:var(--das-services-soft)!important;
  -webkit-text-fill-color:var(--das-services-soft)!important;
  opacity:1!important;
}
html.das-dark-mode .das-property-servicespage .das-service-slider__prev:hover,
html.das-dark-mode .das-property-servicespage .das-service-slider__next:hover{
  color:var(--das-services-soft-strong)!important;
  -webkit-text-fill-color:var(--das-services-soft-strong)!important;
}

/* Dots */
html.das-dark-mode .das-property-servicespage .das-service-slider__dots button{
  background:color-mix(in srgb,var(--das-services-soft) 34%,transparent)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-slider__dots button.is-active{
  background:var(--das-services-soft)!important;
}

/* Kleine Zeilen und Abschluss-Card */
html.das-dark-mode .das-property-servicespage .das-home-kicker{
  color:var(--das-services-soft)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-block__closing{
  background:var(--das-dark-card)!important;
  color:var(--das-dark-text)!important;
  border-color:color-mix(in srgb,var(--das-services-soft) 28%,transparent)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-block__closing h3{
  color:var(--das-dark-heading)!important;
}
html.das-dark-mode .das-property-servicespage .das-service-block__closing::before{
  background:var(--das-services-soft)!important;
}

/* Accent-Sections: ebenfalls Soft-Farbe als sichtbarer UI-Kontrast */
html.das-dark-mode .das-property-servicespage [data-das-section-style="accent"] .das-service-block__icon,
html.das-dark-mode .das-property-servicespage [data-das-section-style="accent"] .das-service-icon{
  color:var(--das-services-soft)!important;
  border-color:var(--das-services-soft)!important;
}
html.das-dark-mode .das-property-servicespage [data-das-section-style="accent"] .das-service-slider__prev,
html.das-dark-mode .das-property-servicespage [data-das-section-style="accent"] .das-service-slider__next{
  color:var(--das-services-soft)!important;
  -webkit-text-fill-color:var(--das-services-soft)!important;
}
html.das-dark-mode .das-property-servicespage [data-das-section-style="accent"] .das-service-slider__dots button.is-active{
  background:var(--das-services-soft)!important;
}


/* =========================================================
 * 1.0.17 – Globales Dateck Karten-Stil-System
 * Design > Karten-Design > Standard / Glas / Outline / Clean
 * Wirkt auf die bereits vorhandenen Agency-Suite-Karten.
 * ======================================================= */

/* Gemeinsame Kartenziele der bisher gebauten Bereiche */
.das-card-style-standard :is(
  .das-property-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing,
  .das-team-card,
  .das-about-card,
  .das-home-card,
  .das-feature-card,
  .das-gallery-card,
  .das-cta-card
){
  --das-card-surface:var(--das-card);
  --das-card-surface-dark:var(--das-dark-card);
}

/* ---------------- GLAS ---------------- */
.das-card-style-glass :is(
  .das-property-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing,
  .das-team-card,
  .das-about-card,
  .das-home-card,
  .das-feature-card,
  .das-gallery-card,
  .das-cta-card
){
  background:color-mix(in srgb,var(--das-card) 72%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--das-accent) 22%,rgba(255,255,255,.38))!important;
  box-shadow:0 18px 46px rgba(15,23,42,.11)!important;
  -webkit-backdrop-filter:blur(18px) saturate(128%);
  backdrop-filter:blur(18px) saturate(128%);
}

html.das-dark-mode .das-card-style-glass :is(
  .das-property-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing,
  .das-team-card,
  .das-about-card,
  .das-home-card,
  .das-feature-card,
  .das-gallery-card,
  .das-cta-card
){
  background:color-mix(in srgb,var(--das-dark-card) 68%,transparent)!important;
  border-color:color-mix(in srgb,var(--das-accent-soft) 30%,rgba(255,255,255,.14))!important;
  box-shadow:0 20px 52px rgba(0,0,0,.24)!important;
}

/* Glass highlight */
.das-card-style-glass :is(
  .das-property-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing,
  .das-team-card,
  .das-about-card,
  .das-home-card,
  .das-feature-card,
  .das-gallery-card,
  .das-cta-card
)::before{
  border-color:transparent!important;
}

/* ---------------- OUTLINE ---------------- */
.das-card-style-outline :is(
  .das-property-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing,
  .das-team-card,
  .das-about-card,
  .das-home-card,
  .das-feature-card,
  .das-gallery-card,
  .das-cta-card
){
  background:transparent!important;
  box-shadow:none!important;
  border:1.5px solid color-mix(in srgb,var(--das-accent) 42%,transparent)!important;
}
html.das-dark-mode .das-card-style-outline :is(
  .das-property-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing,
  .das-team-card,
  .das-about-card,
  .das-home-card,
  .das-feature-card,
  .das-gallery-card,
  .das-cta-card
){
  border-color:color-mix(in srgb,var(--das-accent-soft) 48%,transparent)!important;
}

/* ---------------- CLEAN ---------------- */
.das-card-style-clean :is(
  .das-property-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing,
  .das-team-card,
  .das-about-card,
  .das-home-card,
  .das-feature-card,
  .das-gallery-card,
  .das-cta-card
){
  background:var(--das-card)!important;
  border-color:color-mix(in srgb,var(--das-text) 10%,transparent)!important;
  box-shadow:none!important;
}
html.das-dark-mode .das-card-style-clean :is(
  .das-property-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing,
  .das-team-card,
  .das-about-card,
  .das-home-card,
  .das-feature-card,
  .das-gallery-card,
  .das-cta-card
){
  background:var(--das-dark-card)!important;
  border-color:color-mix(in srgb,var(--das-dark-text) 12%,transparent)!important;
}

/* Global hover behaves consistently with the current Design settings */
.das-card-style-glass :is(
  .das-property-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing,
  .das-team-card,
  .das-about-card,
  .das-home-card,
  .das-feature-card,
  .das-gallery-card,
  .das-cta-card
):hover{
  border-color:color-mix(in srgb,var(--das-accent) 48%,transparent)!important;
}
html.das-dark-mode .das-card-style-glass :is(
  .das-property-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing,
  .das-team-card,
  .das-about-card,
  .das-home-card,
  .das-feature-card,
  .das-gallery-card,
  .das-cta-card
):hover{
  border-color:color-mix(in srgb,var(--das-accent-soft) 55%,transparent)!important;
}

/* Slider cards must keep their accent strip in every card style */
.das-card-style-glass .das-service-slide::before,
.das-card-style-outline .das-service-slide::before,
.das-card-style-clean .das-service-slide::before{
  display:block!important;
  content:""!important;
  background:var(--das-accent)!important;
}
html.das-dark-mode .das-card-style-glass .das-service-slide::before,
html.das-dark-mode .das-card-style-outline .das-service-slide::before,
html.das-dark-mode .das-card-style-clean .das-service-slide::before{
  background:var(--das-accent-soft)!important;
}

/* The soft color principle now applies to ALL existing Dateck module icons in dark mode */
html.das-dark-mode :is(
  .das-agency-homepage,
  .das-property-aboutpage,
  .das-property-servicespage
) :is(
  .das-service-icon,
  .das-service-block__icon,
  .das-team-card svg,
  .das-team-card .dashicons,
  .das-home-card svg,
  .das-feature-card svg
){
  color:var(--das-accent-soft)!important;
  stroke:currentColor!important;
}

/* Preset safe navigation accents across current sections */
html.das-dark-mode :is(
  .das-agency-homepage,
  .das-property-aboutpage,
  .das-property-servicespage
) :is(
  .das-service-slider__prev,
  .das-service-slider__next
){
  color:var(--das-accent-soft)!important;
  -webkit-text-fill-color:var(--das-accent-soft)!important;
}


/* =========================================================
 * 1.0.19 – Global Card Style Audit / echtes Glassmorphism
 * Korrigiert die realen Frontend-Klassennamen aller bisher
 * vorhandenen Kartenbereiche.
 * ======================================================= */

/* Reale Kartenklassen: Startseite, Über uns/Team, Leistungen */
body.das-card-style-glass :is(
 .das-home-property-card,
 .das-about-team-card,
 .das-service-overview-card,
 .das-service-slide,
 .das-service-block__closing
){
 position:relative;
 isolation:isolate;
 background:color-mix(in srgb,var(--das-card) 46%,transparent)!important;
 border:1px solid color-mix(in srgb,#ffffff 62%,var(--das-accent) 38%)!important;
 box-shadow:
   inset 0 1px 0 rgba(255,255,255,.62),
   0 14px 38px rgba(15,23,42,.10)!important;
 -webkit-backdrop-filter:blur(20px) saturate(145%);
 backdrop-filter:blur(20px) saturate(145%);
}

html.das-dark-mode body.das-card-style-glass :is(
 .das-home-property-card,
 .das-about-team-card,
 .das-service-overview-card,
 .das-service-slide,
 .das-service-block__closing
){
 background:color-mix(in srgb,var(--das-dark-card) 44%,transparent)!important;
 border-color:color-mix(in srgb,var(--das-accent-soft) 44%,rgba(255,255,255,.20))!important;
 box-shadow:
   inset 0 1px 0 rgba(255,255,255,.10),
   0 18px 46px rgba(0,0,0,.24)!important;
}

/* echter Glas-Lichtreflex, ohne bestehende Service-Akzentlinie zu zerstören */
body.das-card-style-glass :is(.das-home-property-card,.das-about-team-card)::after{
 content:"";
 position:absolute;
 z-index:-1;
 inset:0;
 pointer-events:none;
 border-radius:inherit;
 background:linear-gradient(135deg,rgba(255,255,255,.20),transparent 34%,transparent 72%,rgba(255,255,255,.06));
}
html.das-dark-mode body.das-card-style-glass :is(.das-home-property-card,.das-about-team-card)::after{
 background:linear-gradient(135deg,rgba(255,255,255,.09),transparent 34%,transparent 72%,color-mix(in srgb,var(--das-accent-soft) 8%,transparent));
}

/* Service-Übersicht: vorhandene Deko bleibt, Oberfläche wird wirklich transparent */
body.das-card-style-glass .das-property-servicespage .das-service-overview-card{
 background:color-mix(in srgb,var(--das-card) 42%,transparent)!important;
}
html.das-dark-mode body.das-card-style-glass .das-property-servicespage .das-service-overview-card{
 background:color-mix(in srgb,var(--das-dark-card) 40%,transparent)!important;
}

/* Slider */
body.das-card-style-glass .das-property-servicespage .das-service-slide{
 background:color-mix(in srgb,var(--das-card) 45%,transparent)!important;
}
html.das-dark-mode body.das-card-style-glass .das-property-servicespage .das-service-slide{
 background:color-mix(in srgb,var(--das-dark-card) 42%,transparent)!important;
}
body.das-card-style-glass .das-property-servicespage .das-service-slide::after{
 background:color-mix(in srgb,var(--das-accent) 7%,transparent)!important;
}
html.das-dark-mode body.das-card-style-glass .das-property-servicespage .das-service-slide::after{
 background:color-mix(in srgb,var(--das-accent-soft) 7%,transparent)!important;
}

/* Abschlusskarte */
body.das-card-style-glass .das-property-servicespage .das-service-block__closing{
 background:color-mix(in srgb,var(--das-card) 45%,transparent)!important;
}
html.das-dark-mode body.das-card-style-glass .das-property-servicespage .das-service-block__closing{
 background:color-mix(in srgb,var(--das-dark-card) 42%,transparent)!important;
}

/* Teamkarten – Bilder bleiben natürlich deckend, nur der Card-Body ist Glas */
body.das-card-style-glass .das-about-team-card__body{
 background:transparent!important;
}

/* Objektkarten */
body.das-card-style-glass .das-home-property-card__body{
 background:transparent!important;
}

/* Outline: reale Kartenklassen */
body.das-card-style-outline :is(
 .das-home-property-card,
 .das-about-team-card,
 .das-service-overview-card,
 .das-service-slide,
 .das-service-block__closing
){
 background:transparent!important;
 box-shadow:none!important;
 border:1.5px solid color-mix(in srgb,var(--das-accent) 48%,transparent)!important;
}
html.das-dark-mode body.das-card-style-outline :is(
 .das-home-property-card,
 .das-about-team-card,
 .das-service-overview-card,
 .das-service-slide,
 .das-service-block__closing
){
 border-color:color-mix(in srgb,var(--das-accent-soft) 52%,transparent)!important;
}

/* Clean: reale Kartenklassen */
body.das-card-style-clean :is(
 .das-home-property-card,
 .das-about-team-card,
 .das-service-overview-card,
 .das-service-slide,
 .das-service-block__closing
){
 background:var(--das-card)!important;
 box-shadow:none!important;
 border:1px solid color-mix(in srgb,var(--das-text) 9%,transparent)!important;
}
html.das-dark-mode body.das-card-style-clean :is(
 .das-home-property-card,
 .das-about-team-card,
 .das-service-overview-card,
 .das-service-slide,
 .das-service-block__closing
){
 background:var(--das-dark-card)!important;
 border-color:color-mix(in srgb,var(--das-dark-text) 12%,transparent)!important;
}

/* Glass hover – subtil, nicht wieder zu einer massiven Card machen */
body.das-card-style-glass :is(
 .das-home-property-card,
 .das-about-team-card,
 .das-service-overview-card,
 .das-service-slide,
 .das-service-block__closing
):hover{
 border-color:color-mix(in srgb,var(--das-accent) 58%,#ffffff 42%)!important;
}
html.das-dark-mode body.das-card-style-glass :is(
 .das-home-property-card,
 .das-about-team-card,
 .das-service-overview-card,
 .das-service-slide,
 .das-service-block__closing
):hover{
 border-color:color-mix(in srgb,var(--das-accent-soft) 66%,rgba(255,255,255,.20))!important;
}

/* Overlay/Minimal-Sonderlayouts behalten ihre funktionale Darstellung.
   Glass wirkt dort auf die lesbare Contentfläche statt das Bild zu milchig zu machen. */
body.das-card-style-glass .das-about-team-grid.is-overlay .das-about-team-card{
 background:#111!important;
 border-color:color-mix(in srgb,var(--das-accent) 30%,transparent)!important;
 -webkit-backdrop-filter:none;
 backdrop-filter:none;
}
body.das-card-style-glass .das-home-properties-grid.is-card-overlay .das-home-property-card{
 background:#111!important;
 -webkit-backdrop-filter:none;
 backdrop-filter:none;
}

/* =========================================================
 * 1.0.19 – Glass final pass
 * One authoritative layer for real cards + slider viewport.
 * ======================================================= */

/* Slider viewport must NEVER render its own surface/shadow. */
.das-property-servicespage :is(.das-service-slider,.das-service-slider__viewport,.das-service-slider__track){
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  border:0!important;outline:0!important;box-shadow:none!important;filter:none!important;
}
.das-property-servicespage .das-service-slider__viewport{overflow:hidden!important;padding:0!important;}
.das-property-servicespage .das-service-slider__track{padding-bottom:18px!important;}
.das-property-servicespage .das-service-slider__track::before,
.das-property-servicespage .das-service-slider__track::after,
.das-property-servicespage .das-service-slider__viewport::before,
.das-property-servicespage .das-service-slider__viewport::after{display:none!important;content:none!important;}

/* Real glass: deliberately translucent, with visible glass edge/highlight. */
body.das-card-style-glass :is(.das-service-overview-card,.das-service-slide,.das-service-block__closing,.das-about-team-card,.das-home-property-card){
  background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(255,255,255,.26))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 10px 28px rgba(15,23,42,.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
}
html.das-dark-mode body.das-card-style-glass :is(.das-service-overview-card,.das-service-slide,.das-service-block__closing,.das-about-team-card,.das-home-property-card){
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;
  border:1px solid color-mix(in srgb,var(--das-accent-soft) 42%,rgba(255,255,255,.38))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 12px 30px rgba(0,0,0,.14)!important;
}

/* Service slides: no giant clipped shadow that looks like a grey viewport. */
body.das-card-style-glass .das-property-servicespage .das-service-slide,
html.das-dark-mode body.das-card-style-glass .das-property-servicespage .das-service-slide{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}

/* Team: image stays crisp; content surface belongs to the glass parent. */
body.das-card-style-glass .das-about-team-card__body{background:transparent!important;}
body.das-card-style-glass .das-about-team-card__image{background:transparent!important;}
body.das-card-style-glass .das-about-team-card{overflow:hidden;}

/* Dark mode team/contact UI follows the soft counterpart color. */
html.das-dark-mode body.das-card-style-glass .das-about-team-card__contact a{
  color:var(--das-accent-soft)!important;border-color:color-mix(in srgb,var(--das-accent-soft) 42%,transparent)!important;
}


/* =========================================================
 * 1.0.20 – Glassmorphism auf einfarbigen Sections sichtbar
 * Frosted Surface statt nur transparentem Background.
 * ======================================================= */

body.das-card-style-glass{
  --das-glass-light:
    linear-gradient(135deg,
      rgba(255,255,255,.44) 0%,
      rgba(255,255,255,.22) 34%,
      color-mix(in srgb,var(--das-accent) 7%,rgba(255,255,255,.12)) 100%);
  --das-glass-dark:
    linear-gradient(135deg,
      rgba(255,255,255,.105) 0%,
      rgba(255,255,255,.045) 30%,
      color-mix(in srgb,var(--das-accent-soft) 9%,rgba(255,255,255,.025)) 100%);
}

/* echte Frosted-Oberfläche – relevant für alle bereits gebauten Card-Typen */
body.das-card-style-glass :is(
  .das-home-property-card,
  .das-about-team-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing
){
  background:
    var(--das-glass-light),
    color-mix(in srgb,var(--das-card) 34%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--das-accent) 22%,rgba(255,255,255,.64))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 18px 44px rgba(15,23,42,.10)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
}

html.das-dark-mode body.das-card-style-glass :is(
  .das-home-property-card,
  .das-about-team-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing
){
  background:
    var(--das-glass-dark),
    color-mix(in srgb,var(--das-dark-card) 30%,transparent)!important;
  border-color:color-mix(in srgb,var(--das-accent-soft) 32%,rgba(255,255,255,.20))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 20px 48px rgba(0,0,0,.22)!important;
}

/* Team: Bild bleibt deckend, Textteil bleibt Teil derselben Glas-Card */
body.das-card-style-glass .das-about-team-card__body{
  background:transparent!important;
}

/* Objektkarte ebenso */
body.das-card-style-glass .das-home-property-card__body{
  background:transparent!important;
}

/* Service-Karten behalten ihre Farbwelt-Deko, aber deutlich softer */
body.das-card-style-glass .das-property-servicespage .das-service-slide::after,
body.das-card-style-glass .das-property-servicespage .das-service-overview-card::after{
  background:color-mix(in srgb,var(--das-accent) 5%,transparent)!important;
}
html.das-dark-mode body.das-card-style-glass .das-property-servicespage .das-service-slide::after,
html.das-dark-mode body.das-card-style-glass .das-property-servicespage .das-service-overview-card::after{
  background:color-mix(in srgb,var(--das-accent-soft) 6%,transparent)!important;
}

/* Die obere Akzentkante wird beim Glas heller und filigraner */
body.das-card-style-glass .das-property-servicespage .das-service-slide::before{
  background:color-mix(in srgb,var(--das-accent) 72%,#ffffff 28%)!important;
  height:3px!important;
}
html.das-dark-mode body.das-card-style-glass .das-property-servicespage .das-service-slide::before{
  background:var(--das-accent-soft)!important;
}

/* Hover: mehr Licht statt einfach mehr Schatten */
body.das-card-style-glass :is(
  .das-home-property-card,
  .das-about-team-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing
):hover{
  border-color:color-mix(in srgb,var(--das-accent) 42%,#ffffff 58%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 22px 52px rgba(15,23,42,.13)!important;
}

html.das-dark-mode body.das-card-style-glass :is(
  .das-home-property-card,
  .das-about-team-card,
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing
):hover{
  border-color:color-mix(in srgb,var(--das-accent-soft) 52%,rgba(255,255,255,.28))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 24px 56px rgba(0,0,0,.28)!important;
}

/* Viewport/Track bleibt garantiert unsichtbar */
body.das-card-style-glass .das-property-servicespage :is(
  .das-service-slider,
  .das-service-slider__viewport,
  .das-service-slider__track
){
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Suchbox-artige Glaswirkung für die Leistungsübersicht im Darkmode */
html.das-dark-mode body.das-card-style-glass .das-service-overview-card{
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.10),
      rgba(255,255,255,.035) 42%,
      color-mix(in srgb,var(--das-accent-soft) 8%,transparent)),
    color-mix(in srgb,var(--das-dark-card) 28%,transparent)!important;
}


/* =========================================================
 * 1.0.21 – Frosted Glass sichtbarer + Darkmode Active Menu
 * ======================================================= */

/* ---------------------------------------------------------
 * Glas deutlich sichtbarer – näher an der Hero-Suchbox
 * ------------------------------------------------------ */
body.das-card-style-glass :is(
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing
){
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.58) 0%,
      rgba(255,255,255,.34) 42%,
      color-mix(in srgb,var(--das-accent) 10%,rgba(255,255,255,.22)) 100%
    )!important;
  border:1px solid color-mix(in srgb,var(--das-accent) 22%,rgba(255,255,255,.78))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.90),
    inset 0 0 0 1px rgba(255,255,255,.10),
    0 16px 42px rgba(15,23,42,.10)!important;
  -webkit-backdrop-filter:blur(24px) saturate(155%)!important;
  backdrop-filter:blur(24px) saturate(155%)!important;
}

/* Im Darkmode bewusst deutlich heller als die Section selbst */
html.das-dark-mode body.das-card-style-glass :is(
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing
){
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.115) 0%,
      rgba(255,255,255,.058) 38%,
      color-mix(in srgb,var(--das-accent-soft) 12%,rgba(255,255,255,.025)) 100%
    )!important;
  border-color:color-mix(in srgb,var(--das-accent-soft) 34%,rgba(255,255,255,.25))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 20px 46px rgba(0,0,0,.22)!important;
}

/* Überlagerung sichtbar machen, ohne einen massiven Farbblock zu erzeugen */
body.das-card-style-glass .das-property-servicespage .das-service-overview-card::after,
body.das-card-style-glass .das-property-servicespage .das-service-slide::after{
  opacity:1!important;
  background:
    radial-gradient(
      circle at 100% 100%,
      color-mix(in srgb,var(--das-accent) 10%,transparent) 0 34%,
      transparent 35%
    )!important;
}
html.das-dark-mode body.das-card-style-glass .das-property-servicespage .das-service-overview-card::after,
html.das-dark-mode body.das-card-style-glass .das-property-servicespage .das-service-slide::after{
  background:
    radial-gradient(
      circle at 100% 100%,
      color-mix(in srgb,var(--das-accent-soft) 11%,transparent) 0 34%,
      transparent 35%
    )!important;
}

/* Team ebenfalls auf denselben Frosted-Kontrast bringen */
body.das-card-style-glass .das-about-team-card{
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.55),
      rgba(255,255,255,.30) 48%,
      color-mix(in srgb,var(--das-accent) 8%,rgba(255,255,255,.20))
    )!important;
}
html.das-dark-mode body.das-card-style-glass .das-about-team-card{
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.10),
      rgba(255,255,255,.045) 46%,
      color-mix(in srgb,var(--das-accent-soft) 10%,rgba(255,255,255,.02))
    )!important;
}

/* ---------------------------------------------------------
 * Active Navigation / Header States
 * Darkmode nutzt die helle Gegenfarbe der Farbwelt
 * ------------------------------------------------------ */
html.das-dark-mode :is(
  .das-header-nav a.current-menu-item,
  .das-header-nav .current-menu-item > a,
  .das-header-nav a.current-menu-ancestor,
  .das-header-nav .current-menu-ancestor > a,
  .das-header-nav a.is-active,
  .das-header-nav a[aria-current="page"],
  .das-site-header nav a.current-menu-item,
  .das-site-header nav .current-menu-item > a,
  .das-site-header nav a[aria-current="page"]
){
  color:var(--das-accent-soft)!important;
  -webkit-text-fill-color:var(--das-accent-soft)!important;
}

/* Unterstrich / aktive Linie */
html.das-dark-mode :is(
  .das-header-nav a.current-menu-item,
  .das-header-nav .current-menu-item > a,
  .das-header-nav a.current-menu-ancestor,
  .das-header-nav .current-menu-ancestor > a,
  .das-header-nav a.is-active,
  .das-header-nav a[aria-current="page"],
  .das-site-header nav a.current-menu-item,
  .das-site-header nav .current-menu-item > a,
  .das-site-header nav a[aria-current="page"]
)::after{
  background:var(--das-accent-soft)!important;
}

/* Fallback für Header-Implementationen mit border-bottom */
html.das-dark-mode :is(
  .das-header-nav a.current-menu-item,
  .das-header-nav .current-menu-item > a,
  .das-header-nav a.current-menu-ancestor,
  .das-header-nav .current-menu-ancestor > a,
  .das-header-nav a.is-active,
  .das-header-nav a[aria-current="page"]
){
  border-bottom-color:var(--das-accent-soft)!important;
}

/* DE/EN aktiver Zustand ebenfalls sauber kontrastreich */
html.das-dark-mode :is(
  .das-language-switch .is-active,
  .das-language-switch [aria-current="true"],
  .das-lang-switch .is-active,
  .das-lang-switch [aria-current="true"]
){
  background:var(--das-accent-soft)!important;
  color:#111!important;
}

/* ---------------------------------------------------------
 * Slider-Viewport bleibt weiterhin komplett transparent
 * ------------------------------------------------------ */
body.das-card-style-glass .das-property-servicespage :is(
  .das-service-slider,
  .das-service-slider__viewport,
  .das-service-slider__track
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}


/* =========================================================
 * 1.0.22 – Frosted Glass sichtbar + Akzente zurück
 * + Header Hover Darkmode korrekt
 * ======================================================= */

/* ---------------------------------------------------------
 * GLAS: deutlich transparenter / heller als Section
 * ------------------------------------------------------ */
body.das-card-style-glass .das-property-servicespage :is(
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing
){
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.72) 0%,
      rgba(255,255,255,.47) 44%,
      color-mix(in srgb,var(--das-accent) 9%,rgba(255,255,255,.34)) 100%
    )!important;
  border:1px solid color-mix(in srgb,var(--das-accent) 28%,rgba(255,255,255,.80))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    inset 0 0 0 1px rgba(255,255,255,.12),
    0 14px 38px rgba(15,23,42,.09)!important;
  -webkit-backdrop-filter:blur(26px) saturate(160%)!important;
  backdrop-filter:blur(26px) saturate(160%)!important;
}

/* Darkmode: bewusst sichtbar heller als der Section-Hintergrund */
html.das-dark-mode body.das-card-style-glass .das-property-servicespage :is(
  .das-service-overview-card,
  .das-service-slide,
  .das-service-block__closing
){
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.145) 0%,
      rgba(255,255,255,.080) 46%,
      color-mix(in srgb,var(--das-accent-soft) 13%,rgba(255,255,255,.032)) 100%
    )!important;
  border-color:color-mix(in srgb,var(--das-accent-soft) 38%,rgba(255,255,255,.28))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 0 0 1px rgba(255,255,255,.045),
    0 18px 44px rgba(0,0,0,.20)!important;
}

/* Team ebenfalls klarer als Glasfläche */
body.das-card-style-glass .das-about-team-card{
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.68),
      rgba(255,255,255,.42) 50%,
      color-mix(in srgb,var(--das-accent) 8%,rgba(255,255,255,.28))
    )!important;
}
html.das-dark-mode body.das-card-style-glass .das-about-team-card{
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.135),
      rgba(255,255,255,.072) 48%,
      color-mix(in srgb,var(--das-accent-soft) 12%,rgba(255,255,255,.025))
    )!important;
}

/* ---------------------------------------------------------
 * AKZENTE wieder sichtbar
 * ------------------------------------------------------ */

/* obere Linie Slidercards */
body.das-card-style-glass .das-property-servicespage .das-service-slide::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:4px!important;
  background:var(--das-accent)!important;
  opacity:1!important;
  z-index:3!important;
}
html.das-dark-mode body.das-card-style-glass .das-property-servicespage .das-service-slide::before{
  background:var(--das-accent-soft)!important;
}

/* linke Akzentlinie Übersichtskarten */
body.das-card-style-glass .das-property-servicespage .das-service-overview-card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  height:auto!important;
  background:var(--das-accent)!important;
  opacity:1!important;
  z-index:3!important;
}
html.das-dark-mode body.das-card-style-glass .das-property-servicespage .das-service-overview-card::before{
  background:var(--das-accent-soft)!important;
}

/* Eck-Akzent unten rechts */
body.das-card-style-glass .das-property-servicespage :is(
  .das-service-overview-card,
  .das-service-slide
)::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:150px!important;
  height:150px!important;
  right:-55px!important;
  bottom:-62px!important;
  left:auto!important;
  top:auto!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--das-accent) 9%,transparent)!important;
  opacity:1!important;
  pointer-events:none!important;
  z-index:0!important;
}
html.das-dark-mode body.das-card-style-glass .das-property-servicespage :is(
  .das-service-overview-card,
  .das-service-slide
)::after{
  background:color-mix(in srgb,var(--das-accent-soft) 10%,transparent)!important;
}

/* Inhalte immer über Akzent-Deko */
body.das-card-style-glass .das-property-servicespage :is(
  .das-service-overview-card,
  .das-service-slide
)>*{
  position:relative;
  z-index:1;
}

/* ---------------------------------------------------------
 * Slider-Viewport bleibt transparent
 * ------------------------------------------------------ */
body.das-card-style-glass .das-property-servicespage :is(
  .das-service-slider,
  .das-service-slider__viewport,
  .das-service-slider__track
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* ---------------------------------------------------------
 * HEADER DARKMODE HOVER
 * ------------------------------------------------------ */

/* normale Links beim Hover */
html.das-dark-mode :is(
  .das-header-nav a,
  .das-site-header nav a
):hover{
  color:var(--das-accent-soft)!important;
  -webkit-text-fill-color:var(--das-accent-soft)!important;
}

/* Hover-Unterstrich */
html.das-dark-mode :is(
  .das-header-nav a,
  .das-site-header nav a
):hover::after{
  background:var(--das-accent-soft)!important;
}

/* vorhandene Navigation mit Border-Unterstrich */
html.das-dark-mode :is(
  .das-header-nav a,
  .das-site-header nav a
):hover{
  border-bottom-color:var(--das-accent-soft)!important;
}

/* Active bleibt ebenfalls Soft-Farbe */
html.das-dark-mode :is(
  .das-header-nav a.current-menu-item,
  .das-header-nav .current-menu-item > a,
  .das-header-nav a.current-menu-ancestor,
  .das-header-nav .current-menu-ancestor > a,
  .das-header-nav a.is-active,
  .das-header-nav a[aria-current="page"],
  .das-site-header nav .current-menu-item > a,
  .das-site-header nav a[aria-current="page"]
){
  color:var(--das-accent-soft)!important;
  -webkit-text-fill-color:var(--das-accent-soft)!important;
  border-bottom-color:var(--das-accent-soft)!important;
}


/* =========================================================
 * 1.0.23 – Slider-Viewport endgültig entfernen
 * ======================================================= */
.das-property-servicespage .das-service-slider,
.das-property-servicespage .das-service-slider__viewport,
.das-property-servicespage .das-service-slider__track{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

.das-property-servicespage .das-service-slider::before,
.das-property-servicespage .das-service-slider::after,
.das-property-servicespage .das-service-slider__viewport::before,
.das-property-servicespage .das-service-slider__viewport::after,
.das-property-servicespage .das-service-slider__track::before,
.das-property-servicespage .das-service-slider__track::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}

.das-property-servicespage .das-service-slider__track{
  padding-top:6px!important;
  padding-bottom:10px!important;
}

.das-property-servicespage .das-service-slider{
  padding-bottom:28px!important;
  overflow:visible!important;
}

.das-property-servicespage .das-service-slider__viewport{
  overflow:hidden!important;
}

.das-property-servicespage .das-service-slide,
.das-property-servicespage .das-service-slide:hover{
  box-shadow:none!important;
}


/* =========================================================
 * 1.0.24 – Slider-Unterkante / Compositing-Artefakt entfernen
 * Der graue Streifen kam nicht mehr vom Wrapper selbst,
 * sondern vom gemeinsamen Backdrop-Filter-Compositing der
 * Glass-Cards innerhalb des geclippten horizontalen Viewports.
 * ======================================================= */

/* Slider-Wrapper absolut flach und ohne zusätzliche Unterkante */
.das-property-servicespage .das-service-slider__viewport,
.das-property-servicespage .das-service-slider__track{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
.das-property-servicespage .das-service-slider__track{
  padding-top:6px!important;
  padding-bottom:0!important;
}

/* Wichtig: Glass-Optik bleibt über Verlauf + Border erhalten,
   aber kein backdrop-filter mehr auf den Slider-Cards.
   So entsteht im Overflow-Viewport kein gemeinsamer grauer Layer. */
body.das-card-style-glass .das-property-servicespage .das-service-slide,
html.das-dark-mode body.das-card-style-glass .das-property-servicespage .das-service-slide{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  box-shadow:none!important;
  isolation:isolate!important;
  transform:translateZ(0);
}

/* Keine Filter-/Shadow-Ausläufer unterhalb der Cards */
.das-property-servicespage .das-service-slide::before,
.das-property-servicespage .das-service-slide::after{
  box-shadow:none!important;
  filter:none!important;
}

/* Dots bekommen ihren Abstand separat – nicht über den Track */
.das-property-servicespage .das-service-slider__dots{
  margin-top:18px!important;
}


/* =========================================================
 * 1.0.25 – Hero-Texte als Glass-Panel
 * Einheitlich für Startseite und interne Agency-Suite-Seiten.
 * Der Textblock bekommt eine dezente Frosted-Glass-Fläche,
 * damit H1/Kicker/Text auf Fotos jederzeit lesbar bleiben.
 * ======================================================= */

.das-agency-hero__content,
.das-page-hero__content,
.das-hero__content,
.das-services-hero__content,
.das-property-servicespage .das-service-hero__content,
.das-property-aboutpage .das-about-hero__content,
.das-property-contactpage .das-contact-hero__content,
.das-property-objectspage .das-objects-hero__content{
  display:inline-block;
  width:auto;
  max-width:min(820px, calc(100% - 32px));
  padding:22px 28px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(8,20,38,.58),rgba(8,20,38,.30));
  -webkit-backdrop-filter:blur(12px) saturate(125%);
  backdrop-filter:blur(12px) saturate(125%);
  box-shadow:0 12px 36px rgba(0,0,0,.16);
}

/* Falls einzelne Hero-Templates den Textwrapper anders benennen */
.das-property-servicespage [class*="hero"] > .das-container > div:first-child,
.das-property-aboutpage [class*="hero"] > .das-container > div:first-child{
  border-radius:18px;
}

/* Hero-Schrift bleibt klar über dem Glas */
.das-agency-hero__content *,
.das-page-hero__content *,
.das-hero__content *,
.das-services-hero__content *,
.das-service-hero__content *,
.das-about-hero__content *,
.das-contact-hero__content *,
.das-objects-hero__content *{
  position:relative;
  z-index:1;
}

/* Mobile kompakter */
@media (max-width:767px){
  .das-agency-hero__content,
  .das-page-hero__content,
  .das-hero__content,
  .das-services-hero__content,
  .das-property-servicespage .das-service-hero__content,
  .das-property-aboutpage .das-about-hero__content,
  .das-property-contactpage .das-contact-hero__content,
  .das-property-objectspage .das-objects-hero__content{
    max-width:calc(100% - 24px);
    padding:17px 19px;
    border-radius:15px;
    -webkit-backdrop-filter:blur(10px) saturate(120%);
    backdrop-filter:blur(10px) saturate(120%);
  }
}


/* =========================================================
 * 1.0.28 – Hero Glass Light / Dark
 * ======================================================= */
.das-agency-hero.has-text-glass .das-agency-hero__copy{
  display:block!important;width:fit-content!important;
  max-width:min(700px,calc(100% - 32px))!important;
  padding:24px 30px!important;border:1px solid rgba(255,255,255,.72)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--das-hero-glass-color,#fff) calc(var(--das-hero-glass-opacity,.65) * 100%),transparent) 0%,
    color-mix(in srgb,var(--das-hero-glass-color,#fff) calc(var(--das-hero-glass-opacity,.65) * 82%),transparent) 52%,
    color-mix(in srgb,var(--das-accent-soft) 12%,color-mix(in srgb,var(--das-hero-glass-color,#fff) calc(var(--das-hero-glass-opacity,.65) * 72%),transparent)) 100%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(135%)!important;
  backdrop-filter:blur(18px) saturate(135%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80),0 16px 42px rgba(15,23,42,.15)!important;
}
.das-agency-hero.has-text-glass.is-align-right .das-agency-hero__copy{margin-left:auto!important}
.das-agency-hero.has-text-glass.is-align-center .das-agency-hero__copy{margin-left:auto!important;margin-right:auto!important}
.das-agency-hero.has-text-glass .das-agency-hero__copy>*{position:relative;z-index:1}
.das-agency-hero.has-text-glass .das-agency-hero__copy h1,
.das-agency-hero.has-text-glass .das-agency-hero__copy p,
.das-agency-hero.has-text-glass .das-agency-hero__copy .das-home-kicker{text-shadow:0 1px 10px rgba(0,0,0,.16)}

html.das-dark-mode .das-agency-hero.has-text-glass .das-agency-hero__copy{
  border-color:color-mix(in srgb,var(--das-accent-soft) 48%,rgba(255,255,255,.22))!important;
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--das-primary) 78%,color-mix(in srgb,var(--das-hero-glass-dark-color,rgb(7 16 30)) calc(var(--das-hero-glass-opacity,.65) * 100%),transparent)) 0%,
    color-mix(in srgb,var(--das-primary) 64%,color-mix(in srgb,var(--das-hero-glass-dark-color,rgb(7 16 30)) calc(var(--das-hero-glass-opacity,.65) * 86%),transparent)) 58%,
    color-mix(in srgb,var(--das-accent) 15%,color-mix(in srgb,var(--das-hero-glass-dark-color,rgb(7 16 30)) calc(var(--das-hero-glass-opacity,.65) * 78%),transparent)) 100%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 46px rgba(0,0,0,.25)!important;
}
html.das-dark-mode .das-agency-hero.has-text-glass .das-agency-hero__copy h1,
html.das-dark-mode .das-agency-hero.has-text-glass .das-agency-hero__copy p,
html.das-dark-mode .das-agency-hero.has-text-glass .das-agency-hero__copy .das-home-kicker{
  color:var(--das-hero-glass-text-dark-color,#fff)!important;-webkit-text-fill-color:var(--das-hero-glass-text-dark-color,#fff)!important;text-shadow:0 2px 14px rgba(0,0,0,.28)!important
}
html.das-dark-mode .das-agency-hero.has-text-glass .das-agency-hero__copy a:not(.das-home-button):not(.is-primary){color:#fff!important}

@media(max-width:767px){
 .das-agency-hero.has-text-glass .das-agency-hero__copy{
   width:auto!important;max-width:calc(100% - 24px)!important;padding:18px 20px!important;border-radius:15px!important;
   -webkit-backdrop-filter:blur(14px) saturate(130%)!important;backdrop-filter:blur(14px) saturate(130%)!important
 }
}

/* =========================================================
 * 1.0.29 – Hero Glass typography
 * Glass AN + Light: Kleine Zeile, Headline und Text dunkel.
 * Glass AN + Dark: dieselben Texte weiß.
 * Glass AUS: keine Regel -> vorhandene weiße Hero-Typografie bleibt erhalten.
 * ======================================================= */
html:not(.das-dark-mode) .das-agency-hero.has-text-glass .das-agency-hero__copy .das-home-kicker,
html:not(.das-dark-mode) .das-agency-hero.has-text-glass .das-agency-hero__copy h1,
html:not(.das-dark-mode) .das-agency-hero.has-text-glass .das-agency-hero__copy p{
  color:var(--das-hero-glass-text-color,#111827)!important;
  -webkit-text-fill-color:var(--das-hero-glass-text-color,#111827)!important;
  text-shadow:none!important;
}

html.das-dark-mode .das-agency-hero.has-text-glass .das-agency-hero__copy .das-home-kicker,
html.das-dark-mode .das-agency-hero.has-text-glass .das-agency-hero__copy h1,
html.das-dark-mode .das-agency-hero.has-text-glass .das-agency-hero__copy p{
  color:var(--das-hero-glass-text-dark-color,#fff)!important;
  -webkit-text-fill-color:var(--das-hero-glass-text-dark-color,#fff)!important;
  text-shadow:0 2px 14px rgba(0,0,0,.28)!important;
}


/* 1.0.30 Kontakt & Rechtliches */
.das-property-contactpage,.das-legal-page{background:var(--das-background);color:var(--das-text)}
.das-contact-info,.das-contact-form-section,.das-contact-map,.das-legal-page{padding:90px 24px}.das-container{width:min(var(--das-container,1200px),100%);margin:auto}.das-section-heading{max-width:760px;margin:0 auto 44px}.das-section-heading.is-center{text-align:center}.das-section-heading p{color:var(--das-muted)}
.das-contact-office{max-width:850px;margin:0 auto 34px;text-align:center;padding:26px;border-radius:var(--das-radius);background:color-mix(in srgb,var(--das-card) 86%,transparent);border:1px solid color-mix(in srgb,var(--das-accent) 14%,transparent)}.das-contact-office h3{margin-top:0}.das-contact-office p{color:var(--das-muted)}
.das-contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.das-contact-card{display:flex;align-items:center;gap:18px;padding:26px;text-decoration:none!important;color:var(--das-text)!important;background:var(--das-card);border:1px solid color-mix(in srgb,var(--das-accent) 20%,transparent);border-radius:var(--das-radius);transition:.25s}.das-contact-card:hover{transform:translateY(-5px);border-color:var(--das-accent)}.das-contact-card__icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--das-accent) 10%,transparent);color:var(--das-accent);flex:0 0 auto}.das-contact-card svg{width:28px;fill:none;stroke:currentColor;stroke-width:1.8}.das-contact-card strong,.das-contact-card small{display:block}.das-contact-card small{margin-top:5px;color:var(--das-muted);white-space:normal}.das-contact-card i{margin-left:auto;font-style:normal;color:var(--das-accent)}.das-contact-socials{display:flex;justify-content:center;gap:12px;margin-top:26px}.das-contact-socials a{padding:9px 14px;border-radius:999px;background:color-mix(in srgb,var(--das-accent) 9%,transparent);color:var(--das-accent);text-decoration:none}
.das-contact-form-section{background:color-mix(in srgb,var(--das-accent) 4%,var(--das-background))}.das-contact-form-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.das-contact-form{position:relative;padding:32px;background:var(--das-card);border:1px solid color-mix(in srgb,var(--das-accent) 18%,transparent);border-radius:var(--das-radius);box-shadow:0 18px 45px rgba(15,23,42,.08)}.das-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.das-contact-form label{display:block;margin-bottom:18px}.das-contact-form label>span:first-child{display:block;font-weight:700;margin-bottom:7px}.das-contact-form input:not([type=checkbox]),.das-contact-form textarea{width:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--das-text) 15%,transparent);border-radius:12px;padding:13px 15px;background:var(--das-background);color:var(--das-text)}.das-form-consent{display:flex!important;gap:10px;font-size:14px}.das-contact-form button,.das-map-route a{display:inline-flex;padding:14px 22px;border:0;border-radius:var(--das-button-radius);background:var(--das-button-bg);color:var(--das-button-text);font-weight:700;text-decoration:none;cursor:pointer}.das-hp{position:absolute!important;left:-9999px!important}.das-contact-overlay{position:absolute;inset:0;display:none;place-content:center;text-align:center;background:color-mix(in srgb,var(--das-card) 88%,transparent);backdrop-filter:blur(8px);border-radius:inherit;z-index:5}.das-contact-form.is-sending .das-contact-overlay{display:grid}.das-contact-overlay span{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--das-accent) 25%,transparent);border-top-color:var(--das-accent);border-radius:50%;animation:dpsspin .8s linear infinite;margin:0 auto 12px}@keyframes dpsspin{to{transform:rotate(360deg)}}.das-contact-feedback{margin-top:15px;font-weight:700}.das-contact-feedback.is-success{color:#16834a}.das-contact-feedback.is-error{color:#b42318}
.das-map-frame{overflow:hidden;border-radius:var(--das-radius);border:1px solid color-mix(in srgb,var(--das-accent) 20%,transparent);height:480px}.das-map-frame iframe{width:100%;height:100%;border:0}.das-map-route{text-align:center;margin-top:22px}
.das-legal-page header{text-align:center;margin-bottom:50px}.das-legal-page article{max-width:920px;margin:auto;padding:42px;background:var(--das-card);border-radius:var(--das-radius);border:1px solid color-mix(in srgb,var(--das-accent) 16%,transparent)}
html.das-dark-mode .das-property-contactpage,html.das-dark-mode .das-legal-page{background:var(--das-dark-background);color:var(--das-dark-text)}html.das-dark-mode .das-contact-card,html.das-dark-mode .das-contact-office,html.das-dark-mode .das-contact-form,html.das-dark-mode .das-legal-page article{background:var(--das-dark-card);color:var(--das-dark-text)}html.das-dark-mode .das-contact-card__icon{color:var(--das-accent-soft);background:color-mix(in srgb,var(--das-accent-soft) 10%,transparent)}html.das-dark-mode .das-contact-form input:not([type=checkbox]),html.das-dark-mode .das-contact-form textarea{background:var(--das-dark-background);color:var(--das-dark-text)}
@media(max-width:850px){.das-contact-cards{grid-template-columns:1fr}.das-contact-form-grid{grid-template-columns:1fr;gap:35px}.das-form-row{grid-template-columns:1fr}.das-contact-info,.das-contact-form-section,.das-contact-map,.das-legal-page{padding:65px 18px}.das-map-frame{height:380px}}




/* 1.0.36 exact Unterkunft frontend contact/legal */
.das-contact-container{width:min(var(--das-container,1200px),calc(100% - 40px));margin:0 auto}
.das-contact-hero{display:flex;align-items:center;min-height:360px;padding:70px 0;background:var(--das-contact-hero-bg,#111);color:var(--das-contact-hero-text,var(--das-accent))}
.das-contact-hero span{display:block;margin-bottom:4px;color:rgba(255,255,255,.62);font-size:14px}.das-contact-hero h1{margin:0;color:inherit!important;font-size:var(--das-h1-desktop,64px)}
.das-contact-section{padding:110px 0;background:var(--das-bg);transition:.25s}
.das-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,1fr);gap:72px;align-items:center}
.das-contact-badge{display:inline-flex;padding:10px 17px;border:1px solid var(--das-contact-accent);border-radius:999px;color:var(--das-contact-accent-dark);font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.das-contact-copy h2{margin:20px 0 12px;color:var(--das-heading);font-size:var(--das-h2-desktop,48px);font-weight:500;letter-spacing:.08em}.das-contact-copy h3{margin:0 0 20px;color:var(--das-heading);font-size:var(--das-h3-desktop,28px)}.das-contact-copy>p{max-width:620px;margin:0 0 32px;color:var(--das-text);line-height:1.75}
.das-contact-details{display:grid;gap:18px}.das-contact-details a,.das-contact-details>div{display:flex;align-items:center;gap:16px;color:var(--das-text)!important;text-decoration:none!important}.das-contact-details span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--das-contact-accent) 18%,#fff);color:var(--das-contact-accent-dark);flex:0 0 auto}.das-contact-details svg{width:20px;height:20px;fill:currentColor}.das-contact-details strong{font-weight:700}
.das-contact-form{padding:38px;border:1px solid color-mix(in srgb,var(--das-contact-accent) 55%,transparent);border-radius:28px;background:var(--das-card);box-shadow:0 22px 55px rgba(0,0,0,.09)}
.das-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.das-contact-fields label{display:grid;gap:9px;color:var(--das-text);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.das-contact-fields .wide{grid-column:1/-1}.das-contact-fields label>span small{font-weight:400;text-transform:none;letter-spacing:0}.das-contact-fields input:not([type=checkbox]),.das-contact-fields textarea{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:28px;background:#f6f6f6;color:#1f1f1f;padding:15px 18px;font:inherit;text-transform:none;letter-spacing:0;outline:none;transition:.2s}.das-contact-fields textarea{border-radius:22px;resize:vertical}.das-contact-fields input:focus,.das-contact-fields textarea:focus{border-color:var(--das-contact-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--das-contact-accent) 18%,transparent)}
.das-contact-privacy{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:14px!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;font-weight:400!important}.das-contact-privacy input{width:22px;height:22px;margin:0}.das-contact-privacy a{color:var(--das-contact-accent-dark)!important;text-decoration:none!important}.das-contact-hp{position:absolute!important;left:-9999px!important;opacity:0!important}
.das-contact-form>button{width:100%;margin-top:24px;padding:17px 24px;border:0;border-radius:999px;background:var(--das-contact-accent);color:#111;font-weight:800;letter-spacing:.08em;cursor:pointer;box-shadow:0 13px 30px color-mix(in srgb,var(--das-contact-accent) 28%,transparent);transition:.2s}.das-contact-form>button:hover{background:var(--das-contact-accent-dark);transform:translateY(-1px)}.das-contact-form>button:disabled{opacity:.65;cursor:wait}.das-contact-message{display:none;margin-top:16px;padding:13px 16px;border-radius:12px;font-size:14px}.das-contact-message.is-success{display:block;background:#e7f7ec;color:#176c35}.das-contact-message.is-error{display:block;background:#fff0f0;color:#a52020}
.das-contact-map{margin-top:70px}.das-contact-map-heading{display:flex;align-items:flex-start;gap:16px;margin:0 0 24px}.das-contact-map-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:50%;background:color-mix(in srgb,var(--das-contact-accent) 18%,#fff);color:var(--das-contact-accent-dark)}.das-contact-map-icon svg{width:22px;height:22px;fill:currentColor}.das-contact-map-heading h3{margin:0 0 7px;color:var(--das-heading);font-size:var(--das-h3-desktop,28px)}.das-contact-map-heading p{max-width:760px;margin:0;color:var(--das-text);line-height:1.7}.das-contact-map iframe{display:block;width:100%;border:0;border-radius:24px;box-shadow:0 18px 45px rgba(0,0,0,.08)}.das-contact-map-actions{display:flex;justify-content:flex-start;margin-top:22px}.das-contact-map-button{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:var(--das-contact-accent);color:#111!important;text-decoration:none!important;font-weight:800;transition:.2s}.das-contact-map-button span{transition:transform .2s}.das-contact-map-button:hover{background:var(--das-contact-accent-dark);color:#111!important}.das-contact-map-button:hover span{transform:translate(3px,-2px)}
html.das-dark-mode .das-contact-section{background:var(--das-dark-background)}html.das-dark-mode .das-contact-module{color:var(--das-dark-text)}html.das-dark-mode .das-contact-copy h2,html.das-dark-mode .das-contact-copy h3{color:var(--das-dark-heading)!important}html.das-dark-mode .das-contact-copy>p,html.das-dark-mode .das-contact-details a,html.das-dark-mode .das-contact-details>div{color:var(--das-dark-text)!important}html.das-dark-mode .das-contact-form{background:var(--das-dark-card);border-color:color-mix(in srgb,var(--das-contact-accent) 45%,transparent)}html.das-dark-mode .das-contact-map-heading h3{color:var(--das-dark-heading)!important}html.das-dark-mode .das-contact-map-heading p{color:var(--das-dark-text)!important}html.das-dark-mode .das-contact-map-icon{background:color-mix(in srgb,var(--das-contact-accent) 18%,var(--das-dark-card));color:var(--das-contact-accent)}html.das-dark-mode .das-contact-fields label{color:var(--das-dark-text)}html.das-dark-mode .das-contact-fields input:not([type=checkbox]),html.das-dark-mode .das-contact-fields textarea{background:#1b1b1b;border-color:#444;color:var(--das-dark-text)}
@media(max-width:900px){.das-contact-grid{grid-template-columns:1fr;gap:50px}.das-contact-hero h1{font-size:var(--das-h1-tablet,52px)}.das-contact-copy h2{font-size:var(--das-h2-tablet,40px)}}
@media(max-width:600px){.das-contact-map-heading{gap:12px}.das-contact-map-icon{width:42px;height:42px}.das-contact-map-heading h3{font-size:var(--das-h3-mobile,22px)}.das-contact-map-actions{display:block}.das-contact-map-button{justify-content:center;width:100%;box-sizing:border-box}.das-contact-container{width:min(100% - 28px,var(--das-container,1200px))}.das-contact-hero{min-height:250px;padding:48px 0}.das-contact-hero h1{font-size:var(--das-h1-mobile,40px)}.das-contact-section{padding:72px 0}.das-contact-copy h2{font-size:var(--das-h2-mobile,32px)}.das-contact-fields{grid-template-columns:1fr}.das-contact-fields .wide{grid-column:auto}.das-contact-form{padding:25px 18px;border-radius:22px}}
.das-legal-frontend{width:min(var(--das-container,1200px),calc(100% - 40px));margin:0 auto;padding:70px 0;line-height:1.75}.das-legal-frontend h1{margin:0 0 32px}.das-legal-frontend h2{margin:34px 0 10px}.das-legal-frontend p{max-width:900px}.das-legal-frontend a{color:var(--das-accent)}

/* Dateck Unterkunft Suite – Legal pages and consent banner */
.das-legal-hero{background:var(--das-legal-hero-bg,#111);color:var(--das-legal-hero-color,#fff);padding:clamp(90px,12vw,170px) 20px;text-align:center}
.das-legal-hero>div{width:min(var(--das-container,1200px),100%);margin:0 auto}
body .das-legal-hero h1{color:inherit!important;margin:0 0 20px!important;font-family:var(--das-font-heading,inherit)!important;font-size:clamp(48px,6vw,72px)!important;font-weight:700!important;line-height:1.08!important;letter-spacing:-.025em!important}
body .das-legal-hero p{color:inherit!important;opacity:.88;max-width:760px;margin:0 auto!important;font-size:clamp(18px,1.8vw,22px)!important;line-height:1.65!important}
@media(max-width:600px){body .das-legal-hero h1{font-size:clamp(38px,12vw,52px)!important;margin-bottom:14px!important}body .das-legal-hero p{font-size:17px!important}}


/* =========================================================
 * 1.0.43 – Kontaktbereich optisch wie Dateck Unterkunft Suite
 * ======================================================= */

.das-contact-module{
  --das-contact-surface:color-mix(in srgb,var(--das-card,#fff) 88%,transparent);
  --das-contact-surface-strong:color-mix(in srgb,var(--das-card,#fff) 96%,transparent);
  --das-contact-border:color-mix(in srgb,var(--das-contact-accent) 30%,#dbe3ec);
  --das-contact-muted:color-mix(in srgb,var(--das-text,#172033) 66%,transparent);
}

.das-contact-section{
  padding:88px 24px!important;
  background:var(--das-section-bg,var(--das-background,#f7f9fc))!important;
  color:var(--das-text,#172033)!important;
}

.das-contact-container{
  width:min(1180px,100%)!important;
  margin:0 auto!important;
}

.das-contact-grid{
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr)!important;
  gap:70px!important;
  align-items:center!important;
}

.das-contact-copy{
  align-self:center!important;
  padding:0!important;
  max-width:100%!important;
}

.das-contact-copy .das-contact-badge{
  display:inline-flex!important;
  align-items:center!important;
  min-width:100%!important;
  min-height:40px!important;
  margin:0 0 24px!important;
  padding:9px 16px!important;
  border:1px solid var(--das-contact-accent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--das-contact-accent) 10%,transparent)!important;
  color:var(--das-contact-accent-dark,var(--das-contact-accent))!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

.das-contact-copy h2{
  margin:0 0 10px!important;
  color:var(--das-heading,var(--das-text,#172033))!important;
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.08!important;
}

.das-contact-copy h3{
  margin:0 0 22px!important;
  color:var(--das-heading,var(--das-text,#172033))!important;
  font-size:20px!important;
  line-height:1.35!important;
}

.das-contact-copy>p{
  margin:0 0 34px!important;
  max-width:620px!important;
  color:var(--das-contact-muted)!important;
  font-size:17px!important;
  line-height:1.75!important;
}

.das-contact-details{
  display:grid!important;
  gap:16px!important;
  margin:0!important;
}

.das-contact-details>a,
.das-contact-details>div{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:16px!important;
  min-height:68px!important;
  padding:12px 18px!important;
  border:1px solid color-mix(in srgb,var(--das-contact-border) 68%,#dbe3ec)!important;
  border-radius:12px!important;
  background:var(--das-contact-surface-strong)!important;
  color:var(--das-text,#172033)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.045)!important;
  text-decoration:none!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}

.das-contact-details>a:hover{
  transform:translateY(-2px)!important;
  border-color:var(--das-contact-accent)!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--das-contact-accent) 12%,rgba(15,23,42,.08))!important;
}

.das-contact-details>a>span,
.das-contact-details>div>span{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border-radius:50%!important;
  background:color-mix(in srgb,var(--das-contact-accent) 11%,#eef2f7)!important;
  color:var(--das-contact-accent)!important;
}

.das-contact-details svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
}

.das-contact-details strong{
  color:var(--das-text,#172033)!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.45!important;
}

.das-contact-form{
  position:relative!important;
  align-self:start!important;
  width:100%!important;
  margin:0!important;
  padding:34px!important;
  border:1px solid var(--das-contact-border)!important;
  border-radius:18px!important;
  background:var(--das-contact-surface-strong)!important;
  box-shadow:0 24px 60px rgba(15,23,42,.10)!important;
  box-sizing:border-box!important;
}

.das-contact-form::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:100px!important;
  height:80px!important;
  border-radius:0 18px 0 100%!important;
  background:color-mix(in srgb,var(--das-contact-accent) 10%,transparent)!important;
  pointer-events:none!important;
}

.das-contact-fields{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
}

.das-contact-fields label{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin:0!important;
}

.das-contact-fields label.wide{
  grid-column:1/-1!important;
}

.das-contact-fields label>span{
  color:var(--das-text,#172033)!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.09em!important;
  line-height:1.3!important;
  text-transform:uppercase!important;
}

.das-contact-fields input,
.das-contact-fields textarea,
.das-contact-fields select{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:12px 14px!important;
  border:1px solid color-mix(in srgb,var(--das-contact-border) 48%,#d7dde5)!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--das-background,#f7f9fc) 78%,#fff)!important;
  color:var(--das-text,#172033)!important;
  font:inherit!important;
  line-height:1.4!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  appearance:auto!important;
}

.das-contact-fields input{
  height:48px!important;
  min-height:48px!important;
}

.das-contact-fields textarea{
  height:160px!important;
  min-height:160px!important;
  max-height:240px!important;
  resize:vertical!important;
}

.das-contact-fields input:focus,
.das-contact-fields textarea:focus,
.das-contact-fields select:focus{
  outline:none!important;
  border-color:var(--das-contact-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--das-contact-accent) 14%,transparent)!important;
}

.das-contact-privacy{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:18px 0!important;
  color:var(--das-contact-muted)!important;
  font-size:14px!important;
  line-height:1.5!important;
}

.das-contact-privacy input[type="checkbox"]{
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  margin:1px 0 0!important;
  accent-color:var(--das-contact-accent)!important;
}

.das-contact-privacy a{
  color:var(--das-contact-accent-dark,var(--das-contact-accent))!important;
}

.das-contact-submit,
.das-contact-form button[type="submit"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:50px!important;
  margin:0!important;
  padding:13px 20px!important;
  border:1px solid var(--das-contact-accent)!important;
  border-radius:10px!important;
  background:var(--das-contact-accent)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  box-shadow:0 12px 26px color-mix(in srgb,var(--das-contact-accent) 26%,transparent)!important;
  cursor:pointer!important;
  transition:transform .2s ease,filter .2s ease!important;
}

.das-contact-submit:hover,
.das-contact-form button[type="submit"]:hover{
  transform:translateY(-1px)!important;
  filter:brightness(.95)!important;
}

html.das-dark-mode .das-contact-module{
  --das-contact-surface:color-mix(in srgb,var(--das-card-dark,#17202e) 82%,transparent);
  --das-contact-surface-strong:color-mix(in srgb,var(--das-card-dark,#17202e) 92%,transparent);
  --das-contact-border:color-mix(in srgb,var(--das-accent-soft,var(--das-contact-accent)) 46%,rgba(255,255,255,.16));
  --das-contact-muted:rgba(255,255,255,.72);
}

html.das-dark-mode .das-contact-section{
  background:var(--das-dark-background,#0d1623)!important;
  color:#fff!important;
}

html.das-dark-mode .das-contact-copy h2,
html.das-dark-mode .das-contact-copy h3,
html.das-dark-mode .das-contact-details strong,
html.das-dark-mode .das-contact-fields label>span{
  color:#fff!important;
}

html.das-dark-mode .das-contact-details>a,
html.das-dark-mode .das-contact-details>div,
html.das-dark-mode .das-contact-form{
  background:var(--das-contact-surface-strong)!important;
}

html.das-dark-mode .das-contact-fields input,
html.das-dark-mode .das-contact-fields textarea,
html.das-dark-mode .das-contact-fields select{
  background:color-mix(in srgb,var(--das-dark-background,#0d1623) 74%,#fff 6%)!important;
  color:#fff!important;
}

@media(max-width:980px){
  .das-contact-grid{
    grid-template-columns:1fr!important;
    gap:42px!important;
  }
  .das-contact-copy{
    max-width:760px!important;
  }
}

@media(max-width:640px){
  .das-contact-section{
    padding:64px 18px!important;
  }
  .das-contact-form{
    padding:24px 18px!important;
    border-radius:15px!important;
  }
  .das-contact-fields{
    grid-template-columns:1fr!important;
    gap:15px!important;
  }
  .das-contact-fields label.wide{
    grid-column:auto!important;
  }
  .das-contact-copy .das-contact-badge{
    min-width:0!important;
  }
}


/* 1.0.44 – Kontakt: Darkmode, Datenschutzzeile, Hero-Akzente */
.das-contact-module{--das-contact-accent:var(--das-contact-accent-light,var(--das-accent,#0e2a5f))}
html.das-dark-mode .das-contact-module{--das-contact-accent:var(--das-contact-accent-dark,var(--das-accent-soft,#7fa9ff))}

html.das-dark-mode .das-contact-copy .das-contact-badge{
  color:var(--das-contact-accent)!important;
  border-color:var(--das-contact-accent)!important;
  background:color-mix(in srgb,var(--das-contact-accent) 14%,transparent)!important;
}

.das-contact-privacy{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin:18px 0 20px!important;
}
.das-contact-privacy input[type="checkbox"]{
  flex:0 0 20px!important;width:20px!important;height:20px!important;min-width:20px!important;margin:2px 0 0!important;
}
.das-contact-privacy label,
.das-contact-privacy span{
  margin:0!important;padding:0!important;font-size:14px!important;line-height:1.55!important;
  text-transform:none!important;letter-spacing:0!important;font-weight:500!important;color:var(--das-contact-muted)!important;
}
.das-contact-privacy a{color:var(--das-contact-accent)!important;text-decoration:underline!important;text-underline-offset:2px!important}
html.das-dark-mode .das-contact-privacy label,
html.das-dark-mode .das-contact-privacy span{color:rgba(255,255,255,.78)!important}

.das-contact-hero{
  --das-contact-effect-active:var(--das-contact-effect-color,#f7cb68);
}
html.das-dark-mode .das-contact-hero{
  --das-contact-effect-active:var(--das-contact-effect-color-dark,#7fa9ff);
}
.das-contact-hero::before,
.das-contact-hero::after{
  color:var(--das-contact-effect-active)!important;
  border-color:var(--das-contact-effect-active)!important;
}


/* 1.0.45 – Exakte Kontakt-Selektoren */
html.das-dark-mode .das-contact-module .das-contact-copy > .das-contact-badge{
  color:var(--das-contact-accent-dark,#9fc0ff)!important;
  border-color:var(--das-contact-accent-dark,#9fc0ff)!important;
  background:color-mix(in srgb,var(--das-contact-accent-dark,#9fc0ff) 16%,transparent)!important;
}
.das-contact-module .das-contact-fields > label.wide.das-contact-privacy{
  grid-column:1/-1!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:12px!important;
  width:100%!important;
  margin:18px 0 20px!important;
  padding:0!important;
}
.das-contact-module .das-contact-fields > label.wide.das-contact-privacy > input[type=checkbox]{
  flex:0 0 20px!important;width:20px!important;min-width:20px!important;height:20px!important;min-height:20px!important;margin:2px 0 0!important;padding:0!important;
}
.das-contact-module .das-contact-fields > label.wide.das-contact-privacy > span{
  display:block!important;flex:1 1 auto!important;width:auto!important;margin:0!important;padding:0!important;
  color:var(--das-contact-muted)!important;font-size:14px!important;line-height:1.55!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;
}
.das-contact-module .das-contact-fields > label.wide.das-contact-privacy > span > a{
  color:var(--das-contact-accent-light,var(--das-contact-accent))!important;text-decoration:underline!important;text-underline-offset:2px!important;
}
html.das-dark-mode .das-contact-module .das-contact-fields > label.wide.das-contact-privacy > span{color:rgba(255,255,255,.82)!important}
html.das-dark-mode .das-contact-module .das-contact-fields > label.wide.das-contact-privacy > span > a{color:var(--das-contact-accent-dark,#9fc0ff)!important}

.das-contact-framework-hero{--das-legal-hero-accent-active:var(--das-legal-hero-accent)!important}
html.das-dark-mode .das-contact-framework-hero{--das-legal-hero-accent-active:var(--das-legal-hero-accent-dark,#9fc0ff)!important}
.das-contact-framework-hero .das-legal-orb,
.das-contact-framework-hero::before,
.das-contact-framework-hero::after{color:var(--das-legal-hero-accent-active)!important;border-color:var(--das-legal-hero-accent-active)!important}

/* =========================================================
 * 1.0.47 – Kontakt-Hero: echte DPS-Framework-Engine
 * Dark Mode, Hintergrundakzente und bündige Kontaktspalten
 * ======================================================= */
.das-contact-framework-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:var(--das-contact-hero-desktop,520px)!important;
  padding:clamp(70px,9vw,135px) 20px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  background:var(--das-legal-hero-bg,#f5f5f5)!important;
  color:var(--das-legal-hero-color,#172033)!important;
  text-align:center!important;
}
.das-contact-framework-hero__image{
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.das-contact-framework-hero.has-background-image::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:rgba(0,0,0,.34)!important;
}
.das-contact-framework-hero.has-background-image{
  color:#fff!important;
}
.das-contact-framework-hero .das-legal-hero-inner{
  position:relative!important;
  z-index:3!important;
  width:min(var(--das-container,1200px),100%)!important;
  margin:0 auto!important;
}
.das-contact-framework-hero .das-legal-eyebrow{
  display:block!important;
  margin-bottom:12px!important;
  color:var(--das-legal-hero-accent,#f7cb68)!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.das-contact-framework-hero h1{
  color:inherit!important;
}
.das-contact-framework-hero p{
  color:var(--das-legal-hero-body,currentColor)!important;
}
.das-contact-framework-hero.das-legal-hero-align-left{text-align:left!important}
.das-contact-framework-hero.das-legal-hero-align-right{text-align:right!important}
.das-contact-framework-hero.das-legal-hero-align-left p{margin-left:0!important;margin-right:auto!important}
.das-contact-framework-hero.das-legal-hero-align-right p{margin-left:auto!important;margin-right:0!important}
.das-contact-framework-hero-position-top{align-items:flex-start!important}
.das-contact-framework-hero-position-center{align-items:center!important}
.das-contact-framework-hero-position-bottom{align-items:flex-end!important}

html.das-dark-mode .das-contact-framework-hero{
  background:var(--das-legal-hero-dark-bg,#0d1623)!important;
  color:var(--das-legal-hero-dark-color,#fff)!important;
}
html.das-dark-mode .das-contact-framework-hero p{
  color:var(--das-legal-hero-dark-color,#fff)!important;
}
html.das-dark-mode .das-contact-framework-hero .das-legal-eyebrow{
  color:var(--das-legal-hero-accent-dark,#9fc0ff)!important;
}

.das-contact-framework-hero::before,
.das-contact-framework-hero::after,
.das-contact-framework-hero .das-legal-orb{pointer-events:none!important}
.das-contact-framework-hero .das-legal-orb{
  display:none;
  position:absolute!important;
  border-radius:999px!important;
  z-index:1!important;
}
.das-contact-framework-hero .das-legal-orb-one{
  width:360px!important;height:360px!important;left:-110px!important;top:-190px!important;
  border:1px solid color-mix(in srgb,var(--das-legal-hero-accent) 45%,transparent)!important;
}
.das-contact-framework-hero .das-legal-orb-two{
  width:220px!important;height:220px!important;right:-70px!important;bottom:-135px!important;
  background:color-mix(in srgb,var(--das-legal-hero-accent) 15%,transparent)!important;
  box-shadow:0 0 110px 35px color-mix(in srgb,var(--das-legal-hero-accent) 18%,transparent)!important;
}
.das-contact-framework-hero.das-legal-hero-accent-circles .das-legal-orb,
.das-contact-framework-hero.das-legal-hero-accent-glow .das-legal-orb-two,
.das-contact-framework-hero.das-legal-hero-accent-complete .das-legal-orb{display:block!important}
.das-contact-framework-hero.das-legal-hero-accent-dots::before,
.das-contact-framework-hero.das-legal-hero-accent-complete::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--das-legal-hero-accent) 30%,transparent) 0 1.2px,transparent 1.7px) 0 0/18px 18px!important;
}
.das-contact-framework-hero.das-legal-hero-accent-lines::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;
  background:repeating-linear-gradient(115deg,transparent 0 38px,color-mix(in srgb,var(--das-legal-hero-accent) 12%,transparent) 39px 40px,transparent 41px 78px)!important;
}
.das-contact-framework-hero.das-legal-hero-accent-waves::before{
  content:""!important;position:absolute!important;inset:-25% -8%!important;z-index:0!important;
  background:radial-gradient(80% 55% at 20% 45%,transparent 61%,color-mix(in srgb,var(--das-legal-hero-accent) 20%,transparent) 62% 63%,transparent 64%),radial-gradient(90% 60% at 78% 55%,transparent 65%,color-mix(in srgb,var(--das-legal-hero-accent) 14%,transparent) 66% 67%,transparent 68%)!important;
  transform:rotate(-4deg)!important;
}
.das-contact-framework-hero.das-legal-hero-accent-texture::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;
  background-image:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--das-legal-hero-accent) 25%,transparent) 0 1px,transparent 1.4px),radial-gradient(circle at 75% 65%,color-mix(in srgb,var(--das-legal-hero-color) 12%,transparent) 0 1px,transparent 1.3px)!important;
  background-size:27px 27px,39px 39px!important;background-position:0 0,9px 13px!important;
}
.das-contact-framework-hero.das-legal-hero-accent-diagonal::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;
  background:linear-gradient(118deg,color-mix(in srgb,var(--das-legal-hero-accent) 18%,transparent) 0 21%,transparent 21.2% 66%,color-mix(in srgb,var(--das-legal-hero-accent) 9%,transparent) 66.2% 100%)!important;
}
.das-contact-framework-hero.das-legal-hero-accent-glass::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;
  background:linear-gradient(130deg,color-mix(in srgb,var(--das-legal-hero-accent) 72%,transparent),transparent 46%)!important;
}
.das-contact-framework-hero.das-legal-hero-accent-glass .das-legal-orb{
  display:block!important;
  background:color-mix(in srgb,var(--das-legal-hero-color) 28%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--das-legal-hero-color) 55%,transparent)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent),0 18px 48px color-mix(in srgb,var(--das-legal-hero-accent) 30%,transparent)!important;
  backdrop-filter:blur(12px)!important;border-radius:34px!important;
}
.das-contact-framework-hero.das-legal-hero-accent-glass .das-legal-orb-one{width:250px!important;height:105px!important;left:7%!important;top:16%!important;transform:rotate(11deg)!important}
.das-contact-framework-hero.das-legal-hero-accent-glass .das-legal-orb-two{width:190px!important;height:82px!important;right:8%!important;bottom:15%!important;transform:rotate(-9deg)!important}
.das-contact-framework-hero::before,
.das-contact-framework-hero .das-legal-orb{opacity:var(--das-legal-hero-accent-opacity,.08)!important}
html.das-dark-mode .das-contact-framework-hero::before,
html.das-dark-mode .das-contact-framework-hero .das-legal-orb{
  opacity:var(--das-legal-hero-accent-dark-opacity,.05)!important;
  --das-legal-hero-accent:var(--das-legal-hero-accent-dark,#9fc0ff);
}

/* Beide Kontaktspalten beginnen exakt auf derselben Oberkante. */
.das-contact-module .das-contact-grid{
  align-items:start!important;
}
.das-contact-module .das-contact-copy,
.das-contact-module .das-contact-form{
  align-self:start!important;
  margin-top:0!important;
}
.das-contact-module .das-contact-copy{
  justify-content:flex-start!important;
  padding-top:0!important;
}
.das-contact-module .das-contact-copy .das-contact-badge{
  margin-top:0!important;
}

@media(max-width:900px){
  .das-contact-framework-hero{min-height:var(--das-contact-hero-tablet,430px)!important}
}
@media(max-width:600px){
  .das-contact-framework-hero{min-height:var(--das-contact-hero-mobile,340px)!important;padding:48px 20px!important}
}



/* =========================================================
 * 1.0.48 – Kontakt-Hero: vorhandene Textausrichtung erzwingen
 * Backend: Links / Mittig / Rechts
 * ======================================================= */
.das-contact-framework-hero .das-legal-hero-inner{
  width:min(1180px,calc(100% - 48px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* LINKS */
.das-contact-framework-hero.das-legal-hero-align-left .das-legal-hero-inner{
  text-align:left!important;
}
.das-contact-framework-hero.das-legal-hero-align-left .das-legal-eyebrow,
.das-contact-framework-hero.das-legal-hero-align-left h1,
.das-contact-framework-hero.das-legal-hero-align-left p{
  text-align:left!important;
  margin-left:0!important;
  margin-right:auto!important;
}

/* MITTE */
.das-contact-framework-hero.das-legal-hero-align-center .das-legal-hero-inner{
  text-align:center!important;
}
.das-contact-framework-hero.das-legal-hero-align-center .das-legal-eyebrow,
.das-contact-framework-hero.das-legal-hero-align-center h1,
.das-contact-framework-hero.das-legal-hero-align-center p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* RECHTS */
.das-contact-framework-hero.das-legal-hero-align-right .das-legal-hero-inner{
  text-align:right!important;
}
.das-contact-framework-hero.das-legal-hero-align-right .das-legal-eyebrow,
.das-contact-framework-hero.das-legal-hero-align-right h1,
.das-contact-framework-hero.das-legal-hero-align-right p{
  text-align:right!important;
  margin-left:auto!important;
  margin-right:0!important;
}

/* Die Textbreite bleibt bei allen drei Varianten angenehm lesbar. */
.das-contact-framework-hero .das-legal-hero-inner h1,
.das-contact-framework-hero .das-legal-hero-inner p{
  max-width:820px!important;
}

@media(max-width:767px){
  .das-contact-framework-hero .das-legal-hero-inner{
    width:calc(100% - 32px)!important;
  }
}


/* =========================================================
 * 1.0.49 – Kontakt-UI konsequent an Design-Akzent koppeln
 * Der Senden-Button war bereits korrekt; Badge, Icons und
 * Form-Akzent verwenden jetzt exakt dieselbe Farbquelle.
 * ======================================================= */
.das-contact-module{
  --das-contact-ui-accent:var(--das-contact-accent-light,var(--das-contact-accent,var(--das-accent,#0e2a5f)));
}

/* Auch im Darkmode bleibt die Kontakt-UI an der zentralen Designfarbe.
   Der Hero darf weiterhin seine eigene Dark-Akzentfarbe besitzen. */
html.das-dark-mode .das-contact-module{
  --das-contact-ui-accent:var(--das-contact-accent-light,var(--das-accent,#0e2a5f));
}

/* Badge links oben */
.das-contact-copy .das-contact-badge{
  border-color:var(--das-contact-ui-accent)!important;
  background:var(--das-contact-ui-accent)!important;
  color:#fff!important;
}

/* Kontaktkarten: Akzent am Rahmen dezent, Icon selbst volle Designfarbe */
.das-contact-details>a,
.das-contact-details>div{
  border-color:color-mix(in srgb,var(--das-contact-ui-accent) 34%,#dbe3ec)!important;
}

.das-contact-details>a>span,
.das-contact-details>div>span{
  background:var(--das-contact-ui-accent)!important;
  color:#fff!important;
  border:1px solid var(--das-contact-ui-accent)!important;
}

.das-contact-details>a:hover,
.das-contact-details>div:hover{
  border-color:var(--das-contact-ui-accent)!important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--das-contact-ui-accent) 16%,rgba(15,23,42,.08))!important;
}

/* Formularkarte und dekorative Ecke rechts oben */
.das-contact-form{
  border-color:color-mix(in srgb,var(--das-contact-ui-accent) 48%,#dbe3ec)!important;
}

.das-contact-form::before{
  background:color-mix(in srgb,var(--das-contact-ui-accent) 22%,transparent)!important;
}

/* Felder / Datenschutz */
.das-contact-fields input:focus,
.das-contact-fields textarea:focus,
.das-contact-fields select:focus{
  border-color:var(--das-contact-ui-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--das-contact-ui-accent) 15%,transparent)!important;
}

label.wide.das-contact-privacy input[type="checkbox"]{
  accent-color:var(--das-contact-ui-accent)!important;
}

label.wide.das-contact-privacy a{
  color:var(--das-contact-ui-accent)!important;
}

/* Senden-Button ebenfalls explizit auf dieselbe Quelle,
   damit alle Kontaktakzente garantiert identisch sind. */
.das-contact-submit,
.das-contact-form button[type="submit"],
.das-contact-form>button{
  background:var(--das-contact-ui-accent)!important;
  border-color:var(--das-contact-ui-accent)!important;
  box-shadow:0 12px 26px color-mix(in srgb,var(--das-contact-ui-accent) 26%,transparent)!important;
}

/* Darkmode: weiße Icons/Text auf derselben Design-Akzentfarbe */
html.das-dark-mode .das-contact-copy .das-contact-badge,
html.das-dark-mode .das-contact-details>a>span,
html.das-dark-mode .das-contact-details>div>span{
  background:var(--das-contact-ui-accent)!important;
  border-color:var(--das-contact-ui-accent)!important;
  color:#fff!important;
}

/* 1.0.50 – Kontaktkarten */
.das-contact-info-section{padding:72px 24px 10px;background:var(--das-section-primary-bg,#f5f7fa)}
.das-contact-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.das-contact-info-card{display:flex;align-items:flex-start;gap:18px;min-height:190px;padding:28px;border-radius:var(--das-contact-card-radius,20px);background:var(--das-contact-card-light,#fff);color:var(--das-text,#172033);border:1px solid transparent;transition:.22s ease}
.das-contact-info-card.has-card-border{border-color:color-mix(in srgb,currentColor 14%,transparent)}
.das-contact-info-icon{width:52px;height:52px;flex:0 0 52px;display:grid;place-items:center;border-radius:16px;background:var(--das-contact-ui-accent);color:#fff}
.das-contact-info-icon svg{width:24px;height:24px}
.das-contact-info-card h3{margin:2px 0 14px;font-size:1.15rem;color:inherit}
.das-contact-info-card p{margin:0 0 8px;line-height:1.6;color:inherit}
.das-contact-info-card a{color:inherit;text-decoration:none}.das-contact-info-card a:hover{color:var(--das-contact-ui-accent)}
.das-contact-office-note{margin-top:16px!important;opacity:.76}
.das-contact-socials{display:flex;gap:10px;margin-top:16px}.das-contact-socials a{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--das-contact-ui-accent);color:#fff!important;font-weight:800;font-size:18px}
.das-contact-info-card.das-card-shadow-flat{box-shadow:none}.das-contact-info-card.das-card-shadow-soft{box-shadow:0 12px 32px rgba(15,23,42,.08)}.das-contact-info-card.das-card-shadow-long{box-shadow:0 22px 42px rgba(15,23,42,.12)}.das-contact-info-card.das-card-shadow-floating{box-shadow:0 18px 46px rgba(15,23,42,.16)}.das-contact-info-card.das-card-shadow-glass{box-shadow:0 16px 38px rgba(15,23,42,.09);backdrop-filter:blur(14px)}.das-contact-info-card.das-card-shadow-ambient{box-shadow:0 16px 42px color-mix(in srgb,var(--das-contact-ui-accent) 15%,transparent)}.das-contact-info-card.das-card-shadow-premium{box-shadow:0 20px 50px color-mix(in srgb,var(--das-contact-ui-accent) 22%,rgba(15,23,42,.08))}
.das-contact-info-card.das-card-hover-lift:hover{transform:translateY(-5px)}.das-contact-info-card.das-card-hover-lift-shadow:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(15,23,42,.15)}.das-contact-info-card.das-card-hover-shadow:hover{box-shadow:0 20px 46px rgba(15,23,42,.16)}.das-contact-info-card.das-card-hover-glow:hover{box-shadow:0 18px 44px color-mix(in srgb,var(--das-contact-ui-accent) 28%,transparent);border-color:var(--das-contact-ui-accent)}
html.das-dark-mode .das-contact-info-section{background:var(--das-section-primary-dark-bg,#0d1828)}html.das-dark-mode .das-contact-info-card{background:var(--das-contact-card-dark,#1f2937);color:var(--das-dark-text,#fff)}
@media(max-width:900px){.das-contact-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.das-contact-info-card:last-child{grid-column:1/-1}}
@media(max-width:640px){.das-contact-info-section{padding:48px 18px 4px}.das-contact-info-grid{grid-template-columns:1fr;gap:16px}.das-contact-info-card:last-child{grid-column:auto}.das-contact-info-card{min-height:0;padding:22px}}


/* =========================================================
 * 1.0.51 – Kontaktkarten Design + Hintergrundakzente
 * ======================================================= */
.das-contact-info-section{
  position:relative;
  overflow:hidden;
  padding:72px 24px 72px!important;
  isolation:isolate;
}
.das-contact-info-section .das-contact-container{
  position:relative;
  z-index:2;
}
.das-contact-info-grid{
  align-items:stretch;
}
.das-contact-info-card{
  min-height:210px;
}
.das-contact-info-icon{
  border-radius:14px;
  background:color-mix(in srgb,var(--das-contact-ui-accent) 12%,transparent)!important;
  color:var(--das-contact-ui-accent)!important;
  border:1px solid color-mix(in srgb,var(--das-contact-ui-accent) 28%,transparent)!important;
}
.das-contact-info-icon svg{
  width:24px;height:24px;
  stroke:currentColor!important;
  fill:none!important;
}
.das-contact-socials{
  gap:12px!important;
  margin-top:18px!important;
}
.das-contact-socials a{
  position:relative;
  width:40px!important;height:40px!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--das-contact-ui-accent) 11%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--das-contact-ui-accent) 28%,transparent)!important;
  color:var(--das-contact-ui-accent)!important;
  transition:.2s ease;
}
.das-contact-socials a:hover{
  transform:translateY(-2px);
  background:var(--das-contact-ui-accent)!important;
  color:#fff!important;
  border-color:var(--das-contact-ui-accent)!important;
}
.das-social-facebook span{
  font-family:Arial,sans-serif;
  font-size:19px;
  font-weight:700;
  line-height:1;
}
.das-social-instagram span{
  width:17px;height:17px;
  border:2px solid currentColor;
  border-radius:5px;
  display:block;
  position:relative;
}
.das-social-instagram span:before{
  content:"";
  position:absolute;
  width:5px;height:5px;
  border:2px solid currentColor;
  border-radius:50%;
  left:4px;top:4px;
  box-sizing:border-box;
}
.das-social-instagram span:after{
  content:"";
  position:absolute;
  width:3px;height:3px;
  border-radius:50%;
  background:currentColor;
  right:2px;top:2px;
}

/* Background accent engine */
.das-contact-info-section:before,
.das-contact-info-section:after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:1;
  opacity:var(--das-contact-info-opacity-light,.08);
}
.das-contact-info-effect-none:before,
.das-contact-info-effect-none:after{display:none}

.das-contact-info-effect-circles:before{
  width:260px;height:260px;border-radius:50%;
  right:-70px;top:-80px;
  background:var(--das-contact-info-accent-light);
}
.das-contact-info-effect-circles:after{
  width:180px;height:180px;border-radius:50%;
  left:-45px;bottom:-70px;
  background:var(--das-contact-info-accent-light);
}
.das-contact-info-effect-dots:before{
  inset:0;
  background-image:radial-gradient(var(--das-contact-info-accent-light) 1px,transparent 1px);
  background-size:18px 18px;
}
.das-contact-info-effect-lines:before{
  inset:-20%;
  background:repeating-linear-gradient(135deg,var(--das-contact-info-accent-light) 0 1px,transparent 1px 28px);
}
.das-contact-info-effect-glass:before{
  width:320px;height:140px;
  left:4%;top:12%;
  border:1px solid var(--das-contact-info-accent-light);
  border-radius:30px;
  transform:rotate(-8deg);
  backdrop-filter:blur(10px);
  background:color-mix(in srgb,var(--das-contact-info-accent-light) 12%,transparent);
}
.das-contact-info-effect-glass:after{
  width:240px;height:110px;
  right:3%;bottom:10%;
  border:1px solid var(--das-contact-info-accent-light);
  border-radius:30px;
  transform:rotate(8deg);
  backdrop-filter:blur(10px);
  background:color-mix(in srgb,var(--das-contact-info-accent-light) 10%,transparent);
}
.das-contact-info-effect-glow:before{
  width:380px;height:380px;border-radius:50%;
  right:-100px;top:-130px;
  background:var(--das-contact-info-accent-light);
  filter:blur(90px);
}
.das-contact-info-effect-glow:after{
  width:300px;height:300px;border-radius:50%;
  left:-100px;bottom:-130px;
  background:var(--das-contact-info-accent-light);
  filter:blur(90px);
}

html.das-dark-mode .das-contact-info-section:before,
html.das-dark-mode .das-contact-info-section:after{
  opacity:var(--das-contact-info-opacity-dark,.08);
}
html.das-dark-mode .das-contact-info-effect-circles:before,
html.das-dark-mode .das-contact-info-effect-circles:after,
html.das-dark-mode .das-contact-info-effect-glow:before,
html.das-dark-mode .das-contact-info-effect-glow:after{
  background:var(--das-contact-info-accent-dark);
}
html.das-dark-mode .das-contact-info-effect-dots:before{
  background-image:radial-gradient(var(--das-contact-info-accent-dark) 1px,transparent 1px);
}
html.das-dark-mode .das-contact-info-effect-lines:before{
  background:repeating-linear-gradient(135deg,var(--das-contact-info-accent-dark) 0 1px,transparent 1px 28px);
}
html.das-dark-mode .das-contact-info-effect-glass:before,
html.das-dark-mode .das-contact-info-effect-glass:after{
  border-color:var(--das-contact-info-accent-dark);
  background:color-mix(in srgb,var(--das-contact-info-accent-dark) 12%,transparent);
}

@media(max-width:640px){
  .das-contact-info-section{padding:52px 18px!important}
}


/* =========================================================
 * 1.0.52 – Kontaktkarten: echte globale Dateck-Designregeln
 * Light = --das-accent, Dark = --das-accent-soft
 * Cards folgen Standard / Glas / Outline / Clean.
 * ======================================================= */

/* Eine einzige Akzentquelle wie bei Leistungen und Team */
.das-contact-info-section{
  --das-contact-card-accent:var(--das-accent)!important;
}
html.das-dark-mode .das-contact-info-section{
  --das-contact-card-accent:var(--das-accent-soft)!important;
}

/* Standard-Card exakt aus dem globalen Design */
.das-contact-info-card{
  background:var(--das-card)!important;
  color:var(--das-text)!important;
  border-color:color-mix(in srgb,var(--das-accent) 18%,transparent)!important;
}
html.das-dark-mode .das-contact-info-card{
  background:var(--das-dark-card)!important;
  color:var(--das-dark-text)!important;
  border-color:color-mix(in srgb,var(--das-accent-soft) 30%,rgba(255,255,255,.12))!important;
}

/* Icons: dieselbe Regel wie die anderen Dateck Module */
.das-contact-info-icon{
  color:var(--das-accent)!important;
  background:color-mix(in srgb,var(--das-accent) 8%,transparent)!important;
  border-color:color-mix(in srgb,var(--das-accent) 38%,transparent)!important;
}
html.das-dark-mode .das-contact-info-icon{
  color:var(--das-accent-soft)!important;
  background:color-mix(in srgb,var(--das-accent-soft) 8%,transparent)!important;
  border-color:color-mix(in srgb,var(--das-accent-soft) 42%,transparent)!important;
}

/* Socials gehören zum Textblock, linksbündig und in derselben Akzentregel */
.das-contact-info-card > div{
  min-width:0;
  flex:1 1 auto;
}
.das-contact-socials{
  justify-content:flex-start!important;
  align-items:center!important;
  width:auto!important;
  margin:16px 0 0!important;
}
.das-contact-socials a{
  color:var(--das-accent)!important;
  background:color-mix(in srgb,var(--das-accent) 8%,transparent)!important;
  border-color:color-mix(in srgb,var(--das-accent) 38%,transparent)!important;
}
html.das-dark-mode .das-contact-socials a{
  color:var(--das-accent-soft)!important;
  background:color-mix(in srgb,var(--das-accent-soft) 8%,transparent)!important;
  border-color:color-mix(in srgb,var(--das-accent-soft) 42%,transparent)!important;
}
.das-contact-socials a:hover{
  color:#fff!important;
  background:var(--das-accent)!important;
  border-color:var(--das-accent)!important;
}
html.das-dark-mode .das-contact-socials a:hover{
  color:#111!important;
  background:var(--das-accent-soft)!important;
  border-color:var(--das-accent-soft)!important;
}

/* GLAS – gleiche Oberfläche wie bestehende Dateck Cards */
body.das-card-style-glass .das-contact-info-card{
  background:
    var(--das-glass-light),
    color-mix(in srgb,var(--das-card) 34%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--das-accent) 22%,rgba(255,255,255,.64))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 18px 44px rgba(15,23,42,.10)!important;
  -webkit-backdrop-filter:blur(22px) saturate(150%);
  backdrop-filter:blur(22px) saturate(150%);
}
html.das-dark-mode body.das-card-style-glass .das-contact-info-card{
  background:
    var(--das-glass-dark),
    color-mix(in srgb,var(--das-dark-card) 30%,transparent)!important;
  border-color:color-mix(in srgb,var(--das-accent-soft) 32%,rgba(255,255,255,.20))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 20px 48px rgba(0,0,0,.22)!important;
}

/* OUTLINE */
body.das-card-style-outline .das-contact-info-card{
  background:transparent!important;
  box-shadow:none!important;
  border:1.5px solid color-mix(in srgb,var(--das-accent) 48%,transparent)!important;
}
html.das-dark-mode body.das-card-style-outline .das-contact-info-card{
  border-color:color-mix(in srgb,var(--das-accent-soft) 52%,transparent)!important;
}

/* CLEAN */
body.das-card-style-clean .das-contact-info-card{
  background:var(--das-card)!important;
  box-shadow:none!important;
  border:1px solid color-mix(in srgb,var(--das-text) 9%,transparent)!important;
}
html.das-dark-mode body.das-card-style-clean .das-contact-info-card{
  background:var(--das-dark-card)!important;
  border-color:color-mix(in srgb,var(--das-dark-text) 12%,transparent)!important;
}

/* Hover ebenfalls identisch zum globalen Prinzip */
body.das-card-style-glass .das-contact-info-card:hover{
  border-color:color-mix(in srgb,var(--das-accent) 42%,#ffffff 58%)!important;
}
html.das-dark-mode body.das-card-style-glass .das-contact-info-card:hover{
  border-color:color-mix(in srgb,var(--das-accent-soft) 52%,rgba(255,255,255,.28))!important;
}


/* =========================================================
 * 1.0.53 – Kontaktkarten: Designfarben + Social-Ausrichtung
 * ======================================================= */

/* Light: dunkle Design-Akzentfarbe als Iconfarbe, helle Fläche */
.das-contact-info-card .das-contact-info-icon{
  background:color-mix(in srgb,var(--das-accent,#0e2a5f) 8%,#ffffff)!important;
  border-color:color-mix(in srgb,var(--das-accent,#0e2a5f) 34%,transparent)!important;
  color:var(--das-accent,#0e2a5f)!important;
}
.das-contact-info-card .das-contact-info-icon svg{
  stroke:currentColor!important;
  color:inherit!important;
}

/* Dark: helle Gegenfarbe als Fläche, Icon weiß */
html.das-dark-mode .das-contact-info-card .das-contact-info-icon{
  background:var(--das-accent-soft,#7fa9ff)!important;
  border-color:var(--das-accent-soft,#7fa9ff)!important;
  color:#fff!important;
}
html.das-dark-mode .das-contact-info-card .das-contact-info-icon svg{
  stroke:#fff!important;
}

/* Adresse nur einmal als Inhalt unter sauberer Headline */
.das-contact-address{
  margin-bottom:0!important;
}

/* Social-Media linksbündig unter Adresse/Text */
.das-contact-social-block{
  margin-top:18px!important;
  text-align:left!important;
}
.das-contact-social-block h4{
  margin:0 0 10px!important;
  color:inherit!important;
  font-size:.95rem!important;
  font-weight:700!important;
  line-height:1.35!important;
}
.das-contact-socials{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
.das-contact-socials a{
  margin:0!important;
}

/* Light socials = gleiche dunkle Akzentfarbe */
.das-contact-socials a{
  background:color-mix(in srgb,var(--das-accent,#0e2a5f) 8%,#ffffff)!important;
  border-color:color-mix(in srgb,var(--das-accent,#0e2a5f) 34%,transparent)!important;
  color:var(--das-accent,#0e2a5f)!important;
}

/* Dark socials = helle Gegenfarbe mit weißem Icon */
html.das-dark-mode .das-contact-socials a{
  background:var(--das-accent-soft,#7fa9ff)!important;
  border-color:var(--das-accent-soft,#7fa9ff)!important;
  color:#fff!important;
}
html.das-dark-mode .das-social-instagram span{
  color:#fff!important;
  border-color:#fff!important;
}
html.das-dark-mode .das-social-instagram span:after{
  background:#fff!important;
}


/* =========================================================
 * 1.0.54 – Kontaktkarten final: echte Designfarben
 * Light: dunkle Design-Akzentfläche + weißes Icon
 * Dark: helle Gegenfarbe + weißes Icon
 * ======================================================= */

/* Haupticons */
.das-contact-info-card .das-contact-info-icon{
  background:var(--das-accent,#0e2a5f)!important;
  border-color:var(--das-accent,#0e2a5f)!important;
  color:#fff!important;
}
.das-contact-info-card .das-contact-info-icon svg{
  stroke:#fff!important;
  color:#fff!important;
}
html.das-dark-mode .das-contact-info-card .das-contact-info-icon{
  background:var(--das-accent-soft,#7fa9ff)!important;
  border-color:var(--das-accent-soft,#7fa9ff)!important;
  color:#fff!important;
}
html.das-dark-mode .das-contact-info-card .das-contact-info-icon svg{
  stroke:#fff!important;
  color:#fff!important;
}

/* Dritte Karte: Inhalte und Social-Media wirklich linksbündig */
.das-contact-info-content{
  min-width:0!important;
  flex:1 1 auto!important;
  text-align:left!important;
}
.das-contact-address{
  margin:0!important;
}
.das-contact-social-block{
  margin-top:20px!important;
  text-align:left!important;
}
.das-contact-social-block h4{
  margin:0 0 10px!important;
  padding:0!important;
  color:inherit!important;
  font-size:.95rem!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-align:left!important;
}
.das-contact-socials{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}

/* Social-Buttons exakt dieselbe Farblogik */
.das-contact-socials a{
  width:40px!important;
  height:40px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  background:var(--das-accent,#0e2a5f)!important;
  border:1px solid var(--das-accent,#0e2a5f)!important;
  color:#fff!important;
}
html.das-dark-mode .das-contact-socials a{
  background:var(--das-accent-soft,#7fa9ff)!important;
  border-color:var(--das-accent-soft,#7fa9ff)!important;
  color:#fff!important;
}
.das-social-facebook span{
  color:#fff!important;
}
.das-social-instagram span{
  color:#fff!important;
  border-color:#fff!important;
}
.das-social-instagram span:before{
  border-color:#fff!important;
}
.das-social-instagram span:after{
  background:#fff!important;
}


/* =========================================================
 * 1.0.55 – Kontaktkarten Feinschliff
 * ======================================================= */
.das-contact-card-line{
  display:flex!important;
  align-items:baseline!important;
  gap:6px!important;
  margin:0 0 8px!important;
}
.das-contact-card-line strong{
  font-weight:700!important;
}

/* Social-Media wirklich an die linke Kartenkante / Iconkante */
.das-contact-info-card:has(.das-contact-social-full){
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  column-gap:18px!important;
  row-gap:18px!important;
}
.das-contact-info-card:has(.das-contact-social-full) > .das-contact-info-icon{
  grid-column:1!important;
  grid-row:1!important;
}
.das-contact-info-card:has(.das-contact-social-full) > .das-contact-info-content{
  grid-column:2!important;
  grid-row:1!important;
}
.das-contact-social-full{
  grid-column:1 / -1!important;
  grid-row:2!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
.das-contact-social-full h4{
  margin:0 0 10px!important;
  text-align:left!important;
}
.das-contact-social-full .das-contact-socials{
  justify-content:flex-start!important;
}


/* =========================================================
 * 1.0.56 – Kontakt Darkmode konsequent ans globale Design
 * ======================================================= */

/* 1) INFO-CARDS:
   Dark = helle Gegenfarbe als Fläche, aber dunkelblaues Icon.
   So entspricht es der aktuellen Dateck-Farbwelt. */
html.das-dark-mode .das-contact-info-card .das-contact-info-icon{
  background:var(--das-accent-soft)!important;
  border-color:var(--das-accent-soft)!important;
  color:var(--das-accent)!important;
}
html.das-dark-mode .das-contact-info-card .das-contact-info-icon svg{
  color:var(--das-accent)!important;
  stroke:currentColor!important;
}

/* 2) NORMALE KONTAKT-CARDS links neben dem Formular:
   gleiche Darkmode-Regel wie oben. */
html.das-dark-mode .das-contact-details>a>span,
html.das-dark-mode .das-contact-details>div>span{
  background:var(--das-accent-soft)!important;
  border-color:var(--das-accent-soft)!important;
  color:var(--das-accent)!important;
}
html.das-dark-mode .das-contact-details>a>span svg,
html.das-dark-mode .das-contact-details>div>span svg{
  color:var(--das-accent)!important;
  stroke:currentColor!important;
}

/* 3) SOCIALS:
   echte SVGs aus DAS_Icons, gleiche Farbregel wie die anderen Icons. */
.das-contact-socials a svg{
  width:19px!important;
  height:19px!important;
  display:block!important;
  color:currentColor!important;
  stroke:currentColor!important;
}
.das-contact-socials a{
  background:var(--das-accent)!important;
  border-color:var(--das-accent)!important;
  color:#fff!important;
}
html.das-dark-mode .das-contact-socials a{
  background:var(--das-accent-soft)!important;
  border-color:var(--das-accent-soft)!important;
  color:var(--das-accent)!important;
}
html.das-dark-mode .das-contact-socials a svg{
  color:var(--das-accent)!important;
  stroke:currentColor!important;
}

/* Alte CSS-Zeichenkonstruktion für Instagram/Facebook nicht mehr benutzen. */
.das-social-facebook span,
.das-social-instagram span,
.das-social-instagram span:before,
.das-social-instagram span:after{
  display:none!important;
}

/* 4) SENDEN-BUTTON:
   Nicht mehr eigene Kontaktfarbe im Darkmode.
   Er folgt exakt Design → Buttons → Darkmode. */
html.das-dark-mode .das-contact-submit,
html.das-dark-mode .das-contact-form button[type="submit"],
html.das-dark-mode .das-contact-form>button{
  background:var(--das-dark-button-bg)!important;
  border-color:var(--das-dark-button-bg)!important;
  color:var(--das-dark-button-text)!important;
  box-shadow:0 12px 26px color-mix(in srgb,var(--das-dark-button-bg) 26%,transparent)!important;
}
html.das-dark-mode .das-contact-submit:hover,
html.das-dark-mode .das-contact-form button[type="submit"]:hover,
html.das-dark-mode .das-contact-form>button:hover{
  background:var(--das-dark-button-hover-bg)!important;
  border-color:var(--das-dark-button-hover-bg)!important;
  color:var(--das-dark-button-hover-text)!important;
}

/* Checkbox und Datenschutzlink im Darkmode ebenfalls über die helle Gegenfarbe. */
html.das-dark-mode label.wide.das-contact-privacy input[type="checkbox"]{
  accent-color:var(--das-accent-soft)!important;
}
html.das-dark-mode label.wide.das-contact-privacy a{
  color:var(--das-accent-soft)!important;
}


/* =========================================================
 * 1.0.57 – Social Icons final
 * Dedicated SVGs, independent from global icon rules.
 * ======================================================= */
.das-contact-socials a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  line-height:1!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

.das-contact-socials .das-social-icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  flex:0 0 18px!important;
}

/* Facebook is a filled mark */
.das-contact-socials .das-social-icon-facebook{
  fill:currentColor!important;
  stroke:none!important;
}

/* Instagram uses a clean outline mark */
.das-contact-socials .das-social-icon-instagram{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.das-contact-socials .das-social-icon-instagram .das-instagram-dot{
  fill:currentColor!important;
  stroke:none!important;
}

/* Light */
.das-contact-socials a{
  background:var(--das-accent,#0e2a5f)!important;
  border-color:var(--das-accent,#0e2a5f)!important;
  color:#fff!important;
}

/* Dark */
html.das-dark-mode .das-contact-socials a{
  background:var(--das-accent-soft,#7fa9ff)!important;
  border-color:var(--das-accent-soft,#7fa9ff)!important;
  color:var(--das-accent,#0e2a5f)!important;
}

/* Explicitly neutralize earlier social SVG overrides */
.das-contact-socials a svg{
  color:currentColor!important;
}


/* =========================================================
 * 1.0.63 – Rechtliches Hero Engine 1:1 wie Unterkunft/Kontakt
 * Impressum + Datenschutz: Akzente, Light/Dark, Übergänge
 * ======================================================= */
.das-legal-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:var(--das-legal-hero-bg,#f5f5f5)!important;
  color:var(--das-legal-hero-color,#172033)!important;
}
.das-legal-hero .das-legal-hero-inner{
  position:relative!important;
  z-index:3!important;
  width:min(var(--das-container,1200px),100%)!important;
  margin:0 auto!important;
}
.das-legal-hero .das-legal-eyebrow{
  display:block!important;
  margin-bottom:12px!important;
  color:var(--das-legal-hero-accent,#0e2a5f)!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.das-legal-hero h1{color:inherit!important}
.das-legal-hero p{color:inherit!important}

.das-legal-hero-align-left{text-align:left!important}
.das-legal-hero-align-center{text-align:center!important}
.das-legal-hero-align-right{text-align:right!important}
.das-legal-hero-align-left p{margin-left:0!important;margin-right:auto!important}
.das-legal-hero-align-center p{margin-left:auto!important;margin-right:auto!important}
.das-legal-hero-align-right p{margin-left:auto!important;margin-right:0!important}

.das-legal-hero-size-small{padding:70px 20px!important}
.das-legal-hero-size-medium{padding:105px 20px!important}
.das-legal-hero-size-large{padding:145px 20px!important}

html.das-dark-mode .das-legal-hero{
  background:var(--das-legal-hero-dark-bg,#0d1623)!important;
  color:var(--das-legal-hero-dark-color,#fff)!important;
}
html.das-dark-mode .das-legal-hero .das-legal-eyebrow{
  color:var(--das-legal-hero-accent-dark,#9fc0ff)!important;
}

.das-legal-hero::before,
.das-legal-hero::after,
.das-legal-hero .das-legal-orb{
  pointer-events:none!important;
}
.das-legal-hero .das-legal-orb{
  display:none;
  position:absolute!important;
  border-radius:999px!important;
  z-index:1!important;
}
.das-legal-hero .das-legal-orb-one{
  width:360px!important;
  height:360px!important;
  left:-110px!important;
  top:-190px!important;
  border:1px solid color-mix(in srgb,var(--das-legal-hero-accent) 45%,transparent)!important;
}
.das-legal-hero .das-legal-orb-two{
  width:220px!important;
  height:220px!important;
  right:-70px!important;
  bottom:-135px!important;
  background:color-mix(in srgb,var(--das-legal-hero-accent) 15%,transparent)!important;
  box-shadow:0 0 110px 35px color-mix(in srgb,var(--das-legal-hero-accent) 18%,transparent)!important;
}

.das-legal-hero-accent-circles .das-legal-orb,
.das-legal-hero-accent-glow .das-legal-orb-two,
.das-legal-hero-accent-complete .das-legal-orb{
  display:block!important;
}
.das-legal-hero-accent-dots::before,
.das-legal-hero-accent-complete::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--das-legal-hero-accent) 30%,transparent) 0 1.2px,transparent 1.7px) 0 0/18px 18px!important;
}
.das-legal-hero-accent-lines::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:repeating-linear-gradient(115deg,transparent 0 38px,color-mix(in srgb,var(--das-legal-hero-accent) 12%,transparent) 39px 40px,transparent 41px 78px)!important;
}
.das-legal-hero-accent-waves::before{
  content:""!important;
  position:absolute!important;
  inset:-25% -8%!important;
  z-index:0!important;
  background:radial-gradient(80% 55% at 20% 45%,transparent 61%,color-mix(in srgb,var(--das-legal-hero-accent) 20%,transparent) 62% 63%,transparent 64%),radial-gradient(90% 60% at 78% 55%,transparent 65%,color-mix(in srgb,var(--das-legal-hero-accent) 14%,transparent) 66% 67%,transparent 68%)!important;
  transform:rotate(-4deg)!important;
}
.das-legal-hero-accent-texture::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background-image:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--das-legal-hero-accent) 25%,transparent) 0 1px,transparent 1.4px),radial-gradient(circle at 75% 65%,color-mix(in srgb,var(--das-legal-hero-color) 12%,transparent) 0 1px,transparent 1.3px)!important;
  background-size:27px 27px,39px 39px!important;
  background-position:0 0,9px 13px!important;
}
.das-legal-hero-accent-diagonal::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(118deg,color-mix(in srgb,var(--das-legal-hero-accent) 18%,transparent) 0 21%,transparent 21.2% 66%,color-mix(in srgb,var(--das-legal-hero-accent) 9%,transparent) 66.2% 100%)!important;
}
.das-legal-hero-accent-glass::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  background:linear-gradient(130deg,color-mix(in srgb,var(--das-legal-hero-accent) 72%,transparent),transparent 46%)!important;
}
.das-legal-hero-accent-glass .das-legal-orb{
  display:block!important;
  background:color-mix(in srgb,var(--das-legal-hero-color) 28%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--das-legal-hero-color) 55%,transparent)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent),0 18px 48px color-mix(in srgb,var(--das-legal-hero-accent) 30%,transparent)!important;
  backdrop-filter:blur(12px)!important;
  border-radius:34px!important;
}
.das-legal-hero-accent-glass .das-legal-orb-one{
  width:250px!important;height:105px!important;left:7%!important;top:16%!important;transform:rotate(11deg)!important
}
.das-legal-hero-accent-glass .das-legal-orb-two{
  width:190px!important;height:82px!important;right:8%!important;bottom:15%!important;transform:rotate(-9deg)!important
}

.das-legal-hero::before,
.das-legal-hero .das-legal-orb{
  opacity:var(--das-legal-hero-accent-opacity,.08)!important;
}
html.das-dark-mode .das-legal-hero::before,
html.das-dark-mode .das-legal-hero .das-legal-orb{
  opacity:var(--das-legal-hero-accent-dark-opacity,.05)!important;
  --das-legal-hero-accent:var(--das-legal-hero-accent-dark,#9fc0ff);
}

/* Unterer Übergang */
.das-legal-hero-transition-shadow{box-shadow:0 20px 45px rgba(15,23,42,.08)}
.das-legal-hero-transition-gradient::after{
  content:""!important;position:absolute!important;left:0;right:0;bottom:0;height:70px;z-index:2;
  background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--das-legal-hero-bg) 85%,transparent))
}
.das-legal-hero-transition-glow{box-shadow:0 18px 55px color-mix(in srgb,var(--das-legal-hero-accent) 20%,transparent)}
.das-legal-hero-transition-edge{border-bottom:1px solid color-mix(in srgb,var(--das-legal-hero-accent) 35%,transparent)}

@media(max-width:600px){
  .das-legal-hero-size-small{padding:55px 18px!important}
  .das-legal-hero-size-medium{padding:70px 18px!important}
  .das-legal-hero-size-large{padding:90px 18px!important}
}


/* =========================================================
 * 1.0.64 – Cookie-Banner Frontend im Dateck Framework
 * Fixed Overlay/Card statt Dokumentfluss.
 * ======================================================= */

#das-cookie-banner.das-cookie-banner{
  position:fixed!important;
  z-index:999999!important;
  inset:auto 20px 20px 20px!important;
  display:flex!important;
  justify-content:center!important;
  pointer-events:none!important;
  font-family:inherit!important;
}

#das-cookie-banner[hidden]{
  display:none!important;
}

#das-cookie-banner.das-cookie-center{
  inset:0!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  background:rgba(5,12,24,.28)!important;
  backdrop-filter:blur(5px)!important;
}

#das-cookie-banner .das-cookie-inner{
  position:relative!important;
  width:min(920px,100%)!important;
  max-height:min(82vh,760px)!important;
  overflow:auto!important;
  pointer-events:auto!important;
  box-sizing:border-box!important;
  padding:24px 26px!important;
  border:1px solid color-mix(in srgb,var(--das-cookie-color,#fff) 18%,transparent)!important;
  border-radius:20px!important;
  background:color-mix(in srgb,var(--das-cookie-bg,#111) 94%,transparent)!important;
  color:var(--das-cookie-color,#fff)!important;
  box-shadow:0 24px 70px rgba(3,10,22,.28)!important;
  backdrop-filter:blur(18px)!important;
}

#das-cookie-banner .das-cookie-close{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid color-mix(in srgb,var(--das-cookie-color,#fff) 20%,transparent)!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--das-cookie-color,#fff) 8%,transparent)!important;
  color:var(--das-cookie-color,#fff)!important;
  font-size:23px!important;
  line-height:1!important;
  cursor:pointer!important;
}

#das-cookie-banner .das-cookie-inner>strong{
  display:block!important;
  margin:0 46px 8px 0!important;
  color:inherit!important;
  font-size:19px!important;
  line-height:1.25!important;
  font-weight:800!important;
}

#das-cookie-banner .das-cookie-inner>p{
  margin:0 0 12px!important;
  max-width:760px!important;
  color:inherit!important;
  opacity:.88!important;
  font-size:14px!important;
  line-height:1.6!important;
}

#das-cookie-banner .das-cookie-links{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 16px!important;
  margin:0 0 18px!important;
}

#das-cookie-banner .das-cookie-links a{
  color:inherit!important;
  opacity:.82!important;
  font-size:13px!important;
  font-weight:650!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}

#das-cookie-banner .das-cookie-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:18px!important;
}

#das-cookie-banner .das-cookie-actions button{
  min-height:44px!important;
  margin:0!important;
  padding:10px 16px!important;
  border-radius:11px!important;
  border:1px solid color-mix(in srgb,var(--das-cookie-color,#fff) 28%,transparent)!important;
  background:color-mix(in srgb,var(--das-cookie-color,#fff) 8%,transparent)!important;
  color:var(--das-cookie-color,#fff)!important;
  font:inherit!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.2!important;
  cursor:pointer!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}

#das-cookie-banner .das-cookie-actions button:hover{
  transform:translateY(-1px)!important;
  background:color-mix(in srgb,var(--das-cookie-color,#fff) 14%,transparent)!important;
}

#das-cookie-banner .das-cookie-actions [data-das-cookie-accept]{
  border-color:var(--das-accent,#0e2a5f)!important;
  background:var(--das-accent,#0e2a5f)!important;
  color:#fff!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--das-accent,#0e2a5f) 24%,transparent)!important;
}

#das-cookie-banner .das-cookie-settings{
  margin-top:18px!important;
  padding:16px!important;
  border:1px solid color-mix(in srgb,var(--das-cookie-color,#fff) 16%,transparent)!important;
  border-radius:14px!important;
  background:color-mix(in srgb,var(--das-cookie-color,#fff) 5%,transparent)!important;
}

#das-cookie-banner .das-cookie-category{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  padding:12px 0!important;
  margin:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--das-cookie-color,#fff) 12%,transparent)!important;
  color:inherit!important;
}

#das-cookie-banner .das-cookie-category:last-child{
  border-bottom:0!important;
}

#das-cookie-banner .das-cookie-category>span{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}

#das-cookie-banner .das-cookie-category strong{
  color:inherit!important;
  font-size:14px!important;
}

#das-cookie-banner .das-cookie-category small{
  color:inherit!important;
  opacity:.7!important;
  font-size:12px!important;
  line-height:1.45!important;
}

#das-cookie-banner .das-cookie-category input[type="checkbox"]{
  flex:0 0 18px!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  accent-color:var(--das-accent,#0e2a5f)!important;
}

/* Footer-Link des Cookie-Systems nicht als hässlicher Button rendern */
.das-cookie-footer-link,
[data-das-cookie-open]{
  cursor:pointer!important;
}

/* Darkmode:
   globale Dateck-Gegenfarbe für Primary-Button und aktive Controls */
html.das-dark-mode #das-cookie-banner .das-cookie-actions [data-das-cookie-accept]{
  border-color:var(--das-accent-soft,#9fc0ff)!important;
  background:var(--das-accent-soft,#9fc0ff)!important;
  color:var(--das-accent,#0e2a5f)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--das-accent-soft,#9fc0ff) 24%,transparent)!important;
}

html.das-dark-mode #das-cookie-banner .das-cookie-category input[type="checkbox"]{
  accent-color:var(--das-accent-soft,#9fc0ff)!important;
}

/* Mobile */
@media(max-width:700px){
  #das-cookie-banner.das-cookie-banner{
    inset:auto 10px 10px 10px!important;
  }

  #das-cookie-banner .das-cookie-inner{
    padding:20px 18px!important;
    border-radius:16px!important;
    max-height:88vh!important;
  }

  #das-cookie-banner .das-cookie-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  #das-cookie-banner .das-cookie-actions button{
    width:100%!important;
  }

  #das-cookie-banner .das-cookie-category{
    align-items:flex-start!important;
  }
}

/* 1.0.65 Cookie Banner: globale Dateck Farbwelten/Card Design */
#das-cookie-banner.das-cookie-auto-design .das-cookie-inner{
 background:var(--das-card-bg,var(--das-bg,#fff))!important;color:var(--das-text,#172033)!important;
 border-color:var(--das-card-border,color-mix(in srgb,var(--das-accent,#0e2a5f) 24%,transparent))!important;
 border-radius:var(--das-card-radius,20px)!important;box-shadow:var(--das-card-shadow,0 24px 70px rgba(3,10,22,.18))!important}
#das-cookie-banner.das-cookie-auto-design .das-cookie-close,
#das-cookie-banner.das-cookie-auto-design .das-cookie-actions button{
 color:var(--das-text,#172033)!important;border-color:color-mix(in srgb,var(--das-accent,#0e2a5f) 28%,transparent)!important;
 background:color-mix(in srgb,var(--das-accent,#0e2a5f) 7%,var(--das-card-bg,#fff))!important}
#das-cookie-banner.das-cookie-auto-design .das-cookie-links a{color:var(--das-accent,#0e2a5f)!important;opacity:1!important}
#das-cookie-banner.das-cookie-auto-design .das-cookie-actions [data-das-cookie-accept]{
 background:var(--das-accent,#0e2a5f)!important;border-color:var(--das-accent,#0e2a5f)!important;color:#fff!important}
#das-cookie-banner.das-cookie-auto-design .das-cookie-settings{
 background:color-mix(in srgb,var(--das-accent,#0e2a5f) 5%,var(--das-card-bg,#fff))!important;
 border-color:color-mix(in srgb,var(--das-accent,#0e2a5f) 20%,transparent)!important}
#das-cookie-banner.das-cookie-auto-design input[type=checkbox]{accent-color:var(--das-accent,#0e2a5f)!important}

html.das-dark-mode #das-cookie-banner.das-cookie-auto-design .das-cookie-inner,
body.das-dark-mode #das-cookie-banner.das-cookie-auto-design .das-cookie-inner{
 background:var(--das-card-bg-dark,var(--das-bg-dark,#111c2d))!important;color:var(--das-text-dark,#fff)!important;
 border-color:var(--das-card-border-dark,color-mix(in srgb,var(--das-accent-soft,#cbd7ea) 42%,transparent))!important}
html.das-dark-mode #das-cookie-banner.das-cookie-auto-design .das-cookie-close,
html.das-dark-mode #das-cookie-banner.das-cookie-auto-design .das-cookie-actions button,
body.das-dark-mode #das-cookie-banner.das-cookie-auto-design .das-cookie-close,
body.das-dark-mode #das-cookie-banner.das-cookie-auto-design .das-cookie-actions button{
 color:var(--das-text-dark,#fff)!important;border-color:color-mix(in srgb,var(--das-accent-soft,#cbd7ea) 45%,transparent)!important;
 background:color-mix(in srgb,var(--das-accent-soft,#cbd7ea) 10%,var(--das-card-bg-dark,#111c2d))!important}
html.das-dark-mode #das-cookie-banner.das-cookie-auto-design .das-cookie-links a,
body.das-dark-mode #das-cookie-banner.das-cookie-auto-design .das-cookie-links a{color:var(--das-accent-soft,#cbd7ea)!important}
html.das-dark-mode #das-cookie-banner.das-cookie-auto-design .das-cookie-actions [data-das-cookie-accept],
body.das-dark-mode #das-cookie-banner.das-cookie-auto-design .das-cookie-actions [data-das-cookie-accept]{
 background:var(--das-accent-soft,#cbd7ea)!important;border-color:var(--das-accent-soft,#cbd7ea)!important;color:var(--das-accent,#0e2a5f)!important}
html.das-dark-mode #das-cookie-banner.das-cookie-auto-design input[type=checkbox],
body.das-dark-mode #das-cookie-banner.das-cookie-auto-design input[type=checkbox]{accent-color:var(--das-accent-soft,#cbd7ea)!important}


/* =========================================================
 * 1.0.66 – Floating Buttons & Popups
 * 1:1 Unterkunft Framework, Property-Farbwelt
 * ======================================================= */
.das-floating-actions{position:fixed;z-index:9991;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.das-floating-actions.is-right{right:var(--das-floating-side,22px)}
.das-floating-actions.is-left{left:var(--das-floating-side,22px)}
.das-floating-actions.is-middle{top:50%;transform:translateY(-50%)}
.das-floating-actions.is-bottom{bottom:var(--das-floating-bottom,110px)}
.das-floating-action{position:relative;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--das-item-bg,var(--das-floating-bg,var(--das-accent)));color:var(--das-item-fg,var(--das-floating-fg,#fff))!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(0,0,0,.18);pointer-events:auto;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.das-floating-action svg{width:21px;height:21px;stroke:currentColor}
.das-floating-action:hover,.das-floating-action:focus-visible{transform:translateY(-2px) scale(1.04);box-shadow:0 16px 34px rgba(0,0,0,.24);filter:brightness(.97)}
.das-floating-action::after{content:attr(data-tooltip);position:absolute;top:50%;right:calc(100% + 11px);transform:translateY(-50%) translateX(6px);padding:8px 11px;border-radius:9px;background:#111;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;opacity:0;visibility:hidden;transition:.18s;pointer-events:none}
.das-floating-actions.is-left .das-floating-action::after{right:auto;left:calc(100% + 11px);transform:translateY(-50%) translateX(-6px)}
.das-floating-action:hover::after,.das-floating-action:focus-visible::after{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.das-floating-actions.is-bar{gap:0;padding:5px;border-radius:999px;background:color-mix(in srgb,var(--das-card-bg,#fff) 92%,transparent);box-shadow:0 12px 35px rgba(0,0,0,.18);backdrop-filter:blur(12px)}
.das-floating-actions.is-bar .das-floating-action{width:44px;height:44px;box-shadow:none}
.das-floating-actions.is-bar .das-floating-action+.das-floating-action{margin-top:3px}
html.das-dark-mode .das-floating-actions.is-bar{background:color-mix(in srgb,var(--das-card-bg-dark,#17202e) 92%,transparent)}
html.das-dark-mode .das-floating-action{background:var(--das-item-bg,var(--das-accent-soft,#cbd7ea));color:var(--das-item-fg,var(--das-accent,#0e2a5f))!important}
@media(min-width:769px){.is-hidden-desktop{display:none!important}}
@media(max-width:768px){.is-hidden-mobile{display:none!important}.das-floating-actions{--das-floating-side:14px}.das-floating-action{width:46px;height:46px}.das-floating-action::after{display:none}}

/* Popups */
.das-popup{position:fixed;width:min(340px,calc(100vw - 36px));z-index:999998;display:none;background:var(--das-card-bg,#fff);border:1px solid color-mix(in srgb,var(--das-popup-accent,var(--das-accent)) 55%,#ddd);border-radius:28px;padding:26px 28px 24px;box-shadow:0 20px 55px rgba(0,0,0,.18);color:var(--das-text,#222)}
.das-popup.is-visible{display:block;animation:dpsPopupIn .35s ease}
.das-popup--right-bottom{right:30px;bottom:30px}.das-popup--left-bottom{left:30px;bottom:30px}
.das-popup--right-center{right:30px;top:50%;transform:translateY(-50%)}.das-popup--left-center{left:30px;top:50%;transform:translateY(-50%)}
.das-popup--right-top{right:30px;top:30px}.das-popup--left-top{left:30px;top:30px}
.das-popup-close{position:absolute;top:13px;right:17px;border:0;background:none;color:inherit;font-size:28px;cursor:pointer;opacity:.65}
.das-popup-badge{display:inline-flex;align-items:center;gap:8px;background:var(--das-popup-accent,var(--das-accent));color:#fff;padding:6px 13px;border-radius:999px;font-size:13px;font-weight:800}
.das-popup-badge svg{width:18px;height:18px;stroke:currentColor}
.das-popup h3{margin:18px 0 9px;font-size:22px;line-height:1.25;color:var(--das-heading,var(--das-text,#222))}
.das-popup p{margin:0 0 21px;color:var(--das-muted,#666);line-height:1.65;font-size:14px}
.das-popup-button{display:block;padding:14px 18px;border-radius:999px;background:var(--das-popup-accent,var(--das-accent));color:#fff!important;text-align:center;text-decoration:none!important;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.05em}
.das-popup-button:hover{filter:brightness(.96)}
html.das-dark-mode .das-popup{background:var(--das-card-bg-dark,#17202e);border-color:color-mix(in srgb,var(--das-popup-accent-dark,var(--das-accent-soft)) 48%,transparent);color:var(--das-text-dark,#fff)}
html.das-dark-mode .das-popup h3{color:var(--das-heading-dark,var(--das-text-dark,#fff))}
html.das-dark-mode .das-popup p{color:color-mix(in srgb,var(--das-text-dark,#fff) 72%,transparent)}
html.das-dark-mode .das-popup-badge,html.das-dark-mode .das-popup-button{background:var(--das-popup-accent-dark,var(--das-accent-soft));color:var(--das-accent,#0e2a5f)!important}
@keyframes dpsPopupIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:520px){.das-popup{right:18px!important;left:18px!important;bottom:18px!important;top:auto!important;transform:none!important;padding:23px;width:auto}}


/* =========================================================
 * 1.0.73 – Floating Buttons
 * Desktop polished + Mobile Bottom Bar nach Unterkunft
 * ======================================================= */

/* Desktop */
.das-floating-action{
  overflow:visible!important;
  text-align:center!important;
}
.das-floating-action__label{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.das-floating-action__icon{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  line-height:0!important;
}
.das-floating-action__icon svg{
  display:block!important;
  width:21px!important;
  height:21px!important;
  margin:auto!important;
}
.das-floating-actions.is-circles .das-floating-action{
  width:52px!important;
  height:52px!important;
  border-radius:50%!important;
}
.das-floating-actions.is-circles{
  gap:12px!important;
}
.das-floating-actions.is-right .das-floating-action::after{
  right:calc(100% + 12px)!important;
  left:auto!important;
}
.das-floating-actions.is-left .das-floating-action::after{
  left:calc(100% + 12px)!important;
  right:auto!important;
}
.das-floating-action::after{
  z-index:5!important;
  padding:8px 12px!important;
  border-radius:9px!important;
  background:rgba(15,23,42,.94)!important;
  color:#fff!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
html.das-dark-mode .das-floating-action::after{
  background:rgba(255,255,255,.94)!important;
  color:#0f172a!important;
}

/* MOBILE: eigene Bottom-Bar – Position/Style aus Desktop vollständig überschreiben */
@media screen and (max-width:768px){

  html body .das-floating-actions,
  html body .das-floating-actions.is-right,
  html body .das-floating-actions.is-left,
  html body .das-floating-actions.is-middle,
  html body .das-floating-actions.is-bottom,
  html body .das-floating-actions.is-circles,
  html body .das-floating-actions.is-bar{
    position:fixed!important;
    inset:auto 8px 8px 8px!important;
    top:auto!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;

    width:auto!important;
    max-width:none!important;
    height:auto!important;
    transform:none!important;

    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:5px!important;

    padding:5px!important;
    margin:0!important;

    background:rgba(255,255,255,.97)!important;
    border:1px solid rgba(15,23,42,.10)!important;
    border-radius:15px!important;
    box-shadow:0 8px 26px rgba(15,23,42,.22)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;

    overflow:visible!important;
    pointer-events:auto!important;
    z-index:2147482900!important;
    box-sizing:border-box!important;
  }

  html.das-dark-mode body .das-floating-actions{
    background:color-mix(in srgb,var(--das-card-bg-dark,#17202e) 96%,transparent)!important;
    border-color:color-mix(in srgb,var(--das-accent-soft,#cbd7ea) 22%,transparent)!important;
  }

  html body .das-floating-actions > .das-floating-action,
  html body .das-floating-actions.is-circles > .das-floating-action,
  html body .das-floating-actions.is-bar > .das-floating-action{
    position:relative!important;
    flex:1 1 0!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;

    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:52px!important;
    min-height:52px!important;
    max-height:52px!important;

    padding:5px 6px!important;
    margin:0!important;

    border:0!important;
    border-radius:10px!important;
    -webkit-border-radius:10px!important;
    outline:0!important;

    aspect-ratio:auto!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;

    background:var(--das-item-bg,var(--das-floating-bg,var(--das-accent,#2f7df4)))!important;
    color:var(--das-item-fg,var(--das-floating-fg,#fff))!important;

    box-shadow:none!important;
    transform:none!important;
    filter:none!important;
    overflow:hidden!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
  }

  html.das-dark-mode body .das-floating-actions > .das-floating-action{
    background:var(--das-accent-soft,#cbd7ea)!important;
    color:var(--das-accent,#0e2a5f)!important;
  }

  html body .das-floating-actions .das-floating-action__icon{
    position:static!important;
    flex:0 0 auto!important;
    display:grid!important;
    place-items:center!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    line-height:0!important;
  }

  html body .das-floating-actions .das-floating-action__icon svg{
    display:block!important;
    width:17px!important;
    height:17px!important;
    margin:0!important;
    color:inherit!important;
    stroke:currentColor!important;
  }

  html body .das-floating-actions .das-floating-action__label{
    position:static!important;
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
    clip:auto!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;

    color:inherit!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.05!important;
    text-align:center!important;
  }

  html body .das-floating-actions .das-floating-action::before,
  html body .das-floating-actions .das-floating-action::after{
    display:none!important;
    content:none!important;
  }

  html body .das-floating-actions .das-floating-action:hover,
  html body .das-floating-actions .das-floating-action:focus-visible{
    transform:none!important;
    filter:brightness(.97)!important;
    box-shadow:none!important;
  }

  html body.das-has-mobile-floating-actions{
    padding-bottom:76px!important;
  }
}


/* =========================================================
 * 1.0.78 – Galerien 1:1 Unterkunft Suite
 * ======================================================= */
.das-detail-main-image{position:relative;overflow:hidden;border-radius:18px;background:#eee;aspect-ratio:4/3;cursor:zoom-in}.das-detail-slide{position:absolute;inset:0;margin:0;opacity:0;pointer-events:none;transition:opacity .28s ease}.das-detail-slide.is-active{opacity:1;pointer-events:auto}.das-detail-slide img{width:100%;height:100%;object-fit:cover;display:block}.das-gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:rgba(40,40,40,.62);color:#fff;font-size:30px;line-height:1;cursor:pointer}.das-gallery-prev{left:14px}.das-gallery-next{right:14px}.das-gallery-counter{position:absolute;right:14px;bottom:12px;z-index:3;padding:6px 10px;border-radius:999px;background:rgba(17,17,17,.7);color:#fff;font-size:12px}.das-gallery-zoom{position:absolute;left:14px;bottom:12px;z-index:3;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);color:#111;font-size:17px}.das-detail-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.das-detail-thumb{height:74px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:none;cursor:pointer;opacity:.7;transition:.2s}.das-detail-thumb.is-active{border-color:var(--das-accent);opacity:1}.das-detail-thumb img{width:100%;height:100%;object-fit:cover;display:block}
html.das-lightbox-open,html.das-lightbox-open body{overflow:hidden}.das-lightbox{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:34px;background:rgba(12,12,12,.92)}.das-lightbox.is-open{display:flex}.das-lightbox-stage{position:relative;width:min(86vw,1400px);height:min(88vh,950px)}.das-lightbox-slide{position:absolute;inset:0;margin:0;display:none;align-items:center;justify-content:center}.das-lightbox-slide.is-active{display:flex}.das-lightbox-slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.4)}.das-lightbox-close{position:fixed;top:10px;right:18px;width:48px;height:48px;border:0;background:transparent;color:#fff;font-size:48px;line-height:1;cursor:pointer}.das-lightbox-arrow{position:fixed;top:var(--das-lightbox-arrow-top,50%);transform:translateY(-50%);width:58px;height:58px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;font-size:44px;cursor:pointer}.das-lightbox-prev{left:var(--das-lightbox-prev-left,18px)}.das-lightbox-next{right:var(--das-lightbox-next-right,18px)}.das-lightbox-counter{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-size:13px}
@media(max-width:1050px){.das-detail-top{grid-template-columns:1fr}.das-detail-amenities{width:100%;margin-left:0}.das-booking-cta{grid-template-columns:auto 1fr}.das-booking-primary,.das-booking-secondary{width:100%}}
@media(max-width:760px){.das-room-template{padding:24px 14px 44px}.das-detail-main-image{aspect-ratio:4/3;border-radius:14px}.das-detail-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr))}.das-detail-thumb{height:62px}.das-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.das-detail-facts>div,.das-detail-facts>div:nth-child(3n){border-right:1px solid rgba(0,0,0,.1)}.das-detail-facts>div:nth-child(2n){border-right:0}.das-amenity-list{grid-template-columns:1fr}.das-booking-cta{grid-template-columns:1fr;padding:24px;text-align:center}.das-booking-icon{display:none}.das-booking-primary,.das-booking-secondary{white-space:normal;padding:14px 18px}.das-lightbox{padding:12px}.das-lightbox-stage{width:92vw;height:82vh}.das-lightbox-arrow{width:44px;height:44px;font-size:34px}.das-lightbox-prev{left:8px}.das-lightbox-next{right:8px}}



/* 0.9.0 – Dateck Hotel Gallery */
.das-property-gallery{width:100%;min-width:0}.das-property-gallery .das-detail-main-image{aspect-ratio:16/9;border-radius:var(--das-card-radius);box-shadow:0 20px 55px rgba(0,0,0,.10)}.das-gallery-ratio-4-3 .das-detail-main-image{aspect-ratio:4/3}.das-gallery-ratio-3-2 .das-detail-main-image{aspect-ratio:3/2}.das-gallery-ratio-auto .das-detail-main-image{aspect-ratio:auto;min-height:460px}.das-property-gallery--panorama .das-detail-main-image{aspect-ratio:21/8}.das-property-gallery .das-detail-thumbnails{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;padding:3px 1px 8px;scrollbar-width:thin}.das-property-gallery .das-detail-thumb{flex:0 0 118px;height:78px}.das-property-gallery__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.das-property-gallery__tile{position:relative;width:100%;height:auto;min-height:220px;padding:0;border:0;border-radius:16px;overflow:hidden;background:#eee;cursor:zoom-in}.das-property-gallery__tile img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;transition:transform .35s ease}.das-property-gallery__tile:hover img{transform:scale(1.035)}.das-property-gallery__tile span{position:absolute;left:12px;right:12px;bottom:12px;padding:8px 10px;border-radius:10px;background:rgba(15,15,15,.64);color:#fff;font-size:12px;text-align:left}.das-property-gallery--masonry .das-property-gallery__tiles{display:block;columns:3;column-gap:14px}.das-property-gallery--masonry .das-property-gallery__tile{display:block;min-height:0;margin:0 0 14px;break-inside:avoid}.das-property-gallery--masonry .das-property-gallery__tile img{height:auto;min-height:0}.das-gallery-hidden-stage{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;opacity:0!important}.das-property-gallery--grid .das-detail-thumb,.das-property-gallery--masonry .das-detail-thumb{opacity:1;border:0}.das-property-gallery--grid .das-detail-thumb.is-active,.das-property-gallery--masonry .das-detail-thumb.is-active{border:0}.das-dark-mode .das-property-gallery__tile{background:var(--das-dark-card)}@media(max-width:800px){.das-property-gallery__tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.das-property-gallery--masonry .das-property-gallery__tiles{columns:2}.das-property-gallery--panorama .das-detail-main-image{aspect-ratio:16/9}.das-gallery-ratio-auto .das-detail-main-image{min-height:300px}}@media(max-width:520px){.das-property-gallery__tiles{grid-template-columns:1fr}.das-property-gallery--masonry .das-property-gallery__tiles{columns:1}.das-property-gallery__tile{min-height:210px}.das-property-gallery .das-detail-thumb{flex-basis:86px;height:62px}}

/* 0.9.1 Central compact bento gallery */
.das-property-gallery--central{position:relative;width:100%;isolation:isolate}
.das-bento-nav{display:flex;justify-content:flex-end;gap:10px;margin:0 0 16px}
.das-bento-arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(0,0,0,.13);border-radius:50%;background:var(--das-card,#fff);color:var(--das-text,#111);font-size:27px;line-height:1;cursor:pointer;transition:transform .2s ease,background .2s ease,opacity .2s ease}
.das-bento-arrow:hover{transform:translateY(-2px);background:var(--das-bg,#f5f5f5)}
.das-bento-arrow:disabled{opacity:.34;cursor:default;transform:none}
.das-bento-viewport{width:100%;overflow:hidden}
.das-bento-track{display:flex;width:100%;transition:transform .42s cubic-bezier(.22,.61,.36,1);will-change:transform}
.das-bento-page{flex:0 0 100%;display:grid;grid-template-columns:2.1fr 1.55fr 1.55fr .75fr;grid-template-rows:1fr 1fr;gap:14px;height:500px;min-width:0}
.das-bento-item{position:relative;display:block;width:100%;height:100%!important;min-width:0;min-height:0;padding:0!important;margin:0!important;border:0!important;border-radius:20px!important;overflow:hidden;background:#ececec;cursor:zoom-in;opacity:1!important;box-shadow:none!important}
.das-bento-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.das-bento-item:hover img{transform:scale(1.025)}
.das-bento-item span{position:absolute;left:12px;right:12px;bottom:12px;padding:7px 10px;border-radius:10px;background:rgba(16,16,16,.62);color:#fff;font-size:12px;text-align:left;opacity:0;transform:translateY(5px);transition:.2s}
.das-bento-item:hover span{opacity:1;transform:none}
.das-bento-item--tall-left{grid-column:1;grid-row:1/3}
.das-bento-item--top-mid{grid-column:2;grid-row:1}
.das-bento-item--bottom-mid{grid-column:2;grid-row:2}
.das-bento-item--tall-right{grid-column:3;grid-row:1/3}
.das-bento-item--top-slim{grid-column:4;grid-row:1}
.das-bento-item--bottom-slim{grid-column:4;grid-row:2}
.das-bento-item--default{grid-column:auto;grid-row:auto}
.das-dark-mode .das-bento-arrow{border-color:rgba(255,255,255,.15);background:var(--das-dark-card,#17202e);color:var(--das-dark-text,#fff)}
.das-dark-mode .das-bento-item{background:var(--das-dark-card,#17202e)}
/* Lightbox always belongs to the viewport, never to a transformed/colored section. */
body>.das-lightbox{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;z-index:2147483000!important;transform:none!important;overflow:visible!important}
@media(max-width:900px){
  .das-bento-page{grid-template-columns:1.7fr 1fr 1fr;grid-template-rows:1fr 1fr;height:430px}
  .das-bento-item--tall-left{grid-column:1;grid-row:1/3}
  .das-bento-item--top-mid{grid-column:2;grid-row:1}
  .das-bento-item--bottom-mid{grid-column:2;grid-row:2}
  .das-bento-item--tall-right{grid-column:3;grid-row:1/3}
  .das-bento-item--top-slim,.das-bento-item--bottom-slim{display:none}
}
@media(max-width:600px){
  .das-bento-nav{margin-bottom:12px}
  .das-bento-arrow{width:40px;height:40px}
  .das-bento-page{grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;height:330px;gap:9px}
  .das-bento-item{border-radius:14px!important}
  .das-bento-item--tall-left{grid-column:1;grid-row:1/3}
  .das-bento-item--top-mid{grid-column:2;grid-row:1}
  .das-bento-item--bottom-mid{grid-column:2;grid-row:2}
  .das-bento-item--tall-right,.das-bento-item--top-slim,.das-bento-item--bottom-slim{display:none}
}



/* =========================================================
 * 1.1.0 – Immobilienbewertung
 * ======================================================= */
.das-home-valuation{
  position:relative;
  overflow:hidden;
  background-image:
    linear-gradient(90deg,color-mix(in srgb,var(--das-home-bg) 95%,transparent) 0%,color-mix(in srgb,var(--das-home-bg) 82%,transparent) 48%,color-mix(in srgb,var(--das-home-bg) 65%,transparent) 100%),
    var(--das-valuation-image);
  background-size:cover;
  background-position:center;
}
html.das-dark-mode .das-home-valuation{
  background-image:
    linear-gradient(90deg,color-mix(in srgb,var(--das-home-dark-bg) 97%,transparent) 0%,color-mix(in srgb,var(--das-home-dark-bg) 88%,transparent) 52%,color-mix(in srgb,var(--das-home-dark-bg) 72%,transparent) 100%),
    var(--das-valuation-image);
}
.das-home-valuation__intro{max-width:760px;margin-bottom:28px}
.das-home-valuation__intro h2{margin:8px 0 12px;color:inherit}
.das-home-valuation__intro p{max-width:680px;margin:0;color:inherit;opacity:.78}

.das-valuation{
  width:min(100%,920px);
  border:1px solid color-mix(in srgb,var(--das-home-text) 12%,transparent);
  border-radius:var(--das-card-radius,20px);
  background:color-mix(in srgb,var(--das-card,#fff) 94%,transparent);
  box-shadow:var(--das-card-shadow,0 18px 55px rgba(15,23,42,.12));
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  overflow:hidden;
}
html.das-dark-mode .das-valuation{
  background:color-mix(in srgb,var(--das-dark-card,#17202e) 94%,transparent);
  border-color:color-mix(in srgb,var(--das-dark-text,#fff) 16%,transparent);
}
.das-valuation__progress{padding:20px 26px 0}
.das-valuation__progress-copy{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.das-valuation__progress-copy strong{font-size:13px}
.das-valuation__progress-track{height:5px;margin-top:11px;border-radius:999px;background:color-mix(in srgb,var(--das-accent,#0e2a5f) 12%,transparent);overflow:hidden}
.das-valuation__progress-track i{display:block;width:16.666%;height:100%;border-radius:inherit;background:var(--das-accent,#0e2a5f);transition:width .3s ease}
html.das-dark-mode .das-valuation__progress-track i{background:var(--das-accent-soft,var(--das-accent,#cbd7ea))}
.das-valuation__form{padding:22px 26px 24px}
.das-valuation-step{display:none;animation:dpsValIn .24s ease}
.das-valuation-step.is-active{display:block}
@keyframes dpsValIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.das-valuation-step__head{display:flex;gap:15px;align-items:flex-start;margin:2px 0 22px}
.das-valuation-step__head>svg{flex:0 0 46px;width:46px;height:46px;padding:11px;box-sizing:border-box;border-radius:13px;background:var(--das-accent,#0e2a5f);color:var(--das-accent-contrast,#fff);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html.das-dark-mode .das-valuation-step__head>svg{background:var(--das-accent-soft,var(--das-accent,#cbd7ea));color:var(--das-accent,#0e2a5f)}
.das-valuation-step__head span{display:block;margin-bottom:3px;color:var(--das-accent,#0e2a5f);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
html.das-dark-mode .das-valuation-step__head span{color:var(--das-accent-soft,var(--das-accent,#cbd7ea))}
.das-valuation-step__head h3{margin:0 0 4px;font-size:26px;color:inherit}
.das-valuation-step__head p{margin:0;opacity:.68}
.das-valuation-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.das-valuation-choice-grid.is-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.das-valuation-choice{
  appearance:none;display:flex;align-items:center;gap:12px;min-height:92px;padding:16px;
  border:1px solid color-mix(in srgb,var(--das-home-text) 13%,transparent);
  border-radius:14px;background:color-mix(in srgb,var(--das-card,#fff) 82%,transparent);
  color:inherit;cursor:pointer;text-align:left;transition:.2s
}
html.das-dark-mode .das-valuation-choice{background:color-mix(in srgb,var(--das-dark-card,#17202e) 85%,transparent);border-color:color-mix(in srgb,var(--das-dark-text,#fff) 15%,transparent)}
.das-valuation-choice:hover,.das-valuation-choice.is-selected{transform:translateY(-2px);border-color:var(--das-accent,#0e2a5f);box-shadow:0 10px 28px color-mix(in srgb,var(--das-accent,#0e2a5f) 13%,transparent)}
.das-valuation-choice__icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:12px;background:color-mix(in srgb,var(--das-accent,#0e2a5f) 10%,transparent);color:var(--das-accent,#0e2a5f)}
.das-valuation-choice__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.das-valuation-choice.is-text{min-height:64px;justify-content:flex-start}
.das-valuation-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.das-valuation-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750}
.das-valuation-fields label.wide{grid-column:1/-1}
.das-valuation-fields label span small{font-weight:500;opacity:.65}
.das-valuation-fields input,.das-valuation-fields textarea{
  width:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--das-home-text) 16%,transparent);
  border-radius:11px;background:color-mix(in srgb,var(--das-card,#fff) 88%,transparent);color:inherit;
  min-height:48px;padding:11px 13px;box-shadow:none
}
html.das-dark-mode .das-valuation-fields input,html.das-dark-mode .das-valuation-fields textarea{background:color-mix(in srgb,var(--das-dark-card,#17202e) 82%,#000);border-color:color-mix(in srgb,var(--das-dark-text,#fff) 18%,transparent)}
.das-valuation-fields textarea{min-height:105px;resize:vertical}
.das-valuation-privacy{display:grid!important;grid-template-columns:auto 1fr!important;align-items:start;gap:10px!important;font-size:12px!important;font-weight:500!important}
.das-valuation-privacy input{width:18px!important;height:18px!important;min-height:0!important;margin-top:1px}
.das-valuation-privacy a{color:var(--das-accent,#0e2a5f)}
html.das-dark-mode .das-valuation-privacy a{color:var(--das-accent-soft,var(--das-accent,#cbd7ea))}
.das-valuation__actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--das-home-text) 10%,transparent)}
.das-valuation__actions button{min-height:46px;padding:0 19px;border-radius:10px;font-weight:800;cursor:pointer}
.das-valuation-back{border:1px solid color-mix(in srgb,var(--das-home-text) 16%,transparent);background:transparent;color:inherit}
.das-valuation-back:disabled{opacity:.35;cursor:default}
.das-valuation-next,.das-valuation-submit{margin-left:auto;border:1px solid var(--das-button-bg,var(--das-accent,#0e2a5f));background:var(--das-button-bg,var(--das-accent,#0e2a5f));color:var(--das-button-text,#fff)}
html.das-dark-mode .das-valuation-next,html.das-dark-mode .das-valuation-submit{background:var(--das-button-bg-dark,var(--das-accent-soft,var(--das-accent,#cbd7ea)));color:var(--das-button-text-dark,var(--das-accent,#0e2a5f))}
.das-valuation__status{min-height:18px;margin-top:10px;font-size:12px}
.das-valuation__status.is-error{color:#b42318}
.das-valuation-success{padding:48px 30px;text-align:center}
.das-valuation-success__icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:color-mix(in srgb,var(--das-accent,#0e2a5f) 10%,transparent);color:var(--das-accent,#0e2a5f)}
.das-valuation-success__icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.das-valuation-success>span:not(.das-valuation-success__icon){font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--das-accent,#0e2a5f)}
.das-valuation-success h3{margin:7px 0 9px;font-size:28px;color:inherit}
.das-valuation-success p{max-width:560px;margin:0 auto;opacity:.72}
@media(max-width:800px){
  .das-valuation-choice-grid.is-four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .das-valuation__progress{padding:17px 18px 0}.das-valuation__form{padding:18px}
  .das-valuation-choice-grid,.das-valuation-choice-grid.is-four,.das-valuation-fields{grid-template-columns:1fr}
  .das-valuation-fields label.wide{grid-column:auto}
  .das-valuation-step__head h3{font-size:22px}
  .das-valuation-choice{min-height:72px}
}


/* =========================================================
 * 1.1.5 – Framework polish: Map, Cookie link, Back to Top
 * ======================================================= */
.das-contact-map iframe{
  background:var(--das-card,#fff);
  border:1px solid color-mix(in srgb,var(--das-text,#172033) 12%,transparent)!important;
}
.das-contact-map iframe[data-das-src]:not([src]){display:none!important}
.das-contact-map-button{
  display:inline-flex!important;align-items:center!important;gap:9px!important;
  padding:14px 20px!important;
  border-radius:var(--das-button-radius,12px)!important;
  background:var(--das-button-bg,var(--das-accent,#0e2a5f))!important;
  color:var(--das-button-text,#fff)!important;
  border:0!important;text-decoration:none!important;font-weight:800!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--das-button-bg,var(--das-accent,#0e2a5f)) 22%,transparent)!important;
}
.das-contact-map-button:hover,.das-contact-map-button:focus-visible{
  background:var(--das-button-hover,var(--das-primary,#102445))!important;
  color:var(--das-button-hover-text,#fff)!important;
  transform:translateY(-1px)
}
html.das-dark-mode .das-contact-map iframe{
  background:var(--das-dark-card,#202a38);
  border-color:rgba(255,255,255,.14)!important
}
html.das-dark-mode .das-contact-map-button{
  background:var(--das-dark-button-bg,var(--das-accent-soft,#cbd7ea))!important;
  color:var(--das-dark-button-text,var(--das-primary,#102445))!important
}

button.das-cookie-reopen{
  appearance:none!important;-webkit-appearance:none!important;
  display:block!important;width:max-content!important;min-width:0!important;
  margin:0 auto!important;padding:12px 8px 15px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:var(--das-text,#172033)!important;
  font:inherit!important;font-size:13px!important;font-weight:500!important;
  line-height:1.4!important;text-decoration:underline!important;text-underline-offset:3px!important;
  cursor:pointer!important
}
button.das-cookie-reopen:hover,button.das-cookie-reopen:focus-visible{
  color:var(--das-accent,#0e2a5f)!important;background:transparent!important;box-shadow:none!important
}
html.das-dark-mode button.das-cookie-reopen{color:var(--das-dark-text,#f5f7fb)!important}

.das-back-to-top{
  position:fixed;z-index:2147483000;bottom:var(--das-btt-bottom,24px);
  display:grid;place-items:center;width:var(--das-btt-size,48px);height:var(--das-btt-size,48px);
  min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;
  background:var(--das-btt-bg,#111);color:var(--das-btt-fg,#fff)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22);opacity:0;visibility:hidden;
  transform:translateY(14px);cursor:pointer;
  transition:opacity .22s ease,visibility .22s ease,transform .22s ease,background .18s ease,color .18s ease
}
.das-back-to-top.is-right{right:var(--das-btt-side,24px)}
.das-back-to-top.is-left{left:var(--das-btt-side,24px)}
.das-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.das-back-to-top:hover,.das-back-to-top:focus-visible{
  background:var(--das-btt-hover,var(--das-accent,#7fa9ff));
  color:var(--das-btt-hover-fg,#111)!important;transform:translateY(-2px)
}
.das-back-to-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:769px){.das-back-to-top.is-hidden-desktop{display:none!important}}
@media(max-width:768px){
  .das-back-to-top{--das-btt-side:14px;--das-btt-bottom:16px}
  .das-back-to-top.is-hidden-mobile{display:none!important}
}


/* 1.1.6 – Kontakt: Karten-Icon im selben Framework-Stil wie Kontaktkarten */
.das-contact-map-heading{align-items:center!important}
.das-contact-map-icon{
  width:58px!important;height:58px!important;flex:0 0 58px!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--das-accent) 10%,transparent)!important;
  color:var(--das-accent)!important
}
.das-contact-map-icon svg{
  width:28px!important;height:28px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.8!important
}
html.das-dark-mode .das-contact-map-icon{
  background:color-mix(in srgb,var(--das-accent-soft,var(--das-accent)) 10%,transparent)!important;
  color:var(--das-accent-soft,var(--das-accent))!important
}
@media(max-width:600px){
 .das-contact-map-icon{width:52px!important;height:52px!important;flex-basis:52px!important}
 .das-contact-map-icon svg{width:25px!important;height:25px!important}
}


/* =========================================================
 * 1.1.7 – valuation alignment/typography + footer replacement
 * ======================================================= */
.das-valuation-layout{display:flex;flex-direction:column}
.das-valuation-layout.is-left{align-items:flex-start}
.das-valuation-layout.is-center{align-items:center}
.das-valuation-layout.is-right{align-items:flex-end}
.das-valuation-layout.is-center .das-home-valuation__intro{text-align:center;margin-left:auto;margin-right:auto}
.das-valuation-layout.is-center .das-home-valuation__intro p{margin-left:auto;margin-right:auto}
.das-valuation-layout.is-right .das-home-valuation__intro{text-align:right;margin-left:auto}
.das-valuation-layout.is-right .das-home-valuation__intro p{margin-left:auto}
.das-home-valuation__intro h2{font-size:var(--das-home-h-desktop,var(--das-h2-desktop,48px))!important;line-height:1.12}
.das-home-valuation__intro p,.das-valuation{font-size:var(--das-home-body-desktop,var(--das-body-desktop,16px))}
.das-valuation-step__head h3{font-size:var(--das-h3-desktop,28px)!important;color:var(--das-heading)!important}
.das-valuation-step__head p,.das-valuation-choice,.das-valuation-fields{font-size:var(--das-body-desktop,16px)}
html.das-dark-mode .das-valuation-step__head h3{color:var(--das-dark-heading)!important}
html.das-dark-mode .das-valuation{color:var(--das-dark-text)!important}
html.das-dark-mode .das-valuation-fields input,
html.das-dark-mode .das-valuation-fields textarea{
 background:var(--das-dark-card)!important;color:var(--das-dark-text)!important;border-color:color-mix(in srgb,var(--das-dark-text) 18%,transparent)!important
}
html.das-dark-mode .das-valuation-fields input::placeholder,
html.das-dark-mode .das-valuation-fields textarea::placeholder{color:color-mix(in srgb,var(--das-dark-text) 52%,transparent)!important}
@media(max-width:900px){
 .das-home-valuation__intro h2{font-size:var(--das-home-h-tablet,var(--das-h2-tablet,40px))!important}
 .das-home-valuation__intro p,.das-valuation,.das-valuation-choice,.das-valuation-fields{font-size:var(--das-home-body-tablet,var(--das-body-tablet,16px))}
 .das-valuation-step__head h3{font-size:var(--das-h3-tablet,25px)!important}
}
@media(max-width:600px){
 .das-home-valuation__intro h2{font-size:var(--das-home-h-mobile,var(--das-h2-mobile,32px))!important}
 .das-home-valuation__intro p,.das-valuation,.das-valuation-choice,.das-valuation-fields{font-size:var(--das-home-body-mobile,var(--das-body-mobile,15px))}
 .das-valuation-step__head h3{font-size:var(--das-h3-mobile,22px)!important}
}

/* Theme footer hiding: complete selector set from the Unterkunft framework. */
body.das-footer-replace-theme #footer,
body.das-footer-replace-theme #footer-widgets,
body.das-footer-replace-theme #footer-bottom,
body.das-footer-replace-theme #site-footer,
body.das-footer-replace-theme footer#colophon,
body.das-footer-replace-theme .site-footer:not(.das-site-footer),
body.das-footer-replace-theme .footer-widgets,
body.das-footer-replace-theme .footer-bottom,
body.das-footer-replace-theme .footer-wrap:not(.das-site-footer),
body.das-footer-replace-theme .site-footer-wrap,
body.das-footer-replace-theme .kadence-footer-wrap,
body.das-footer-replace-theme .ast-footer-wrap,
body.das-footer-replace-theme .oceanwp-footer-callout{display:none!important}


/* 1.1.8 – Immobilienbewertung: Icon-Farben vollständig Light/Dark */
.das-valuation-choice__icon{
  background:color-mix(in srgb,var(--das-accent,#0e2a5f) 10%,var(--das-card,#fff))!important;
  color:var(--das-accent,#0e2a5f)!important;
  border:1px solid color-mix(in srgb,var(--das-accent,#0e2a5f) 8%,transparent)
}
.das-valuation-choice:hover .das-valuation-choice__icon,
.das-valuation-choice.is-selected .das-valuation-choice__icon{
  background:var(--das-accent,#0e2a5f)!important;
  color:var(--das-button-text,#fff)!important
}
html.das-dark-mode .das-valuation-choice__icon{
  background:color-mix(in srgb,var(--das-accent-soft,var(--das-accent,#cbd7ea)) 12%,var(--das-dark-card,#17202e))!important;
  color:var(--das-accent-soft,var(--das-accent,#cbd7ea))!important;
  border-color:color-mix(in srgb,var(--das-accent-soft,var(--das-accent,#cbd7ea)) 18%,transparent)!important
}
html.das-dark-mode .das-valuation-choice:hover .das-valuation-choice__icon,
html.das-dark-mode .das-valuation-choice.is-selected .das-valuation-choice__icon{
  background:var(--das-accent-soft,var(--das-accent,#cbd7ea))!important;
  color:var(--das-primary,#0e2a5f)!important
}


/* =========================================================
 * 1.1.11 – Instagram Feed
 * ======================================================= */
.das-instagram-feed{margin-top:30px}
.das-instagram-feed__grid{
 display:grid;grid-template-columns:repeat(var(--das-instagram-columns,3),minmax(0,1fr));gap:18px
}
.das-instagram-card{
 min-width:0;display:block;border-radius:var(--das-radius,18px);
 overflow:hidden;background:var(--das-card,#fff);color:var(--das-text,#172033)!important;
 text-decoration:none!important;border:1px solid color-mix(in srgb,var(--das-text,#172033) 9%,transparent);
 box-shadow:0 12px 34px rgba(15,23,42,.07);transition:transform .2s ease,box-shadow .2s ease
}
.das-instagram-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(15,23,42,.12)}
.das-instagram-card__media{position:relative;display:block;overflow:hidden;background:#eef2f6;aspect-ratio:1/1}
.das-instagram-card.is-ratio-portrait .das-instagram-card__media{aspect-ratio:4/5}
.das-instagram-card.is-ratio-landscape .das-instagram-card__media{aspect-ratio:4/3}
.das-instagram-card__media>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .28s ease}
.das-instagram-card:hover .das-instagram-card__media>img{transform:scale(1.035)}
.das-instagram-card__demo-pattern{
 position:absolute;inset:0;display:grid;place-content:center;gap:9px;text-align:center;
 color:color-mix(in srgb,var(--das-accent,#0e2a5f) 80%,#fff);
 background:
 radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--das-accent,#0e2a5f) 17%,transparent),transparent 32%),
 linear-gradient(135deg,color-mix(in srgb,var(--das-card,#fff) 86%,var(--das-accent,#0e2a5f)),var(--das-card,#fff))
}
.das-instagram-card__demo-pattern svg{width:42px;height:42px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.65}
.das-instagram-card__demo-pattern small{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:10px}
.das-instagram-card__type{
 position:absolute;right:12px;top:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
 background:rgba(12,22,40,.74);color:#fff;font-size:11px;backdrop-filter:blur(5px)
}
.das-instagram-card__hover{
 position:absolute;inset:0;display:grid;place-items:center;background:rgba(8,18,34,.38);
 opacity:0;transition:opacity .2s ease
}
.das-instagram-card__hover svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:1.8}
.das-instagram-card:hover .das-instagram-card__hover{opacity:1}
.das-instagram-card__caption{display:block;padding:15px 17px 17px;line-height:1.55;font-size:.92em}
.das-instagram-feed__action{display:flex;justify-content:center;margin-top:24px}
.das-instagram-feed__action .das-home-button{display:inline-flex!important;align-items:center;gap:9px}
.das-instagram-feed__action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.das-instagram-feed.is-slider .das-instagram-feed__grid{
 display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 14px;
 scrollbar-width:thin
}
.das-instagram-feed.is-slider .das-instagram-card{flex:0 0:min(330px,78vw);scroll-snap-align:start}
html.das-dark-mode .das-instagram-card{
 background:var(--das-dark-card,#17202e);color:var(--das-dark-text,#f5f7fb)!important;
 border-color:rgba(255,255,255,.1);box-shadow:0 14px 36px rgba(0,0,0,.22)
}
html.das-dark-mode .das-instagram-card__demo-pattern{
 color:var(--das-accent-soft,var(--das-accent,#cbd7ea));
 background:
 radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--das-accent-soft,var(--das-accent,#cbd7ea)) 13%,transparent),transparent 32%),
 linear-gradient(135deg,color-mix(in srgb,var(--das-dark-card,#17202e) 88%,#fff),var(--das-dark-card,#17202e))
}
@media(max-width:900px){.das-instagram-feed__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.das-instagram-feed__grid{grid-template-columns:1fr;gap:14px}.das-instagram-card__caption{padding:13px 14px 15px}}


/* 1.1.14 – dezenter Mitarbeiter-Login im Footer */
.das-footer-copyright{display:inline-flex!important;align-items:center;gap:7px}
.das-footer-login-door{
 display:inline-grid!important;place-items:center;width:22px;height:22px;
 margin-left:1px;border-radius:50%;color:var(--das-footer-muted)!important;
 opacity:.34;transition:opacity .18s ease,background .18s ease,color .18s ease,transform .18s ease
}
.das-footer-login-door svg{
 width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.55;
 stroke-linecap:round;stroke-linejoin:round
}
.das-footer-login-door:hover,.das-footer-login-door:focus-visible{
 opacity:.92;background:color-mix(in srgb,var(--das-footer-text) 8%,transparent);
 color:var(--das-footer-link-hover)!important;transform:translateY(-1px);outline:none
}
html.das-dark-mode .das-footer-login-door{
 color:var(--das-footer-dark-muted)!important
}
html.das-dark-mode .das-footer-login-door:hover,
html.das-dark-mode .das-footer-login-door:focus-visible{
 color:var(--das-footer-dark-link-hover)!important;
 background:color-mix(in srgb,var(--das-footer-dark-text) 10%,transparent)
}


/* 1.1.24 – Galerie-Lightbox: Pfeilzeichen exakt im Kreis zentrieren */
.das-lightbox-arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  box-sizing:border-box;
  line-height:1;
  text-align:center;
  font-family:Arial,sans-serif;
  font-weight:400;
  text-indent:0;
}
.das-lightbox-prev,
.das-lightbox-next{
  padding:0;
}
.das-lightbox-prev{
  padding-bottom:4px;
}
.das-lightbox-next{
  padding-bottom:4px;
}


/* =========================================================
 * 1.1.25 – Central Gallery mobile: alle Bilder + Lightbox
 * ======================================================= */

/* Tablet: Auch hier keine Bilder einer 6er-Seite verstecken. */
@media(max-width:900px){
  .das-property-gallery--central .das-bento-page{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:repeat(2,190px);
    height:auto;
    min-height:394px;
  }
  .das-property-gallery--central .das-bento-item--tall-left,
  .das-property-gallery--central .das-bento-item--top-mid,
  .das-property-gallery--central .das-bento-item--bottom-mid,
  .das-property-gallery--central .das-bento-item--tall-right,
  .das-property-gallery--central .das-bento-item--top-slim,
  .das-property-gallery--central .das-bento-item--bottom-slim{
    display:block;
    grid-column:auto;
    grid-row:auto;
  }
}

/* Handy: jede Galerieseite zeigt wirklich alle bis zu 6 Bilder. */
@media(max-width:600px){
  .das-property-gallery--central .das-bento-page{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(3,150px);
    gap:9px;
    height:auto;
    min-height:468px;
  }
  .das-property-gallery--central .das-bento-item--tall-left,
  .das-property-gallery--central .das-bento-item--top-mid,
  .das-property-gallery--central .das-bento-item--bottom-mid,
  .das-property-gallery--central .das-bento-item--tall-right,
  .das-property-gallery--central .das-bento-item--top-slim,
  .das-property-gallery--central .das-bento-item--bottom-slim{
    display:block!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }

  /* Lightbox-Navigation immer mittig links/rechts im Handy-Viewport. */
  body>.das-lightbox .das-lightbox-arrow{
    position:fixed!important;
    top:50%!important;
    top:50dvh!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
    width:46px;
    height:46px;
    z-index:2147483002!important;
  }
  body>.das-lightbox .das-lightbox-prev{
    left:14px!important;
    right:auto!important;
  }
  body>.das-lightbox .das-lightbox-next{
    right:14px!important;
    left:auto!important;
  }
  body>.das-lightbox .das-lightbox-stage{
    width:calc(100vw - 28px)!important;
    height:calc(100dvh - 100px)!important;
    max-height:none!important;
  }
}


/* =========================================================
 * 1.1.26 – Mobile Central Gallery 2x2 + saubere Lightbox
 * ======================================================= */
@media(max-width:600px){
  /* Pro mobile Galerieseite exakt vier Bilder: 2 Spalten × 2 Reihen. */
  .das-property-gallery--central .das-bento-page{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,165px)!important;
    gap:10px!important;
    height:340px!important;
    min-height:340px!important;
  }
  .das-property-gallery--central .das-bento-item{
    display:block!important;
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    height:165px!important;
  }
  .das-property-gallery--central .das-bento-nav[hidden]{
    display:none!important;
  }

  /* Lightbox: Bild bekommt Luft und Navigation sitzt außerhalb des Fotos. */
  body>.das-lightbox{
    padding:70px 64px 90px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  body>.das-lightbox .das-lightbox-stage{
    position:relative!important;
    width:100%!important;
    height:calc(100dvh - 180px)!important;
    max-width:none!important;
    max-height:none!important;
  }
  body>.das-lightbox .das-lightbox-slide{
    inset:0!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body>.das-lightbox .das-lightbox-slide img{
    display:block!important;
    max-width:100%!important;
    max-height:100%!important;
    width:auto!important;
    height:auto!important;
    margin:auto!important;
    object-fit:contain!important;
    border-radius:16px!important;
  }

  body>.das-lightbox .das-lightbox-arrow{
    position:fixed!important;
    top:50dvh!important;
    bottom:auto!important;
    width:46px!important;
    height:46px!important;
    transform:translateY(-50%)!important;
    background:rgba(255,255,255,.16)!important;
    border:1px solid rgba(255,255,255,.18)!important;
    z-index:2147483002!important;
  }
  body>.das-lightbox .das-lightbox-prev{
    left:10px!important;
    right:auto!important;
  }
  body>.das-lightbox .das-lightbox-next{
    right:10px!important;
    left:auto!important;
  }
  body>.das-lightbox .das-lightbox-counter{
    bottom:28px!important;
  }
  body>.das-lightbox .das-lightbox-close{
    top:calc(env(safe-area-inset-top,0px) + 12px)!important;
    right:14px!important;
    z-index:2147483003!important;
  }
}
@media(max-width:380px){
  .das-property-gallery--central .das-bento-page{
    grid-template-rows:repeat(2,145px)!important;
    height:300px!important;
    min-height:300px!important;
  }
  .das-property-gallery--central .das-bento-item{
    height:145px!important;
  }
  body>.das-lightbox{
    padding-left:56px!important;
    padding-right:56px!important;
  }
}


/* 1.1.27 – Mobile Lightbox: Bildzentrum exakt auf Pfeilachse */
@media(max-width:600px){
  body>.das-lightbox .das-lightbox-stage{
    position:fixed!important;
    left:64px!important;
    right:64px!important;
    top:50dvh!important;
    width:auto!important;
    height:calc(100dvh - 190px)!important;
    transform:translateY(-50%)!important;
    margin:0!important;
  }
  body>.das-lightbox .das-lightbox-slide{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body>.das-lightbox .das-lightbox-slide img{
    margin:0!important;
  }
}
@media(max-width:380px){
  body>.das-lightbox .das-lightbox-stage{
    left:56px!important;
    right:56px!important;
  }
}


/* =========================================================
 * 1.1.28 – Galerie-Lightbox nach Objekt-Lightbox-Prinzip
 * ======================================================= */

/* Die Lightbox arbeitet wieder simpel: Overlay = Grid, Stage = zentriert,
   Navigation = feste 50%-Achse des Viewports. */
body>.das-lightbox{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  display:none!important;
  place-items:center!important;
  padding:30px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:rgba(5,10,20,.92)!important;
}
body>.das-lightbox.is-open{
  display:grid!important;
}
body>.das-lightbox .das-lightbox-stage{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(1400px,94vw)!important;
  height:90dvh!important;
  max-width:94vw!important;
  max-height:90dvh!important;
  margin:0!important;
}
body>.das-lightbox .das-lightbox-slide{
  position:absolute!important;
  inset:0!important;
  margin:0!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
}
body>.das-lightbox .das-lightbox-slide.is-active{
  display:flex!important;
}
body>.das-lightbox .das-lightbox-slide img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:18px!important;
}
body>.das-lightbox .das-lightbox-arrow{
  position:fixed!important;
  top:50%!important;
  bottom:auto!important;
  transform:none!important;
  margin-top:-28px!important;
  width:56px!important;
  height:56px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  line-height:1!important;
  z-index:2147483002!important;
}
body>.das-lightbox .das-lightbox-prev{
  left:24px!important;
  right:auto!important;
}
body>.das-lightbox .das-lightbox-next{
  right:24px!important;
  left:auto!important;
}
body>.das-lightbox .das-lightbox-counter{
  position:fixed!important;
  left:50%!important;
  bottom:16px!important;
  transform:translateX(-50%)!important;
}
body>.das-lightbox .das-lightbox-close{
  position:fixed!important;
  top:16px!important;
  right:20px!important;
  z-index:2147483003!important;
}

@media(max-width:600px){
  body>.das-lightbox{
    padding:72px 16px 110px!important;
  }
  body>.das-lightbox .das-lightbox-stage{
    width:100%!important;
    height:calc(100dvh - 182px)!important;
    max-width:100%!important;
    max-height:calc(100dvh - 182px)!important;
  }
  body>.das-lightbox .das-lightbox-slide img{
    max-width:100%!important;
    max-height:100%!important;
    border-radius:16px!important;
  }
  body>.das-lightbox .das-lightbox-arrow{
    top:50%!important;
    width:44px!important;
    height:44px!important;
    margin-top:-22px!important;
    font-size:34px!important;
  }
  body>.das-lightbox .das-lightbox-prev{
    left:22px!important;
  }
  body>.das-lightbox .das-lightbox-next{
    right:22px!important;
  }
  body>.das-lightbox .das-lightbox-close{
    top:max(16px,env(safe-area-inset-top))!important;
    right:18px!important;
    font-size:38px!important;
  }
  body>.das-lightbox .das-lightbox-counter{
    bottom:28px!important;
  }
}

@media(max-width:380px){
  body>.das-lightbox{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body>.das-lightbox .das-lightbox-prev{left:16px!important}
  body>.das-lightbox .das-lightbox-next{right:16px!important}
}


/* 1.1.29 – Galerie-Lightbox wie Objekt-Lightbox: ein einzelnes Bild */
body>.das-lightbox{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  z-index:2147483000!important;
  display:none!important;
  place-items:center!important;
  padding:30px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:rgba(5,10,20,.92)!important;
}
body>.das-lightbox.is-open{display:grid!important}
body>.das-lightbox .das-lightbox-image{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:min(1400px,94vw)!important;
  max-height:90dvh!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  border-radius:18px!important;
  box-shadow:0 30px 90px rgba(0,0,0,.4)!important;
}
body>.das-lightbox .das-lightbox-arrow{
  position:absolute!important;
  top:50%!important;
  z-index:3!important;
  width:56px!important;
  height:56px!important;
  margin-top:-28px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  line-height:0!important;
  box-sizing:border-box!important;
  transform:none!important;
}
body>.das-lightbox .das-lightbox-arrow i{
  display:block!important;
  width:13px!important;
  height:13px!important;
  border-top:3px solid currentColor!important;
  border-right:3px solid currentColor!important;
  box-sizing:border-box!important;
}
body>.das-lightbox .das-lightbox-prev{left:24px!important;right:auto!important}
body>.das-lightbox .das-lightbox-next{right:24px!important;left:auto!important}
body>.das-lightbox .das-lightbox-prev i{transform:translateX(2px) rotate(-135deg)!important}
body>.das-lightbox .das-lightbox-next i{transform:translateX(-2px) rotate(45deg)!important}
body>.das-lightbox .das-lightbox-close{
  position:absolute!important;
  z-index:4!important;
  right:25px!important;
  top:18px!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:42px!important;
  line-height:1!important;
  cursor:pointer!important;
}
body>.das-lightbox .das-lightbox-counter{
  position:absolute!important;
  z-index:4!important;
  bottom:16px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  padding:7px 13px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  font-size:13px!important;
}
@media(max-width:600px){
  body>.das-lightbox{padding:72px 16px 110px!important}
  body>.das-lightbox .das-lightbox-image{
    max-width:100%!important;
    max-height:calc(100dvh - 190px)!important;
    border-radius:16px!important;
  }
  body>.das-lightbox .das-lightbox-arrow{
    width:44px!important;
    height:44px!important;
    margin-top:-22px!important;
  }
  body>.das-lightbox .das-lightbox-prev{left:22px!important}
  body>.das-lightbox .das-lightbox-next{right:22px!important}
  body>.das-lightbox .das-lightbox-close{
    top:max(16px,env(safe-area-inset-top))!important;
    right:18px!important;
    font-size:38px!important;
  }
  body>.das-lightbox .das-lightbox-counter{bottom:28px!important}
}
@media(max-width:380px){
  body>.das-lightbox{padding-left:12px!important;padding-right:12px!important}
  body>.das-lightbox .das-lightbox-prev{left:16px!important}
  body>.das-lightbox .das-lightbox-next{right:16px!important}
}


/* 1.1.30 – Über uns: Werte / Vorteile */
.das-about-values-grid{
  display:grid;
  grid-template-columns:repeat(var(--das-values-cols,4),minmax(0,1fr));
  gap:22px;
  margin-top:36px;
}
.das-about-value-card{
  position:relative;
  min-width:0;
  padding:30px;
  border-radius:20px;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.das-about-values-grid.is-modern .das-about-value-card{
  background:var(--das-card-bg,#fff);
  border:1px solid rgba(20,32,48,.09);
  box-shadow:0 16px 42px rgba(20,32,48,.07);
}
.das-about-values-grid.is-minimal .das-about-value-card{
  padding:24px 0;
  border-top:1px solid rgba(20,32,48,.14);
  border-radius:0;
}
.das-about-values-grid.is-glass .das-about-value-card{
  background:rgba(255,255,255,.54);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 18px 48px rgba(20,32,48,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.das-about-values-grid.is-modern .das-about-value-card:hover,
.das-about-values-grid.is-glass .das-about-value-card:hover{transform:translateY(-5px)}
.das-about-value-card__icon{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin-bottom:22px;
  border-radius:14px;
  background:color-mix(in srgb,var(--das-accent,#ee9d3d) 13%,transparent);
  color:var(--das-accent,#ee9d3d);
  font-size:24px;
}
.das-about-value-card h3{
  margin:0 0 10px;
  color:inherit;
  font-size:clamp(20px,1.8vw,26px);
}
.das-about-value-card p{
  margin:0;
  color:inherit;
  opacity:.78;
  font-size:var(--das-home-body-desktop,16px);
  line-height:1.7;
}
.das-about-values-grid.is-align-center .das-about-value-card{text-align:center}
.das-about-values-grid.is-align-center .das-about-value-card__icon{margin-left:auto;margin-right:auto}
.das-about-values-grid.is-align-right .das-about-value-card{text-align:right}
.das-about-values-grid.is-align-right .das-about-value-card__icon{margin-left:auto}
[data-das-theme="dark"] .das-about-values-grid.is-modern .das-about-value-card{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.11);
  box-shadow:0 18px 48px rgba(0,0,0,.16);
}
[data-das-theme="dark"] .das-about-values-grid.is-glass .das-about-value-card{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.12);
}
@media(max-width:900px){.das-about-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
 .das-about-values-grid{grid-template-columns:1fr;gap:14px;margin-top:26px}
 .das-about-value-card{padding:24px}
 .das-about-value-card p{font-size:var(--das-home-body-mobile,15px)}
}

.das-instagram-empty{padding:24px;border:1px solid color-mix(in srgb,var(--das-home-text,#222) 12%,transparent);border-radius:16px;background:color-mix(in srgb,var(--das-card,#fff) 88%,transparent);text-align:center}.das-instagram-empty strong,.das-instagram-empty span{display:block}.das-instagram-empty span{margin-top:5px;opacity:.68;font-size:14px}


/* =========================================================
 * 1.1.32 – Instagram Card Designer
 * ======================================================= */
.das-instagram-card__content{display:block;padding:16px 18px 18px}
.das-instagram-card__caption{display:block;padding:0;line-height:1.6;font-size:.92em}
.das-instagram-card__date{display:block;margin:0 0 8px;color:var(--das-muted,#667085);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.das-instagram-card__more{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in srgb,currentColor 10%,transparent);font-size:11px;font-weight:800;opacity:.72}
.das-instagram-card__more b{font-size:17px;transition:transform .2s ease}
.das-instagram-card:hover .das-instagram-card__more b{transform:translateX(3px)}

/* Clean */
.das-instagram-feed.is-card-clean .das-instagram-card{border:0;box-shadow:none;background:transparent}
.das-instagram-feed.is-card-clean .das-instagram-card__media{border-radius:var(--das-radius,18px)}
.das-instagram-feed.is-card-clean .das-instagram-card__content{padding:14px 2px 4px}

/* Glass */
.das-instagram-feed.is-card-glass .das-instagram-card{
 background:color-mix(in srgb,var(--das-card,#fff) 72%,transparent);
 border-color:color-mix(in srgb,#fff 65%,transparent);
 backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
 box-shadow:0 18px 52px rgba(15,23,42,.10)
}
html.das-dark-mode .das-instagram-feed.is-card-glass .das-instagram-card{
 background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.12)
}

/* Editorial */
.das-instagram-feed.is-card-editorial .das-instagram-card{border-radius:4px;box-shadow:none;border-color:color-mix(in srgb,currentColor 14%,transparent)}
.das-instagram-feed.is-card-editorial .das-instagram-card__media{border-radius:0}
.das-instagram-feed.is-card-editorial .das-instagram-card__content{padding:20px 20px 22px}
.das-instagram-feed.is-card-editorial .das-instagram-card__caption{font-family:var(--das-heading-font,inherit);font-size:1em}

/* Overlay */
.das-instagram-feed.is-card-overlay .das-instagram-card{position:relative;background:#111;border:0}
.das-instagram-feed.is-card-overlay .das-instagram-card__content{
 position:absolute;left:0;right:0;bottom:0;z-index:3;padding:52px 18px 18px;color:#fff;
 background:linear-gradient(180deg,transparent,rgba(5,10,20,.82))
}
.das-instagram-feed.is-card-overlay .das-instagram-card__date{color:rgba(255,255,255,.72)}
.das-instagram-feed.is-card-overlay .das-instagram-card__more{border-color:rgba(255,255,255,.22)}
.das-instagram-feed.is-card-overlay .das-instagram-card__media{aspect-ratio:4/5!important}
.das-instagram-feed.is-card-overlay .das-instagram-card__hover{display:none}

/* Hover choices */
.das-instagram-feed.is-hover-none .das-instagram-card:hover{transform:none;box-shadow:inherit}
.das-instagram-feed.is-hover-none .das-instagram-card:hover .das-instagram-card__media>img{transform:none}
.das-instagram-feed.is-hover-lift .das-instagram-card:hover{transform:translateY(-7px)}
.das-instagram-feed.is-hover-lift .das-instagram-card:hover .das-instagram-card__media>img{transform:none}
.das-instagram-feed.is-hover-soft-overlay .das-instagram-card:hover .das-instagram-card__media>img{transform:none}
.das-instagram-feed.is-hover-soft-overlay .das-instagram-card__hover{background:rgba(8,18,34,.20)}
.das-instagram-feed.is-hover-zoom .das-instagram-card:hover .das-instagram-card__media>img{transform:scale(1.045)}

@media(max-width:560px){
 .das-instagram-card__content{padding:14px 15px 16px}
 .das-instagram-feed.is-card-overlay .das-instagram-card__content{padding:46px 15px 16px}
}


/* =========================================================
 * 1.1.33 – Über uns / Werte: iPhone Icons + Light/Dark
 * ======================================================= */

/* Karten konsequent aus dem aktiven Property-Design speisen. */
.das-about-values-grid .das-about-value-card{
  color:var(--das-home-text,var(--das-text,#172033));
}
.das-about-values-grid.is-modern .das-about-value-card{
  background:var(--das-card,#fff);
  border-color:color-mix(in srgb,var(--das-home-text,var(--das-text,#172033)) 10%,transparent);
}
.das-about-values-grid.is-minimal .das-about-value-card{
  border-color:color-mix(in srgb,var(--das-home-text,var(--das-text,#172033)) 15%,transparent);
}
.das-about-values-grid.is-glass .das-about-value-card{
  background:color-mix(in srgb,var(--das-card,#fff) 70%,transparent);
  border-color:color-mix(in srgb,var(--das-home-text,var(--das-text,#172033)) 10%,transparent);
}

/* Icon-Fläche robust und unabhängig von Dashicons-Lineheight. */
.das-about-value-card__icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 48px;
  width:48px!important;
  height:48px!important;
  min-width:48px;
  min-height:48px;
  padding:0!important;
  overflow:visible!important;
  font-family:dashicons!important;
  font-style:normal!important;
  font-weight:400!important;
  font-variant:normal!important;
  line-height:1!important;
  text-align:center!important;
  speak:never;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  background:color-mix(in srgb,var(--das-accent,#ee9d3d) 13%,var(--das-card,#fff));
  color:var(--das-accent,#ee9d3d)!important;
  border:1px solid color-mix(in srgb,var(--das-accent,#ee9d3d) 10%,transparent);
}
.das-about-value-card__icon:before{
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  font-size:23px!important;
  line-height:1!important;
  color:inherit!important;
}

/* Unser echter Dark Mode verwendet html.das-dark-mode. */
html.das-dark-mode .das-about-values-grid .das-about-value-card{
  color:var(--das-home-dark-text,var(--das-dark-text,#f5f7fb));
}
html.das-dark-mode .das-about-values-grid.is-modern .das-about-value-card{
  background:var(--das-dark-card,#17202e);
  border-color:rgba(255,255,255,.11);
  box-shadow:0 18px 48px rgba(0,0,0,.20);
}
html.das-dark-mode .das-about-values-grid.is-minimal .das-about-value-card{
  background:transparent;
  border-color:rgba(255,255,255,.14);
}
html.das-dark-mode .das-about-values-grid.is-glass .das-about-value-card{
  background:color-mix(in srgb,var(--das-dark-card,#17202e) 72%,transparent);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
html.das-dark-mode .das-about-value-card__icon{
  background:color-mix(in srgb,var(--das-accent-soft,var(--das-accent,#ee9d3d)) 13%,var(--das-dark-card,#17202e));
  color:var(--das-accent-soft,var(--das-accent,#ee9d3d))!important;
  border-color:color-mix(in srgb,var(--das-accent-soft,var(--das-accent,#ee9d3d)) 18%,transparent);
}
html.das-dark-mode .das-about-value-card p{
  color:inherit;
  opacity:.78;
}

/* Safari/iPhone: keine abgeschnittenen Icons und saubere Kartenbreite. */
@media(max-width:600px){
  .das-about-values-grid{
    width:100%;
    min-width:0;
  }
  .das-about-value-card{
    width:100%;
    min-width:0;
    box-sizing:border-box;
    overflow:visible;
  }
  .das-about-value-card__icon{
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
  }
}

/* =========================================================
 * 1.1.41 – Floating Buttons: clean outline SVG icons
 * Verhindert Browser-Default-Fills (schwarze Flächen/Konturen).
 * ======================================================= */
.das-floating-action__icon svg{
  display:block!important;
  overflow:visible!important;
  color:inherit!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.das-floating-action__icon svg path,
.das-floating-action__icon svg rect,
.das-floating-action__icon svg circle,
.das-floating-action__icon svg line,
.das-floating-action__icon svg polyline,
.das-floating-action__icon svg polygon{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
/* Kleine bewusst gefüllte Details, z. B. Instagram-Punkt. */
.das-floating-action__icon svg [fill="currentColor"]{
  fill:currentColor!important;
  stroke:none!important;
}

/* 1.1.42 – Flexible Leistungsbereiche */
.das-service-richtext{max-width:980px;margin:20px auto 0;line-height:1.8}
.das-service-image-text{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:46px;align-items:center;margin-top:28px}
.das-service-image-text.is-image-left .das-service-image-text__media{order:-1}
.das-service-image-text__media{overflow:hidden;border-radius:var(--das-radius);box-shadow:0 16px 42px rgba(15,23,42,.1)}
.das-service-image-text__media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.das-service-image-text__copy{line-height:1.8}
.das-service-steps{max-width:980px;margin:28px auto 0}
.das-service-step{display:grid;grid-template-columns:76px 1fr;gap:24px;padding:26px 0;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.das-service-step:first-child{border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.das-service-step__number{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:color-mix(in srgb,var(--das-accent) 12%,transparent);color:var(--das-accent);font-weight:800}
.das-service-step h3{margin:0 0 8px;font-size:21px}.das-service-step p{margin:0;line-height:1.7}
.das-service-icon-grid{display:grid;gap:22px;margin-top:28px}.das-service-icon-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.das-service-icon-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.das-service-icon-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.das-service-icon-tile{padding:28px;border:1px solid color-mix(in srgb,currentColor 10%,transparent);border-radius:var(--das-radius);background:var(--das-card);color:var(--das-text);box-shadow:0 12px 34px rgba(15,23,42,.07)}
.das-service-icon-tile .das-service-icon{margin-bottom:20px}.das-service-icon-tile h3{margin:0 0 10px;font-size:19px}.das-service-icon-tile p{margin:0;line-height:1.65}
html.das-dark-mode .das-service-icon-tile{background:var(--das-dark-card);color:var(--das-dark-text)}.das-service-block__button{display:inline-flex;margin-top:22px}
@media(max-width:900px){.das-service-icon-grid.cols-3,.das-service-icon-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.das-service-image-text{grid-template-columns:1fr;gap:24px}.das-service-image-text.is-image-left .das-service-image-text__media{order:0}.das-service-icon-grid.cols-2,.das-service-icon-grid.cols-3,.das-service-icon-grid.cols-4{grid-template-columns:1fr}.das-service-step{grid-template-columns:58px 1fr;gap:16px}.das-service-step__number{width:48px;height:48px}}


/* 1.1.43 – Video-Heros */
.das-agency-hero.has-video-hero,
.das-contact-framework-hero.has-video-hero{position:relative;overflow:hidden}
.das-agency-hero__video,
.das-contact-framework-hero__video{
 position:absolute;
 inset:0;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:var(--das-hero-position,center center);
 z-index:0;
 pointer-events:none;
}
.das-agency-hero.has-video-hero:before{z-index:1}
.das-agency-hero.has-video-hero .das-agency-hero__inner{position:relative;z-index:2}
.das-contact-framework-hero__video{z-index:0}
.das-contact-framework-hero.has-video-hero .das-contact-framework-hero__image{z-index:-1}
.das-contact-framework-hero.has-video-hero .das-legal-orb,
.das-contact-framework-hero.has-video-hero .das-legal-hero-inner{position:relative;z-index:2}
@media(max-width:767px){
 .das-agency-hero__video.is-mobile-disabled,
 .das-contact-framework-hero__video.is-mobile-disabled{display:none}
}
@media(prefers-reduced-motion:reduce){
 .das-agency-hero__video,
 .das-contact-framework-hero__video{display:none}
}


/* =========================================================
 * 1.1.44 – Video Hero Layering + Builder-Höhen verbindlich
 * ======================================================= */

/* Das Video ist ausschließlich Hintergrundmedium und darf weder Höhe noch
   Layout des Heroes beeinflussen. */
.das-agency-hero.has-video-hero{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  height:var(--das-hero-desktop)!important;
  min-height:var(--das-hero-desktop)!important;
  max-height:var(--das-hero-desktop)!important;
}
.das-agency-hero.has-video-hero .das-agency-hero__video{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block;
  width:100%!important;
  height:100%!important;
  min-width:100%;
  min-height:100%;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:var(--das-hero-position,center center)!important;
  margin:0!important;
  padding:0!important;
}

/* Das normale Hero-Overlay muss auch über einem Video liegen. */
.das-agency-hero.has-video-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:rgba(0,0,0,var(--das-hero-overlay,0.42));
}

/* Text, Glassfläche und Buttons immer über Video + Overlay. */
.das-agency-hero.has-video-hero .das-agency-hero__inner{
  position:relative!important;
  z-index:3!important;
  height:100%;
  min-height:0!important;
  box-sizing:border-box;
}
.das-agency-hero.has-video-hero .das-agency-hero__copy,
.das-agency-hero.has-video-hero .das-home-actions,
.das-agency-hero.has-video-hero h1,
.das-agency-hero.has-video-hero p,
.das-agency-hero.has-video-hero .das-home-kicker{
  position:relative;
  z-index:4;
}

/* Die im Builder festgelegten Höhen sind für ALLE Property-Heros maßgeblich,
   nicht die intrinsische Videogröße. */
@media(max-width:1024px){
  .das-agency-hero.has-video-hero{
    height:var(--das-hero-tablet)!important;
    min-height:var(--das-hero-tablet)!important;
    max-height:var(--das-hero-tablet)!important;
  }
}
@media(max-width:700px){
  .das-agency-hero.has-video-hero{
    height:var(--das-hero-mobile)!important;
    min-height:var(--das-hero-mobile)!important;
    max-height:var(--das-hero-mobile)!important;
  }
}

/* Kontakt-Hero: gleiche Ebenenlogik. Die vorhandene Framework-Höhe bleibt
   unverändert maßgeblich; das Video füllt nur diese Fläche aus. */
.das-contact-framework-hero.has-video-hero{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
}
.das-contact-framework-hero.has-video-hero .das-contact-framework-hero__video{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%;
  min-height:100%;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  margin:0!important;
  padding:0!important;
}
.das-contact-framework-hero.has-video-hero::after{
  z-index:1!important;
}
.das-contact-framework-hero.has-video-hero .das-legal-hero-inner,
.das-contact-framework-hero.has-video-hero .das-contact-framework-hero__inner,
.das-contact-framework-hero.has-video-hero .das-legal-orb{
  position:relative!important;
  z-index:3!important;
}

@media(max-width:767px){
  .das-agency-hero.has-video-hero .das-agency-hero__video.is-mobile-disabled,
  .das-contact-framework-hero.has-video-hero .das-contact-framework-hero__video.is-mobile-disabled{
    display:none!important;
  }
}


/* =========================================================
 * 1.1.46 – Kontaktbereich folgt globalem Agency-Suite Design
 * ======================================================= */
.das-contact-module{
  --das-contact-accent:var(--das-contact-accent-light)!important;
  --das-background:var(--das-contact-design-bg)!important;
  --das-bg:var(--das-contact-design-bg)!important;
  --das-section-bg:var(--das-contact-design-bg)!important;
  --das-text:var(--das-contact-design-text)!important;
  --das-heading:var(--das-contact-design-text)!important;
  --das-card:var(--das-contact-design-card)!important;
}
.das-contact-module .das-contact-section{
  background:var(--das-contact-design-bg)!important;
  color:var(--das-contact-design-text)!important;
}
.das-contact-module .das-contact-copy h2,
.das-contact-module .das-contact-copy h3,
.das-contact-module .das-contact-copy>p,
.das-contact-module .das-contact-details a,
.das-contact-module .das-contact-details>div,
.das-contact-module .das-contact-fields label{
  color:var(--das-contact-design-text)!important;
}
.das-contact-module .das-contact-form,
.das-contact-module .das-contact-details>a,
.das-contact-module .das-contact-details>div{
  background:var(--das-contact-design-card)!important;
}
.das-contact-module .das-contact-copy .das-contact-badge{
  color:var(--das-contact-accent-light)!important;
  border-color:var(--das-contact-accent-light)!important;
  background:color-mix(in srgb,var(--das-contact-accent-light) 10%,transparent)!important;
}
.das-contact-module .das-contact-info-card .das-contact-info-icon,
.das-contact-module .das-contact-socials a{
  background:var(--das-contact-accent-light)!important;
  border-color:var(--das-contact-accent-light)!important;
  color:#fff!important;
}
.das-contact-module .das-contact-info-card .das-contact-info-icon svg{
  stroke:#fff!important;
  color:#fff!important;
}
.das-contact-module .das-contact-form>button,
.das-contact-module .das-contact-map-button{
  background:var(--das-contact-accent-light)!important;
}

/* Dark Mode: ebenfalls ausschließlich globale Designwerte */
html.das-dark-mode .das-contact-module{
  --das-contact-accent:var(--das-contact-accent-dark)!important;
  --das-dark-background:var(--das-contact-design-dark-bg)!important;
  --das-dark-text:var(--das-contact-design-dark-text)!important;
  --das-dark-heading:var(--das-contact-design-dark-text)!important;
  --das-dark-card:var(--das-contact-design-dark-card)!important;
  --das-card-dark:var(--das-contact-design-dark-card)!important;
  --das-accent-soft:var(--das-contact-accent-dark)!important;
}
html.das-dark-mode .das-contact-module .das-contact-section{
  background:var(--das-contact-design-dark-bg)!important;
  color:var(--das-contact-design-dark-text)!important;
}
html.das-dark-mode .das-contact-module .das-contact-copy h2,
html.das-dark-mode .das-contact-module .das-contact-copy h3,
html.das-dark-mode .das-contact-module .das-contact-copy>p,
html.das-dark-mode .das-contact-module .das-contact-details a,
html.das-dark-mode .das-contact-module .das-contact-details>div,
html.das-dark-mode .das-contact-module .das-contact-fields label{
  color:var(--das-contact-design-dark-text)!important;
}
html.das-dark-mode .das-contact-module .das-contact-form,
html.das-dark-mode .das-contact-module .das-contact-details>a,
html.das-dark-mode .das-contact-module .das-contact-details>div{
  background:var(--das-contact-design-dark-card)!important;
}
html.das-dark-mode .das-contact-module .das-contact-fields input,
html.das-dark-mode .das-contact-module .das-contact-fields textarea,
html.das-dark-mode .das-contact-module .das-contact-fields select{
  background:color-mix(in srgb,var(--das-contact-design-dark-card) 92%,#fff 8%)!important;
  color:var(--das-contact-design-dark-text)!important;
  border-color:color-mix(in srgb,var(--das-contact-design-dark-text) 35%,transparent)!important;
}
html.das-dark-mode .das-contact-module .das-contact-info-card .das-contact-info-icon,
html.das-dark-mode .das-contact-module .das-contact-socials a{
  background:var(--das-contact-accent-dark)!important;
  border-color:var(--das-contact-accent-dark)!important;
  color:#fff!important;
}

/* Kontakt-Hero bei „Design verwenden“: Akzent ebenfalls global */
.das-contact-framework-hero{
  --das-legal-hero-accent-active:var(--das-legal-hero-accent)!important;
}
html.das-dark-mode .das-contact-framework-hero{
  --das-legal-hero-accent-active:var(--das-legal-hero-accent-dark)!important;
}


/* =========================================================
 * 1.1.47 – Kontakt-Icons Light/Dark final vereinheitlicht
 * ======================================================= */

/* Alle Kontakt-Icon-Flächen folgen der jeweiligen Akzentfarbe. */
.das-contact-module .das-contact-info-icon,
.das-contact-module .das-contact-details span,
.das-contact-module .das-contact-socials a{
  background:var(--das-contact-accent-light)!important;
  border-color:var(--das-contact-accent-light)!important;
  color:#fff!important;
}

/* SVGs dürfen keine alten stroke/fill-Farben mehr behalten. */
.das-contact-module .das-contact-info-icon svg,
.das-contact-module .das-contact-details span svg,
.das-contact-module .das-contact-socials a svg{
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
}
.das-contact-module .das-contact-info-icon svg *,
.das-contact-module .das-contact-details span svg *,
.das-contact-module .das-contact-socials a svg *{
  stroke:#fff!important;
}

/* Instagram-Symbol besteht teilweise aus CSS-Elementen statt SVG. */
.das-contact-module .das-social-instagram,
.das-contact-module .das-social-instagram span{
  color:#fff!important;
  border-color:#fff!important;
}
.das-contact-module .das-social-instagram span:after{
  background:#fff!important;
}

/* Dark Mode: gleiche Logik mit dem globalen Dark-Akzent. */
html.das-dark-mode .das-contact-module .das-contact-info-icon,
html.das-dark-mode .das-contact-module .das-contact-details span,
html.das-dark-mode .das-contact-module .das-contact-socials a{
  background:var(--das-contact-accent-dark)!important;
  border-color:var(--das-contact-accent-dark)!important;
  color:#fff!important;
}

html.das-dark-mode .das-contact-module .das-contact-info-icon svg,
html.das-dark-mode .das-contact-module .das-contact-details span svg,
html.das-dark-mode .das-contact-module .das-contact-socials a svg{
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
}
html.das-dark-mode .das-contact-module .das-contact-info-icon svg *,
html.das-dark-mode .das-contact-module .das-contact-details span svg *,
html.das-dark-mode .das-contact-module .das-contact-socials a svg *{
  stroke:#fff!important;
}

html.das-dark-mode .das-contact-module .das-social-instagram,
html.das-dark-mode .das-contact-module .das-social-instagram span{
  color:#fff!important;
  border-color:#fff!important;
}
html.das-dark-mode .das-contact-module .das-social-instagram span:after{
  background:#fff!important;
}

/* =========================================================
 * 1.1.48 – Property Detail Layout System
 * Manager markup remains canonical; Suite controls arrangement.
 * ======================================================= */
body.single-dpm_property{--das-property-gallery-height:560px;--das-property-facts-cols:2}
body.single-dpm_property.das-property-split-50-50{--das-property-left:1fr;--das-property-right:1fr}
body.single-dpm_property.das-property-split-60-40{--das-property-left:3fr;--das-property-right:2fr}
body.single-dpm_property.das-property-split-65-35{--das-property-left:13fr;--das-property-right:7fr}
/* Known/current Manager detail top-area selectors plus compatibility aliases. */
body.single-dpm_property :is(.dpm-single-hero,.dpm-property-top,.dpm-property-detail__top,.dpm-property-hero-grid,.dpm-single__top){
  grid-template-columns:var(--das-property-left,3fr) var(--das-property-right,2fr)!important;
}
body.single-dpm_property.das-property-layout-reverse :is(.dpm-single-hero,.dpm-property-top,.dpm-property-detail__top,.dpm-property-hero-grid,.dpm-single__top){
  grid-template-columns:var(--das-property-right,2fr) var(--das-property-left,3fr)!important;
}
body.single-dpm_property.das-property-layout-reverse :is(.dpm-property-gallery,.dpm-single-gallery,.dpm-property-media){order:2}
body.single-dpm_property.das-property-layout-reverse :is(.dpm-property-summary,.dpm-single-summary,.dpm-property-sidebar,.dpm-property-info){order:1}
body.single-dpm_property.das-property-detail-sticky :is(.dpm-property-summary,.dpm-single-summary,.dpm-property-sidebar,.dpm-property-info){position:sticky;top:110px;align-self:start}
body.single-dpm_property :is(.dpm-property-gallery__main,.dpm-single-gallery__main,.dpm-property-main-image){height:var(--das-property-gallery-height)!important;max-height:var(--das-property-gallery-height)!important}
body.single-dpm_property :is(.dpm-property-facts,.dpm-single-facts,.dpm-property-keyfacts){grid-template-columns:repeat(var(--das-property-facts-cols),minmax(0,1fr))!important}
body.single-dpm_property:not(.das-property-detail-thumbs) :is(.dpm-property-thumbs,.dpm-single-thumbs,.dpm-property-gallery__thumbs){display:none!important}

/* Editorial / Gallery First stack the primary blocks and use the full container. */
body.single-dpm_property:is(.das-property-layout-editorial,.das-property-layout-gallery-first) :is(.dpm-single-hero,.dpm-property-top,.dpm-property-detail__top,.dpm-property-hero-grid,.dpm-single__top){
  grid-template-columns:1fr!important;
}
body.single-dpm_property.das-property-layout-gallery-first :is(.dpm-property-gallery,.dpm-single-gallery,.dpm-property-media){order:-2}
body.single-dpm_property.das-property-layout-editorial :is(.dpm-property-summary,.dpm-single-summary,.dpm-property-sidebar,.dpm-property-info){order:-2}

/* Showcase emphasizes imagery while keeping a compact info column. */
body.single-dpm_property.das-property-layout-showcase :is(.dpm-single-hero,.dpm-property-top,.dpm-property-detail__top,.dpm-property-hero-grid,.dpm-single__top){
  grid-template-columns:minmax(0,var(--das-property-left,3fr)) minmax(300px,var(--das-property-right,2fr))!important;
}

/* Hero variant: first visual becomes a wide stage. */
body.single-dpm_property.das-property-layout-hero :is(.dpm-single-hero,.dpm-property-top,.dpm-property-detail__top,.dpm-property-hero-grid,.dpm-single__top){
  grid-template-columns:1fr!important;
}
body.single-dpm_property.das-property-layout-hero :is(.dpm-property-gallery,.dpm-single-gallery,.dpm-property-media){width:100%;order:-3}
body.single-dpm_property.das-property-layout-hero :is(.dpm-property-gallery__main,.dpm-single-gallery__main,.dpm-property-main-image){height:min(72vh,var(--das-property-gallery-height))!important;min-height:460px}
@media(max-width:900px){
 body.single-dpm_property :is(.dpm-single-hero,.dpm-property-top,.dpm-property-detail__top,.dpm-property-hero-grid,.dpm-single__top){grid-template-columns:1fr!important}
 body.single-dpm_property.das-property-layout-reverse :is(.dpm-property-gallery,.dpm-single-gallery,.dpm-property-media),
 body.single-dpm_property.das-property-layout-reverse :is(.dpm-property-summary,.dpm-single-summary,.dpm-property-sidebar,.dpm-property-info){order:initial}
 body.single-dpm_property.das-property-detail-sticky :is(.dpm-property-summary,.dpm-single-summary,.dpm-property-sidebar,.dpm-property-info){position:static}
}


/* =========================================================
 * 1.1.49 – Detail layouts polish
 * Gallery First: Galerie wirklich über volle Breite.
 * Hero: eigenständige breite Bildbühne statt Gallery-First-Kopie.
 * Reverse mobil: exakt auf Classic-Reihenfolge zurückfallen.
 * ======================================================= */

/* Gallery First:
   Der äußere Top-Grid war bereits einspaltig, die Galerie selbst behielt
   aber teilweise die alte Split-Breite des Managers. */
body.single-dpm_property.das-property-layout-gallery-first
:is(.dpm-single-hero,.dpm-property-top,.dpm-property-detail__top,.dpm-property-hero-grid,.dpm-single__top){
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
}
body.single-dpm_property.das-property-layout-gallery-first
:is(.dpm-property-gallery,.dpm-single-gallery,.dpm-property-media),
body.single-dpm_property.das-property-layout-gallery-first
:is(.dpm-single-hero,.dpm-property-top,.dpm-property-detail__top,.dpm-property-hero-grid,.dpm-single__top) > *{
  width:100%!important;
  max-width:none!important;
  grid-column:1 / -1!important;
}
body.single-dpm_property.das-property-layout-gallery-first
:is(.dpm-property-gallery__main,.dpm-single-gallery__main,.dpm-property-main-image){
  width:100%!important;
}

/* Hero:
   große visuelle Bühne. Die Galerie bekommt bewusst eine andere Höhe und
   die Infobox rückt danach leicht in die Bildfläche hinein. */
body.single-dpm_property.das-property-layout-hero
:is(.dpm-single-hero,.dpm-property-top,.dpm-property-detail__top,.dpm-property-hero-grid,.dpm-single__top){
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
}
body.single-dpm_property.das-property-layout-hero
:is(.dpm-property-gallery,.dpm-single-gallery,.dpm-property-media),
body.single-dpm_property.das-property-layout-hero
:is(.dpm-single-hero,.dpm-property-top,.dpm-property-detail__top,.dpm-property-hero-grid,.dpm-single__top) > *{
  width:100%!important;
  max-width:none!important;
  grid-column:1 / -1!important;
}
body.single-dpm_property.das-property-layout-hero
:is(.dpm-property-gallery__main,.dpm-single-gallery__main,.dpm-property-main-image){
  width:100%!important;
  height:clamp(500px,68vh,760px)!important;
  max-height:none!important;
}
body.single-dpm_property.das-property-layout-hero
:is(.dpm-property-summary,.dpm-single-summary,.dpm-property-sidebar,.dpm-property-info){
  position:relative!important;
  z-index:3;
  width:min(92%,980px)!important;
  max-width:980px!important;
  margin:-54px auto 0!important;
}

/* Reverse darf nur auf Desktop reverse sein.
   Unter 900px erzwingen wir wieder die Classic-Struktur – inklusive
   voller Breite, normaler Reihenfolge und ohne alte Grid-Spalten. */
@media(max-width:900px){
 body.single-dpm_property.das-property-layout-reverse
 :is(.dpm-single-hero,.dpm-property-top,.dpm-property-detail__top,.dpm-property-hero-grid,.dpm-single__top){
   display:grid!important;
   grid-template-columns:minmax(0,1fr)!important;
   grid-template-areas:none!important;
 }
 body.single-dpm_property.das-property-layout-reverse
 :is(.dpm-property-gallery,.dpm-single-gallery,.dpm-property-media){
   order:0!important;
   grid-column:1 / -1!important;
   grid-row:auto!important;
   width:100%!important;
   max-width:none!important;
 }
 body.single-dpm_property.das-property-layout-reverse
 :is(.dpm-property-summary,.dpm-single-summary,.dpm-property-sidebar,.dpm-property-info){
   order:1!important;
   grid-column:1 / -1!important;
   grid-row:auto!important;
   width:100%!important;
   max-width:none!important;
   margin-left:0!important;
   margin-right:0!important;
 }
 body.single-dpm_property.das-property-layout-reverse
 :is(.dpm-single-hero,.dpm-property-top,.dpm-property-detail__top,.dpm-property-hero-grid,.dpm-single__top) > *{
   min-width:0!important;
 }
 body.single-dpm_property.das-property-layout-hero
 :is(.dpm-property-summary,.dpm-single-summary,.dpm-property-sidebar,.dpm-property-info){
   width:100%!important;
   max-width:none!important;
   margin:18px 0 0!important;
 }
 body.single-dpm_property.das-property-layout-hero
 :is(.dpm-property-gallery__main,.dpm-single-gallery__main,.dpm-property-main-image){
   height:auto!important;
   min-height:0!important;
 }
}


/* =========================================================
 * 1.1.50 – Property Hero wie Unterkunft + Gallery First fix
 * ======================================================= */

/* Gallery First: echte Bildfläche über komplette Galeriebreite */
body.single-dpm_property.das-property-layout-gallery-first .dpm-single-hero{
  display:block!important;
}
body.single-dpm_property.das-property-layout-gallery-first .dpm-single-gallery{
  width:100%!important;
  max-width:none!important;
}
body.single-dpm_property.das-property-layout-gallery-first .dpm-gallery-stage,
body.single-dpm_property.das-property-layout-gallery-first .dpm-gallery-main{
  width:100%!important;
  max-width:none!important;
}
body.single-dpm_property.das-property-layout-gallery-first .dpm-gallery-main{
  height:var(--das-property-gallery-height,560px)!important;
  aspect-ratio:auto!important;
  max-height:none!important;
}
body.single-dpm_property.das-property-layout-gallery-first .dpm-gallery-main img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.single-dpm_property.das-property-layout-gallery-first .dpm-single-summary{
  width:100%!important;
  margin-top:24px!important;
  min-height:0!important;
}

/* Hero: eigene Full-Width-Bühne VOR der normalen Galerie */
body.single-dpm_property.das-property-layout-hero .dpm-single-shell{
  padding-top:0!important;
}
body.single-dpm_property.das-property-layout-hero .das-hero-source-hidden{
  display:none!important;
}
.das-property-detail-visual-hero{
  position:relative;
  width:100vw;
  height:clamp(560px,70vh,760px);
  margin-left:calc(50% - 50vw);
  margin-bottom:42px;
  overflow:hidden;
  background:#222;
  color:#fff;
}
.das-property-detail-visual-hero__image,
.das-property-detail-visual-hero__overlay{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.das-property-detail-visual-hero__image{
  object-fit:cover;
  z-index:0;
}
.das-property-detail-visual-hero__overlay{
  z-index:1;
  background:linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.38) 48%,rgba(0,0,0,.18) 100%);
}
.das-property-detail-visual-hero__inner{
  position:relative;
  z-index:2;
  width:min(var(--das-container,1200px),calc(100% - 40px));
  height:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,370px);
  gap:70px;
  align-items:end;
  padding:0 0 70px;
  box-sizing:border-box;
}
.das-property-detail-visual-hero__copy{
  max-width:760px;
}
.das-property-detail-visual-hero__copy .dpm-single-badges{
  margin-bottom:18px;
}
.das-property-detail-visual-hero__copy .dpm-single-badges .is-light{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.35)!important;
  color:#fff!important;
  backdrop-filter:blur(7px);
}
.das-property-detail-visual-hero__copy h1{
  margin:0 0 15px!important;
  color:#fff!important;
  font-size:clamp(46px,5.2vw,78px)!important;
  line-height:1.02!important;
  text-shadow:0 3px 28px rgba(0,0,0,.22);
}
.das-property-detail-visual-hero__copy .dpm-single-location{
  color:rgba(255,255,255,.9)!important;
  font-size:17px!important;
}
.das-property-detail-visual-hero__price{
  align-self:end;
  padding:28px;
  border:1px solid rgba(255,255,255,.20);
  border-radius:var(--das-card-radius,20px);
  background:rgba(29,29,25,.78);
  color:#fff;
  backdrop-filter:blur(12px);
  box-shadow:0 18px 50px rgba(0,0,0,.22);
}
.das-property-detail-visual-hero__price .dpm-summary-top{
  display:block!important;
}
.das-property-detail-visual-hero__price .dpm-eyebrow{
  color:rgba(255,255,255,.72)!important;
}
.das-property-detail-visual-hero__price .dpm-price{
  color:#fff!important;
  margin:8px 0 24px!important;
  font-size:clamp(34px,3vw,48px)!important;
}
.das-property-detail-visual-hero__price .dpm-object-id{
  display:inline-flex;
  margin:0 0 20px;
  color:rgba(255,255,255,.72);
}
.das-property-detail-visual-hero__price .dpm-primary-cta{
  display:flex!important;
  align-items:center;
  justify-content:center;
  margin:0!important;
  background:var(--das-button-bg,var(--das-accent))!important;
  color:var(--das-button-text,#fff)!important;
}

/* Unter dem Hero folgt die normale Galerie + Fakten. Nicht noch einmal
   eine zweite Hero-artige Vollbreitendarstellung. */
body.single-dpm_property.das-property-layout-hero .dpm-single-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;
  gap:34px!important;
}
body.single-dpm_property.das-property-layout-hero .dpm-single-gallery,
body.single-dpm_property.das-property-layout-hero .dpm-single-summary{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.single-dpm_property.das-property-layout-hero .dpm-gallery-main{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:4/3!important;
  max-height:520px!important;
}
/* Preis/CTA wurden bereits oben im Hero gezeigt; unten bleiben Beschreibung,
   Fakten und Exposé ohne doppelte Hauptaktion. */
body.single-dpm_property.das-property-layout-hero .dpm-single-summary .dpm-summary-top,
body.single-dpm_property.das-property-layout-hero .dpm-single-summary .dpm-primary-cta{
  display:none!important;
}

@media(max-width:900px){
  .das-property-detail-visual-hero{
    height:clamp(500px,68vh,650px);
  }
  .das-property-detail-visual-hero__inner{
    grid-template-columns:1fr;
    gap:20px;
    align-content:end;
    padding-bottom:36px;
  }
  .das-property-detail-visual-hero__price{
    width:min(100%,430px);
    padding:20px;
  }
  body.single-dpm_property.das-property-layout-hero .dpm-single-hero{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:600px){
  body.single-dpm_property.das-property-layout-gallery-first .dpm-gallery-main{
    height:auto!important;
    aspect-ratio:4/3!important;
  }
  .das-property-detail-visual-hero{
    height:560px;
    margin-bottom:26px;
  }
  .das-property-detail-visual-hero__inner{
    width:min(100% - 28px,var(--das-container,1200px));
    padding-bottom:26px;
  }
  .das-property-detail-visual-hero__copy h1{
    font-size:38px!important;
  }
  .das-property-detail-visual-hero__price{
    width:100%;
  }
}


/* =========================================================
 * 1.1.51 – Hero gallery + Object-ID design polish
 * ======================================================= */

/* Unter dem Property-Hero exakt dieselbe breite Galerie-Darstellung
   wie bei "Gallery First". */
body.single-dpm_property.das-property-layout-hero .dpm-single-hero{
  display:block!important;
}
body.single-dpm_property.das-property-layout-hero .dpm-single-gallery{
  width:100%!important;
  max-width:none!important;
}
body.single-dpm_property.das-property-layout-hero .dpm-gallery-stage,
body.single-dpm_property.das-property-layout-hero .dpm-gallery-main{
  width:100%!important;
  max-width:none!important;
}
body.single-dpm_property.das-property-layout-hero .dpm-gallery-main{
  height:var(--das-property-gallery-height,560px)!important;
  aspect-ratio:auto!important;
  max-height:none!important;
}
body.single-dpm_property.das-property-layout-hero .dpm-gallery-main img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
body.single-dpm_property.das-property-layout-hero .dpm-single-summary{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin-top:24px!important;
}

/* Object-ID im Hero übernimmt das aktive Design statt weißem Fremd-Badge. */
body.single-dpm_property.das-property-layout-hero .das-property-detail-visual-hero__price .dpm-object-id{
  display:inline-flex!important;
  align-items:center;
  width:auto!important;
  min-height:30px;
  padding:6px 12px!important;
  margin:0 0 22px!important;
  border:1px solid color-mix(in srgb,var(--das-accent,#ee9d3d) 32%,transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--das-accent,#ee9d3d) 13%,transparent)!important;
  color:var(--das-accent,#ee9d3d)!important;
  font-size:var(--das-property-detail-object-id-desktop,13px)!important;
  font-weight:700!important;
  letter-spacing:.03em;
  box-shadow:none!important;
}

/* Fallback für Browser ohne color-mix. */
@supports not (background:color-mix(in srgb,#fff 10%,transparent)){
 body.single-dpm_property.das-property-layout-hero .das-property-detail-visual-hero__price .dpm-object-id{
   background:rgba(238,157,61,.12)!important;
   border-color:rgba(238,157,61,.28)!important;
 }
}

/* Dark Mode: Akzent bleibt sichtbar, Badge wird nicht zu einer weißen Pille. */
body.das-dark.single-dpm_property.das-property-layout-hero .das-property-detail-visual-hero__price .dpm-object-id,
html[data-theme="dark"] body.single-dpm_property.das-property-layout-hero .das-property-detail-visual-hero__price .dpm-object-id,
body[data-theme="dark"].single-dpm_property.das-property-layout-hero .das-property-detail-visual-hero__price .dpm-object-id{
  background:color-mix(in srgb,var(--das-accent,#ee9d3d) 18%,transparent)!important;
  border-color:color-mix(in srgb,var(--das-accent,#ee9d3d) 42%,transparent)!important;
  color:var(--das-accent,#ee9d3d)!important;
}

@media(max-width:600px){
 body.single-dpm_property.das-property-layout-hero .dpm-gallery-main{
   height:auto!important;
   aspect-ratio:4/3!important;
 }
}


/* =========================================================
 * 1.1.52 – Hero Object-ID Light/Dark korrekt verdrahtet
 * ======================================================= */

/* Light Mode */
html:not(.das-dark-mode) body.single-dpm_property.das-property-layout-hero
.das-property-detail-visual-hero__price .dpm-object-id{
  background:color-mix(in srgb,var(--das-accent,#ee9d3d) 13%,transparent)!important;
  border-color:color-mix(in srgb,var(--das-accent,#ee9d3d) 34%,transparent)!important;
  color:var(--das-accent,#ee9d3d)!important;
}

/* Echter Suite-Dark-Mode */
html.das-dark-mode body.single-dpm_property.das-property-layout-hero
.das-property-detail-visual-hero__price .dpm-object-id{
  background:color-mix(in srgb,var(--das-accent-dark,var(--das-accent,#ee9d3d)) 20%,transparent)!important;
  border-color:color-mix(in srgb,var(--das-accent-dark,var(--das-accent,#ee9d3d)) 48%,transparent)!important;
  color:var(--das-accent-dark,var(--das-accent,#ee9d3d))!important;
}

/* Falls Dark-Akzent sehr dunkel gewählt ist, Badge trotzdem sauber absetzen. */
html.das-dark-mode body.single-dpm_property.das-property-layout-hero
.das-property-detail-visual-hero__price .dpm-object-id{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--das-accent-dark,var(--das-accent,#ee9d3d)) 12%,transparent)!important;
}


/* =========================================================
 * 1.1.53 – Editorial Galerie wie Gallery First / Hero
 * ======================================================= */

body.single-dpm_property.das-property-layout-editorial .dpm-single-hero{
  display:block!important;
}

body.single-dpm_property.das-property-layout-editorial .dpm-single-gallery{
  width:100%!important;
  max-width:none!important;
}

body.single-dpm_property.das-property-layout-editorial .dpm-gallery-stage,
body.single-dpm_property.das-property-layout-editorial .dpm-gallery-main{
  width:100%!important;
  max-width:none!important;
}

body.single-dpm_property.das-property-layout-editorial .dpm-gallery-main{
  height:var(--das-property-gallery-height,560px)!important;
  aspect-ratio:auto!important;
  max-height:none!important;
}

body.single-dpm_property.das-property-layout-editorial .dpm-gallery-main img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

body.single-dpm_property.das-property-layout-editorial .dpm-single-summary{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin-top:24px!important;
}

@media(max-width:600px){
  body.single-dpm_property.das-property-layout-editorial .dpm-gallery-main{
    height:auto!important;
    aspect-ratio:4/3!important;
  }
}

/* 1.1.54 – Editorial Reihenfolge */
body.single-dpm_property.das-property-layout-editorial .dpm-single-hero{display:flex!important;flex-direction:column!important;gap:24px!important}
body.single-dpm_property.das-property-layout-editorial .dpm-single-summary{order:1!important;width:100%!important;max-width:none!important;margin:0!important}
body.single-dpm_property.das-property-layout-editorial .dpm-single-gallery{order:2!important;width:100%!important;max-width:none!important}

/* =========================================================
 * 1.1.55 – Immobilienkarte
 * ======================================================= */
.das-property-map-section{width:min(var(--das-container,1200px),calc(100% - 40px));margin:48px auto;padding:0;position:relative;z-index:2}
.das-property-map-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.das-property-map-head h2{margin:5px 0 0;color:var(--das-heading);font-size:clamp(28px,3.2vw,42px)}
.das-map-kicker{color:var(--das-accent);font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
.das-property-map-canvas{width:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--das-text) 10%,transparent);border-radius:var(--das-radius,20px);background:var(--das-card);box-shadow:0 14px 40px rgba(15,23,42,.08)}
.das-property-map-note{display:block;margin-top:9px;color:var(--das-muted);font-size:10px;text-align:right}
.das-property-map-switch{display:inline-flex;padding:4px;border:1px solid color-mix(in srgb,var(--das-text) 12%,transparent);border-radius:999px;background:var(--das-card)}
.das-property-map-switch button{min-height:38px;padding:0 17px;border:0;border-radius:999px;background:transparent;color:var(--das-text);font-weight:800;cursor:pointer}
.das-property-map-switch button.is-active{background:var(--das-button-bg,var(--das-accent));color:var(--das-button-text,#fff)}
.das-property-map-section--overview:not(.is-map-view) .das-property-map-canvas,.das-property-map-section--overview:not(.is-map-view) .das-property-map-note{display:none}
.das-map-popup{display:grid;grid-template-columns:84px 1fr;gap:12px;min-width:240px}.das-map-popup>img{width:84px;height:90px;object-fit:cover;border-radius:9px}.das-map-popup>div{display:flex;flex-direction:column;gap:4px}.das-map-popup small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#667085}.das-map-popup strong{font-size:14px;line-height:1.2;color:#172033}.das-map-popup span{font-size:11px;color:#667085}.das-map-popup b{font-size:13px;color:#172033}.das-map-popup a{margin-top:3px;color:var(--das-accent,#ee9d3d)!important;font-weight:800;text-decoration:none!important;font-size:11px}
html.das-dark-mode .das-property-map-head h2{color:var(--das-dark-heading)}html.das-dark-mode .das-property-map-switch{background:var(--das-dark-card);border-color:rgba(255,255,255,.13)}html.das-dark-mode .das-property-map-switch button{color:var(--das-dark-text)}html.das-dark-mode .das-property-map-canvas{border-color:rgba(255,255,255,.13);background:var(--das-dark-card)}
.das-property-map-canvas .leaflet-control-attribution{font-size:8px!important}
@media(max-width:700px){.das-property-map-section{width:calc(100% - 28px);margin:36px auto}.das-property-map-head{align-items:flex-start;flex-direction:column}.das-property-map-switch{width:100%}.das-property-map-switch button{flex:1}.das-map-popup{grid-template-columns:64px 1fr;min-width:200px}.das-map-popup>img{width:64px;height:72px}}
html.das-dark-mode .das-property-map-canvas .leaflet-tile-pane{filter:brightness(.78) saturate(.72) contrast(1.08)}
html.das-dark-mode .das-property-map-canvas .leaflet-control-zoom a,html.das-dark-mode .das-property-map-canvas .leaflet-control-attribution{background:#242424!important;color:#eee!important}


/* =========================================================
 * 1.1.57 – Objektdaten + Kartenfluss
 * ======================================================= */
body.single-dpm_property.das-property-layout-hero .das-object-data-title{
  margin:0 0 22px;
  font:inherit;
  font-family:var(--das-heading-font,inherit);
  font-size:clamp(24px,2.1vw,32px);
  line-height:1.15;
  font-weight:700;
  color:var(--das-heading-color,currentColor);
}
body.single-dpm_property .das-property-map-inline{
  width:100%;
  margin-top:28px;
  padding-top:26px;
  border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);
}
body.single-dpm_property .das-property-map-inline .das-property-map-canvas{
  width:100%;
  border-radius:var(--das-radius,18px);
  overflow:hidden;
}
body.single-dpm_property .das-property-map-inline .das-property-map-note{
  display:block;
  margin-top:8px;
  opacity:.62;
}
body.post-type-archive-dpm_property .das-property-map-section--overview,
body.page .das-property-map-section--overview{
  margin-bottom:34px;
}
body .das-property-map-section--overview .das-property-map-switch{
  display:none!important;
}


/* =========================================================
 * 1.1.58 – Hero Objektdaten + gefilterte Immobilienkarte
 * ======================================================= */
body.single-dpm_property.das-property-layout-hero .dpm-single-summary > .das-object-data-title{
  display:block!important;
  margin:0 0 24px!important;
  color:var(--das-heading-color,var(--das-heading,currentColor))!important;
  font-family:var(--das-heading-font,inherit)!important;
  font-size:clamp(26px,2.2vw,34px)!important;
  line-height:1.15!important;
  font-weight:700!important;
}

html.das-dark-mode body.single-dpm_property.das-property-layout-hero
.dpm-single-summary > .das-object-data-title{
  color:var(--das-dark-heading,var(--das-dark-text,#fff))!important;
}

.das-property-map-section--overview{
  position:relative;
}
.das-map-empty{
  margin-top:12px;
  padding:12px 15px;
  border-radius:12px;
  background:color-mix(in srgb,var(--das-accent,#ee9d3d) 8%,transparent);
  color:inherit;
  font-size:13px;
}

/* 1.1.60 – Wissenswertes */
.das-knowledge-hub,.das-calculators{width:min(var(--das-container,1200px),calc(100% - 32px));margin:48px auto}
.das-knowledge-hub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.das-knowledge-hub__card{display:flex;flex-direction:column;min-height:180px;padding:26px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:var(--das-card-radius,20px);background:var(--das-card,#fff);color:inherit;text-decoration:none!important;box-shadow:var(--das-card-shadow,0 12px 35px rgba(0,0,0,.06));transition:.2s}
.das-knowledge-hub__card:hover{transform:translateY(-3px)}.das-knowledge-hub__card strong{font-size:22px}.das-knowledge-hub__card span{margin:10px 0 22px;opacity:.72;line-height:1.6}.das-knowledge-hub__card i{margin-top:auto;font-style:normal;font-weight:700;color:var(--das-accent,#ee9d3d)}
.das-calculators{display:grid;gap:24px}.das-calculator{padding:30px;border-radius:var(--das-card-radius,20px);background:var(--das-card,#fff);border:1px solid color-mix(in srgb,currentColor 12%,transparent)}.das-calculator h3{margin-top:0}.das-calc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.das-calc-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.das-calc-grid input{min-height:48px;padding:0 13px;border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:10px;background:transparent;color:inherit}.das-calc-result{padding:20px;border-radius:14px;background:color-mix(in srgb,var(--das-accent,#ee9d3d) 10%,transparent)}.das-calc-result span,.das-calc-result small{display:block}.das-calc-result strong{display:block;margin:5px 0;font-size:28px;color:var(--das-accent,#ee9d3d)}
@media(max-width:800px){.das-knowledge-hub__grid,.das-calc-grid{grid-template-columns:1fr}}


/* =========================================================
 * 1.1.61 – Wissenswertes Rechner-Seite Builder Frontend
 * ======================================================= */
.das-calculator-page{overflow:hidden}
.das-calculator-hero{position:relative;min-height:var(--das-calc-hero-height,520px);display:flex;align-items:center;background-image:var(--das-calc-hero-bg);background-size:cover;background-position:var(--das-calc-hero-pos,center);color:#fff}
.das-calculator-hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.das-calculator-hero__overlay{position:absolute;inset:0;background:rgba(0,0,0,var(--das-calc-hero-overlay,.42));z-index:1}
.das-calculator-hero__inner{position:relative;z-index:2;width:min(var(--das-container,1200px),calc(100% - 40px));margin:auto;padding:60px 0}
.das-calculator-hero__inner>span,.das-knowledge-kicker{display:block;margin-bottom:10px;color:var(--das-accent,#ee9d3d);font-size:11px;font-weight:800;letter-spacing:.16em}
.das-calculator-hero__inner h1{max-width:850px;margin:0 0 16px;color:#fff;font-size:clamp(42px,5vw,72px);line-height:1.02}
.das-calculator-hero__inner p{max-width:720px;margin:0;color:rgba(255,255,255,.88);font-size:18px;line-height:1.65}
.das-knowledge-builder-section{position:relative;padding:78px 0}
.das-knowledge-builder-inner{position:relative;z-index:2;width:min(var(--das-container,1200px),calc(100% - 40px));margin:auto}
.das-knowledge-section-head{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:start;max-width:900px;margin-bottom:32px}
.das-knowledge-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:18px;background:color-mix(in srgb,var(--das-accent,#ee9d3d) 14%,transparent);color:var(--das-accent,#ee9d3d);font-size:28px}
.das-knowledge-section-head h2,.das-knowledge-cta__box h2{margin:0 0 10px;font-size:clamp(30px,3.5vw,48px);line-height:1.08;color:inherit}
.das-knowledge-section-head p,.das-knowledge-cta__box p{margin:0;max-width:760px;opacity:.74;line-height:1.65}
.das-knowledge-bg-primary{background:var(--das-section-primary-bg,var(--das-background,#fff));color:var(--das-section-primary-text,var(--das-text,#172033))}
.das-knowledge-bg-secondary{background:var(--das-section-secondary-bg,#f5f6f7);color:var(--das-section-secondary-text,var(--das-text,#172033))}
.das-knowledge-bg-accent{background:var(--das-section-accent-bg,var(--das-accent,#ee9d3d));color:var(--das-section-accent-text,#111)}
.das-knowledge-bg-transparent{background:transparent}
.das-knowledge-builder-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5}
.das-knowledge-accent-none:before{display:none}
.das-knowledge-accent-circles:before{background:radial-gradient(circle at 8% 20%,color-mix(in srgb,var(--das-accent,#ee9d3d) 14%,transparent) 0 90px,transparent 92px),radial-gradient(circle at 92% 75%,color-mix(in srgb,var(--das-accent,#ee9d3d) 10%,transparent) 0 130px,transparent 132px)}
.das-knowledge-accent-glow:before{background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--das-accent,#ee9d3d) 18%,transparent),transparent 35%)}
.das-knowledge-accent-dots:before{background-image:radial-gradient(color-mix(in srgb,var(--das-accent,#ee9d3d) 26%,transparent) 1px,transparent 1px);background-size:18px 18px}
.das-knowledge-accent-lines:before{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--das-accent,#ee9d3d) 10%,transparent) 0 1px,transparent 1px 28px)}
.das-knowledge-accent-waves:before{background:radial-gradient(ellipse at top,color-mix(in srgb,var(--das-accent,#ee9d3d) 14%,transparent),transparent 62%)}
.das-knowledge-accent-glass:before{inset:10% 5%;border-radius:40px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.das-knowledge-transition-soft{border-radius:36px 36px 0 0}
.das-knowledge-transition-diagonal{clip-path:polygon(0 4%,100% 0,100% 100%,0 100%);padding-top:105px}
.das-knowledge-transition-wave{border-radius:55% 45% 0 0 / 45px 45px 0 0}
.das-knowledge-builder-section .das-calculator{margin:0;padding:28px;background:var(--das-card,#fff);color:var(--das-text,#172033);box-shadow:0 16px 45px rgba(0,0,0,.07)}
.das-knowledge-cta__box{padding:42px;border-radius:var(--das-card-radius,20px);background:color-mix(in srgb,var(--das-card,#fff) 88%,transparent);box-shadow:0 16px 45px rgba(0,0,0,.08)}
.das-knowledge-cta__box a{display:inline-flex;margin-top:24px;padding:14px 22px;border-radius:var(--das-button-radius,999px);background:var(--das-button-bg,var(--das-accent,#ee9d3d));color:var(--das-button-text,#fff);text-decoration:none;font-weight:700}
html.das-dark-mode .das-knowledge-bg-primary{background:var(--das-section-primary-dark-bg,var(--das-dark-background,#171717));color:var(--das-section-primary-dark-text,var(--das-dark-text,#fff))}
html.das-dark-mode .das-knowledge-bg-secondary{background:var(--das-section-secondary-dark-bg,var(--das-dark-card,#222));color:var(--das-section-secondary-dark-text,var(--das-dark-text,#fff))}
html.das-dark-mode .das-knowledge-builder-section .das-calculator{background:var(--das-dark-card,#222);color:var(--das-dark-text,#fff)}
@media(max-width:700px){.das-knowledge-builder-section{padding:58px 0}.das-knowledge-section-head{grid-template-columns:1fr}.das-calculator-hero__inner{width:min(100% - 28px,var(--das-container,1200px))}.das-knowledge-builder-inner{width:min(100% - 28px,var(--das-container,1200px))}}

.das-knowledge-hub-intro{padding:74px 20px 24px;background:var(--das-background,#fff);color:var(--das-text,#172033)}
.das-knowledge-hub-intro>div{width:min(var(--das-container,1200px),100%);margin:auto;max-width:900px}
.das-knowledge-hub-intro h2{margin:0 0 14px;font-size:clamp(32px,4vw,52px);line-height:1.08}
.das-knowledge-hub-intro p{margin:0;max-width:780px;font-size:17px;line-height:1.7;opacity:.76}
.das-knowledge-hub__icon{display:grid!important;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:14px;background:color-mix(in srgb,var(--das-accent,#ee9d3d) 13%,transparent);color:var(--das-accent,#ee9d3d);font-size:23px}
html.das-dark-mode .das-knowledge-hub-intro{background:var(--das-dark-background,#171717);color:var(--das-dark-text,#fff)}


/* =========================================================
 * 1.1.65 – Wissenswertes/Rechner Hero = Property Framework
 * ======================================================= */
.das-calculator-hero{overflow:visible;background-color:var(--das-knowledge-hero-bg,#111);color:var(--das-knowledge-hero-text,#fff)}
html.das-dark-mode .das-calculator-hero{background-color:var(--das-knowledge-hero-dark-bg,var(--das-knowledge-hero-bg,#111));color:var(--das-knowledge-hero-dark-text,var(--das-knowledge-hero-text,#fff))}
.das-calculator-hero__inner>span{font-size:var(--das-knowledge-kicker-desktop,12px)!important;color:currentColor!important;opacity:.82}
.das-calculator-hero__inner h1{font-size:var(--das-knowledge-h-desktop,64px)!important;color:currentColor!important}
.das-calculator-hero__inner p{font-size:var(--das-knowledge-body-desktop,16px)!important;color:currentColor!important;opacity:.88}
.das-knowledge-hero-accent{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.das-calculator-hero[data-das-accent="circles"]>.das-knowledge-hero-accent:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:var(--das-knowledge-accent);opacity:var(--das-knowledge-accent-opacity);top:-120px;right:-100px}
.das-calculator-hero[data-das-accent="glow"]>.das-knowledge-hero-accent:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:var(--das-knowledge-accent);filter:blur(110px);opacity:var(--das-knowledge-accent-opacity);top:-150px;right:-100px}
.das-calculator-hero[data-das-accent="dots"]>.das-knowledge-hero-accent:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--das-knowledge-accent) 1px,transparent 1px);background-size:22px 22px;opacity:var(--das-knowledge-accent-opacity)}
.das-calculator-hero[data-das-accent="lines"]>.das-knowledge-hero-accent:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--das-knowledge-accent) 1px,transparent 1px),linear-gradient(90deg,var(--das-knowledge-accent) 1px,transparent 1px);background-size:38px 38px;opacity:var(--das-knowledge-accent-opacity)}
.das-calculator-hero[data-das-accent="waves"]>.das-knowledge-hero-accent:before{content:"";position:absolute;width:700px;height:300px;right:-120px;top:-85px;border:2px solid var(--das-knowledge-accent);border-radius:50%;box-shadow:0 38px 0 var(--das-knowledge-accent),0 76px 0 var(--das-knowledge-accent),0 114px 0 var(--das-knowledge-accent);transform:rotate(-9deg);opacity:var(--das-knowledge-accent-opacity)}
.das-calculator-hero[data-das-accent="noise"]>.das-knowledge-hero-accent:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 18% 24%,var(--das-knowledge-accent) 0 .7px,transparent .9px),radial-gradient(circle at 72% 66%,var(--das-knowledge-accent) 0 .65px,transparent .85px);background-size:11px 11px,13px 13px;opacity:calc(var(--das-knowledge-accent-opacity) * .55)}
.das-calculator-hero[data-das-accent="glass"]>.das-knowledge-hero-accent:before{content:"";position:absolute;width:360px;height:210px;right:-70px;top:-55px;border-radius:54px;background:linear-gradient(135deg,var(--das-knowledge-accent),transparent 72%);border:1px solid var(--das-knowledge-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 28px 70px rgba(0,0,0,.08);transform:rotate(-9deg);opacity:var(--das-knowledge-accent-opacity)}
.das-calculator-hero[data-das-accent="diagonal"]>.das-knowledge-hero-accent:before{content:"";position:absolute;width:45%;height:100%;right:-10%;top:0;background:var(--das-knowledge-accent);transform:skewX(-16deg);opacity:var(--das-knowledge-accent-opacity)}
.das-calculator-hero[data-das-accent-position="top-left"]>.das-knowledge-hero-accent:before{left:-70px;right:auto!important}
.das-calculator-hero[data-das-accent-position="bottom"]>.das-knowledge-hero-accent:before{top:auto!important;bottom:-70px}
.das-calculator-hero[data-das-accent-position="both"]>.das-knowledge-hero-accent:after{content:"";position:absolute;width:210px;height:210px;left:-72px;bottom:-82px;border-radius:50%;border:28px solid var(--das-knowledge-accent);opacity:var(--das-knowledge-accent-opacity)}
html.das-dark-mode .das-calculator-hero>.das-knowledge-hero-accent:before,html.das-dark-mode .das-calculator-hero>.das-knowledge-hero-accent:after{opacity:var(--das-knowledge-accent-dark-opacity)}
.das-knowledge-hero-transition{position:absolute;z-index:5;left:0;right:0;bottom:-1px;height:1px;pointer-events:none}
.das-calculator-hero[data-das-transition="shadow-soft"]>.das-knowledge-hero-transition{box-shadow:0 12px 28px 10px rgba(0,0,0,.09)}
.das-calculator-hero[data-das-transition="shadow-medium"]>.das-knowledge-hero-transition{box-shadow:0 18px 42px 15px rgba(0,0,0,.14)}
.das-calculator-hero[data-das-transition="shadow-strong"]>.das-knowledge-hero-transition{box-shadow:0 24px 58px 20px rgba(0,0,0,.20)}
.das-calculator-hero[data-das-transition="fade-soft"]>.das-knowledge-hero-transition{height:54px;bottom:-54px;background:linear-gradient(to bottom,rgba(0,0,0,.16),transparent)}
.das-calculator-hero[data-das-transition="glow-soft"]>.das-knowledge-hero-transition{height:72px;bottom:-36px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-knowledge-accent) 20%,transparent),transparent 72%)}
.das-calculator-hero[data-das-transition="light-edge"]>.das-knowledge-hero-transition{height:1px;background:rgba(255,255,255,.3)}
.das-calculator-hero[data-das-transition="shadow-long"]>.das-knowledge-hero-transition{box-shadow:18px 24px 48px 8px rgba(0,0,0,.20)}
.das-calculator-hero[data-das-transition="shadow-floating"]>.das-knowledge-hero-transition{box-shadow:0 15px 32px 8px rgba(0,0,0,.16),0 34px 66px 10px rgba(0,0,0,.12)}
.das-calculator-hero[data-das-transition="shadow-glass"]>.das-knowledge-hero-transition{box-shadow:0 1px 0 rgba(255,255,255,.2),0 16px 38px 10px rgba(0,0,0,.18)}
.das-calculator-hero[data-das-transition="glow-ambient"]>.das-knowledge-hero-transition{height:70px;bottom:-35px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-knowledge-accent) 25%,transparent),transparent 70%)}
.das-calculator-hero[data-das-transition="glow-premium"]>.das-knowledge-hero-transition{height:84px;bottom:-42px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-knowledge-accent) 34%,transparent),transparent 72%)}
@media(max-width:1024px){.das-calculator-hero__inner>span{font-size:var(--das-knowledge-kicker-tablet,12px)!important}.das-calculator-hero__inner h1{font-size:var(--das-knowledge-h-tablet,52px)!important}.das-calculator-hero__inner p{font-size:var(--das-knowledge-body-tablet,16px)!important}}
@media(max-width:700px){.das-calculator-hero__inner>span{font-size:var(--das-knowledge-kicker-mobile,11px)!important}.das-calculator-hero__inner h1{font-size:var(--das-knowledge-h-mobile,40px)!important}.das-calculator-hero__inner p{font-size:var(--das-knowledge-body-mobile,15px)!important}}

/* 1.1.65 – Hero parity: responsive heights, alignment, glass and colors */
.das-calculator-hero{min-height:var(--das-knowledge-hero-desktop,var(--das-calc-hero-height,520px));align-items:stretch}
.das-calculator-hero__inner{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.das-calculator-hero.is-pos-top .das-calculator-hero__inner{justify-content:flex-start}
.das-calculator-hero.is-pos-center .das-calculator-hero__inner{justify-content:center}
.das-calculator-hero.is-pos-bottom .das-calculator-hero__inner{justify-content:flex-end}
.das-calculator-hero.is-align-left .das-calculator-hero__inner{text-align:left;align-items:flex-start}
.das-calculator-hero.is-align-center .das-calculator-hero__inner{text-align:center;align-items:center}
.das-calculator-hero.is-align-right .das-calculator-hero__inner{text-align:right;align-items:flex-end}
.das-calculator-hero__inner>span{color:var(--das-knowledge-eyebrow,#fff)!important}
.das-calculator-hero__inner h1{color:var(--das-knowledge-heading,#fff)!important}
.das-calculator-hero__inner p{color:var(--das-knowledge-body,#fff)!important}
.das-calculator-hero.has-text-glass .das-calculator-hero__inner{width:min(var(--das-container,1200px),calc(100% - 40px))}
.das-calculator-hero.has-text-glass .das-calculator-hero__inner:before{content:"";position:absolute;z-index:-1;inset:auto;width:min(760px,calc(100% - 40px));height:calc(100% - 90px);max-height:430px;border:1px solid rgba(255,255,255,.28);border-radius:26px;background:rgba(20,24,30,var(--das-knowledge-glass-opacity,.65));box-shadow:0 24px 70px rgba(0,0,0,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.das-calculator-hero.has-text-glass.is-align-center .das-calculator-hero__inner:before{left:50%;transform:translateX(-50%)}
.das-calculator-hero.has-text-glass.is-align-right .das-calculator-hero__inner:before{right:0}
.das-calculator-hero.has-text-glass .das-calculator-hero__inner>*{position:relative;z-index:1;max-width:680px}
@media(max-width:1024px){.das-calculator-hero{min-height:var(--das-knowledge-hero-tablet,460px)}}
@media(max-width:700px){.das-calculator-hero{min-height:var(--das-knowledge-hero-mobile,390px)}.das-calculator-hero__video.is-mobile-disabled{display:none!important}.das-calculator-hero.has-text-glass .das-calculator-hero__inner:before{width:100%;height:calc(100% - 52px);border-radius:20px}}

/* =========================================================
 * 1.1.68 – Wissenswertes/Rechner: vollständiges Section-Framework
 * ======================================================= */
.das-knowledge-framework-section{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding-top:var(--das-knowledge-padding-top,90px);
  padding-bottom:var(--das-knowledge-padding-bottom,90px);
  background:var(--das-knowledge-section-bg,var(--das-background,#fff));
  color:var(--das-knowledge-section-text,var(--das-text,#172033));
  font-size:var(--das-knowledge-body-desktop,16px);
}
html.das-dark-mode .das-knowledge-framework-section{
  background:var(--das-knowledge-section-dark-bg,var(--das-dark-background,#171717));
  color:var(--das-knowledge-section-dark-text,var(--das-dark-text,#fff));
}
.das-knowledge-framework-section[data-das-section-style="custom"]{background:var(--das-knowledge-section-custom-bg);color:var(--das-knowledge-section-custom-text)}
html.das-dark-mode .das-knowledge-framework-section[data-das-section-style="custom"]{background:var(--das-knowledge-section-custom-bg);color:var(--das-knowledge-section-custom-text)}
.das-knowledge-framework-inner{position:relative;z-index:2;width:min(var(--das-container,1200px),calc(100% - 40px));margin:0 auto}
.das-knowledge-framework-section h2,.das-knowledge-framework-section h3,.das-knowledge-framework-section strong{color:inherit}
.das-knowledge-framework-section h2{font-size:var(--das-knowledge-h-desktop,48px)!important;line-height:1.08}
.das-knowledge-framework-section p,.das-knowledge-framework-section .das-knowledge-hub__card>span:not(.das-knowledge-hub__icon){font-size:var(--das-knowledge-body-desktop,16px)!important}
.das-knowledge-framework-section .das-knowledge-kicker{font-size:var(--das-knowledge-kicker-desktop,12px)!important;color:var(--das-accent,#ee9d3d)}
.das-knowledge-framework-section[data-das-section-style="accent"] .das-knowledge-kicker{color:inherit;opacity:.78}
.das-knowledge-framework-section.is-align-left{text-align:left}.das-knowledge-framework-section.is-align-center{text-align:center}.das-knowledge-framework-section.is-align-right{text-align:right}
.das-knowledge-framework-section.is-align-center .das-knowledge-section-head{margin-left:auto;margin-right:auto;text-align:center;grid-template-columns:1fr;justify-items:center}
.das-knowledge-framework-section.is-align-right .das-knowledge-section-head{margin-left:auto;text-align:right;grid-template-columns:1fr;justify-items:end}
.das-knowledge-framework-section.is-align-left .das-knowledge-section-head{text-align:left}
.das-knowledge-framework-section.is-align-center .das-knowledge-section-head p,.das-knowledge-framework-section.is-align-center .das-knowledge-hub-intro p{margin-left:auto;margin-right:auto}
.das-knowledge-framework-section.is-align-right .das-knowledge-section-head p,.das-knowledge-framework-section.is-align-right .das-knowledge-hub-intro p{margin-left:auto}
.das-knowledge-framework-section.is-align-center .das-knowledge-hub__card{align-items:center;text-align:center}
.das-knowledge-framework-section.is-align-right .das-knowledge-hub__card{align-items:flex-end;text-align:right}
.das-knowledge-framework-section.is-align-center .das-knowledge-cta__box{text-align:center}.das-knowledge-framework-section.is-align-right .das-knowledge-cta__box{text-align:right}
.das-knowledge-hub-intro{width:min(900px,calc(100% - 40px));padding:0!important;background:transparent!important;color:inherit!important}
.das-knowledge-hub-intro h2{font-size:var(--das-knowledge-h-desktop,48px)!important;color:inherit}
.das-knowledge-hub-intro p{font-size:var(--das-knowledge-body-desktop,16px)!important;color:inherit;opacity:.76}
.das-knowledge-framework-section .das-knowledge-hub{width:min(var(--das-container,1200px),calc(100% - 40px));margin:0 auto}
.das-knowledge-framework-section .das-knowledge-hub__card{background:var(--das-card,#fff);color:var(--das-text,#172033)!important}
html.das-dark-mode .das-knowledge-framework-section .das-knowledge-hub__card{background:var(--das-dark-card,#222);color:var(--das-dark-text,#fff)!important}
.das-knowledge-framework-section .das-knowledge-hub__card i,.das-knowledge-framework-section .das-knowledge-hub__icon,.das-knowledge-framework-section .das-knowledge-icon{color:var(--das-accent,#ee9d3d)}
.das-knowledge-framework-section .das-calculator{background:var(--das-card,#fff);color:var(--das-text,#172033)}
html.das-dark-mode .das-knowledge-framework-section .das-calculator{background:var(--das-dark-card,#222);color:var(--das-dark-text,#fff)}
.das-knowledge-framework-section .das-calc-grid input{color:inherit;background:color-mix(in srgb,currentColor 3%,transparent);border-color:color-mix(in srgb,currentColor 18%,transparent)}
.das-knowledge-framework-section .das-calc-result{color:inherit}
.das-knowledge-framework-section .das-knowledge-cta__box{background:var(--das-card,#fff);color:var(--das-text,#172033)}
html.das-dark-mode .das-knowledge-framework-section .das-knowledge-cta__box{background:var(--das-dark-card,#222);color:var(--das-dark-text,#fff)}
.das-knowledge-framework-section .das-knowledge-cta__box a{background:var(--das-button-bg,var(--das-accent,#ee9d3d));color:var(--das-button-text,#fff)!important;border-radius:var(--das-button-radius,999px);text-decoration:none!important;transition:.2s ease}
.das-knowledge-framework-section .das-knowledge-cta__box a:hover{background:var(--das-button-hover-bg,var(--das-accent-hover,var(--das-accent,#ee9d3d)));color:var(--das-button-hover-text,var(--das-button-text,#fff))!important;transform:translateY(-1px)}
/* 1.1.69 – Wissenswertes/Rechner use the canonical das-home-full-section accent and transition renderer. */
@media(max-width:1024px){.das-knowledge-framework-section{font-size:var(--das-knowledge-body-tablet,16px)}.das-knowledge-framework-section h2,.das-knowledge-hub-intro h2{font-size:var(--das-knowledge-h-tablet,42px)!important}.das-knowledge-framework-section p,.das-knowledge-framework-section .das-knowledge-hub__card>span:not(.das-knowledge-hub__icon){font-size:var(--das-knowledge-body-tablet,16px)!important}.das-knowledge-framework-section .das-knowledge-kicker{font-size:var(--das-knowledge-kicker-tablet,12px)!important}}
@media(max-width:700px){.das-knowledge-framework-inner,.das-knowledge-framework-section .das-knowledge-hub{width:min(100% - 28px,var(--das-container,1200px))}.das-knowledge-framework-section{font-size:var(--das-knowledge-body-mobile,15px)}.das-knowledge-framework-section h2,.das-knowledge-hub-intro h2{font-size:var(--das-knowledge-h-mobile,34px)!important}.das-knowledge-framework-section p,.das-knowledge-framework-section .das-knowledge-hub__card>span:not(.das-knowledge-hub__icon){font-size:var(--das-knowledge-body-mobile,15px)!important}.das-knowledge-framework-section .das-knowledge-kicker{font-size:var(--das-knowledge-kicker-mobile,11px)!important}}
.das-knowledge-framework-section .das-knowledge-hub__card strong{font-size:var(--das-knowledge-h-desktop,22px)!important;line-height:1.2}
@media(max-width:1024px){.das-knowledge-framework-section .das-knowledge-hub__card strong{font-size:var(--das-knowledge-h-tablet,21px)!important}}
@media(max-width:700px){.das-knowledge-framework-section .das-knowledge-hub__card strong{font-size:var(--das-knowledge-h-mobile,20px)!important}}


/* 1.1.73 – flexible Wissensbereich-Karten: globales Karten-/Design-Framework
 * Section-Presets steuern den Section-Hintergrund, nicht die Farben innerhalb der Karten. */
.das-knowledge-framework-section .das-knowledge-hub{width:min(var(--das-container,1200px),calc(100% - 32px));margin:0 auto}
.das-knowledge-framework-section .das-knowledge-hub__card{
  background:var(--das-card,#fff);
  color:var(--das-text,#172033)!important;
  font-size:var(--das-knowledge-body-desktop,16px);
}
html.das-dark-mode .das-knowledge-framework-section .das-knowledge-hub__card{
  background:var(--das-dark-card,#222);
  color:var(--das-dark-text,#fff)!important;
  border-color:color-mix(in srgb,var(--das-dark-text,#fff) 16%,transparent);
}
.das-knowledge-framework-section .das-knowledge-hub__card strong{
  color:var(--das-text,#172033)!important;
  font-size:clamp(18px,calc(var(--das-knowledge-body-desktop,16px) * 1.35),24px);
  line-height:1.2;
}
.das-knowledge-framework-section .das-knowledge-hub__card>span:not(.das-knowledge-hub__icon){
  font-size:inherit;
  color:var(--das-text,#172033)!important;
  opacity:.72;
}
html.das-dark-mode .das-knowledge-framework-section .das-knowledge-hub__card strong,
html.das-dark-mode .das-knowledge-framework-section .das-knowledge-hub__card>span:not(.das-knowledge-hub__icon){
  color:var(--das-dark-text,#fff)!important;
}
.das-knowledge-framework-section .das-knowledge-hub__icon{
  flex:0 0 auto;
  margin:0 0 18px!important;
  background:color-mix(in srgb,var(--das-accent,#ee9d3d) 13%,transparent);
  color:var(--das-accent,#ee9d3d)!important;
}
html.das-dark-mode .das-knowledge-framework-section .das-knowledge-hub__icon{
  background:color-mix(in srgb,var(--das-accent,#ee9d3d) 16%,transparent);
  color:var(--das-accent,#ee9d3d)!important;
}
.das-knowledge-framework-section .das-knowledge-hub__card i{
  color:var(--das-accent,#ee9d3d)!important;
}
html.das-dark-mode .das-knowledge-framework-section .das-knowledge-hub__card i{
  color:var(--das-accent,#ee9d3d)!important;
}
.das-knowledge-framework-section.is-align-center .das-knowledge-hub__card{text-align:center;align-items:center}
.das-knowledge-framework-section.is-align-right .das-knowledge-hub__card{text-align:right;align-items:flex-end}
@media(max-width:900px){.das-knowledge-framework-section .das-knowledge-hub__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.das-knowledge-framework-section .das-knowledge-hub__grid{grid-template-columns:1fr}}


/* 1.1.75 – Objektgalerie/Lightbox: Pfeile vollständig an die Design-Farbwelt binden */
.das-detail-main-image .das-gallery-arrow{
  background:var(--das-accent,#ee9d3d)!important;
  color:#fff!important;
  border-color:color-mix(in srgb,var(--das-accent,#ee9d3d) 72%,#000)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--das-accent,#ee9d3d) 24%,transparent)!important;
}
.das-detail-main-image .das-gallery-arrow:hover,
.das-detail-main-image .das-gallery-arrow:focus-visible{
  background:var(--das-accent-dark,var(--das-accent,#ee9d3d))!important;
  color:#fff!important;
}
body>.das-lightbox .das-lightbox-arrow{
  background:var(--das-accent,#ee9d3d)!important;
  color:#fff!important;
  border-color:color-mix(in srgb,var(--das-accent,#ee9d3d) 72%,#000)!important;
  box-shadow:0 8px 28px color-mix(in srgb,var(--das-accent,#ee9d3d) 30%,transparent)!important;
}
body>.das-lightbox .das-lightbox-arrow:hover,
body>.das-lightbox .das-lightbox-arrow:focus-visible,
body>.das-lightbox .das-lightbox-arrow:active{
  background:var(--das-accent-dark,var(--das-accent,#ee9d3d))!important;
  color:#fff!important;
}
html.das-dark-mode body>.das-lightbox .das-lightbox-arrow,
html.das-dark-mode .das-detail-main-image .das-gallery-arrow{
  background:var(--das-accent,#ee9d3d)!important;
  color:#fff!important;
}
html.das-dark-mode body>.das-lightbox .das-lightbox-arrow:hover,
html.das-dark-mode body>.das-lightbox .das-lightbox-arrow:focus-visible,
html.das-dark-mode .das-detail-main-image .das-gallery-arrow:hover,
html.das-dark-mode .das-detail-main-image .das-gallery-arrow:focus-visible{
  background:var(--das-accent-dark,var(--das-accent,#ee9d3d))!important;
}


/* =========================================================
 * 1.1.77 – Property Detail: Galerie-/Lightbox-Pfeile in ALLEN Layouts
 * Classic, Reverse, Editorial, Gallery First, Showcase, Hero.
 * Manager-Markup bleibt kanonisch; Suite erzwingt nur die Farbwelt.
 * ======================================================= */
body.single-dpm_property:is(
  .das-property-layout-classic,
  .das-property-layout-reverse,
  .das-property-layout-editorial,
  .das-property-layout-gallery-first,
  .das-property-layout-showcase,
  .das-property-layout-hero
) :is(
  .dpm-single-gallery,
  .dpm-property-gallery,
  .dpm-property-media,
  .dpm-gallery-stage,
  .dpm-gallery-main,
  .dpm-property-gallery__main,
  .dpm-single-gallery__main,
  .dpm-property-main-image
) :is(
  button[class*="prev"],button[class*="next"],
  button[class*="arrow"],a[class*="prev"],a[class*="next"],a[class*="arrow"],
  .swiper-button-prev,.swiper-button-next,.splide__arrow,.slick-prev,.slick-next
){
  background:var(--das-accent,#ee9d3d)!important;
  color:var(--das-button-text,#111)!important;
  border-color:color-mix(in srgb,var(--das-accent,#ee9d3d) 72%,#000)!important;
  box-shadow:0 8px 24px color-mix(in srgb,var(--das-accent,#ee9d3d) 24%,transparent)!important;
}
body.single-dpm_property:is(
  .das-property-layout-classic,
  .das-property-layout-reverse,
  .das-property-layout-editorial,
  .das-property-layout-gallery-first,
  .das-property-layout-showcase,
  .das-property-layout-hero
) :is(
  .dpm-single-gallery,
  .dpm-property-gallery,
  .dpm-property-media,
  .dpm-gallery-stage,
  .dpm-gallery-main,
  .dpm-property-gallery__main,
  .dpm-single-gallery__main,
  .dpm-property-main-image
) :is(
  button[class*="prev"],button[class*="next"],
  button[class*="arrow"],a[class*="prev"],a[class*="next"],a[class*="arrow"],
  .swiper-button-prev,.swiper-button-next,.splide__arrow,.slick-prev,.slick-next
):is(:hover,:focus-visible,:active){
  background:var(--das-accent-dark,var(--das-accent,#ee9d3d))!important;
  color:var(--das-button-hover-text,var(--das-button-text,#111))!important;
}

/* Manager-eigene Lightbox/Modal kann direkt unter <body> liegen. */
body.single-dpm_property :is(
  .dpm-lightbox,.dpm-gallery-lightbox,.dpm-property-lightbox,
  [class*="dpm"][class*="lightbox"],[class*="dpm"][class*="gallery-modal"],
  [class*="dpm"][class*="image-modal"]
) :is(
  button[class*="prev"],button[class*="next"],button[class*="arrow"],
  a[class*="prev"],a[class*="next"],a[class*="arrow"],
  .swiper-button-prev,.swiper-button-next,.splide__arrow,.slick-prev,.slick-next
){
  background:var(--das-accent,#ee9d3d)!important;
  color:var(--das-button-text,#111)!important;
  border-color:color-mix(in srgb,var(--das-accent,#ee9d3d) 72%,#000)!important;
  box-shadow:0 8px 28px color-mix(in srgb,var(--das-accent,#ee9d3d) 30%,transparent)!important;
}
body.single-dpm_property :is(
  .dpm-lightbox,.dpm-gallery-lightbox,.dpm-property-lightbox,
  [class*="dpm"][class*="lightbox"],[class*="dpm"][class*="gallery-modal"],
  [class*="dpm"][class*="image-modal"]
) :is(
  button[class*="prev"],button[class*="next"],button[class*="arrow"],
  a[class*="prev"],a[class*="next"],a[class*="arrow"],
  .swiper-button-prev,.swiper-button-next,.splide__arrow,.slick-prev,.slick-next
):is(:hover,:focus-visible,:active){
  background:var(--das-accent-dark,var(--das-accent,#ee9d3d))!important;
  color:var(--das-button-hover-text,var(--das-button-text,#111))!important;
}

/* Falls der Manager dieselben neutralen Nav-Klassen unabhängig vom Layout nutzt. */
body.single-dpm_property :is(
  .dpm-gallery-prev,.dpm-gallery-next,.dpm-gallery-arrow,
  .dpm-property-gallery-prev,.dpm-property-gallery-next,
  .dpm-single-gallery-prev,.dpm-single-gallery-next,
  .dpm-lightbox-prev,.dpm-lightbox-next,.dpm-lightbox-arrow
){
  background:var(--das-accent,#ee9d3d)!important;
  color:var(--das-button-text,#111)!important;
  border-color:color-mix(in srgb,var(--das-accent,#ee9d3d) 72%,#000)!important;
}
body.single-dpm_property :is(
  .dpm-gallery-prev,.dpm-gallery-next,.dpm-gallery-arrow,
  .dpm-property-gallery-prev,.dpm-property-gallery-next,
  .dpm-single-gallery-prev,.dpm-single-gallery-next,
  .dpm-lightbox-prev,.dpm-lightbox-next,.dpm-lightbox-arrow
):is(:hover,:focus-visible,:active){
  background:var(--das-accent-dark,var(--das-accent,#ee9d3d))!important;
  color:var(--das-button-hover-text,var(--das-button-text,#111))!important;
}

/* Pfeil-/SVG-Zeichen sollen immer die Buttonfarbe übernehmen. */
body.single-dpm_property :is(
  .dpm-single-gallery,.dpm-property-gallery,.dpm-property-media,
  .dpm-gallery-stage,.dpm-gallery-main,
  .dpm-lightbox,.dpm-gallery-lightbox,.dpm-property-lightbox,
  [class*="dpm"][class*="lightbox"]
) :is(button,a)[class*="prev"] :is(svg,i),
body.single-dpm_property :is(
  .dpm-single-gallery,.dpm-property-gallery,.dpm-property-media,
  .dpm-gallery-stage,.dpm-gallery-main,
  .dpm-lightbox,.dpm-gallery-lightbox,.dpm-property-lightbox,
  [class*="dpm"][class*="lightbox"]
) :is(button,a)[class*="next"] :is(svg,i){
  color:inherit!important;
  stroke:currentColor!important;
}

/* =========================================================
 * 1.1.78 – Ratgeber Framework
 * ======================================================= */
.das-guide-page{--das-guide-radius:22px}.das-guide-container{width:min(1180px,calc(100% - 40px));margin:0 auto;position:relative;z-index:2}.das-guide-hero{min-height:var(--das-ghd,500px);position:relative;display:flex;background-size:cover;background-repeat:no-repeat;color:var(--das-guide-text);overflow:hidden}.das-guide-hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.das-guide-hero:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--das-go,.42));z-index:1;pointer-events:none}.das-guide-hero .das-guide-container{display:flex;min-height:inherit}.das-guide-hero .hero-pos-top{align-items:flex-start;padding-top:60px}.das-guide-hero .hero-pos-center{align-items:center}.das-guide-hero .hero-pos-bottom{align-items:flex-end;padding-bottom:60px}.das-guide-hero-copy{position:relative;z-index:3;max-width:820px;padding:32px 0}.das-guide-hero.has-glass .das-guide-hero-copy{padding:30px;border:1px solid color-mix(in srgb,currentColor 34%,transparent);border-radius:24px;background:color-mix(in srgb,var(--das-glass,#fff) calc(var(--das-glass-alpha,.35)*100%),transparent);color:var(--das-glass-text,#111);backdrop-filter:blur(16px)}html.dhs-dark-mode .das-guide-hero.has-glass .das-guide-hero-copy{background:color-mix(in srgb,var(--das-glass-dark,#222) calc(var(--das-glass-alpha,.35)*100%),transparent);color:var(--das-glass-text-dark,#fff)}.das-guide-hero-copy>span,.das-guide-head>span{display:block;font-size:var(--das-guide-k,12px);font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--das-guide-accent);margin-bottom:12px}.das-guide-hero-copy h1{font-size:var(--das-guide-hd,64px);line-height:1.04;margin:0 0 14px;color:inherit}.das-guide-hero-copy p{font-size:var(--das-guide-bd,16px);line-height:1.7;margin:0;color:inherit}.das-guide-hero-copy.is-center,.das-guide-head.is-center{text-align:center;margin-inline:auto}.das-guide-hero-copy.is-right,.das-guide-head.is-right{text-align:right;margin-left:auto}.das-guide-section{position:relative;overflow:hidden;padding:var(--das-guide-pt,90px) 0 var(--das-guide-pb,90px);background:var(--das-guide-bg);color:var(--das-guide-text)}html.dhs-dark-mode .das-guide-section{background:var(--das-guide-dark-bg);color:var(--das-guide-dark-text)}.das-guide-head{max-width:840px;margin-bottom:38px}.das-guide-head h2{font-size:var(--das-guide-hd,48px);line-height:1.12;margin:0 0 14px;color:inherit}.das-guide-head p{font-size:var(--das-guide-bd,16px);line-height:1.75;margin:0;color:inherit;opacity:.78}.das-guide-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.das-guide-categories>a,.das-guide-cards article{background:color-mix(in srgb,var(--das-guide-bg) 88%,#fff);border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:18px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.06)}html.dhs-dark-mode .das-guide-categories>a,html.dhs-dark-mode .das-guide-cards article{background:color-mix(in srgb,var(--das-guide-dark-bg) 86%,#fff 8%)}.das-guide-categories>a{display:flex;flex-direction:column;min-height:190px;padding:25px;text-decoration:none;color:inherit;transition:.22s ease}.das-guide-categories>a:hover{transform:translateY(-4px);border-color:var(--das-guide-accent)}.das-guide-categories strong{font-size:21px;margin-bottom:10px}.das-guide-categories span{font-size:14px;line-height:1.6;opacity:.72}.das-guide-categories em{margin-top:auto;padding-top:18px;font-style:normal;font-weight:800;color:var(--das-guide-accent)}.das-guide-cards{display:grid;gap:22px}.das-guide-cards.cols-1{grid-template-columns:1fr}.das-guide-cards.cols-2{grid-template-columns:repeat(2,1fr)}.das-guide-cards.cols-3{grid-template-columns:repeat(3,1fr)}.das-guide-cards.cols-4{grid-template-columns:repeat(4,1fr)}.das-guide-cards article>a{display:block;height:100%;text-decoration:none;color:inherit}.das-guide-cards img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.das-guide-card-body{padding:24px}.das-guide-card-body>span{display:block;color:var(--das-guide-accent);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}.das-guide-card-body h3{font-size:23px;line-height:1.25;margin:0 0 12px;color:inherit}.das-guide-card-body p{font-size:14px;line-height:1.7;opacity:.76}.das-guide-card-body>strong{display:inline-block;margin-top:8px;color:var(--das-guide-accent)}.das-guide-button{display:inline-flex;margin-top:24px;padding:13px 20px;border-radius:999px;background:var(--das-guide-accent);color:#fff;text-decoration:none;font-weight:800}.das-guide-section.accent-dots:before,.das-guide-section.accent-circles:before,.das-guide-section.accent-glow:before,.das-guide-section.accent-lines:before{content:"";position:absolute;z-index:1;pointer-events:none;opacity:.12}.das-guide-section.accent-dots:before{width:340px;height:260px;background-image:radial-gradient(var(--das-guide-accent) 2px,transparent 2px);background-size:22px 22px}.das-guide-section.accent-circles:before{width:320px;height:320px;border:55px solid var(--das-guide-accent);border-radius:50%;opacity:.07}.das-guide-section.accent-glow:before{width:420px;height:420px;border-radius:50%;background:var(--das-guide-accent);filter:blur(90px);opacity:.1}.das-guide-section.accent-lines:before{width:360px;height:260px;background:repeating-linear-gradient(135deg,var(--das-guide-accent) 0 2px,transparent 2px 18px);opacity:.06}.das-guide-section.pos-top-right:before{right:-80px;top:-80px}.das-guide-section.pos-top-left:before{left:-80px;top:-80px}.das-guide-section.pos-bottom-right:before{right:-80px;bottom:-80px}.das-guide-section.pos-bottom-left:before{left:-80px;bottom:-80px}
@media(max-width:1024px){.das-guide-hero{min-height:var(--das-ght,440px)}.das-guide-hero-copy h1,.das-guide-head h2{font-size:var(--das-guide-ht,42px)}.das-guide-hero-copy p,.das-guide-head p{font-size:var(--das-guide-bt,16px)}.das-guide-categories{grid-template-columns:repeat(2,1fr)}.das-guide-cards.cols-4,.das-guide-cards.cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.das-guide-container{width:min(100% - 28px,1180px)}.das-guide-hero{min-height:var(--das-ghm,380px)}.das-guide-hero-copy h1,.das-guide-head h2{font-size:var(--das-guide-hm,34px)}.das-guide-hero-copy p,.das-guide-head p{font-size:var(--das-guide-bm,15px)}.das-guide-hero.has-glass .das-guide-hero-copy{padding:22px}.das-guide-categories,.das-guide-cards.cols-2,.das-guide-cards.cols-3,.das-guide-cards.cols-4{grid-template-columns:1fr}}


/* =========================================================
 * 1.1.81 – Ratgeber Typografie vollständig ans Framework binden
 * Kleine Zeile, Überschrift und Fließtext getrennt Desktop/Tablet/Mobil.
 * ======================================================= */
.das-guide-hero-copy > span,
.das-guide-head > span{
  display:block;
  font-size:var(--das-guide-kd,12px)!important;
  line-height:1.35;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:700;
}
.das-guide-hero-copy h1,
.das-guide-head h2{
  font-size:var(--das-guide-hd,48px)!important;
  line-height:1.08;
}
.das-guide-hero-copy p,
.das-guide-head p{
  font-size:var(--das-guide-bd,16px)!important;
  line-height:1.7;
}
.das-guide-categories > a > strong,
.das-guide-cards .das-guide-card-body h3{
  font-size:clamp(18px,calc(var(--das-guide-bd,16px) * 1.35),26px)!important;
  line-height:1.2;
}
.das-guide-categories > a > span,
.das-guide-cards .das-guide-card-body p{
  font-size:var(--das-guide-bd,16px)!important;
  line-height:1.65;
}
.das-guide-categories > a > em,
.das-guide-cards .das-guide-card-body > span,
.das-guide-cards .das-guide-card-body > strong{
  font-size:var(--das-guide-kd,12px)!important;
  line-height:1.4;
}
@media(max-width:1024px){
  .das-guide-hero-copy > span,
  .das-guide-head > span{
    font-size:var(--das-guide-kt,12px)!important;
  }
  .das-guide-hero-copy h1,
  .das-guide-head h2{
    font-size:var(--das-guide-ht,42px)!important;
  }
  .das-guide-hero-copy p,
  .das-guide-head p,
  .das-guide-categories > a > span,
  .das-guide-cards .das-guide-card-body p{
    font-size:var(--das-guide-bt,16px)!important;
  }
  .das-guide-categories > a > em,
  .das-guide-cards .das-guide-card-body > span,
  .das-guide-cards .das-guide-card-body > strong{
    font-size:var(--das-guide-kt,12px)!important;
  }
}
@media(max-width:680px){
  .das-guide-hero-copy > span,
  .das-guide-head > span{
    font-size:var(--das-guide-km,11px)!important;
  }
  .das-guide-hero-copy h1,
  .das-guide-head h2{
    font-size:var(--das-guide-hm,34px)!important;
  }
  .das-guide-hero-copy p,
  .das-guide-head p,
  .das-guide-categories > a > span,
  .das-guide-cards .das-guide-card-body p{
    font-size:var(--das-guide-bm,15px)!important;
  }
  .das-guide-categories > a > em,
  .das-guide-cards .das-guide-card-body > span,
  .das-guide-cards .das-guide-card-body > strong{
    font-size:var(--das-guide-km,11px)!important;
  }
}


/* =========================================================
 * 1.1.82 – Design-Typografie als echte Framework-Quelle
 * Gilt bei Sections, deren Farbquelle/Seitenschalter die Designwelt nutzt.
 * ======================================================= */
.das-home-full-section,
.das-agency-hero,
.das-knowledge-framework-section,
.das-guide-section,
.das-guide-hero{
  font-family:var(--das-section-body-font,inherit);
  font-weight:var(--das-section-body-weight,inherit);
  line-height:var(--das-section-body-line-height,inherit);
  letter-spacing:var(--das-section-body-letter-spacing,inherit);
}
.das-home-full-section :is(h1,h2,h3),
.das-agency-hero :is(h1,h2,h3),
.das-knowledge-framework-section :is(h1,h2,h3),
.das-guide-section :is(h1,h2,h3),
.das-guide-hero :is(h1,h2,h3){
  font-family:var(--das-section-heading-font,inherit)!important;
  font-weight:var(--das-section-heading-weight,inherit)!important;
  line-height:var(--das-section-heading-line-height,inherit);
  letter-spacing:var(--das-section-heading-letter-spacing,inherit);
}
.das-home-full-section .das-home-kicker,
.das-agency-hero :is(.das-home-kicker,.das-hero-eyebrow),
.das-knowledge-framework-section .das-knowledge-kicker,
.das-guide-head>span,
.das-guide-hero-copy>span{
  font-family:var(--das-section-heading-font,inherit)!important;
  font-weight:var(--das-section-heading-weight,inherit)!important;
  letter-spacing:.12em;
}

/* H3 und Fließtext aus dem globalen Design auch auf zentrale Karten anwenden,
 * sobald die Section ihre Typografie aus der Designwelt bezieht. */
.das-home-full-section :is(.das-home-property-card,.das-service-card,.das-team-card,.das-about-value-card) h3,
.das-knowledge-framework-section .das-knowledge-hub__card strong,
.das-guide-categories>a>strong,
.das-guide-cards .das-guide-card-body h3{
  font-family:var(--das-section-heading-font,inherit)!important;
}


/* Globale H3-Größe innerhalb von Designwelt-Sections. */
.das-home-full-section :is(.das-home-property-card,.das-service-card,.das-team-card,.das-about-value-card) h3,
.das-knowledge-framework-section .das-knowledge-hub__card strong,
.das-guide-categories>a>strong,
.das-guide-cards .das-guide-card-body h3{
  font-size:var(--das-h3-desktop,28px)!important;
}
@media(max-width:1024px){
  .das-home-full-section :is(.das-home-property-card,.das-service-card,.das-team-card,.das-about-value-card) h3,
  .das-knowledge-framework-section .das-knowledge-hub__card strong,
  .das-guide-categories>a>strong,
  .das-guide-cards .das-guide-card-body h3{
    font-size:var(--das-h3-tablet,25px)!important;
  }
}
@media(max-width:680px){
  .das-home-full-section :is(.das-home-property-card,.das-service-card,.das-team-card,.das-about-value-card) h3,
  .das-knowledge-framework-section .das-knowledge-hub__card strong,
  .das-guide-categories>a>strong,
  .das-guide-cards .das-guide-card-body h3{
    font-size:var(--das-h3-mobile,22px)!important;
  }
}


/* =========================================================
 * 1.1.83 – Hero Textflächen + vollständige Design-Typografie
 * ======================================================= */

/* Kleine Zeile muss die globalen responsiven Designwerte wirklich gewinnen. */
.das-agency-hero :is(.das-home-kicker,.das-hero-eyebrow,.das-knowledge-kicker),
.das-guide-hero .das-guide-hero-copy>span,
.das-home-full-section .das-home-kicker,
.das-knowledge-framework-section .das-knowledge-kicker{
  font-size:var(--das-home-kicker-desktop,var(--das-knowledge-kicker-desktop,var(--das-guide-kd,var(--das-kicker-desktop,13px))))!important;
}
@media(max-width:1024px){
 .das-agency-hero :is(.das-home-kicker,.das-hero-eyebrow,.das-knowledge-kicker),
 .das-guide-hero .das-guide-hero-copy>span,
 .das-home-full-section .das-home-kicker,
 .das-knowledge-framework-section .das-knowledge-kicker{
   font-size:var(--das-home-kicker-tablet,var(--das-knowledge-kicker-tablet,var(--das-guide-kt,var(--das-kicker-tablet,12px))))!important;
 }
}
@media(max-width:680px){
 .das-agency-hero :is(.das-home-kicker,.das-hero-eyebrow,.das-knowledge-kicker),
 .das-guide-hero .das-guide-hero-copy>span,
 .das-home-full-section .das-home-kicker,
 .das-knowledge-framework-section .das-knowledge-kicker{
   font-size:var(--das-home-kicker-mobile,var(--das-knowledge-kicker-mobile,var(--das-guide-km,var(--das-kicker-mobile,11px))))!important;
 }
}

/* Gemeinsame Hero-Textflächen. Bestehende Glasfarben/Transparenz bleiben die Quelle. */
.das-agency-hero.has-text-glass .das-agency-hero__content,
.das-guide-hero.has-glass .das-guide-hero-copy{
  position:relative;
  overflow:hidden;
}
.das-agency-hero.text-panel-modern .das-agency-hero__content,
.das-guide-hero.text-panel-modern .das-guide-hero-copy{
  background:color-mix(in srgb,var(--das-hero-glass-color,var(--das-guide-glass,#fff)) calc(var(--das-hero-glass-opacity,var(--das-guide-glass-opacity,.78))*100%),transparent);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid color-mix(in srgb,currentColor 16%,transparent);
  box-shadow:0 18px 44px rgba(0,0,0,.12);
}
.das-agency-hero.text-panel-glass .das-agency-hero__content,
.das-guide-hero.text-panel-glass .das-guide-hero-copy{
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.das-agency-hero.text-panel-soft .das-agency-hero__content,
.das-guide-hero.text-panel-soft .das-guide-hero-copy{
  background:color-mix(in srgb,var(--das-hero-glass-color,var(--das-guide-glass,#fff)) 88%,transparent);
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
  border:1px solid color-mix(in srgb,currentColor 10%,transparent);
  box-shadow:0 22px 55px rgba(0,0,0,.16);
}
.das-agency-hero.text-panel-outline .das-agency-hero__content,
.das-guide-hero.text-panel-outline .das-guide-hero-copy{
  background:color-mix(in srgb,var(--das-hero-glass-color,var(--das-guide-glass,#fff)) 12%,transparent);
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  border:2px solid color-mix(in srgb,var(--das-hero-glass-color,var(--das-guide-glass,#fff)) 78%,currentColor 22%);
  box-shadow:none;
}

/* Hero-Text auf einer Fläche folgt der dafür vorgesehenen kontrastreichen Textfarbe. */
.das-agency-hero.has-text-glass .das-agency-hero__content,
.das-agency-hero.has-text-glass .das-agency-hero__content :is(h1,h2,h3,p),
.das-guide-hero.has-glass .das-guide-hero-copy,
.das-guide-hero.has-glass .das-guide-hero-copy :is(h1,h2,h3,p){
  color:var(--das-hero-glass-text-color,var(--das-guide-glass-text,currentColor));
}
html[data-theme="dark"] .das-agency-hero.has-text-glass .das-agency-hero__content,
html[data-theme="dark"] .das-agency-hero.has-text-glass .das-agency-hero__content :is(h1,h2,h3,p),
body.das-dark .das-agency-hero.has-text-glass .das-agency-hero__content,
body.das-dark .das-agency-hero.has-text-glass .das-agency-hero__content :is(h1,h2,h3,p),
html[data-theme="dark"] .das-guide-hero.has-glass .das-guide-hero-copy,
html[data-theme="dark"] .das-guide-hero.has-glass .das-guide-hero-copy :is(h1,h2,h3,p),
body.das-dark .das-guide-hero.has-glass .das-guide-hero-copy,
body.das-dark .das-guide-hero.has-glass .das-guide-hero-copy :is(h1,h2,h3,p){
  color:var(--das-hero-glass-text-dark-color,var(--das-guide-glass-text-dark,#fff));
}

/* Rechtliches: schlichte Heros bleiben, beziehen aber Typografie komplett aus Design. */
.das-legal-hero{
  font-family:var(--das-font-body,inherit);
  font-weight:var(--das-body-weight,400);
  line-height:var(--das-body-line-height,1.65);
  letter-spacing:var(--das-body-letter-spacing,0em);
}
.das-legal-hero h1,.das-legal-frontend h1,.das-legal-frontend h2,.das-legal-frontend h3{
  font-family:var(--das-font-heading,inherit)!important;
  font-weight:var(--das-heading-weight,700)!important;
  line-height:var(--das-heading-line-height,1.12);
  letter-spacing:var(--das-heading-letter-spacing,-.02em);
}
.das-legal-hero h1{font-size:var(--das-h1-desktop,64px)!important}
.das-legal-hero .das-legal-eyebrow{
  font-family:var(--das-font-heading,inherit)!important;
  font-size:var(--das-kicker-desktop,13px)!important;
  font-weight:var(--das-heading-weight,700)!important;
}
.das-legal-hero p,.das-legal-frontend{
  font-family:var(--das-font-body,inherit)!important;
  font-size:var(--das-body-desktop,16px);
  font-weight:var(--das-body-weight,400);
  line-height:var(--das-body-line-height,1.65);
  letter-spacing:var(--das-body-letter-spacing,0em);
}
.das-legal-frontend h2{font-size:var(--das-h2-desktop,48px)!important}
.das-legal-frontend h3{font-size:var(--das-h3-desktop,28px)!important}
@media(max-width:1024px){
 .das-legal-hero h1{font-size:var(--das-h1-tablet,52px)!important}
 .das-legal-hero .das-legal-eyebrow{font-size:var(--das-kicker-tablet,12px)!important}
 .das-legal-hero p,.das-legal-frontend{font-size:var(--das-body-tablet,16px)}
 .das-legal-frontend h2{font-size:var(--das-h2-tablet,40px)!important}
 .das-legal-frontend h3{font-size:var(--das-h3-tablet,25px)!important}
}
@media(max-width:680px){
 .das-legal-hero h1{font-size:var(--das-h1-mobile,40px)!important}
 .das-legal-hero .das-legal-eyebrow{font-size:var(--das-kicker-mobile,11px)!important}
 .das-legal-hero p,.das-legal-frontend{font-size:var(--das-body-mobile,15px)}
 .das-legal-frontend h2{font-size:var(--das-h2-mobile,32px)!important}
 .das-legal-frontend h3{font-size:var(--das-h3-mobile,22px)!important}
}


/* =========================================================
 * 1.1.84 – Hero Textflächen: tatsächlich am Copy-Container
 * ======================================================= */
.das-agency-hero.has-text-glass .das-agency-hero__copy,
.das-guide-hero.has-glass .das-guide-hero-copy{
  display:block!important;
  width:fit-content!important;
  max-width:min(820px,calc(100% - 32px))!important;
  padding:26px 30px!important;
  border-radius:20px!important;
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,backdrop-filter .22s ease!important;
}

/* MODERN – ruhige, klare Fläche mit dezenter Tiefe. */
.das-agency-hero.text-panel-modern .das-agency-hero__copy{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--das-hero-glass-color,#fff) calc(var(--das-hero-glass-opacity,.65) * 100%),transparent),
    color-mix(in srgb,var(--das-hero-glass-color,#fff) calc(var(--das-hero-glass-opacity,.65) * 82%),transparent))!important;
  border:1px solid color-mix(in srgb,var(--das-hero-glass-color,#fff) 70%,rgba(255,255,255,.35))!important;
  -webkit-backdrop-filter:blur(7px) saturate(115%)!important;
  backdrop-filter:blur(7px) saturate(115%)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.13)!important;
}
.das-guide-hero.text-panel-modern .das-guide-hero-copy{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--das-glass,#fff) calc(var(--das-glass-alpha,.65) * 100%),transparent),
    color-mix(in srgb,var(--das-glass,#fff) calc(var(--das-glass-alpha,.65) * 82%),transparent))!important;
  border:1px solid color-mix(in srgb,var(--das-glass,#fff) 70%,rgba(255,255,255,.35))!important;
  -webkit-backdrop-filter:blur(7px) saturate(115%)!important;
  backdrop-filter:blur(7px) saturate(115%)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.13)!important;
}

/* GLAS – bisheriger Frosted-Glass-Stil. */
.das-agency-hero.text-panel-glass .das-agency-hero__copy{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--das-hero-glass-color,#fff) calc(var(--das-hero-glass-opacity,.65) * 100%),transparent) 0%,
    color-mix(in srgb,var(--das-hero-glass-color,#fff) calc(var(--das-hero-glass-opacity,.65) * 82%),transparent) 55%,
    color-mix(in srgb,var(--das-accent,#ee9d3d) 10%,color-mix(in srgb,var(--das-hero-glass-color,#fff) calc(var(--das-hero-glass-opacity,.65) * 72%),transparent)) 100%)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 16px 42px rgba(15,23,42,.15)!important;
}
.das-guide-hero.text-panel-glass .das-guide-hero-copy{
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--das-glass,#fff) calc(var(--das-glass-alpha,.65) * 100%),transparent),
    color-mix(in srgb,var(--das-glass,#fff) calc(var(--das-glass-alpha,.65) * 78%),transparent))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 16px 42px rgba(15,23,42,.15)!important;
}

/* SOFT CARD – am deckendsten, wenig Blur, mehr Card-Charakter. */
.das-agency-hero.text-panel-soft .das-agency-hero__copy{
  background:color-mix(in srgb,var(--das-hero-glass-color,#fff) max(78%,calc(var(--das-hero-glass-opacity,.65) * 100%)),transparent)!important;
  border:1px solid color-mix(in srgb,currentColor 10%,transparent)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  backdrop-filter:blur(3px)!important;
  box-shadow:0 22px 56px rgba(15,23,42,.18)!important;
}
.das-guide-hero.text-panel-soft .das-guide-hero-copy{
  background:color-mix(in srgb,var(--das-glass,#fff) max(78%,calc(var(--das-glass-alpha,.65) * 100%)),transparent)!important;
  border:1px solid color-mix(in srgb,currentColor 10%,transparent)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  backdrop-filter:blur(3px)!important;
  box-shadow:0 22px 56px rgba(15,23,42,.18)!important;
}

/* OUTLINE – fast offene Fläche, klarer Rahmen. */
.das-agency-hero.text-panel-outline .das-agency-hero__copy{
  background:color-mix(in srgb,var(--das-hero-glass-color,#fff) calc(var(--das-hero-glass-opacity,.65) * 22%),transparent)!important;
  border:2px solid color-mix(in srgb,var(--das-hero-glass-color,#fff) 78%,var(--das-accent,#ee9d3d) 22%)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  backdrop-filter:blur(6px)!important;
  box-shadow:none!important;
}
.das-guide-hero.text-panel-outline .das-guide-hero-copy{
  background:color-mix(in srgb,var(--das-glass,#fff) calc(var(--das-glass-alpha,.65) * 22%),transparent)!important;
  border:2px solid color-mix(in srgb,var(--das-glass,#fff) 78%,var(--das-guide-accent,#ee9d3d) 22%)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  backdrop-filter:blur(6px)!important;
  box-shadow:none!important;
}

/* Light-/Dark-Textfarben auf allen Panel-Stilen. */
html:not(.das-dark-mode) .das-agency-hero.has-text-glass .das-agency-hero__copy :is(.das-home-kicker,h1,h2,h3,p),
html:not(.das-dark-mode) .das-guide-hero.has-glass .das-guide-hero-copy :is(span,h1,h2,h3,p){
  color:var(--das-hero-glass-text-color,var(--das-glass-text,#111827))!important;
  -webkit-text-fill-color:var(--das-hero-glass-text-color,var(--das-glass-text,#111827))!important;
}
html.das-dark-mode .das-agency-hero.has-text-glass .das-agency-hero__copy :is(.das-home-kicker,h1,h2,h3,p),
html.das-dark-mode .das-guide-hero.has-glass .das-guide-hero-copy :is(span,h1,h2,h3,p){
  color:var(--das-hero-glass-text-dark-color,var(--das-glass-text-dark,#fff))!important;
  -webkit-text-fill-color:var(--das-hero-glass-text-dark-color,var(--das-glass-text-dark,#fff))!important;
}

/* Dark-Mode-Flächen bekommen die hinterlegte Dark-Rahmenfarbe. */
html.das-dark-mode .das-agency-hero.text-panel-modern .das-agency-hero__copy,
html.das-dark-mode .das-agency-hero.text-panel-glass .das-agency-hero__copy,
html.das-dark-mode .das-agency-hero.text-panel-soft .das-agency-hero__copy{
  background:color-mix(in srgb,var(--das-hero-glass-dark-color,#111827) calc(var(--das-hero-glass-opacity,.65) * 100%),transparent)!important;
}
html.das-dark-mode .das-agency-hero.text-panel-outline .das-agency-hero__copy{
  background:color-mix(in srgb,var(--das-hero-glass-dark-color,#111827) calc(var(--das-hero-glass-opacity,.65) * 22%),transparent)!important;
  border-color:color-mix(in srgb,var(--das-hero-glass-dark-color,#111827) 68%,var(--das-accent,#ee9d3d) 32%)!important;
}
html.das-dark-mode .das-guide-hero.text-panel-modern .das-guide-hero-copy,
html.das-dark-mode .das-guide-hero.text-panel-glass .das-guide-hero-copy,
html.das-dark-mode .das-guide-hero.text-panel-soft .das-guide-hero-copy{
  background:color-mix(in srgb,var(--das-glass-dark,#222) calc(var(--das-glass-alpha,.65) * 100%),transparent)!important;
}
html.das-dark-mode .das-guide-hero.text-panel-outline .das-guide-hero-copy{
  background:color-mix(in srgb,var(--das-glass-dark,#222) calc(var(--das-glass-alpha,.65) * 22%),transparent)!important;
  border-color:color-mix(in srgb,var(--das-glass-dark,#222) 68%,var(--das-guide-accent,#ee9d3d) 32%)!important;
}

@media(max-width:767px){
  .das-agency-hero.has-text-glass .das-agency-hero__copy,
  .das-guide-hero.has-glass .das-guide-hero-copy{
    width:auto!important;
    max-width:calc(100% - 24px)!important;
    padding:20px 22px!important;
    border-radius:16px!important;
  }
}


/* 1.1.85: alte Hero-Farbrollen entfernt – seit 1.1.90 nur noch eine autoritative Engine. */

/* ---------- Die fünf Hero-Flächen klarer voneinander absetzen ---------- */
/* Modern: fast flache Designfläche, nur minimaler Blur, kleine Akzentkante. */
.das-agency-hero.text-panel-modern .das-agency-hero__copy,
.das-guide-hero.text-panel-modern .das-guide-hero-copy{
  -webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;
  box-shadow:0 14px 34px rgba(15,23,42,.11)!important;
  border-width:1px!important;
  border-left:4px solid var(--das-accent)!important;
}
/* Soft Card: deutlich solider und ruhiger, ohne sichtbaren Glas-Blur. */
.das-agency-hero.text-panel-soft .das-agency-hero__copy,
.das-guide-hero.text-panel-soft .das-guide-hero-copy{
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  box-shadow:0 24px 60px rgba(15,23,42,.20)!important;
  border:1px solid color-mix(in srgb,currentColor 8%,transparent)!important;
}
/* Outline: Rahmen im Mittelpunkt, nur ein sehr leichter Lesbarkeits-Schleier. */
.das-agency-hero.text-panel-outline .das-agency-hero__copy,
.das-guide-hero.text-panel-outline .das-guide-hero-copy{
  -webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;
  box-shadow:none!important;
}

/* =========================================================
 * Objekt-Framework: globale Design-Typografie
 * Cards, Listen/Suche und ALLE Objektdetail-Layouts.
 * ======================================================= */
.dpm-property-card,
.dpm-property-card :is(p,span,small,a,strong),
body.single-dpm_property :is(
  .dpm-single-shell,.dpm-single-hero,.dpm-property-top,.dpm-property-detail__top,
  .dpm-property-hero-grid,.dpm-single__top,.dpm-single-summary,.dpm-property-summary,
  .dpm-property-info,.dpm-property-sidebar,.dpm-single-content,.dpm-property-content,
  .dpm-property-facts,.dpm-single-facts,.dpm-property-keyfacts,.das-property-detail-visual-hero
){
  font-family:var(--das-font-body,inherit)!important;
  font-weight:var(--das-body-weight,400);
  line-height:var(--das-body-line-height,1.65);
  letter-spacing:var(--das-body-letter-spacing,0em);
}

/* Karten-Titel = H3, Beschreibungen/Fakten = Fließtext, Badges/Labels = Kleine Zeile. */
.dpm-property-card h3{
  font-family:var(--das-font-heading,inherit)!important;
  font-size:var(--das-property-card-title-desktop,24px)!important;
  font-weight:var(--das-heading-weight,700)!important;
  line-height:var(--das-heading-line-height,1.12)!important;
  letter-spacing:var(--das-heading-letter-spacing,-.02em)!important;
}
.dpm-property-card :is(.dpm-property-location,.dpm-facts,.dpm-property-card__body p,.dpm-fact,.dpm-facts span){
  font-size:var(--das-property-card-fact-desktop,15px)!important;
}
.dpm-property-card .dpm-card-badge{
  font-family:var(--das-font-heading,inherit)!important;
  font-size:var(--das-property-card-badge-desktop,13px)!important;
  font-weight:600!important;
  letter-spacing:.02em!important;
}
.dpm-property-card .dpm-price{
  font-size:var(--das-property-card-price-desktop,20px)!important;
  line-height:1.35!important;
}
.dpm-property-card .dpm-price small{
  display:block;
  font-family:var(--das-font-heading,inherit)!important;
  font-size:var(--das-property-card-price-label-desktop,13px)!important;
  font-weight:500!important;
  line-height:1.45!important;
  letter-spacing:.06em!important;
}
.dpm-property-card .dpm-property-details-link{
  font-family:var(--das-font-body,inherit)!important;
  font-size:var(--das-property-card-link-desktop,14px)!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
}

/* Detailseite: komplette H1/H2/H3-Hierarchie unabhängig vom Layout. */
body.single-dpm_property h1{
  font-family:var(--das-font-heading,inherit)!important;
  font-size:var(--das-h1-desktop,64px)!important;
  font-weight:var(--das-heading-weight,700)!important;
  line-height:var(--das-heading-line-height,1.12)!important;
  letter-spacing:var(--das-heading-letter-spacing,-.02em)!important;
}
body.single-dpm_property h2{
  font-family:var(--das-font-heading,inherit)!important;
  font-size:var(--das-h2-desktop,48px)!important;
  font-weight:var(--das-heading-weight,700)!important;
  line-height:var(--das-heading-line-height,1.12)!important;
  letter-spacing:var(--das-heading-letter-spacing,-.02em)!important;
}
body.single-dpm_property h3{
  font-family:var(--das-font-heading,inherit)!important;
  font-size:var(--das-h3-desktop,28px)!important;
  font-weight:var(--das-heading-weight,700)!important;
  line-height:var(--das-heading-line-height,1.12)!important;
  letter-spacing:var(--das-heading-letter-spacing,-.02em)!important;
}
body.single-dpm_property :is(p,li,dd,.dpm-single-location,.dpm-property-description,.dpm-description,.dpm-content){
  font-family:var(--das-font-body,inherit)!important;
  font-size:var(--das-body-desktop,16px)!important;
  font-weight:var(--das-body-weight,400);
  line-height:var(--das-body-line-height,1.65);
  letter-spacing:var(--das-body-letter-spacing,0em);
}
body.single-dpm_property :is(.dpm-eyebrow,.dpm-single-badges,.dpm-card-badge,.dpm-fact-label,.dpm-meta-label,.das-object-data-title small){
  font-family:var(--das-font-heading,inherit)!important;
  font-size:var(--das-kicker-desktop,13px)!important;
  font-weight:var(--das-heading-weight,700)!important;
  letter-spacing:.08em;
  text-transform:uppercase;
}

@media(max-width:1024px){
  .dpm-property-card h3{font-size:var(--das-property-card-title-tablet,22px)!important}
  .dpm-property-card :is(.dpm-property-location,.dpm-facts,.dpm-property-card__body p,.dpm-fact,.dpm-facts span){font-size:var(--das-property-card-fact-tablet,14px)!important}
  .dpm-property-card .dpm-card-badge{font-size:var(--das-property-card-badge-tablet,12px)!important}
  .dpm-property-card .dpm-price{font-size:var(--das-property-card-price-tablet,19px)!important}
  .dpm-property-card .dpm-price small{font-size:var(--das-property-card-price-label-tablet,12px)!important}
  .dpm-property-card .dpm-property-details-link{font-size:var(--das-property-card-link-tablet,13px)!important}
  body.single-dpm_property h1{font-size:var(--das-h1-tablet,52px)!important}
  body.single-dpm_property h2{font-size:var(--das-h2-tablet,40px)!important}
  body.single-dpm_property h3{font-size:var(--das-h3-tablet,25px)!important}
  body.single-dpm_property :is(p,li,dd,.dpm-single-location,.dpm-property-description,.dpm-description,.dpm-content){font-size:var(--das-body-tablet,16px)!important}
  body.single-dpm_property :is(.dpm-eyebrow,.dpm-single-badges,.dpm-card-badge,.dpm-fact-label,.dpm-meta-label,.das-object-data-title small){font-size:var(--das-kicker-mobile,11px)!important;}
}
@media(max-width:680px){
  .dpm-property-card h3{font-size:var(--das-property-card-title-mobile,20px)!important}
  .dpm-property-card :is(.dpm-property-location,.dpm-facts,.dpm-property-card__body p,.dpm-fact,.dpm-facts span){font-size:var(--das-property-card-fact-mobile,14px)!important}
  .dpm-property-card .dpm-card-badge{font-size:var(--das-property-card-badge-mobile,11px)!important}
  .dpm-property-card .dpm-price{font-size:var(--das-property-card-price-mobile,18px)!important}
  .dpm-property-card .dpm-price small{font-size:var(--das-property-card-price-label-mobile,11px)!important}
  .dpm-property-card .dpm-property-details-link{font-size:var(--das-property-card-link-mobile,13px)!important}
  body.single-dpm_property h1{font-size:var(--das-h1-mobile,40px)!important}
  body.single-dpm_property h2{font-size:var(--das-h2-mobile,32px)!important}
  body.single-dpm_property h3{font-size:var(--das-h3-mobile,22px)!important}
  body.single-dpm_property :is(p,li,dd,.dpm-single-location,.dpm-property-description,.dpm-description,.dpm-content){font-size:var(--das-body-mobile,15px)!important}
  body.single-dpm_property :is(.dpm-eyebrow,.dpm-single-badges,.dpm-card-badge,.dpm-fact-label,.dpm-meta-label,.das-object-data-title small){font-size:var(--das-property-detail-object-id-desktop,13px)!important;}
}


/* =========================================================
 * 1.1.86 – Ratgeber: Hintergrundakzente 1:1 Framework
 * ======================================================= */
.das-guide-section[class*="accent-"]{position:relative;overflow:hidden}
.das-guide-section[class*="accent-"]>.das-guide-container{position:relative;z-index:2}

/* Beide Pseudo-Elemente stehen für die Standardposition "Beide Seiten". */
.das-guide-section[class*="accent-"]::before,
.das-guide-section[class*="accent-"]::after{
  content:"";position:absolute;z-index:1;pointer-events:none;
  opacity:var(--das-guide-accent-opacity,.09);
}
html.das-dark-mode .das-guide-section[class*="accent-"]::before,
html.das-dark-mode .das-guide-section[class*="accent-"]::after{
  opacity:var(--das-guide-accent-dark-opacity,.05);
}

/* Ohne */
.das-guide-section.accent-none::before,.das-guide-section.accent-none::after{display:none}

/* Kreise */
.das-guide-section.accent-circles::before,.das-guide-section.accent-circles::after{
  width:320px;height:320px;border:55px solid var(--das-guide-accent);border-radius:50%;
}
/* Soft Glow */
.das-guide-section.accent-glow::before,.das-guide-section.accent-glow::after{
  width:420px;height:420px;border-radius:50%;background:var(--das-guide-accent);filter:blur(90px);
}
/* Punkte */
.das-guide-section.accent-dots::before,.das-guide-section.accent-dots::after{
  width:360px;height:280px;background-image:radial-gradient(var(--das-guide-accent) 2px,transparent 2px);background-size:22px 22px;
}
/* Linien / Raster */
.das-guide-section.accent-lines::before,.das-guide-section.accent-lines::after{
  width:390px;height:290px;background:repeating-linear-gradient(135deg,var(--das-guide-accent) 0 2px,transparent 2px 18px);
}
/* Wellen */
.das-guide-section.accent-waves::before,.das-guide-section.accent-waves::after{
  width:460px;height:340px;background:
  radial-gradient(80% 55% at 20% 45%,transparent 61%,var(--das-guide-accent) 62% 63%,transparent 64%),
  radial-gradient(90% 60% at 78% 55%,transparent 65%,var(--das-guide-accent) 66% 67%,transparent 68%);
  transform:rotate(-4deg);
}
/* Feine Struktur */
.das-guide-section.accent-noise::before,.das-guide-section.accent-noise::after{
  width:390px;height:300px;background-image:
  radial-gradient(circle at 20% 20%,var(--das-guide-accent) 0 1px,transparent 1.4px),
  radial-gradient(circle at 75% 65%,var(--das-guide-accent) 0 1px,transparent 1.3px);
  background-size:27px 27px,39px 39px;background-position:0 0,9px 13px;
}
/* Glass Shapes */
.das-guide-section.accent-glass::before,.das-guide-section.accent-glass::after{
  width:280px;height:210px;border-radius:42px;
  background:color-mix(in srgb,var(--das-guide-accent) 28%,transparent);
  border:1px solid color-mix(in srgb,var(--das-guide-accent) 55%,transparent);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent),0 18px 48px color-mix(in srgb,var(--das-guide-accent) 30%,transparent);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:rotate(-8deg);
}
/* Diagonale Flächen */
.das-guide-section.accent-diagonal::before,.das-guide-section.accent-diagonal::after{
  width:430px;height:430px;background:linear-gradient(118deg,var(--das-guide-accent) 0 34%,transparent 34.2% 66%,var(--das-guide-accent) 66.2% 100%);
  transform:rotate(-7deg);
}

/* Standardpositionen des Frameworks */
.das-guide-section.pos-top-left::before{left:-90px;top:-90px}
.das-guide-section.pos-top-left::after{display:none}
.das-guide-section.pos-top-right::before{right:-90px;top:-90px}
.das-guide-section.pos-top-right::after{display:none}
.das-guide-section.pos-bottom::before{left:50%;bottom:-135px;transform:translateX(-50%)}
.das-guide-section.pos-bottom::after{display:none}
.das-guide-section.pos-both::before{left:-90px;top:-90px}
.das-guide-section.pos-both::after{right:-90px;bottom:-90px}

/* Stil-spezifische Transformationen bei Position "Unten"/"Beide Seiten" erhalten. */
.das-guide-section.accent-waves.pos-bottom::before{transform:translateX(-50%) rotate(-4deg)}
.das-guide-section.accent-glass.pos-bottom::before{transform:translateX(-50%) rotate(-8deg)}
.das-guide-section.accent-diagonal.pos-bottom::before{transform:translateX(-50%) rotate(-7deg)}
.das-guide-section.accent-waves.pos-both::before,.das-guide-section.accent-waves.pos-both::after{transform:rotate(-4deg)}
.das-guide-section.accent-glass.pos-both::before,.das-guide-section.accent-glass.pos-both::after{transform:rotate(-8deg)}
.das-guide-section.accent-diagonal.pos-both::before,.das-guide-section.accent-diagonal.pos-both::after{transform:rotate(-7deg)}

html.das-dark-mode .das-guide-section[class*="accent-"]::before,
html.das-dark-mode .das-guide-section[class*="accent-"]::after{
  --das-guide-accent:var(--das-guide-accent-dark);
}


/* 1.1.87: doppelte Hero-Farbrollen entfernt. */

/* 1.1.88: alte native Hero-Farbregeln entfernt; Ratgeber-Darkmode bleibt erhalten. */

/* Ratgeber: der alte Block verwendete teilweise noch dhs-dark-mode.
 * Alle Ratgeber-Sections jetzt sauber an den Property-Darkmode hängen. */
html.das-dark-mode .das-guide-page{
  color:var(--das-dark-text,#f5f5f2);
}
html.das-dark-mode .das-guide-section{
  background:var(--das-guide-dark-bg,var(--das-dark-background,#151515))!important;
  color:var(--das-guide-dark-text,var(--das-dark-text,#f5f5f2))!important;
}
html.das-dark-mode .das-guide-section :is(.das-guide-head>span,.das-guide-head h2,.das-guide-head p){
  color:var(--das-guide-dark-text,var(--das-dark-text,#f5f5f2))!important;
}
html.das-dark-mode .das-guide-categories>a,
html.das-dark-mode .das-guide-cards article>a{
  background:var(--das-dark-card,#242424)!important;
  color:var(--das-dark-text,#f5f5f2)!important;
}
html.das-dark-mode .das-guide-categories>a :is(strong,span,em),
html.das-dark-mode .das-guide-cards article>a :is(h3,p,span,strong){
  color:inherit!important;
}



/* =========================================================
 * 1.1.90 – EINE autoritative Hero-Farbengine
 * Kleine Zeile / H1 / Fließtext werden direkt am Element
 * mit --das-role-light / --das-role-dark versorgt.
 * Diese Regeln sind absichtlich spezifischer als alte
 * Glas-/Builder-Regeln und dürfen nicht überschrieben werden.
 * ======================================================= */

/* Startseite, Über uns, Leistungen, Wissenswertes, Rechner */
html:not(.das-dark-mode) body .das-agency-homepage .das-agency-hero .das-agency-hero__copy > .das-direct-hero-role,
html:not(.das-dark-mode) body .das-knowledge-page .das-agency-hero .das-agency-hero__copy > .das-direct-hero-role,
html:not(.das-dark-mode) body .das-calculator-page .das-agency-hero .das-agency-hero__copy > .das-direct-hero-role{
  color:var(--das-role-light)!important;
  -webkit-text-fill-color:var(--das-role-light)!important;
}

/* Ratgeber */
html:not(.das-dark-mode) body .das-guide-page .das-guide-hero .das-guide-hero-copy > .das-direct-hero-role{
  color:var(--das-role-light)!important;
  -webkit-text-fill-color:var(--das-role-light)!important;
}

/* Dark Mode */
html.das-dark-mode body .das-agency-homepage .das-agency-hero .das-agency-hero__copy > .das-direct-hero-role,
html.das-dark-mode body .das-knowledge-page .das-agency-hero .das-agency-hero__copy > .das-direct-hero-role,
html.das-dark-mode body .das-calculator-page .das-agency-hero .das-agency-hero__copy > .das-direct-hero-role,
html.das-dark-mode body .das-guide-page .das-guide-hero .das-guide-hero-copy > .das-direct-hero-role{
  color:var(--das-role-dark,var(--das-role-light))!important;
  -webkit-text-fill-color:var(--das-role-dark,var(--das-role-light))!important;
}

/* Auch Panel-/Glasregeln dürfen die Rollen nicht mehr ändern. */
html:not(.das-dark-mode) body .das-agency-homepage .das-agency-hero.has-text-glass .das-agency-hero__copy > .das-direct-hero-role,
html:not(.das-dark-mode) body .das-knowledge-page .das-agency-hero.has-text-glass .das-agency-hero__copy > .das-direct-hero-role,
html:not(.das-dark-mode) body .das-calculator-page .das-agency-hero.has-text-glass .das-agency-hero__copy > .das-direct-hero-role,
html:not(.das-dark-mode) body .das-guide-page .das-guide-hero.has-glass .das-guide-hero-copy > .das-direct-hero-role{
  color:var(--das-role-light)!important;
  -webkit-text-fill-color:var(--das-role-light)!important;
}
html.das-dark-mode body .das-agency-homepage .das-agency-hero.has-text-glass .das-agency-hero__copy > .das-direct-hero-role,
html.das-dark-mode body .das-knowledge-page .das-agency-hero.has-text-glass .das-agency-hero__copy > .das-direct-hero-role,
html.das-dark-mode body .das-calculator-page .das-agency-hero.has-text-glass .das-agency-hero__copy > .das-direct-hero-role,
html.das-dark-mode body .das-guide-page .das-guide-hero.has-glass .das-guide-hero-copy > .das-direct-hero-role{
  color:var(--das-role-dark,var(--das-role-light))!important;
  -webkit-text-fill-color:var(--das-role-dark,var(--das-role-light))!important;
}



/* Objektkarten bleiben bewusst kompakt. */
.dpm-property-card h3{margin-bottom:.35em!important}
.dpm-property-card .dpm-price{white-space:normal}
.dpm-property-card .dpm-price small{margin-bottom:.35em}


/* =========================================================
 * 1.1.92 – Globale Menü-Typografie
 * Header-Navigation ist unabhängig von Seiten-/Objekt-Typografie.
 * ======================================================= */
.das-site-header .das-site-nav > ul > li > a,
.das-site-header .das-site-nav .sub-menu a{
  font-family:var(--das-font-menu,system-ui,sans-serif)!important;
  font-size:var(--das-menu-desktop,15px)!important;
  font-weight:var(--das-menu-weight,500)!important;
  line-height:var(--das-menu-line-height,1.2)!important;
  letter-spacing:var(--das-menu-letter-spacing,0em)!important;
}

/* Drawer/Hamburger verwendet dieselbe Menüschrift, mobil aber eigene Größe. */
.das-menu-drawer a:not(.das-header-cta){
  font-family:var(--das-font-menu,system-ui,sans-serif)!important;
  font-size:var(--das-menu-mobile,17px)!important;
  font-weight:var(--das-menu-weight,500)!important;
  line-height:var(--das-menu-line-height,1.2)!important;
  letter-spacing:var(--das-menu-letter-spacing,0em)!important;
}

@media(max-width:1100px) and (min-width:961px){
  .das-site-header .das-site-nav > ul > li > a,
  .das-site-header .das-site-nav .sub-menu a{
    font-size:var(--das-menu-tablet,15px)!important;
  }
}

/* Objektseiten dürfen niemals die Header-Schrift überschreiben. */
body.single-dpm_property .das-site-header .das-site-nav a,
body.single-dpm_property .das-menu-drawer a:not(.das-header-cta){
  font-family:var(--das-font-menu,system-ui,sans-serif)!important;
  font-weight:var(--das-menu-weight,500)!important;
  line-height:var(--das-menu-line-height,1.2)!important;
  letter-spacing:var(--das-menu-letter-spacing,0em)!important;
}
body.single-dpm_property .das-site-header .das-site-nav a{
  font-size:var(--das-menu-desktop,15px)!important;
}


/* =========================================================
 * 1.1.93 – Leistungen-Hero vollständig ans Framework
 * ======================================================= */
.das-property-servicespage .das-agency-hero .das-agency-hero__copy > .das-direct-hero-role{
  color:var(--das-role-light)!important;
  -webkit-text-fill-color:var(--das-role-light)!important;
}
html.das-dark-mode .das-property-servicespage .das-agency-hero .das-agency-hero__copy > .das-direct-hero-role{
  color:var(--das-role-dark,var(--das-role-light))!important;
  -webkit-text-fill-color:var(--das-role-dark,var(--das-role-light))!important;
}
/* Legacy-Leistungen-Kicker darf den Hero nicht überschreiben. */
.das-property-servicespage .das-agency-hero .das-home-kicker.das-direct-hero-role{
  color:var(--das-role-light)!important;
  -webkit-text-fill-color:var(--das-role-light)!important;
}
html.das-dark-mode .das-property-servicespage .das-agency-hero .das-home-kicker.das-direct-hero-role{
  color:var(--das-role-dark,var(--das-role-light))!important;
  -webkit-text-fill-color:var(--das-role-dark,var(--das-role-light))!important;
}
/* geerbte Farbfelder im Backend klar als Designwerte kennzeichnen */
.das-auto-color-field input[type="color"]:disabled{
  opacity:.45;
  cursor:not-allowed;
  filter:saturate(.35);
}

/* 1.1.95 – Objektdetailseite: responsive Fein-Typografie für alle Layouts */
body.single-dpm_property :is(.dpm-single-title,.dpm-property-title,.dpm-single-head h1,.dpm-single-header h1,.dpm-property-header h1,.dpm-property-detail__top h1,.das-property-detail-visual-hero__copy h1){font-size:var(--das-property-detail-title-desktop,42px)!important}
body.single-dpm_property :is(.dpm-single-location,.dpm-property-location){font-size:var(--das-property-detail-location-desktop,15px)!important}
body.single-dpm_property :is(.dpm-single-badges .dpm-card-badge,.dpm-single-badges span,.dpm-market-badge,.dpm-type-badge){font-size:var(--das-property-detail-badge-desktop,12px)!important}
body.single-dpm_property :is(.dpm-eyebrow,.dpm-price-label){font-size:var(--das-property-detail-price-label-desktop,14px)!important}
body.single-dpm_property .dpm-price{font-size:var(--das-property-detail-price-desktop,38px)!important;line-height:1.15!important}
body.single-dpm_property .dpm-object-id{font-size:var(--das-property-detail-object-id-desktop,13px)!important;line-height:1.25!important;letter-spacing:.06em!important}
body.single-dpm_property :is(.dpm-fact strong,.dpm-fact-value,.dpm-property-fact strong,.dpm-summary-fact strong,.dpm-keyfact strong){font-size:var(--das-property-detail-fact-value-desktop,15px)!important}
body.single-dpm_property :is(.dpm-fact small,.dpm-fact-label,.dpm-property-fact small,.dpm-summary-fact small,.dpm-keyfact small,.dpm-meta-label){font-size:var(--das-property-detail-fact-label-desktop,11px)!important}
body.single-dpm_property :is(.dpm-single-content h2,.dpm-property-content h2,.dpm-property-description-wrap h2,.dpm-description-wrap h2,.dpm-single-section h2,.dpm-property-section h2){font-size:var(--das-property-detail-section-title-desktop,30px)!important}
body.single-dpm_property :is(p,li,dd,.dpm-property-description,.dpm-description,.dpm-content){font-size:var(--das-property-detail-body-desktop,16px)!important}
body.single-dpm_property :is(.dpm-contact-card h2,.dpm-contact-card h3,.dpm-property-contact h2,.dpm-property-contact h3,.dpm-inquiry-card h2,.dpm-inquiry-card h3){font-size:var(--das-property-detail-contact-title-desktop,28px)!important}
@media(max-width:1024px){
body.single-dpm_property :is(.dpm-single-title,.dpm-property-title,.dpm-single-head h1,.dpm-single-header h1,.dpm-property-header h1,.dpm-property-detail__top h1,.das-property-detail-visual-hero__copy h1){font-size:var(--das-property-detail-title-tablet,36px)!important}
body.single-dpm_property :is(.dpm-single-location,.dpm-property-location){font-size:var(--das-property-detail-location-tablet,14px)!important}
body.single-dpm_property :is(.dpm-single-badges .dpm-card-badge,.dpm-single-badges span,.dpm-market-badge,.dpm-type-badge){font-size:var(--das-property-detail-badge-tablet,11px)!important}
body.single-dpm_property :is(.dpm-eyebrow,.dpm-price-label){font-size:var(--das-property-detail-price-label-tablet,13px)!important}
body.single-dpm_property .dpm-price{font-size:var(--das-property-detail-price-tablet,34px)!important}
body.single-dpm_property .dpm-object-id{font-size:var(--das-property-detail-object-id-desktop,13px)!important;}
body.single-dpm_property :is(.dpm-fact strong,.dpm-fact-value,.dpm-property-fact strong,.dpm-summary-fact strong,.dpm-keyfact strong){font-size:var(--das-property-detail-fact-value-tablet,14px)!important}
body.single-dpm_property :is(.dpm-fact small,.dpm-fact-label,.dpm-property-fact small,.dpm-summary-fact small,.dpm-keyfact small,.dpm-meta-label){font-size:var(--das-property-detail-fact-label-tablet,10px)!important}
body.single-dpm_property :is(.dpm-single-content h2,.dpm-property-content h2,.dpm-property-description-wrap h2,.dpm-description-wrap h2,.dpm-single-section h2,.dpm-property-section h2){font-size:var(--das-property-detail-section-title-tablet,27px)!important}
body.single-dpm_property :is(p,li,dd,.dpm-property-description,.dpm-description,.dpm-content){font-size:var(--das-property-detail-body-tablet,16px)!important}
body.single-dpm_property :is(.dpm-contact-card h2,.dpm-contact-card h3,.dpm-property-contact h2,.dpm-property-contact h3,.dpm-inquiry-card h2,.dpm-inquiry-card h3){font-size:var(--das-property-detail-contact-title-tablet,25px)!important}}
@media(max-width:680px){
body.single-dpm_property :is(.dpm-single-title,.dpm-property-title,.dpm-single-head h1,.dpm-single-header h1,.dpm-property-header h1,.dpm-property-detail__top h1,.das-property-detail-visual-hero__copy h1){font-size:var(--das-property-detail-title-mobile,30px)!important}
body.single-dpm_property :is(.dpm-single-location,.dpm-property-location){font-size:var(--das-property-detail-location-mobile,14px)!important}
body.single-dpm_property :is(.dpm-single-badges .dpm-card-badge,.dpm-single-badges span,.dpm-market-badge,.dpm-type-badge){font-size:var(--das-property-detail-badge-mobile,11px)!important}
body.single-dpm_property :is(.dpm-eyebrow,.dpm-price-label){font-size:var(--das-property-detail-price-label-mobile,12px)!important}
body.single-dpm_property .dpm-price{font-size:var(--das-property-detail-price-mobile,30px)!important}
body.single-dpm_property .dpm-object-id{font-size:var(--das-property-detail-object-id-desktop,13px)!important;}
body.single-dpm_property :is(.dpm-fact strong,.dpm-fact-value,.dpm-property-fact strong,.dpm-summary-fact strong,.dpm-keyfact strong){font-size:var(--das-property-detail-fact-value-mobile,14px)!important}
body.single-dpm_property :is(.dpm-fact small,.dpm-fact-label,.dpm-property-fact small,.dpm-summary-fact small,.dpm-keyfact small,.dpm-meta-label){font-size:var(--das-property-detail-fact-label-mobile,10px)!important}
body.single-dpm_property :is(.dpm-single-content h2,.dpm-property-content h2,.dpm-property-description-wrap h2,.dpm-description-wrap h2,.dpm-single-section h2,.dpm-property-section h2){font-size:var(--das-property-detail-section-title-mobile,24px)!important}
body.single-dpm_property :is(p,li,dd,.dpm-property-description,.dpm-description,.dpm-content){font-size:var(--das-property-detail-body-mobile,15px)!important}
body.single-dpm_property :is(.dpm-contact-card h2,.dpm-contact-card h3,.dpm-property-contact h2,.dpm-property-contact h3,.dpm-inquiry-card h2,.dpm-inquiry-card h3){font-size:var(--das-property-detail-contact-title-mobile,23px)!important}}


/* 1.1.96 – Property Manager Detail-Typografie verbindlich
 * Exakte Manager-Klassen + dpm-property-single Bodyklasse.
 * Dadurch greift insbesondere die Objekt-ID unabhängig von CSS-Ladereihenfolge/Layout.
 */
body.dpm-property-single .dpm-object-id,
body.single-dpm_property .dpm-object-id{
  font-size:var(--das-property-detail-object-id-desktop,13px)!important;
  line-height:1.25!important;
}
body.dpm-property-single .dpm-single-head h1{font-size:var(--das-property-detail-title-desktop,42px)!important}
body.dpm-property-single .dpm-single-location{font-size:var(--das-property-detail-location-desktop,15px)!important}
body.dpm-property-single .dpm-single-badges :is(.dpm-card-badge,span){font-size:var(--das-property-detail-badge-desktop,12px)!important}
body.dpm-property-single .dpm-eyebrow{font-size:var(--das-property-detail-price-label-desktop,14px)!important}
body.dpm-property-single .dpm-price{font-size:var(--das-property-detail-price-desktop,38px)!important}
body.dpm-property-single .dpm-summary-facts strong{font-size:var(--das-property-detail-fact-value-desktop,15px)!important}
body.dpm-property-single .dpm-summary-facts small{font-size:var(--das-property-detail-fact-label-desktop,11px)!important}
body.dpm-property-single .dpm-section-title h2{font-size:var(--das-property-detail-section-title-desktop,30px)!important}
body.dpm-property-single :is(.dpm-richtext,.dpm-contact-card p,.dpm-feature-grid>div,.dpm-data-list){font-size:var(--das-property-detail-body-desktop,16px)!important}
body.dpm-property-single .dpm-contact-card h2{font-size:var(--das-property-detail-contact-title-desktop,28px)!important}
@media(max-width:1024px){
 body.dpm-property-single .dpm-object-id{font-size:var(--das-property-detail-object-id-desktop,13px)!important;}
 body.dpm-property-single .dpm-single-head h1{font-size:var(--das-property-detail-title-tablet,36px)!important}
 body.dpm-property-single .dpm-single-location{font-size:var(--das-property-detail-location-tablet,14px)!important}
 body.dpm-property-single .dpm-single-badges :is(.dpm-card-badge,span){font-size:var(--das-property-detail-badge-tablet,11px)!important}
 body.dpm-property-single .dpm-eyebrow{font-size:var(--das-property-detail-price-label-tablet,13px)!important}
 body.dpm-property-single .dpm-price{font-size:var(--das-property-detail-price-tablet,34px)!important}
 body.dpm-property-single .dpm-summary-facts strong{font-size:var(--das-property-detail-fact-value-tablet,14px)!important}
 body.dpm-property-single .dpm-summary-facts small{font-size:var(--das-property-detail-fact-label-tablet,10px)!important}
 body.dpm-property-single .dpm-section-title h2{font-size:var(--das-property-detail-section-title-tablet,27px)!important}
 body.dpm-property-single :is(.dpm-richtext,.dpm-contact-card p,.dpm-feature-grid>div,.dpm-data-list){font-size:var(--das-property-detail-body-tablet,16px)!important}
 body.dpm-property-single .dpm-contact-card h2{font-size:var(--das-property-detail-contact-title-tablet,25px)!important}
}
@media(max-width:680px){
 body.dpm-property-single .dpm-object-id{font-size:var(--das-property-detail-object-id-desktop,13px)!important;}
 body.dpm-property-single .dpm-single-head h1{font-size:var(--das-property-detail-title-mobile,30px)!important}
 body.dpm-property-single .dpm-single-location{font-size:var(--das-property-detail-location-mobile,14px)!important}
 body.dpm-property-single .dpm-single-badges :is(.dpm-card-badge,span){font-size:var(--das-property-detail-badge-mobile,11px)!important}
 body.dpm-property-single .dpm-eyebrow{font-size:var(--das-property-detail-price-label-mobile,12px)!important}
 body.dpm-property-single .dpm-price{font-size:var(--das-property-detail-price-mobile,30px)!important}
 body.dpm-property-single .dpm-summary-facts strong{font-size:var(--das-property-detail-fact-value-mobile,14px)!important}
 body.dpm-property-single .dpm-summary-facts small{font-size:var(--das-property-detail-fact-label-mobile,10px)!important}
 body.dpm-property-single .dpm-section-title h2{font-size:var(--das-property-detail-section-title-mobile,24px)!important}
 body.dpm-property-single :is(.dpm-richtext,.dpm-contact-card p,.dpm-feature-grid>div,.dpm-data-list){font-size:var(--das-property-detail-body-mobile,15px)!important}
 body.dpm-property-single .dpm-contact-card h2{font-size:var(--das-property-detail-contact-title-mobile,23px)!important}
}


/* =========================================================
 * 1.1.97 – Objekt-ID: eine einzige verbindliche Schriftgröße
 * Überschreibt alte Classic/Reverse/Editorial/Gallery/Hero-Regeln.
 * ======================================================= */
html body.single-dpm_property .dpm-single-shell .dpm-single-summary .dpm-summary-top > .dpm-object-id,
html body.dpm-property-single .dpm-single-shell .dpm-single-summary .dpm-summary-top > .dpm-object-id,
html body.single-dpm_property[class*="das-property-layout-"] .dpm-object-id,
html body.dpm-property-single[class*="das-property-layout-"] .dpm-object-id,
html body.single-dpm_property.das-property-layout-hero .das-property-detail-visual-hero__price .dpm-object-id{
  font-size:var(--das-property-detail-object-id-desktop,13px)!important;
  line-height:1.2!important;
}
@media(max-width:1024px){
 html body.single-dpm_property .dpm-object-id,
 html body.dpm-property-single .dpm-object-id{
   font-size:var(--das-property-detail-object-id-tablet,12px)!important;
 }
}
@media(max-width:680px){
 html body.single-dpm_property .dpm-object-id,
 html body.dpm-property-single .dpm-object-id{
   font-size:var(--das-property-detail-object-id-mobile,11px)!important;
 }
}


/* =========================================================
 * 1.1.98 – Preis-Kleine-Zeile und Objekt-ID vollständig getrennt
 * ======================================================= */

/* KAUFPREIS / KALTMIETE / MONATLICHE KALTMIETE */
html body.single-dpm_property .dpm-summary-top .dpm-price-label,
html body.dpm-property-single .dpm-summary-top .dpm-price-label{
  font-size:var(--das-property-detail-price-label-desktop,14px)!important;
  line-height:1.25!important;
}

/* Nur OBJEKT 1234 */
html body.single-dpm_property .dpm-summary-top > .dpm-object-id,
html body.dpm-property-single .dpm-summary-top > .dpm-object-id,
html body.single-dpm_property .dpm-object-id--suite,
html body.dpm-property-single .dpm-object-id--suite{
  font-size:var(--das-property-detail-object-id-desktop,13px)!important;
  line-height:1.2!important;
}

@media(max-width:1024px){
  html body.single-dpm_property .dpm-summary-top .dpm-price-label,
  html body.dpm-property-single .dpm-summary-top .dpm-price-label{
    font-size:var(--das-property-detail-price-label-tablet,13px)!important;
  }
  html body.single-dpm_property .dpm-object-id,
  html body.dpm-property-single .dpm-object-id{
    font-size:var(--das-property-detail-object-id-tablet,12px)!important;
  }
}
@media(max-width:680px){
  html body.single-dpm_property .dpm-summary-top .dpm-price-label,
  html body.dpm-property-single .dpm-summary-top .dpm-price-label{
    font-size:var(--das-property-detail-price-label-mobile,12px)!important;
  }
  html body.single-dpm_property .dpm-object-id,
  html body.dpm-property-single .dpm-object-id{
    font-size:var(--das-property-detail-object-id-mobile,11px)!important;
  }
}


/* =========================================================
 * 1.1.99 – Ratgeber Detailseite: Editorial statt Riesenbild
 * ======================================================= */
.das-guide-single{
  padding:54px 20px 80px;
  background:var(--das-background,#fff);
  color:var(--das-text,#172033);
}
.das-guide-single__wrap{
  width:min(100%,var(--das-container,1200px));
  margin:0 auto;
}
.das-guide-single__back{
  display:inline-flex;
  margin:0 0 24px;
  color:var(--das-muted,#64748b)!important;
  text-decoration:none!important;
  font-size:14px;
  font-weight:600;
}
.das-guide-single__hero{
  display:block;
  margin-bottom:42px;
  padding:38px 40px;
  border:1px solid color-mix(in srgb,var(--das-text,#172033) 10%,transparent);
  border-radius:24px;
  background:var(--das-card,#fff);
  box-shadow:0 18px 46px rgba(15,23,42,.06);
}
.das-guide-single__hero.has-image{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:38px;
  align-items:center;
}
.das-guide-single__kicker{
  display:block;
  margin-bottom:12px;
  color:var(--das-accent,#ee9d3d);
  font-family:var(--das-font-heading,inherit);
  font-size:var(--das-kicker-desktop,13px);
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.das-guide-single__intro h1{
  margin:0;
  color:var(--das-heading,var(--das-text,#172033));
  font-family:var(--das-font-heading,inherit);
  font-size:var(--das-h1-desktop,48px);
  font-weight:var(--das-heading-weight,700);
  line-height:var(--das-heading-line-height,1.12);
  letter-spacing:var(--das-heading-letter-spacing,-.02em);
}
.das-guide-single__intro p{
  margin:18px 0 0;
  color:var(--das-muted,#64748b);
  font-family:var(--das-font-body,inherit);
  font-size:var(--das-body-desktop,17px);
  line-height:1.7;
}
.das-guide-single__media{
  margin:0;
  overflow:hidden;
  border-radius:18px;
  aspect-ratio:4/3;
  background:#f2f2f2;
}
.das-guide-single__media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.das-guide-single__content{
  width:min(100%,860px);
  margin:0 auto;
  font-family:var(--das-font-body,inherit);
  font-size:var(--das-body-desktop,17px);
  line-height:1.8;
}
.das-guide-single__content h2{
  margin:42px 0 14px;
  font-family:var(--das-font-heading,inherit);
  font-size:var(--das-h2-desktop,36px);
  line-height:1.18;
}
.das-guide-single__content h3{
  margin:32px 0 12px;
  font-family:var(--das-font-heading,inherit);
  font-size:var(--das-h3-desktop,27px);
  line-height:1.25;
}
.das-guide-single__content p{margin:0 0 20px}
.das-guide-single__content ul,.das-guide-single__content ol{margin:0 0 22px;padding-left:1.3em}
.das-guide-single__content img{
  max-width:100%;
  height:auto;
  border-radius:16px;
}

html.das-dark-mode .das-guide-single{
  background:var(--das-dark-background,#151515);
  color:var(--das-dark-text,#f5f5f2);
}
html.das-dark-mode .das-guide-single__hero{
  background:var(--das-dark-card,#242424);
  border-color:rgba(255,255,255,.09);
  box-shadow:0 18px 46px rgba(0,0,0,.20);
}
html.das-dark-mode .das-guide-single__intro h1,
html.das-dark-mode .das-guide-single__content :is(h2,h3){
  color:var(--das-dark-heading,#fff);
}
html.das-dark-mode .das-guide-single__intro p,
html.das-dark-mode .das-guide-single__back{
  color:color-mix(in srgb,var(--das-dark-text,#f5f5f2) 68%,transparent)!important;
}

@media(max-width:900px){
  .das-guide-single__hero.has-image{
    grid-template-columns:1fr;
    gap:26px;
  }
  .das-guide-single__media{
    max-height:420px;
  }
  .das-guide-single__intro h1{font-size:var(--das-h1-tablet,40px)}
  .das-guide-single__content{font-size:var(--das-body-tablet,16px)}
}
@media(max-width:680px){
  .das-guide-single{padding:34px 14px 60px}
  .das-guide-single__hero{padding:24px 22px;border-radius:18px}
  .das-guide-single__intro h1{font-size:var(--das-h1-mobile,32px)}
  .das-guide-single__intro p{font-size:var(--das-body-mobile,15px)}
  .das-guide-single__media{aspect-ratio:16/10;border-radius:14px}
  .das-guide-single__content{font-size:var(--das-body-mobile,15px)}
  .das-guide-single__content h2{font-size:var(--das-h2-mobile,28px)}
  .das-guide-single__content h3{font-size:var(--das-h3-mobile,22px)}
}


/* =========================================================
 * 1.2.0 – Immobilien-Glossar A–Z
 * Framework-Hero + Sections + Dark Mode
 * ======================================================= */
.das-glossary-page .das-guide-hero{
  background-image:
    linear-gradient(rgba(0,0,0,var(--das-go,.42)),rgba(0,0,0,var(--das-go,.42))),
    var(--das-hero-image);
  background-size:cover;
  background-position:center var(--das-hero-position,center);
}
.das-glossary-page .das-guide-hero video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0
}
.das-glossary-page .das-guide-hero-inner{position:relative;z-index:2}
.das-glossary-section .das-guide-container{position:relative;z-index:2}
.das-glossary-tools{
  position:relative;
  z-index:3;
  margin:34px 0 38px;
}
.das-glossary-letters{
  display:grid;
  grid-template-columns:repeat(13,minmax(0,1fr));
  gap:7px;
  margin-bottom:18px;
}
.das-glossary-letters a{
  display:grid;
  place-items:center;
  min-height:42px;
  border:1px solid color-mix(in srgb,var(--das-guide-text) 13%,transparent);
  border-radius:10px;
  background:color-mix(in srgb,var(--das-guide-bg) 94%,var(--das-guide-accent) 6%);
  color:var(--das-guide-text)!important;
  text-decoration:none!important;
  font-family:var(--das-font-heading,inherit);
  font-weight:700;
  transition:.2s;
}
.das-glossary-letters a:hover{
  border-color:var(--das-guide-accent);
  background:var(--das-guide-accent);
  color:#fff!important;
  transform:translateY(-1px);
}
.das-glossary-letters a.is-empty{opacity:.28;pointer-events:none}
.das-glossary-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
  min-height:54px;
  border:1px solid color-mix(in srgb,var(--das-guide-text) 13%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--das-guide-bg) 96%,var(--das-guide-accent) 4%);
}
.das-glossary-search .dashicons{color:var(--das-guide-accent)}
.das-glossary-search input{
  width:100%;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--das-guide-text)!important;
  font:inherit;
}
.das-glossary-letter-group{
  display:grid;
  grid-template-columns:90px minmax(0,1fr);
  gap:24px;
  padding:28px 0;
  scroll-margin-top:120px;
}
.das-glossary-letter-group + .das-glossary-letter-group{
  border-top:1px solid color-mix(in srgb,var(--das-guide-text) 10%,transparent);
}
.das-glossary-letter{
  display:grid;
  place-items:center;
  align-self:start;
  width:68px;height:68px;
  border-radius:20px;
  background:var(--das-guide-accent);
  color:#fff;
  font-family:var(--das-font-heading,inherit);
  font-size:32px;
  font-weight:800;
  box-shadow:0 12px 30px color-mix(in srgb,var(--das-guide-accent) 24%,transparent);
}
.das-glossary-items{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.das-glossary-item{
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--das-guide-text) 10%,transparent);
  border-radius:16px;
  background:color-mix(in srgb,var(--das-guide-bg) 97%,var(--das-guide-accent) 3%);
}
.das-glossary-toggle{
  width:100%;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border:0;
  background:transparent;
  color:var(--das-guide-text);
  cursor:pointer;
  text-align:left;
}
.das-glossary-toggle strong{
  font-family:var(--das-font-heading,inherit);
  font-size:18px;
  line-height:1.25;
}
.das-glossary-toggle span{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:30px;height:30px;
  border-radius:50%;
  background:color-mix(in srgb,var(--das-guide-accent) 12%,transparent);
  color:var(--das-guide-accent);
  font-size:21px;
}
.das-glossary-definition{
  padding:0 18px 19px;
  font-size:var(--das-guide-bd,16px);
  line-height:1.7;
  color:var(--das-guide-text);
}
.das-glossary-definition p{margin:0}
.das-glossary-empty{
  padding:28px;
  border:1px dashed color-mix(in srgb,var(--das-guide-text) 20%,transparent);
  border-radius:14px;
  text-align:center;
}
.das-glossary-cta .das-guide-container{text-align:center}
.das-glossary-cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:22px;
  padding:0 22px;
  border-radius:12px;
  background:var(--das-guide-accent);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:700;
}

/* Dark Mode */
html.das-dark-mode .das-glossary-page .das-guide-section{
  background:var(--das-guide-dark-bg)!important;
  color:var(--das-guide-dark-text)!important;
}
html.das-dark-mode .das-glossary-page .das-guide-head :is(span,h2,p),
html.das-dark-mode .das-glossary-page .das-glossary-toggle,
html.das-dark-mode .das-glossary-page .das-glossary-definition{
  color:var(--das-guide-dark-text)!important;
}
html.das-dark-mode .das-glossary-page .das-glossary-letters a{
  background:color-mix(in srgb,var(--das-guide-dark-bg) 92%,var(--das-guide-accent-dark) 8%);
  border-color:rgba(255,255,255,.10);
  color:var(--das-guide-dark-text)!important;
}
html.das-dark-mode .das-glossary-page .das-glossary-search,
html.das-dark-mode .das-glossary-page .das-glossary-item{
  background:color-mix(in srgb,var(--das-guide-dark-bg) 95%,var(--das-guide-accent-dark) 5%);
  border-color:rgba(255,255,255,.10);
}
html.das-dark-mode .das-glossary-page .das-glossary-search input{color:var(--das-guide-dark-text)!important}
html.das-dark-mode .das-glossary-page .das-glossary-letter{background:var(--das-guide-accent-dark)}

@media(max-width:980px){
  .das-glossary-letters{grid-template-columns:repeat(9,minmax(0,1fr))}
  .das-glossary-items{grid-template-columns:1fr}
}
@media(max-width:680px){
  .das-glossary-letters{grid-template-columns:repeat(6,minmax(0,1fr))}
  .das-glossary-letter-group{grid-template-columns:1fr;gap:14px}
  .das-glossary-letter{width:54px;height:54px;border-radius:15px;font-size:25px}
  .das-glossary-toggle strong{font-size:16px}
  .das-glossary-page .das-video-desktop-only{display:none!important}
}


/* =========================================================
 * 1.2.1 – Glossar Hero-Position + Framework-Sectionübergänge
 * ======================================================= */

/* Der Glossar-Hero verwendet exakt den Ratgeber-Framework-Container. */
.das-glossary-page .das-guide-hero{
  align-items:stretch;
}
.das-glossary-page .das-guide-hero > .das-guide-container{
  display:flex;
  width:min(1180px,calc(100% - 40px));
  min-height:inherit;
  margin:0 auto;
  position:relative;
  z-index:3;
}
.das-glossary-page .das-guide-hero > .das-guide-container.hero-pos-top{
  align-items:flex-start;
  padding-top:60px;
}
.das-glossary-page .das-guide-hero > .das-guide-container.hero-pos-center{
  align-items:center;
}
.das-glossary-page .das-guide-hero > .das-guide-container.hero-pos-bottom{
  align-items:flex-end;
  padding-bottom:60px;
}
.das-glossary-page .das-guide-hero-copy.is-left{margin-right:auto;text-align:left}
.das-glossary-page .das-guide-hero-copy.is-center{margin-left:auto;margin-right:auto;text-align:center}
.das-glossary-page .das-guide-hero-copy.is-right{margin-left:auto;text-align:right}

/* Jede Glossar-Section wird wie die anderen Framework-Seiten zum Übergangs-Host. */
.das-glossary-page [data-das-transition]{
  position:relative;
  overflow:visible;
  isolation:isolate;
}
.das-glossary-page [data-das-transition] > :not(.das-section-transition){
  position:relative;
  z-index:2;
}
.das-glossary-page [data-das-transition] > .das-section-transition{
  position:absolute;
  z-index:1;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  pointer-events:none;
  display:block;
}

/* exakt die zentralen Framework-Übergänge */
.das-glossary-page [data-das-transition="shadow-soft"] > .das-section-transition{
  box-shadow:0 12px 28px 10px rgba(0,0,0,.09);
}
.das-glossary-page [data-das-transition="shadow-medium"] > .das-section-transition{
  box-shadow:0 18px 42px 15px rgba(0,0,0,.14);
}
.das-glossary-page [data-das-transition="shadow-strong"] > .das-section-transition{
  box-shadow:0 24px 58px 20px rgba(0,0,0,.20);
}
.das-glossary-page [data-das-transition="fade-soft"] > .das-section-transition{
  height:54px;
  bottom:-54px;
  background:linear-gradient(to bottom,rgba(0,0,0,.14),transparent);
}
.das-glossary-page [data-das-transition="glow-soft"] > .das-section-transition{
  height:72px;
  bottom:-36px;
  background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-guide-accent) 20%,transparent),transparent 72%);
}
.das-glossary-page [data-das-transition="light-edge"] > .das-section-transition{
  height:1px;
  background:rgba(255,255,255,.30);
}
.das-glossary-page [data-das-transition="shadow-long"] > .das-section-transition{
  box-shadow:18px 24px 48px 8px rgba(0,0,0,.20);
}
.das-glossary-page [data-das-transition="shadow-floating"] > .das-section-transition{
  box-shadow:0 15px 32px 8px rgba(0,0,0,.16),0 34px 66px 10px rgba(0,0,0,.12);
}
.das-glossary-page [data-das-transition="shadow-glass"] > .das-section-transition{
  box-shadow:0 1px 0 rgba(255,255,255,.20),0 16px 38px 10px rgba(0,0,0,.18);
}
.das-glossary-page [data-das-transition="glow-ambient"] > .das-section-transition{
  height:70px;
  bottom:-35px;
  background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-guide-accent) 25%,transparent),transparent 70%);
}
.das-glossary-page [data-das-transition="glow-premium"] > .das-section-transition{
  height:84px;
  bottom:-42px;
  background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-guide-accent) 34%,transparent),transparent 72%);
}

html.das-dark-mode .das-glossary-page [data-das-transition="shadow-soft"] > .das-section-transition{box-shadow:0 12px 30px 11px rgba(0,0,0,.28)}
html.das-dark-mode .das-glossary-page [data-das-transition="shadow-medium"] > .das-section-transition{box-shadow:0 18px 46px 16px rgba(0,0,0,.38)}
html.das-dark-mode .das-glossary-page [data-das-transition="shadow-strong"] > .das-section-transition{box-shadow:0 25px 64px 22px rgba(0,0,0,.48)}
html.das-dark-mode .das-glossary-page [data-das-transition="fade-soft"] > .das-section-transition{background:linear-gradient(to bottom,rgba(0,0,0,.30),transparent)}
html.das-dark-mode .das-glossary-page [data-das-transition="glow-soft"] > .das-section-transition{background:radial-gradient(ellipse at 50% 0,rgba(0,0,0,.52),rgba(0,0,0,.22) 40%,transparent 74%)}
html.das-dark-mode .das-glossary-page [data-das-transition="shadow-long"] > .das-section-transition{box-shadow:18px 24px 48px 8px rgba(0,0,0,.52)}
html.das-dark-mode .das-glossary-page [data-das-transition="shadow-floating"] > .das-section-transition{box-shadow:0 15px 32px 8px rgba(0,0,0,.45),0 34px 66px 10px rgba(0,0,0,.38)}
html.das-dark-mode .das-glossary-page [data-das-transition="shadow-glass"] > .das-section-transition{box-shadow:0 1px 0 rgba(255,255,255,.12),0 16px 38px 10px rgba(0,0,0,.46)}

@media(max-width:680px){
  .das-glossary-page .das-guide-hero > .das-guide-container{
    width:min(100% - 28px,1180px);
  }
  .das-glossary-page .das-guide-hero > .das-guide-container.hero-pos-top{padding-top:34px}
  .das-glossary-page .das-guide-hero > .das-guide-container.hero-pos-bottom{padding-bottom:34px}
}


/* =========================================================
 * 1.2.2 – Glossar Live-Suche oben + unabhängige Kartenhöhen
 * ======================================================= */

/* Grid-Zeilen dürfen geschlossene Nachbarkarten nicht aufziehen. */
.das-glossary-items{
  align-items:start;
}
.das-glossary-item{
  align-self:start;
  height:auto;
}
.das-glossary-toggle{
  align-self:flex-start;
}
.das-glossary-definition[hidden]{
  display:none!important;
}

/* Während der Suche verschwinden die großen Buchstaben-Gruppen komplett.
   Treffer landen direkt unter Suchfeld/A–Z-Leiste. */
.das-glossary-search-results{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 34px;
}
.das-glossary-search-results[hidden]{
  display:none!important;
}
.das-glossary-page.is-searching .das-glossary-letters{
  display:none;
}
.das-glossary-page.is-searching .das-glossary-search{
  margin-bottom:16px;
}
.das-glossary-page.is-searching .das-glossary-groups{
  display:none;
}
.das-glossary-page.is-searching .das-glossary-search-results .das-glossary-item{
  width:100%;
}

/* Suchtreffer behalten dieselbe Optik, ohne Buchstaben-Spalte. */
.das-glossary-page.is-searching .das-glossary-search-results{
  position:relative;
  z-index:3;
}

@media(max-width:980px){
  .das-glossary-search-results{grid-template-columns:1fr}
}

/* FAQ Builder v1.2.3 */
.das-faq-page .das-guide-hero{
  background-image:
    linear-gradient(rgba(0,0,0,var(--das-go,.42)),rgba(0,0,0,var(--das-go,.42))),
    var(--das-hero-image);
  background-size:cover;
  background-position:center var(--das-hero-position,center);
}
.das-faq-page .das-guide-hero video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0
}
.das-faq-page .das-guide-hero-inner{position:relative;z-index:2}
.das-faq-section .das-guide-container{position:relative;z-index:2}
.das-faq-tools{
  position:relative;
  z-index:3;
  margin:34px 0 38px;
}
.das-faq-letters{
  display:grid;
  grid-template-columns:repeat(13,minmax(0,1fr));
  gap:7px;
  margin-bottom:18px;
}
.das-faq-letters a{
  display:grid;
  place-items:center;
  min-height:42px;
  border:1px solid color-mix(in srgb,var(--das-guide-text) 13%,transparent);
  border-radius:10px;
  background:color-mix(in srgb,var(--das-guide-bg) 94%,var(--das-guide-accent) 6%);
  color:var(--das-guide-text)!important;
  text-decoration:none!important;
  font-family:var(--das-font-heading,inherit);
  font-weight:700;
  transition:.2s;
}
.das-faq-letters a:hover{
  border-color:var(--das-guide-accent);
  background:var(--das-guide-accent);
  color:#fff!important;
  transform:translateY(-1px);
}
.das-faq-letters a.is-empty{opacity:.28;pointer-events:none}
.das-faq-search{
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 16px;
  min-height:54px;
  border:1px solid color-mix(in srgb,var(--das-guide-text) 13%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--das-guide-bg) 96%,var(--das-guide-accent) 4%);
}
.das-faq-search .dashicons{color:var(--das-guide-accent)}
.das-faq-search input{
  width:100%;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--das-guide-text)!important;
  font:inherit;
}
.das-faq-letter-group{
  display:grid;
  grid-template-columns:90px minmax(0,1fr);
  gap:24px;
  padding:28px 0;
  scroll-margin-top:120px;
}
.das-faq-letter-group + .das-faq-letter-group{
  border-top:1px solid color-mix(in srgb,var(--das-guide-text) 10%,transparent);
}
.das-faq-letter{
  display:grid;
  place-items:center;
  align-self:start;
  width:68px;height:68px;
  border-radius:20px;
  background:var(--das-guide-accent);
  color:#fff;
  font-family:var(--das-font-heading,inherit);
  font-size:32px;
  font-weight:800;
  box-shadow:0 12px 30px color-mix(in srgb,var(--das-guide-accent) 24%,transparent);
}
.das-faq-items{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.das-faq-item{
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--das-guide-text) 10%,transparent);
  border-radius:16px;
  background:color-mix(in srgb,var(--das-guide-bg) 97%,var(--das-guide-accent) 3%);
}
.das-faq-toggle{
  width:100%;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px 18px;
  border:0;
  background:transparent;
  color:var(--das-guide-text);
  cursor:pointer;
  text-align:left;
}
.das-faq-toggle strong{
  font-family:var(--das-font-heading,inherit);
  font-size:18px;
  line-height:1.25;
}
.das-faq-toggle span{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:30px;height:30px;
  border-radius:50%;
  background:color-mix(in srgb,var(--das-guide-accent) 12%,transparent);
  color:var(--das-guide-accent);
  font-size:21px;
}
.das-faq-definition{
  padding:0 18px 19px;
  font-size:var(--das-guide-bd,16px);
  line-height:1.7;
  color:var(--das-guide-text);
}
.das-faq-definition p{margin:0}
.das-faq-empty{
  padding:28px;
  border:1px dashed color-mix(in srgb,var(--das-guide-text) 20%,transparent);
  border-radius:14px;
  text-align:center;
}
.das-faq-cta .das-guide-container{text-align:center}
.das-faq-cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:22px;
  padding:0 22px;
  border-radius:12px;
  background:var(--das-guide-accent);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:700;
}

.das-faq-filters{display:flex;flex-wrap:wrap;gap:10px;flex:1}.das-faq-filters button{border:1px solid color-mix(in srgb,var(--das-guide-accent) 25%,transparent);background:transparent;color:var(--das-guide-text);border-radius:999px;padding:10px 16px;font:inherit;cursor:pointer}.das-faq-filters button.is-active,.das-faq-filters button:hover{background:var(--das-guide-accent);color:#fff;border-color:var(--das-guide-accent)}.das-faq-items{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.das-faq-item{border:1px solid rgba(120,120,120,.18);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.6)}.das-faq-item[hidden]{display:none!important}.das-faq-empty{padding:25px 0;text-align:center}.das-faq-tools{display:flex;gap:18px;align-items:center;margin:28px 0}.das-faq-search{min-width:280px}@media(max-width:800px){.das-faq-items{grid-template-columns:1fr}.das-faq-tools{align-items:stretch;flex-direction:column}.das-faq-search{min-width:0}}html.das-dark-mode .das-faq-filters button{color:var(--das-guide-dark-text)}


/* =========================================================
 * 1.2.5 – FAQ Framework: Sectionübergänge + echte Kreis-Akzente
 * ======================================================= */
.das-faq-page .das-guide-section{
  position:relative;
  isolation:isolate;
}
.das-faq-page .das-guide-section.accent-circles::before,
.das-faq-page .das-guide-section.accent-circles::after{
  content:none!important;
  display:none!important;
}
/* FAQ nutzt ab jetzt dieselbe zentrale Accent-Layer wie Website Studio.
   "Kreise" = ausgefüllte Kreise, keine Ringe. */
.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::before,
.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::after{
  border:0!important;
  background:currentColor!important;
  border-radius:50%!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::before{
  width:360px;height:360px;top:-205px;right:-90px;
}
.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::after{
  width:230px;height:230px;left:-95px;bottom:-145px;
}
/* Positionen wie im Framework. */
.das-faq-page .das-guide-section[data-das-accent-position="top-left"] > .das-section-accent-layer::before{left:-90px;right:auto}
.das-faq-page .das-guide-section[data-das-accent-position="top-right"] > .das-section-accent-layer::before{right:-90px;left:auto}
.das-faq-page .das-guide-section[data-das-accent-position="both"] > .das-section-accent-layer::before{right:-90px;left:auto}
.das-faq-page .das-guide-section[data-das-accent-position="both"] > .das-section-accent-layer::after{display:block}
.das-faq-page .das-guide-section[data-das-accent-position="bottom"] > .das-section-accent-layer::before{top:auto;bottom:-205px;right:-90px}

/* Sectionübergänge exakt wie beim funktionierenden Glossar/Ratgeber-Framework. */
.das-faq-page [data-das-transition]{
  position:relative;
  overflow:visible;
  isolation:isolate;
}
.das-faq-page [data-das-transition] > :not(.das-section-transition):not(.das-section-accent-layer){
  position:relative;
  z-index:2;
}
.das-faq-page [data-das-transition] > .das-section-transition{
  position:absolute;
  z-index:4;
  left:0;right:0;bottom:-1px;height:1px;
  pointer-events:none;
  display:block;
}
.das-faq-page [data-das-transition="shadow-soft"] > .das-section-transition{box-shadow:0 12px 28px 10px rgba(0,0,0,.09)}
.das-faq-page [data-das-transition="shadow-medium"] > .das-section-transition{box-shadow:0 18px 42px 15px rgba(0,0,0,.14)}
.das-faq-page [data-das-transition="shadow-strong"] > .das-section-transition{box-shadow:0 24px 58px 20px rgba(0,0,0,.20)}
.das-faq-page [data-das-transition="fade-soft"] > .das-section-transition{height:54px;bottom:-54px;background:linear-gradient(to bottom,rgba(0,0,0,.14),transparent)}
.das-faq-page [data-das-transition="glow-soft"] > .das-section-transition{height:72px;bottom:-36px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-guide-accent) 20%,transparent),transparent 72%)}
.das-faq-page [data-das-transition="light-edge"] > .das-section-transition{height:1px;background:rgba(255,255,255,.30)}
.das-faq-page [data-das-transition="shadow-long"] > .das-section-transition{box-shadow:18px 24px 48px 8px rgba(0,0,0,.20)}
.das-faq-page [data-das-transition="shadow-floating"] > .das-section-transition{box-shadow:0 15px 32px 8px rgba(0,0,0,.16),0 34px 66px 10px rgba(0,0,0,.12)}
.das-faq-page [data-das-transition="shadow-glass"] > .das-section-transition{box-shadow:0 1px 0 rgba(255,255,255,.20),0 16px 38px 10px rgba(0,0,0,.18)}
.das-faq-page [data-das-transition="glow-ambient"] > .das-section-transition{height:70px;bottom:-35px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-guide-accent) 25%,transparent),transparent 70%)}
.das-faq-page [data-das-transition="glow-premium"] > .das-section-transition{height:84px;bottom:-42px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-guide-accent) 34%,transparent),transparent 72%)}
html.das-dark-mode .das-faq-page [data-das-transition="shadow-soft"] > .das-section-transition{box-shadow:0 12px 30px 11px rgba(0,0,0,.28)}
html.das-dark-mode .das-faq-page [data-das-transition="shadow-medium"] > .das-section-transition{box-shadow:0 18px 46px 16px rgba(0,0,0,.38)}
html.das-dark-mode .das-faq-page [data-das-transition="shadow-strong"] > .das-section-transition{box-shadow:0 25px 64px 22px rgba(0,0,0,.48)}
html.das-dark-mode .das-faq-page [data-das-transition="fade-soft"] > .das-section-transition{background:linear-gradient(to bottom,rgba(0,0,0,.30),transparent)}
html.das-dark-mode .das-faq-page [data-das-transition="glow-soft"] > .das-section-transition{background:radial-gradient(ellipse at 50% 0,rgba(0,0,0,.52),rgba(0,0,0,.22) 40%,transparent 74%)}
html.das-dark-mode .das-faq-page [data-das-transition="shadow-long"] > .das-section-transition{box-shadow:18px 24px 48px 8px rgba(0,0,0,.52)}
html.das-dark-mode .das-faq-page [data-das-transition="shadow-floating"] > .das-section-transition{box-shadow:0 15px 32px 8px rgba(0,0,0,.45),0 34px 66px 10px rgba(0,0,0,.38)}
html.das-dark-mode .das-faq-page [data-das-transition="shadow-glass"] > .das-section-transition{box-shadow:0 1px 0 rgba(255,255,255,.12),0 16px 38px 10px rgba(0,0,0,.46)}



/* =========================================================
 * 1.2.6 – FAQ: Kreise, Farbwelt-Karten + zentrierte +/- Controls
 * ======================================================= */

/* ---------------------------------------------------------
 * FAQ Kreise
 * Alte Guide-Pseudoelemente komplett abschalten.
 * Die sichtbaren Kreise kommen ausschließlich aus der Framework Accent-Layer.
 * --------------------------------------------------------- */
.das-faq-page .das-guide-section.accent-circles::before,
.das-faq-page .das-guide-section.accent-circles::after{
  content:none!important;
  display:none!important;
}

.das-faq-page .das-guide-section[data-das-accent="circles"]{
  position:relative!important;
  isolation:isolate!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  overflow:hidden!important;
  z-index:0!important;
  pointer-events:none!important;
  color:var(--das-guide-accent)!important;
  opacity:var(--das-guide-accent-opacity,.09)!important;
  background:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html.das-dark-mode .das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer{
  color:var(--das-guide-accent-dark,var(--das-guide-accent))!important;
  opacity:var(--das-guide-accent-dark-opacity,.05)!important;
}

.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::before,
.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  border:0!important;
  border-radius:50%!important;
  background:currentColor!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}

/* ein großer + ein kleiner ausgefüllter Kreis */
.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::before{
  width:350px!important;
  height:350px!important;
  top:-185px!important;
  right:-110px!important;
  left:auto!important;
  bottom:auto!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::after{
  width:220px!important;
  height:220px!important;
  left:-105px!important;
  bottom:-120px!important;
  right:auto!important;
  top:auto!important;
}

/* Positionen */
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-left"] > .das-section-accent-layer::before{
  left:-110px!important;right:auto!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-left"] > .das-section-accent-layer::after{
  display:none!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-right"] > .das-section-accent-layer::before{
  right:-110px!important;left:auto!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-right"] > .das-section-accent-layer::after{
  display:none!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="both"] > .das-section-accent-layer::before{
  right:-110px!important;left:auto!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="both"] > .das-section-accent-layer::after{
  display:block!important;
  width:245px!important;height:245px!important;
  left:-80px!important;top:42%!important;bottom:auto!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="bottom"] > .das-section-accent-layer::before{
  top:auto!important;bottom:-185px!important;right:-110px!important;left:auto!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="bottom"] > .das-section-accent-layer::after{
  display:none!important;
}

/* Content bleibt über Akzenten. */
.das-faq-page .das-guide-section > .das-guide-container{
  position:relative!important;
  z-index:2!important;
}


/* ---------------------------------------------------------
 * FAQ Cards folgen der Farbwelt statt festem Grau.
 * FAQ-Section ist standardmäßig "Sekundär", daher wird der
 * Kartenhintergrund aus dem aktuellen Section-Hintergrund abgeleitet.
 * --------------------------------------------------------- */
.das-faq-page .das-faq-item{
  background:color-mix(in srgb,var(--das-guide-bg) 88%,var(--das-guide-text) 12%)!important;
  border-color:color-mix(in srgb,var(--das-guide-text) 13%,transparent)!important;
  color:var(--das-guide-text)!important;
}
.das-faq-page .das-faq-toggle,
.das-faq-page .das-faq-toggle strong,
.das-faq-page .das-faq-definition,
.das-faq-page .das-faq-definition p{
  color:var(--das-guide-text)!important;
}

html.das-dark-mode .das-faq-page .das-faq-item{
  background:color-mix(in srgb,var(--das-guide-dark-bg) 82%,var(--das-guide-dark-text) 18%)!important;
  border-color:color-mix(in srgb,var(--das-guide-dark-text) 13%,transparent)!important;
  color:var(--das-guide-dark-text)!important;
}
html.das-dark-mode .das-faq-page .das-faq-toggle,
html.das-dark-mode .das-faq-page .das-faq-toggle strong,
html.das-dark-mode .das-faq-page .das-faq-definition,
html.das-dark-mode .das-faq-page .das-faq-definition p{
  color:var(--das-guide-dark-text)!important;
}

/* Suchfeld ebenfalls an Dark Mode koppeln. */
html.das-dark-mode .das-faq-page .das-faq-search{
  background:color-mix(in srgb,var(--das-guide-dark-bg) 82%,var(--das-guide-dark-text) 18%)!important;
  border-color:color-mix(in srgb,var(--das-guide-dark-text) 13%,transparent)!important;
}
html.das-dark-mode .das-faq-page .das-faq-search input{
  color:var(--das-guide-dark-text)!important;
}
html.das-dark-mode .das-faq-page .das-faq-search input::placeholder{
  color:color-mix(in srgb,var(--das-guide-dark-text) 62%,transparent)!important;
}


/* ---------------------------------------------------------
 * FAQ + / − exakt mittig
 * --------------------------------------------------------- */
.das-faq-page .das-faq-toggle > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  font-family:Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:400!important;
  text-align:center!important;
  text-indent:0!important;
  transform:none!important;
}
.das-faq-page .das-faq-toggle[aria-expanded="true"] > span{
  padding-bottom:2px!important;
}


/* ---------------------------------------------------------
 * Glossar + / − ebenfalls exakt mittig
 * --------------------------------------------------------- */
.das-glossary-page .das-glossary-toggle > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  font-family:Arial,sans-serif!important;
  font-size:20px!important;
  font-weight:400!important;
  text-align:center!important;
  text-indent:0!important;
  transform:none!important;
}
.das-glossary-page .das-glossary-toggle[aria-expanded="true"] > span{
  padding-bottom:2px!important;
}


/* =========================================================
 * 1.2.7 – FAQ Akzente: strikt section-lokal, Übergänge separat
 * ======================================================= */

/* ---------------------------------------------------------
 * WICHTIG:
 * Alte Guide-Akzente vollständig deaktivieren.
 * FAQ verwendet ausschließlich .das-section-accent-layer.
 * --------------------------------------------------------- */
.das-faq-page .das-guide-section.accent-circles::before,
.das-faq-page .das-guide-section.accent-circles::after,
.das-faq-page .das-guide-section.accent-glow::before,
.das-faq-page .das-guide-section.accent-glow::after,
.das-faq-page .das-guide-section.accent-dots::before,
.das-faq-page .das-guide-section.accent-dots::after,
.das-faq-page .das-guide-section.accent-lines::before,
.das-faq-page .das-guide-section.accent-lines::after,
.das-faq-page .das-guide-section.accent-waves::before,
.das-faq-page .das-guide-section.accent-waves::after,
.das-faq-page .das-guide-section.accent-noise::before,
.das-faq-page .das-guide-section.accent-noise::after,
.das-faq-page .das-guide-section.accent-glass::before,
.das-faq-page .das-guide-section.accent-glass::after,
.das-faq-page .das-guide-section.accent-diagonal::before,
.das-faq-page .das-guide-section.accent-diagonal::after{
  content:none!important;
  display:none!important;
}

/* ---------------------------------------------------------
 * Section bleibt Übergangs-Host.
 * Akzent-Layer selbst ist aber exakt auf die Section begrenzt.
 * --------------------------------------------------------- */
.das-faq-page .das-guide-section[data-das-accent]{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* eigener Clip-Container */
.das-faq-page .das-guide-section[data-das-accent] > .das-section-accent-layer{
  display:block!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  transform:none!important;
  overflow:hidden!important;
  clip-path:inset(0)!important;
  z-index:0!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
  color:var(--das-guide-accent)!important;
  opacity:var(--das-guide-accent-opacity,.09)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html.das-dark-mode .das-faq-page .das-guide-section[data-das-accent] > .das-section-accent-layer{
  color:var(--das-guide-accent-dark,var(--das-guide-accent))!important;
  opacity:var(--das-guide-accent-dark-opacity,.05)!important;
}

/* Content immer über Akzent */
.das-faq-page .das-guide-section[data-das-accent] > .das-guide-container{
  position:relative!important;
  z-index:2!important;
}

/* Übergang darf bewusst außerhalb der Section sichtbar bleiben */
.das-faq-page .das-guide-section[data-das-accent] > .das-section-transition{
  z-index:5!important;
  overflow:visible!important;
}


/* ---------------------------------------------------------
 * KREISE – echte gefüllte Kreise
 * --------------------------------------------------------- */
.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer{
  background:none!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::before,
.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  border:0!important;
  border-radius:50%!important;
  background:currentColor!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::before{
  width:330px!important;height:330px!important;
  top:-155px!important;right:-75px!important;
  left:auto!important;bottom:auto!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::after{
  width:210px!important;height:210px!important;
  left:-60px!important;bottom:-80px!important;
  right:auto!important;top:auto!important;
}

/* Position: links */
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-left"] > .das-section-accent-layer::before{
  left:-75px!important;right:auto!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-left"] > .das-section-accent-layer::after{
  display:none!important;
}

/* Position: rechts */
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-right"] > .das-section-accent-layer::before{
  right:-75px!important;left:auto!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-right"] > .das-section-accent-layer::after{
  display:none!important;
}

/* Position: beide Seiten */
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="both"] > .das-section-accent-layer::before{
  right:-75px!important;left:auto!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="both"] > .das-section-accent-layer::after{
  display:block!important;
  width:240px!important;height:240px!important;
  left:-55px!important;top:32%!important;bottom:auto!important;
}

/* Position: unten */
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="bottom"] > .das-section-accent-layer::before{
  top:auto!important;bottom:-155px!important;
  right:-75px!important;left:auto!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="bottom"] > .das-section-accent-layer::after{
  display:none!important;
}


/* ---------------------------------------------------------
 * GLOW
 * --------------------------------------------------------- */
.das-faq-page .das-guide-section[data-das-accent="glow"] > .das-section-accent-layer{
  background:none!important;
}
.das-faq-page .das-guide-section[data-das-accent="glow"] > .das-section-accent-layer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:520px!important;height:420px!important;
  right:-170px!important;top:-190px!important;
  border-radius:50%!important;
  background:currentColor!important;
  filter:blur(90px)!important;
  opacity:.85!important;
}


/* ---------------------------------------------------------
 * DOTS
 * --------------------------------------------------------- */
.das-faq-page .das-guide-section[data-das-accent="dots"] > .das-section-accent-layer{
  background-image:radial-gradient(currentColor 1.6px,transparent 1.7px)!important;
  background-size:24px 24px!important;
  background-position:0 0!important;
  -webkit-mask-image:linear-gradient(105deg,#000 0%,#000 20%,transparent 68%)!important;
  mask-image:linear-gradient(105deg,#000 0%,#000 20%,transparent 68%)!important;
}


/* ---------------------------------------------------------
 * LINIEN
 * --------------------------------------------------------- */
.das-faq-page .das-guide-section[data-das-accent="lines"] > .das-section-accent-layer{
  background:repeating-linear-gradient(135deg,currentColor 0 2px,transparent 2px 20px)!important;
  opacity:calc(var(--das-guide-accent-opacity,.09) * .7)!important;
}


/* ---------------------------------------------------------
 * WELLEN
 * --------------------------------------------------------- */
.das-faq-page .das-guide-section[data-das-accent="waves"] > .das-section-accent-layer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:520px!important;height:260px!important;
  right:-90px!important;top:22%!important;
  border:34px solid currentColor!important;
  border-left-color:transparent!important;
  border-right-color:transparent!important;
  border-radius:50%!important;
  transform:rotate(-8deg)!important;
}


/* ---------------------------------------------------------
 * FEINE STRUKTUR / NOISE
 * --------------------------------------------------------- */
.das-faq-page .das-guide-section[data-das-accent="noise"] > .das-section-accent-layer{
  background-image:
    radial-gradient(currentColor .7px,transparent .8px),
    radial-gradient(currentColor .7px,transparent .8px)!important;
  background-size:13px 13px,17px 17px!important;
  background-position:0 0,7px 9px!important;
  opacity:calc(var(--das-guide-accent-opacity,.09) * .55)!important;
}


/* ---------------------------------------------------------
 * GLASS SHAPES
 * --------------------------------------------------------- */
.das-faq-page .das-guide-section[data-das-accent="glass"] > .das-section-accent-layer::before,
.das-faq-page .das-guide-section[data-das-accent="glass"] > .das-section-accent-layer::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  background:currentColor!important;
  border:1px solid color-mix(in srgb,currentColor 30%,transparent)!important;
  filter:none!important;
  opacity:.7!important;
}
.das-faq-page .das-guide-section[data-das-accent="glass"] > .das-section-accent-layer::before{
  width:310px!important;height:180px!important;
  right:-70px!important;top:50px!important;
  border-radius:42px!important;
  transform:rotate(13deg)!important;
}
.das-faq-page .das-guide-section[data-das-accent="glass"] > .das-section-accent-layer::after{
  width:210px!important;height:150px!important;
  left:-60px!important;bottom:36px!important;
  border-radius:36px!important;
  transform:rotate(-12deg)!important;
}


/* ---------------------------------------------------------
 * DIAGONALE FLÄCHEN
 * --------------------------------------------------------- */
.das-faq-page .das-guide-section[data-das-accent="diagonal"] > .das-section-accent-layer::before,
.das-faq-page .das-guide-section[data-das-accent="diagonal"] > .das-section-accent-layer::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  background:currentColor!important;
  border:0!important;
  opacity:1!important;
}
.das-faq-page .das-guide-section[data-das-accent="diagonal"] > .das-section-accent-layer::before{
  width:42%!important;height:145%!important;
  right:-10%!important;top:-22%!important;
  transform:skewX(-18deg)!important;
}
.das-faq-page .das-guide-section[data-das-accent="diagonal"] > .das-section-accent-layer::after{
  width:20%!important;height:110%!important;
  right:18%!important;top:-5%!important;
  transform:skewX(13deg)!important;
  opacity:.55!important;
}


/* ---------------------------------------------------------
 * Positionierung für Nicht-Kreis-Akzente
 * --------------------------------------------------------- */
.das-faq-page .das-guide-section[data-das-accent-position="top-left"] > .das-section-accent-layer{
  transform:scaleX(-1)!important;
}
.das-faq-page .das-guide-section[data-das-accent-position="bottom"] > .das-section-accent-layer{
  transform:scaleY(-1)!important;
}
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-left"] > .das-section-accent-layer,
.das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="bottom"] > .das-section-accent-layer{
  transform:none!important;
}

/* both: Layer nicht spiegeln; Pseudo-Elemente des jeweiligen Musters bleiben innerhalb */
.das-faq-page .das-guide-section[data-das-accent-position="both"] > .das-section-accent-layer{
  transform:none!important;
}


/* Mobile etwas kleiner */
@media(max-width:680px){
  .das-faq-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::before{
    width:230px!important;height:230px!important;
    top:-105px!important;right:-70px!important;
  }
  .das-faq-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="both"] > .das-section-accent-layer::after{
    width:160px!important;height:160px!important;
    left:-55px!important;
  }
}


/* =========================================================
 * 1.2.9 – Checklisten Akzente: strikt section-lokal, Übergänge separat
 * ======================================================= */

/* ---------------------------------------------------------
 * WICHTIG:
 * Alte Guide-Akzente vollständig deaktivieren.
 * FAQ verwendet ausschließlich .das-section-accent-layer.
 * --------------------------------------------------------- */
.das-checklists-page .das-guide-section.accent-circles::before,
.das-checklists-page .das-guide-section.accent-circles::after,
.das-checklists-page .das-guide-section.accent-glow::before,
.das-checklists-page .das-guide-section.accent-glow::after,
.das-checklists-page .das-guide-section.accent-dots::before,
.das-checklists-page .das-guide-section.accent-dots::after,
.das-checklists-page .das-guide-section.accent-lines::before,
.das-checklists-page .das-guide-section.accent-lines::after,
.das-checklists-page .das-guide-section.accent-waves::before,
.das-checklists-page .das-guide-section.accent-waves::after,
.das-checklists-page .das-guide-section.accent-noise::before,
.das-checklists-page .das-guide-section.accent-noise::after,
.das-checklists-page .das-guide-section.accent-glass::before,
.das-checklists-page .das-guide-section.accent-glass::after,
.das-checklists-page .das-guide-section.accent-diagonal::before,
.das-checklists-page .das-guide-section.accent-diagonal::after{
  content:none!important;
  display:none!important;
}

/* ---------------------------------------------------------
 * Section bleibt Übergangs-Host.
 * Akzent-Layer selbst ist aber exakt auf die Section begrenzt.
 * --------------------------------------------------------- */
.das-checklists-page .das-guide-section[data-das-accent]{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* eigener Clip-Container */
.das-checklists-page .das-guide-section[data-das-accent] > .das-section-accent-layer{
  display:block!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  transform:none!important;
  overflow:hidden!important;
  clip-path:inset(0)!important;
  z-index:0!important;
  pointer-events:none!important;
  box-sizing:border-box!important;
  color:var(--das-guide-accent)!important;
  opacity:var(--das-guide-accent-opacity,.09)!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html.das-dark-mode .das-checklists-page .das-guide-section[data-das-accent] > .das-section-accent-layer{
  color:var(--das-guide-accent-dark,var(--das-guide-accent))!important;
  opacity:var(--das-guide-accent-dark-opacity,.05)!important;
}

/* Content immer über Akzent */
.das-checklists-page .das-guide-section[data-das-accent] > .das-guide-container{
  position:relative!important;
  z-index:2!important;
}

/* Übergang darf bewusst außerhalb der Section sichtbar bleiben */
.das-checklists-page .das-guide-section[data-das-accent] > .das-section-transition{
  z-index:5!important;
  overflow:visible!important;
}


/* ---------------------------------------------------------
 * KREISE – echte gefüllte Kreise
 * --------------------------------------------------------- */
.das-checklists-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer{
  background:none!important;
}
.das-checklists-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::before,
.das-checklists-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  border:0!important;
  border-radius:50%!important;
  background:currentColor!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}
.das-checklists-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::before{
  width:330px!important;height:330px!important;
  top:-155px!important;right:-75px!important;
  left:auto!important;bottom:auto!important;
}
.das-checklists-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::after{
  width:210px!important;height:210px!important;
  left:-60px!important;bottom:-80px!important;
  right:auto!important;top:auto!important;
}

/* Position: links */
.das-checklists-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-left"] > .das-section-accent-layer::before{
  left:-75px!important;right:auto!important;
}
.das-checklists-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-left"] > .das-section-accent-layer::after{
  display:none!important;
}

/* Position: rechts */
.das-checklists-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-right"] > .das-section-accent-layer::before{
  right:-75px!important;left:auto!important;
}
.das-checklists-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-right"] > .das-section-accent-layer::after{
  display:none!important;
}

/* Position: beide Seiten */
.das-checklists-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="both"] > .das-section-accent-layer::before{
  right:-75px!important;left:auto!important;
}
.das-checklists-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="both"] > .das-section-accent-layer::after{
  display:block!important;
  width:240px!important;height:240px!important;
  left:-55px!important;top:32%!important;bottom:auto!important;
}

/* Position: unten */
.das-checklists-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="bottom"] > .das-section-accent-layer::before{
  top:auto!important;bottom:-155px!important;
  right:-75px!important;left:auto!important;
}
.das-checklists-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="bottom"] > .das-section-accent-layer::after{
  display:none!important;
}


/* ---------------------------------------------------------
 * GLOW
 * --------------------------------------------------------- */
.das-checklists-page .das-guide-section[data-das-accent="glow"] > .das-section-accent-layer{
  background:none!important;
}
.das-checklists-page .das-guide-section[data-das-accent="glow"] > .das-section-accent-layer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:520px!important;height:420px!important;
  right:-170px!important;top:-190px!important;
  border-radius:50%!important;
  background:currentColor!important;
  filter:blur(90px)!important;
  opacity:.85!important;
}


/* ---------------------------------------------------------
 * DOTS
 * --------------------------------------------------------- */
.das-checklists-page .das-guide-section[data-das-accent="dots"] > .das-section-accent-layer{
  background-image:radial-gradient(currentColor 1.6px,transparent 1.7px)!important;
  background-size:24px 24px!important;
  background-position:0 0!important;
  -webkit-mask-image:linear-gradient(105deg,#000 0%,#000 20%,transparent 68%)!important;
  mask-image:linear-gradient(105deg,#000 0%,#000 20%,transparent 68%)!important;
}


/* ---------------------------------------------------------
 * LINIEN
 * --------------------------------------------------------- */
.das-checklists-page .das-guide-section[data-das-accent="lines"] > .das-section-accent-layer{
  background:repeating-linear-gradient(135deg,currentColor 0 2px,transparent 2px 20px)!important;
  opacity:calc(var(--das-guide-accent-opacity,.09) * .7)!important;
}


/* ---------------------------------------------------------
 * WELLEN
 * --------------------------------------------------------- */
.das-checklists-page .das-guide-section[data-das-accent="waves"] > .das-section-accent-layer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:520px!important;height:260px!important;
  right:-90px!important;top:22%!important;
  border:34px solid currentColor!important;
  border-left-color:transparent!important;
  border-right-color:transparent!important;
  border-radius:50%!important;
  transform:rotate(-8deg)!important;
}


/* ---------------------------------------------------------
 * FEINE STRUKTUR / NOISE
 * --------------------------------------------------------- */
.das-checklists-page .das-guide-section[data-das-accent="noise"] > .das-section-accent-layer{
  background-image:
    radial-gradient(currentColor .7px,transparent .8px),
    radial-gradient(currentColor .7px,transparent .8px)!important;
  background-size:13px 13px,17px 17px!important;
  background-position:0 0,7px 9px!important;
  opacity:calc(var(--das-guide-accent-opacity,.09) * .55)!important;
}


/* ---------------------------------------------------------
 * GLASS SHAPES
 * --------------------------------------------------------- */
.das-checklists-page .das-guide-section[data-das-accent="glass"] > .das-section-accent-layer::before,
.das-checklists-page .das-guide-section[data-das-accent="glass"] > .das-section-accent-layer::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  background:currentColor!important;
  border:1px solid color-mix(in srgb,currentColor 30%,transparent)!important;
  filter:none!important;
  opacity:.7!important;
}
.das-checklists-page .das-guide-section[data-das-accent="glass"] > .das-section-accent-layer::before{
  width:310px!important;height:180px!important;
  right:-70px!important;top:50px!important;
  border-radius:42px!important;
  transform:rotate(13deg)!important;
}
.das-checklists-page .das-guide-section[data-das-accent="glass"] > .das-section-accent-layer::after{
  width:210px!important;height:150px!important;
  left:-60px!important;bottom:36px!important;
  border-radius:36px!important;
  transform:rotate(-12deg)!important;
}


/* ---------------------------------------------------------
 * DIAGONALE FLÄCHEN
 * --------------------------------------------------------- */
.das-checklists-page .das-guide-section[data-das-accent="diagonal"] > .das-section-accent-layer::before,
.das-checklists-page .das-guide-section[data-das-accent="diagonal"] > .das-section-accent-layer::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  background:currentColor!important;
  border:0!important;
  opacity:1!important;
}
.das-checklists-page .das-guide-section[data-das-accent="diagonal"] > .das-section-accent-layer::before{
  width:42%!important;height:145%!important;
  right:-10%!important;top:-22%!important;
  transform:skewX(-18deg)!important;
}
.das-checklists-page .das-guide-section[data-das-accent="diagonal"] > .das-section-accent-layer::after{
  width:20%!important;height:110%!important;
  right:18%!important;top:-5%!important;
  transform:skewX(13deg)!important;
  opacity:.55!important;
}


/* ---------------------------------------------------------
 * Positionierung für Nicht-Kreis-Akzente
 * --------------------------------------------------------- */
.das-checklists-page .das-guide-section[data-das-accent-position="top-left"] > .das-section-accent-layer{
  transform:scaleX(-1)!important;
}
.das-checklists-page .das-guide-section[data-das-accent-position="bottom"] > .das-section-accent-layer{
  transform:scaleY(-1)!important;
}
.das-checklists-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="top-left"] > .das-section-accent-layer,
.das-checklists-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="bottom"] > .das-section-accent-layer{
  transform:none!important;
}

/* both: Layer nicht spiegeln; Pseudo-Elemente des jeweiligen Musters bleiben innerhalb */
.das-checklists-page .das-guide-section[data-das-accent-position="both"] > .das-section-accent-layer{
  transform:none!important;
}


/* Mobile etwas kleiner */
@media(max-width:680px){
  .das-checklists-page .das-guide-section[data-das-accent="circles"] > .das-section-accent-layer::before{
    width:230px!important;height:230px!important;
    top:-105px!important;right:-70px!important;
  }
  .das-checklists-page .das-guide-section[data-das-accent="circles"][data-das-accent-position="both"] > .das-section-accent-layer::after{
    width:160px!important;height:160px!important;
    left:-55px!important;
  }
}


/* =========================================================
 * 1.2.9 – Immobilien-Checklisten
 * ======================================================= */
.das-checklists-page .das-checklists-section,
.das-checklists-page .das-checklists-cta{position:relative}
.das-checklist-tools{display:flex;gap:24px;align-items:center;justify-content:space-between;margin:34px 0 28px;position:relative;z-index:2}
.das-checklist-filters{display:flex;gap:10px;flex-wrap:wrap}
.das-checklist-filters button,
.das-checklist-reset,.das-checklist-print{
  appearance:none;border:1px solid color-mix(in srgb,var(--das-guide-accent) 32%,transparent);
  background:transparent;color:var(--das-guide-text);border-radius:999px;padding:10px 16px;
  font:inherit;cursor:pointer;transition:.2s ease
}
.das-checklist-filters button:hover,.das-checklist-filters button.is-active{
  background:var(--das-guide-accent);border-color:var(--das-guide-accent);color:#fff
}
.das-checklist-search{min-width:260px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid color-mix(in srgb,var(--das-guide-text) 16%,transparent);border-radius:14px;background:color-mix(in srgb,var(--das-guide-bg) 92%,transparent)}
.das-checklist-search .dashicons{color:var(--das-guide-accent)}
.das-checklist-search input{width:100%;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--das-guide-text)!important;padding:13px 0!important;outline:0}
.das-checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;position:relative;z-index:2;align-items:start}
.das-checklist-card{border:1px solid color-mix(in srgb,var(--das-guide-text) 13%,transparent);border-radius:20px;background:color-mix(in srgb,var(--das-guide-bg) 94%,var(--das-guide-text) 6%);overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.045)}
.das-checklist-card-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;border:0;background:transparent;color:var(--das-guide-text);padding:22px 22px 20px;cursor:pointer;font:inherit}
.das-checklist-card-head>span{display:flex;flex-direction:column;gap:5px}
.das-checklist-card-head small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--das-guide-accent);font-weight:600}
.das-checklist-card-head strong{font-family:var(--das-section-heading-font,inherit);font-size:21px;line-height:1.25}
.das-checklist-card-head em{font-style:normal;opacity:.68;font-size:14px;line-height:1.45}
.das-checklist-card-head>i{font-style:normal;flex:0 0 34px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;line-height:1;background:color-mix(in srgb,var(--das-guide-accent) 13%,transparent);color:var(--das-guide-accent);font-size:21px}
.das-checklist-card-body{padding:0 22px 22px;border-top:1px solid color-mix(in srgb,var(--das-guide-text) 10%,transparent)}
.das-checklist-progress{padding:18px 0 16px}
.das-checklist-progress>div{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:13px;margin-bottom:9px}
.das-checklist-progress .percent{color:var(--das-guide-accent);font-weight:700}
.das-checklist-progress>b{height:7px;border-radius:99px;background:color-mix(in srgb,var(--das-guide-text) 10%,transparent);display:block;overflow:hidden}
.das-checklist-progress>b>i{display:block;width:0;height:100%;border-radius:inherit;background:var(--das-guide-accent);transition:width .25s ease}
.das-checklist-items{display:grid;gap:9px}
.das-checklist-items label{display:flex;align-items:flex-start;gap:11px;padding:11px 12px;border-radius:12px;background:color-mix(in srgb,var(--das-guide-text) 4%,transparent);cursor:pointer;line-height:1.45}
.das-checklist-items input{appearance:none;-webkit-appearance:none;width:20px;height:20px;flex:0 0 20px;border:1.5px solid color-mix(in srgb,var(--das-guide-text) 35%,transparent);border-radius:6px;margin:1px 0 0;display:grid;place-items:center;background:transparent}
.das-checklist-items input:checked{background:var(--das-guide-accent);border-color:var(--das-guide-accent)}
.das-checklist-items input:checked:after{content:"✓";color:#fff;font-size:13px;font-weight:800;line-height:1}
.das-checklist-items input:checked+span{text-decoration:line-through;opacity:.6}
.das-checklist-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--das-guide-text) 9%,transparent)}
.das-checklist-print{background:var(--das-guide-accent);border-color:var(--das-guide-accent);color:#fff}
.das-checklist-empty{position:relative;z-index:2;padding:24px;border:1px dashed color-mix(in srgb,var(--das-guide-text) 20%,transparent);border-radius:16px;text-align:center}
.das-checklists-cta .das-guide-container{text-align:center}
.das-checklist-cta-button{display:inline-flex;margin-top:24px;padding:13px 22px;border-radius:12px;background:var(--das-guide-accent);color:#fff!important;text-decoration:none!important;font-weight:700}

html.das-dark-mode .das-checklist-card{background:color-mix(in srgb,var(--das-guide-dark-bg) 88%,#fff 12%);border-color:color-mix(in srgb,var(--das-guide-dark-text) 15%,transparent)}
html.das-dark-mode .das-checklist-card-head,
html.das-dark-mode .das-checklist-filters button,
html.das-dark-mode .das-checklist-reset{color:var(--das-guide-dark-text)}
html.das-dark-mode .das-checklist-search{background:color-mix(in srgb,var(--das-guide-dark-bg) 88%,#fff 12%);border-color:color-mix(in srgb,var(--das-guide-dark-text) 14%,transparent)}
html.das-dark-mode .das-checklist-search input{color:var(--das-guide-dark-text)!important}
html.das-dark-mode .das-checklist-items label{background:color-mix(in srgb,var(--das-guide-dark-text) 7%,transparent)}

@media(max-width:800px){
 .das-checklist-tools{align-items:stretch;flex-direction:column}
 .das-checklist-search{min-width:0;width:100%}
 .das-checklist-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
 .das-checklist-card-head{padding:18px}
 .das-checklist-card-body{padding:0 18px 18px}
 .das-checklist-actions{justify-content:stretch}
 .das-checklist-actions button{flex:1}
}

@media print{
 body *{visibility:hidden!important}
 .das-checklist-card.is-printing,.das-checklist-card.is-printing *{visibility:visible!important}
 .das-checklist-card.is-printing{position:absolute!important;left:0!important;top:0!important;width:100%!important;border:0!important;box-shadow:none!important;background:#fff!important;color:#111!important}
 .das-checklist-card.is-printing .das-checklist-card-body{display:block!important}
 .das-checklist-card.is-printing .das-checklist-actions{display:none!important}
}



/* =========================================================
 * 1.2.10 – Checklisten Hero-Bild + Sectionübergänge 1:1 Framework
 * ======================================================= */

/* Hero exakt wie FAQ/Glossar */
.das-checklists-page .das-guide-hero{
  position:relative;
  overflow:hidden;
  min-height:var(--das-ghd,500px);
  display:flex;
  align-items:stretch;
  background-image:
    linear-gradient(rgba(0,0,0,var(--das-go,.42)),rgba(0,0,0,var(--das-go,.42))),
    var(--das-hero-image);
  background-size:cover;
  background-position:center var(--das-hero-position,center);
  background-repeat:no-repeat;
}
.das-checklists-page .das-guide-hero video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0
}
.das-checklists-page .das-guide-hero > .das-guide-container{
  display:flex;
  width:min(1180px,calc(100% - 40px));
  min-height:inherit;
  margin:0 auto;
  position:relative;
  z-index:3;
}
.das-checklists-page .das-guide-hero > .das-guide-container.hero-pos-top{align-items:flex-start;padding-top:60px}
.das-checklists-page .das-guide-hero > .das-guide-container.hero-pos-center{align-items:center}
.das-checklists-page .das-guide-hero > .das-guide-container.hero-pos-bottom{align-items:flex-end;padding-bottom:60px}
.das-checklists-page .das-guide-hero-copy.is-left{margin-right:auto;text-align:left}
.das-checklists-page .das-guide-hero-copy.is-center{margin-left:auto;margin-right:auto;text-align:center}
.das-checklists-page .das-guide-hero-copy.is-right{margin-left:auto;text-align:right}

/* Sectionübergänge exakt wie beim funktionierenden Glossar */
.das-checklists-page [data-das-transition]{
  position:relative;
  overflow:visible;
  isolation:isolate;
}
.das-checklists-page [data-das-transition] > :not(.das-section-transition):not(.das-section-accent-layer){
  position:relative;
  z-index:2;
}
.das-checklists-page [data-das-transition] > .das-section-transition{
  position:absolute;
  z-index:5;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  pointer-events:none;
  display:block;
  overflow:visible;
}
.das-checklists-page [data-das-transition="shadow-soft"] > .das-section-transition{box-shadow:0 12px 28px 10px rgba(0,0,0,.09)}
.das-checklists-page [data-das-transition="shadow-medium"] > .das-section-transition{box-shadow:0 18px 42px 15px rgba(0,0,0,.14)}
.das-checklists-page [data-das-transition="shadow-strong"] > .das-section-transition{box-shadow:0 24px 58px 20px rgba(0,0,0,.20)}
.das-checklists-page [data-das-transition="fade-soft"] > .das-section-transition{height:54px;bottom:-54px;background:linear-gradient(to bottom,rgba(0,0,0,.14),transparent)}
.das-checklists-page [data-das-transition="glow-soft"] > .das-section-transition{height:72px;bottom:-36px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-guide-accent) 20%,transparent),transparent 72%)}
.das-checklists-page [data-das-transition="light-edge"] > .das-section-transition{height:1px;background:rgba(255,255,255,.30)}
.das-checklists-page [data-das-transition="shadow-long"] > .das-section-transition{box-shadow:18px 24px 48px 8px rgba(0,0,0,.20)}
.das-checklists-page [data-das-transition="shadow-floating"] > .das-section-transition{box-shadow:0 15px 32px 8px rgba(0,0,0,.16),0 34px 66px 10px rgba(0,0,0,.12)}
.das-checklists-page [data-das-transition="shadow-glass"] > .das-section-transition{box-shadow:0 1px 0 rgba(255,255,255,.20),0 16px 38px 10px rgba(0,0,0,.18)}
.das-checklists-page [data-das-transition="glow-ambient"] > .das-section-transition{height:70px;bottom:-35px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-guide-accent) 25%,transparent),transparent 70%)}
.das-checklists-page [data-das-transition="glow-premium"] > .das-section-transition{height:84px;bottom:-42px;background:radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--das-guide-accent) 34%,transparent),transparent 72%)}

html.das-dark-mode .das-checklists-page [data-das-transition="shadow-soft"] > .das-section-transition{box-shadow:0 12px 30px 11px rgba(0,0,0,.28)}
html.das-dark-mode .das-checklists-page [data-das-transition="shadow-medium"] > .das-section-transition{box-shadow:0 18px 46px 16px rgba(0,0,0,.38)}
html.das-dark-mode .das-checklists-page [data-das-transition="shadow-strong"] > .das-section-transition{box-shadow:0 25px 64px 22px rgba(0,0,0,.48)}
html.das-dark-mode .das-checklists-page [data-das-transition="fade-soft"] > .das-section-transition{background:linear-gradient(to bottom,rgba(0,0,0,.30),transparent)}
html.das-dark-mode .das-checklists-page [data-das-transition="glow-soft"] > .das-section-transition{background:radial-gradient(ellipse at 50% 0,rgba(0,0,0,.52),rgba(0,0,0,.22) 40%,transparent 74%)}
html.das-dark-mode .das-checklists-page [data-das-transition="shadow-long"] > .das-section-transition{box-shadow:18px 24px 48px 8px rgba(0,0,0,.52)}
html.das-dark-mode .das-checklists-page [data-das-transition="shadow-floating"] > .das-section-transition{box-shadow:0 15px 32px 8px rgba(0,0,0,.45),0 34px 66px 10px rgba(0,0,0,.38)}
html.das-dark-mode .das-checklists-page [data-das-transition="shadow-glass"] > .das-section-transition{box-shadow:0 1px 0 rgba(255,255,255,.12),0 16px 38px 10px rgba(0,0,0,.46)}

@media(max-width:1024px){
  .das-checklists-page .das-guide-hero{min-height:var(--das-ght,440px)}
}
@media(max-width:680px){
  .das-checklists-page .das-guide-hero{min-height:var(--das-ghm,380px)}
  .das-checklists-page .das-guide-hero > .das-guide-container{width:min(100% - 28px,1180px)}
  .das-checklists-page .das-guide-hero > .das-guide-container.hero-pos-top{padding-top:34px}
  .das-checklists-page .das-guide-hero > .das-guide-container.hero-pos-bottom{padding-bottom:34px}
  .das-checklists-page .das-video-desktop-only{display:none!important}
}



/* =========================================================
 * 1.2.11 – Checklisten Feinschliff
 * Dark-Mode Controls + Framework Glass Shapes + Print Sheet
 * ======================================================= */

/* ---------------------------------------------------------
 * Dark Mode: Controls an dieselbe Farbrolle wie Floating Buttons.
 * --------------------------------------------------------- */
html.das-dark-mode .das-checklists-page .das-checklist-card{
  background:color-mix(in srgb,var(--das-guide-dark-bg) 90%,var(--das-accent-soft,#ead8d8) 10%)!important;
  border-color:color-mix(in srgb,var(--das-accent-soft,#ead8d8) 24%,transparent)!important;
}
html.das-dark-mode .das-checklists-page .das-checklist-card-head>i{
  background:var(--das-accent-soft,#ead8d8)!important;
  color:var(--das-accent,#8f2020)!important;
  border:0!important;
}
html.das-dark-mode .das-checklists-page .das-checklist-card-head small,
html.das-dark-mode .das-checklists-page .das-checklist-progress .percent{
  color:var(--das-accent-soft,#ead8d8)!important;
}
html.das-dark-mode .das-checklists-page .das-checklist-progress>b>i,
html.das-dark-mode .das-checklists-page .das-checklist-items input:checked{
  background:var(--das-accent-soft,#ead8d8)!important;
  border-color:var(--das-accent-soft,#ead8d8)!important;
}
html.das-dark-mode .das-checklists-page .das-checklist-items input:checked:after{
  color:var(--das-accent,#8f2020)!important;
}

/* ---------------------------------------------------------
 * Glass Shapes: exakt die etablierte Property-/Unterkunft-Variante.
 * --------------------------------------------------------- */
.das-checklists-page .das-guide-section[data-das-accent="glass"] > .das-section-accent-layer{
  background:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.das-checklists-page .das-guide-section[data-das-accent="glass"] > .das-section-accent-layer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:360px!important;
  height:210px!important;
  right:-70px!important;
  left:auto!important;
  top:-55px!important;
  bottom:auto!important;
  border-radius:54px!important;
  background:linear-gradient(135deg,currentColor,transparent 72%)!important;
  border:1px solid currentColor!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 28px 70px rgba(0,0,0,.08)!important;
  transform:rotate(-9deg)!important;
  filter:blur(.15px)!important;
  opacity:1!important;
}
.das-checklists-page .das-guide-section[data-das-accent="glass"] > .das-section-accent-layer::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:210px!important;
  height:210px!important;
  left:-72px!important;
  right:auto!important;
  bottom:-82px!important;
  top:auto!important;
  border-radius:50%!important;
  border:28px solid currentColor!important;
  background:transparent!important;
  box-shadow:0 24px 65px rgba(0,0,0,.06)!important;
  transform:none!important;
  opacity:1!important;
}
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="top-left"] > .das-section-accent-layer::before{
  left:-70px!important;right:auto!important;
}
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="top-left"] > .das-section-accent-layer::after,
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="top-right"] > .das-section-accent-layer::after{
  display:none!important;
}
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::after{
  display:block!important;
}
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="bottom"] > .das-section-accent-layer::before{
  top:auto!important;bottom:-70px!important;
}
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="bottom"] > .das-section-accent-layer::after{
  display:none!important;
}

/* ---------------------------------------------------------
 * Eigenständiges Druckblatt: keine Theme-/Header-/Layout-Leerräume mehr.
 * --------------------------------------------------------- */
.das-checklist-print-sheet{display:none}

@media print{
  @page{size:A4 portrait;margin:12mm 14mm}

  html.das-checklist-print-mode,
  html.das-checklist-print-mode body{
    margin:0!important;
    padding:0!important;
    min-height:0!important;
    height:auto!important;
    background:#fff!important;
  }
  html.das-checklist-print-mode body > *:not(.das-checklist-print-sheet){
    display:none!important;
  }
  html.das-checklist-print-mode .das-checklist-print-sheet{
    display:block!important;
    position:static!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    color:#111!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:10.5pt!important;
    line-height:1.35!important;
  }
  .das-checklist-print-sheet header{
    margin:0 0 6mm!important;
    padding:0 0 4mm!important;
    border-bottom:1px solid #ddd!important;
    break-after:avoid!important;
  }
  .das-checklist-print-sheet header small{
    display:block!important;
    margin:0 0 2mm!important;
    color:#555!important;
    font-size:8pt!important;
    font-weight:700!important;
    letter-spacing:.10em!important;
    text-transform:uppercase!important;
  }
  .das-checklist-print-sheet h1{
    margin:0!important;
    color:#111!important;
    font-size:19pt!important;
    line-height:1.15!important;
  }
  .das-checklist-print-sheet header p{
    margin:2mm 0 0!important;
    color:#555!important;
    font-size:9.5pt!important;
  }
  .das-checklist-print-sheet .das-print-progress{
    display:flex!important;
    justify-content:space-between!important;
    gap:10mm!important;
    margin:0 0 5mm!important;
    padding:0!important;
    color:#333!important;
    font-size:9pt!important;
    break-after:avoid!important;
  }
  .das-checklist-print-sheet .das-print-progress strong{
    font-weight:700!important;
  }
  .das-checklist-print-sheet .das-print-items{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .das-checklist-print-sheet .das-print-items>div{
    display:flex!important;
    align-items:flex-start!important;
    gap:3mm!important;
    padding:2.6mm 0!important;
    border-bottom:1px solid #ececec!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
  }
  .das-checklist-print-sheet .das-print-box{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 4.5mm!important;
    width:4.5mm!important;
    height:4.5mm!important;
    border:1px solid #999!important;
    border-radius:1.2mm!important;
    color:#111!important;
    font-size:8pt!important;
    font-weight:700!important;
    line-height:1!important;
    box-sizing:border-box!important;
  }
  .das-checklist-print-sheet .is-checked .das-print-box{
    background:#eee!important;
  }
  .das-checklist-print-sheet .is-checked>span:last-child{
    color:#666!important;
    text-decoration:line-through!important;
  }
}



/* =========================================================
 * 1.2.12 – Wissenswertes Dark-Mode Farblogik vereinheitlicht
 * FAQ + Glossar + Rechner = dieselbe Accent-Soft-Logik wie Checklisten.
 * Checklisten Glass "beide Seiten" = zwei echte Glass Shapes.
 * ======================================================= */

/* FAQ: + / - im Dark Mode wie Checklisten/Floating Buttons */
html.das-dark-mode .das-faq-page .das-faq-toggle > span{
  background:var(--das-accent-soft,#ead8d8)!important;
  color:var(--das-accent,#8f2020)!important;
  border-color:transparent!important;
}
html.das-dark-mode .das-faq-page .das-faq-toggle[aria-expanded="true"] > span{
  background:var(--das-accent-soft,#ead8d8)!important;
  color:var(--das-accent,#8f2020)!important;
}

/* Glossar: Buchstaben dürfen kräftig bleiben, + / - werden weich/hell */
html.das-dark-mode .das-glossary-page .das-glossary-toggle > span{
  background:var(--das-accent-soft,#ead8d8)!important;
  color:var(--das-accent,#8f2020)!important;
  border-color:transparent!important;
}
html.das-dark-mode .das-glossary-page .das-glossary-toggle[aria-expanded="true"] > span{
  background:var(--das-accent-soft,#ead8d8)!important;
  color:var(--das-accent,#8f2020)!important;
}

/* Immobilienrechner: Iconfläche + kleine Zeile im Dark Mode nicht mehr dunkelrot */
html.das-dark-mode .das-calculator-page .das-knowledge-icon{
  background:var(--das-accent-soft,#ead8d8)!important;
  color:var(--das-accent,#8f2020)!important;
}
html.das-dark-mode .das-calculator-page .das-knowledge-kicker,
html.das-dark-mode .das-calculator-page .das-knowledge-section-head small,
html.das-dark-mode .das-calculator-page .das-knowledge-section-head .das-small-line{
  color:var(--das-accent-soft,#ead8d8)!important;
}

/* Checklisten: bei "beide Seiten" links KEIN Ring.
   Links und rechts verwenden jetzt dieselbe Glas-Karte. */
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::before,
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:360px!important;
  height:210px!important;
  top:-55px!important;
  bottom:auto!important;
  border-radius:54px!important;
  background:linear-gradient(135deg,currentColor,transparent 72%)!important;
  border:1px solid currentColor!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 28px 70px rgba(0,0,0,.08)!important;
  filter:blur(.15px)!important;
  opacity:1!important;
}
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::before{
  right:-70px!important;
  left:auto!important;
  transform:rotate(-9deg)!important;
}
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::after{
  left:-70px!important;
  right:auto!important;
  transform:rotate(9deg)!important;
}



/* =========================================================
 * 1.2.13 – Wissenswertes: kompletter Akzent-/Lightmode-Audit
 * Einheitliche section-lokale Regeln wie Über uns / Leistungen.
 * ======================================================= */

/* Jede Wissenswertes-Section kapselt ihre Akzente zuverlässig. */
.das-knowledge-page .das-guide-section,
.das-calculator-page .das-guide-section,
.das-faq-page .das-guide-section,
.das-glossary-page .das-guide-section,
.das-checklists-page .das-guide-section{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.das-knowledge-page .das-guide-section > .das-section-accent-layer,
.das-calculator-page .das-guide-section > .das-section-accent-layer,
.das-faq-page .das-guide-section > .das-section-accent-layer,
.das-glossary-page .das-guide-section > .das-section-accent-layer,
.das-checklists-page .das-guide-section > .das-section-accent-layer{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
.das-knowledge-page .das-guide-section > :not(.das-section-accent-layer):not(.das-section-transition),
.das-calculator-page .das-guide-section > :not(.das-section-accent-layer):not(.das-section-transition),
.das-faq-page .das-guide-section > :not(.das-section-accent-layer):not(.das-section-transition),
.das-glossary-page .das-guide-section > :not(.das-section-accent-layer):not(.das-section-transition),
.das-checklists-page .das-guide-section > :not(.das-section-accent-layer):not(.das-section-transition){
  position:relative;
  z-index:2;
}

/* Positionsschalter sind strikt: eine Seite = genau ein Shape.
   Das zweite Pseudoelement wird nur bei "both" verwendet. */
.das-guide-section[data-das-accent-position="top-left"] > .das-section-accent-layer::after,
.das-guide-section[data-das-accent-position="top-right"] > .das-section-accent-layer::after,
.das-guide-section[data-das-accent-position="bottom"] > .das-section-accent-layer::after{
  content:none!important;
  display:none!important;
}

/* Diagonale Fläche – kein Phantom von der Gegenseite. */
.das-guide-section[data-das-accent="diagonal"][data-das-accent-position="top-right"] > .das-section-accent-layer::before,
.das-guide-section[data-das-accent="diagonal"][data-das-accent-position="top-left"] > .das-section-accent-layer::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:-16%!important;
  bottom:auto!important;
  width:48%!important;
  height:145%!important;
  background:currentColor!important;
  opacity:.10!important;
}
.das-guide-section[data-das-accent="diagonal"][data-das-accent-position="top-right"] > .das-section-accent-layer::before{
  right:-15%!important;left:auto!important;transform:skewX(-18deg)!important;
}
.das-guide-section[data-das-accent="diagonal"][data-das-accent-position="top-left"] > .das-section-accent-layer::before{
  left:-15%!important;right:auto!important;transform:skewX(18deg)!important;
}

/* Glass – identische Kartenform. Bei "both": rechts oben + links unten. */
.das-guide-section[data-das-accent="glass"] > .das-section-accent-layer::before,
.das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:360px!important;
  height:210px!important;
  border-radius:54px!important;
  background:linear-gradient(135deg,currentColor,transparent 72%)!important;
  border:1px solid currentColor!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 28px 70px rgba(0,0,0,.08)!important;
  opacity:.42!important;
}
.das-guide-section[data-das-accent="glass"][data-das-accent-position="top-right"] > .das-section-accent-layer::before{
  top:-55px!important;right:-70px!important;bottom:auto!important;left:auto!important;transform:rotate(-9deg)!important;
}
.das-guide-section[data-das-accent="glass"][data-das-accent-position="top-left"] > .das-section-accent-layer::before{
  top:-55px!important;left:-70px!important;bottom:auto!important;right:auto!important;transform:rotate(9deg)!important;
}
.das-guide-section[data-das-accent="glass"][data-das-accent-position="bottom"] > .das-section-accent-layer::before{
  bottom:-65px!important;right:-70px!important;top:auto!important;left:auto!important;transform:rotate(9deg)!important;
}
.das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::before{
  top:-55px!important;right:-70px!important;bottom:auto!important;left:auto!important;transform:rotate(-9deg)!important;
}
.das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::after{
  bottom:-65px!important;left:-70px!important;top:auto!important;right:auto!important;transform:rotate(9deg)!important;
}

/* FAQ Light Mode: keine neutrale graue Sonderfarbe.
   Cards werden aus der aktiven Farbwelt gebildet. */
html:not(.das-dark-mode) .das-faq-page .das-faq-item{
  background:color-mix(in srgb,var(--das-guide-bg,#fff) 94%,var(--das-accent,#ee9d3d) 6%)!important;
  border-color:color-mix(in srgb,var(--das-accent,#ee9d3d) 20%,transparent)!important;
  color:var(--das-guide-text,#172033)!important;
}
html:not(.das-dark-mode) .das-faq-page .das-faq-toggle > span{
  background:color-mix(in srgb,var(--das-accent,#ee9d3d) 12%,var(--das-guide-bg,#fff) 88%)!important;
  color:var(--das-accent,#ee9d3d)!important;
}
html:not(.das-dark-mode) .das-faq-page .das-faq-search{
  background:color-mix(in srgb,var(--das-guide-bg,#fff) 96%,var(--das-accent,#ee9d3d) 4%)!important;
  border-color:color-mix(in srgb,var(--das-accent,#ee9d3d) 18%,transparent)!important;
}

/* Druck: die erzeugte Print-Sheet-Kopie selbst bleibt sichtbar.
   Die alte globale visibility:hidden-Regel darf sie nicht mehr leeren. */
@media print{
  html.das-checklist-print-mode body *{visibility:hidden!important}
  html.das-checklist-print-mode .das-checklist-print-sheet,
  html.das-checklist-print-mode .das-checklist-print-sheet *{
    visibility:visible!important;
  }
  html.das-checklist-print-mode .das-checklist-print-sheet{
    display:block!important;
    position:static!important;
    break-before:auto!important;
    page-break-before:auto!important;
  }
}



/* =========================================================
 * 1.2.14 – Wissenswertes Akzent-Positionskorrektur
 * FAQ Links/Rechts korrekt + Glass Both = rechts oben / links unten.
 * ======================================================= */

/* FAQ: ältere Spiegelung der Accent-Layer abschalten. */
.das-faq-page .das-guide-section[data-das-accent-position="top-left"] > .das-section-accent-layer,
.das-faq-page .das-guide-section[data-das-accent-position="top-right"] > .das-section-accent-layer,
.das-faq-page .das-guide-section[data-das-accent-position="bottom"] > .das-section-accent-layer,
.das-faq-page .das-guide-section[data-das-accent-position="both"] > .das-section-accent-layer{
  transform:none!important;
}

/* FAQ Diagonale Fläche: exakt auf der ausgewählten Seite. */
.das-faq-page .das-guide-section[data-das-accent="diagonal"][data-das-accent-position="top-right"] > .das-section-accent-layer::before{
  left:auto!important;
  right:-15%!important;
  top:-16%!important;
  bottom:auto!important;
  transform:skewX(-18deg)!important;
}
.das-faq-page .das-guide-section[data-das-accent="diagonal"][data-das-accent-position="top-left"] > .das-section-accent-layer::before{
  right:auto!important;
  left:-15%!important;
  top:-16%!important;
  bottom:auto!important;
  transform:skewX(18deg)!important;
}
.das-faq-page .das-guide-section[data-das-accent="diagonal"][data-das-accent-position="top-right"] > .das-section-accent-layer::after,
.das-faq-page .das-guide-section[data-das-accent="diagonal"][data-das-accent-position="top-left"] > .das-section-accent-layer::after{
  content:none!important;
  display:none!important;
}

/* Glass Shapes: beide Seiten = rechts oben + links unten. */
.das-faq-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::before,
.das-glossary-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::before,
.das-calculator-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::before,
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::before{
  top:-55px!important;
  right:-70px!important;
  bottom:auto!important;
  left:auto!important;
  transform:rotate(-9deg)!important;
}

.das-faq-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::after,
.das-glossary-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::after,
.das-calculator-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::after,
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::after{
  content:""!important;
  display:block!important;
  top:auto!important;
  right:auto!important;
  bottom:-65px!important;
  left:-70px!important;
  transform:rotate(9deg)!important;
}

/* Glass Einzelpositionen ebenfalls eindeutig. */
.das-faq-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="top-left"] > .das-section-accent-layer::before,
.das-glossary-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="top-left"] > .das-section-accent-layer::before,
.das-calculator-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="top-left"] > .das-section-accent-layer::before,
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="top-left"] > .das-section-accent-layer::before{
  top:-55px!important;
  left:-70px!important;
  right:auto!important;
  bottom:auto!important;
  transform:rotate(9deg)!important;
}
.das-faq-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="top-right"] > .das-section-accent-layer::before,
.das-glossary-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="top-right"] > .das-section-accent-layer::before,
.das-calculator-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="top-right"] > .das-section-accent-layer::before,
.das-checklists-page .das-guide-section[data-das-accent="glass"][data-das-accent-position="top-right"] > .das-section-accent-layer::before{
  top:-55px!important;
  right:-70px!important;
  left:auto!important;
  bottom:auto!important;
  transform:rotate(-9deg)!important;
}


/* =========================================================
 * 1.2.15 – Wissenswertes Akzente: 1:1 Über-uns/Unterkunft-Framework
 * Keine eigene FAQ/Glossar/Checklisten-Geometrie mehr.
 * ======================================================= */

:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent]::before,
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent]::after{
  content:none!important;display:none!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section > :not(.das-section-accent-layer):not(.das-section-transition){
  position:relative!important;z-index:2!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section > .das-section-accent-layer{
  position:absolute!important;
  left:50%!important;right:auto!important;top:0!important;bottom:0!important;
  width:100vw!important;height:auto!important;max-width:none!important;
  transform:translateX(-50%)!important;
  z-index:0!important;pointer-events:none!important;overflow:hidden!important;
  color:var(--das-home-accent,var(--das-guide-accent,var(--das-accent)))!important;
  opacity:var(--das-home-accent-opacity,var(--das-guide-accent-opacity,.09))!important;
  background:none;
  -webkit-mask-image:none;
  mask-image:none;
}
html.das-dark-mode :is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section > .das-section-accent-layer{
  color:var(--das-home-accent-dark,var(--das-guide-accent-dark,var(--das-home-accent,var(--das-accent))))!important;
  opacity:var(--das-home-accent-dark-opacity,var(--das-guide-accent-dark-opacity,.05))!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section > .das-section-accent-layer::before,
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section > .das-section-accent-layer::after{
  content:""!important;position:absolute!important;pointer-events:none!important;
  color:inherit!important;box-sizing:border-box!important;
  display:block;
}

/* Kreise */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="circles"] > .das-section-accent-layer::before{
  width:360px!important;height:360px!important;border-radius:50%!important;background:currentColor!important;
  top:-205px!important;right:-90px!important;left:auto!important;bottom:auto!important;
  box-shadow:-72vw 430px 0 -105px currentColor!important;transform:none!important;border:0!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="circles"] > .das-section-accent-layer::after{
  width:230px!important;height:230px!important;border:52px solid currentColor!important;border-radius:50%!important;
  left:-95px!important;bottom:-145px!important;right:auto!important;top:auto!important;background:transparent!important;
  box-shadow:none!important;transform:none!important;
}

/* Soft Glow */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="glow"] > .das-section-accent-layer::before{
  width:620px!important;height:410px!important;border-radius:50%!important;background:currentColor!important;
  filter:blur(88px)!important;top:-245px!important;right:-160px!important;left:auto!important;bottom:auto!important;
  border:0!important;box-shadow:none!important;transform:none!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="glow"] > .das-section-accent-layer::after{
  width:430px!important;height:330px!important;border-radius:50%!important;background:currentColor!important;
  filter:blur(105px)!important;left:-170px!important;bottom:-215px!important;right:auto!important;top:auto!important;
  border:0!important;box-shadow:none!important;transform:none!important;
}

/* Punkte */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="dots"] > .das-section-accent-layer{
  background-image:radial-gradient(currentColor 1.7px,transparent 1.8px)!important;
  background-size:24px 24px!important;
  -webkit-mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%)!important;
  mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%)!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="dots"] > .das-section-accent-layer::after{
  inset:0 0 0 auto!important;width:44vw!important;height:auto!important;
  background-image:radial-gradient(currentColor 1.4px,transparent 1.5px)!important;background-size:28px 28px!important;
  -webkit-mask-image:linear-gradient(250deg,#000,transparent 72%)!important;
  mask-image:linear-gradient(250deg,#000,transparent 72%)!important;
}

/* Linien / Raster */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="lines"] > .das-section-accent-layer{
  background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px)!important;
  background-size:46px 46px!important;
  -webkit-mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%)!important;
  mask-image:linear-gradient(110deg,#000 0%,#000 18%,transparent 72%)!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="lines"] > .das-section-accent-layer::after{
  inset:0 0 0 auto!important;width:44vw!important;height:auto!important;
  background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px)!important;
  background-size:58px 58px!important;
  -webkit-mask-image:linear-gradient(250deg,#000,transparent 72%)!important;
  mask-image:linear-gradient(250deg,#000,transparent 72%)!important;
}

/* Wellen */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="waves"] > .das-section-accent-layer::before{
  width:700px!important;height:300px!important;right:-120px!important;top:-85px!important;left:auto!important;bottom:auto!important;
  border:2px solid currentColor!important;border-radius:50%!important;background:transparent!important;
  box-shadow:0 38px 0 currentColor,0 76px 0 currentColor,0 114px 0 currentColor!important;transform:rotate(-9deg)!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="waves"] > .das-section-accent-layer::after{
  width:520px!important;height:220px!important;left:-125px!important;bottom:-130px!important;right:auto!important;top:auto!important;
  border:2px solid currentColor!important;border-radius:50%!important;background:transparent!important;
  box-shadow:0 32px 0 currentColor,0 64px 0 currentColor!important;transform:rotate(8deg)!important;
}

/* Feine Struktur */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="noise"] > .das-section-accent-layer{
  background-image:
    radial-gradient(circle at 18% 24%,currentColor 0 .7px,transparent .9px),
    radial-gradient(circle at 72% 66%,currentColor 0 .65px,transparent .85px),
    radial-gradient(circle at 43% 82%,currentColor 0 .55px,transparent .75px)!important;
  background-size:11px 11px,13px 13px,17px 17px!important;
  -webkit-mask-image:linear-gradient(100deg,transparent 0%,#000 15%,#000 85%,transparent 100%)!important;
  mask-image:linear-gradient(100deg,transparent 0%,#000 15%,#000 85%,transparent 100%)!important;
}

/* Glass Shapes */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="glass"] > .das-section-accent-layer::before{
  width:360px!important;height:210px!important;right:-70px!important;top:-55px!important;left:auto!important;bottom:auto!important;
  border-radius:54px!important;background:linear-gradient(135deg,currentColor,transparent 72%)!important;
  border:1px solid currentColor!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 28px 70px rgba(0,0,0,.08)!important;
  transform:rotate(-9deg)!important;filter:blur(.15px)!important;
}
/* Unterkunft 0.7.6: bei "Beide Seiten" zwei echte Glasflächen – rechts oben + links unten. */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::after{
  display:block!important;width:300px!important;height:175px!important;
  left:-82px!important;right:auto!important;top:auto!important;bottom:-62px!important;
  border-radius:46px!important;border:1px solid currentColor!important;
  background:linear-gradient(315deg,currentColor,transparent 72%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 24px 65px rgba(0,0,0,.07)!important;
  transform:rotate(8deg)!important;filter:blur(.15px)!important;
}

/* Diagonale Flächen */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="diagonal"] > .das-section-accent-layer::before{
  width:48vw!important;height:155%!important;right:-16vw!important;left:auto!important;top:-28%!important;bottom:auto!important;
  background:currentColor!important;transform:skewX(-18deg) rotate(2deg)!important;border-radius:80px!important;border:0!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="diagonal"] > .das-section-accent-layer::after{
  width:24vw!important;height:125%!important;left:-14vw!important;right:auto!important;bottom:-20%!important;top:auto!important;
  border:2px solid currentColor!important;background:transparent!important;
  transform:skewX(16deg) rotate(-4deg)!important;border-radius:70px!important;
}

/* Positionswahl exakt wie Über uns / Leistungen */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent-position="top-left"] > .das-section-accent-layer::before{
  left:-95px!important;right:auto!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent-position="top-left"] > .das-section-accent-layer::after{
  content:none!important;display:none!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent-position="top-right"] > .das-section-accent-layer::after{
  content:none!important;display:none!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent-position="bottom"] > .das-section-accent-layer::before{
  top:auto!important;bottom:-165px!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent-position="bottom"] > .das-section-accent-layer::after{
  content:none!important;display:none!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent-position="top-left"][data-das-accent="glass"] > .das-section-accent-layer::before,
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent-position="top-left"][data-das-accent="diagonal"] > .das-section-accent-layer::before{
  left:-70px!important;right:auto!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent-position="bottom"][data-das-accent="glass"] > .das-section-accent-layer::before{
  top:auto!important;bottom:-70px!important;
}

@media(max-width:760px){
  :is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="glass"][data-das-accent-position="both"] > .das-section-accent-layer::after{
    width:210px!important;height:125px!important;left:-72px!important;bottom:-48px!important;border-radius:34px!important;
  }
  :is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page) .das-home-full-section[data-das-accent="diagonal"] > .das-section-accent-layer::before{
    width:72vw!important;right:-34vw!important;
  }
}



/* =========================================================
 * 1.2.16 – Wissenswertes Akzent-Deckkraft + gefüllte Kreise
 * ======================================================= */

/* Kreise = zwei echte gefüllte Kreise. Kein Ring/Donut und kein Box-Shadow-Klon. */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="circles"] > .das-section-accent-layer::before{
  width:360px!important;
  height:360px!important;
  border:0!important;
  border-radius:50%!important;
  background:currentColor!important;
  box-shadow:none!important;
  filter:none!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="circles"] > .das-section-accent-layer::after{
  width:230px!important;
  height:230px!important;
  border:0!important;
  border-radius:50%!important;
  background:currentColor!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Bei "Beide Seiten": rechts oben + links unten – beide gefüllt. */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="circles"][data-das-accent-position="both"] > .das-section-accent-layer::before{
  top:-205px!important;
  right:-90px!important;
  left:auto!important;
  bottom:auto!important;
}
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="circles"][data-das-accent-position="both"] > .das-section-accent-layer::after{
  display:block!important;
  left:-95px!important;
  bottom:-145px!important;
  right:auto!important;
  top:auto!important;
}



/* =========================================================
 * 1.2.18 – Wissenswertes Akzent-Deckkraft: Single Source of Truth
 * Nur der Backend-Regler bestimmt die Deckkraft.
 * Keine zusätzliche opacity mehr auf Shape oder Pattern.
 * ======================================================= */

:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent] > .das-section-accent-layer{
  opacity:var(--das-home-accent-opacity,var(--das-guide-accent-opacity,.09))!important;
}
html.das-dark-mode
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent] > .das-section-accent-layer{
  opacity:var(--das-home-accent-dark-opacity,var(--das-guide-accent-dark-opacity,.05))!important;
}

/* Alte Zwischenfixes hatten teils eigene 0.10 / 0.42 / calc()-Deckkräfte.
   Die Shape-Geometrie selbst ist immer 100%; gedimmt wird nur der Layer. */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent] > .das-section-accent-layer::before,
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent] > .das-section-accent-layer::after{
  opacity:1!important;
}

/* Pattern-Akzente hatten teilweise nochmals eine eigene Layer-Opacity.
   Auch hier gilt ausschließlich der Backend-Wert. */
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="dots"] > .das-section-accent-layer,
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="lines"] > .das-section-accent-layer,
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="noise"] > .das-section-accent-layer,
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="glass"] > .das-section-accent-layer,
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="diagonal"] > .das-section-accent-layer{
  opacity:var(--das-home-accent-opacity,var(--das-guide-accent-opacity,.09))!important;
}
html.das-dark-mode
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="dots"] > .das-section-accent-layer,
html.das-dark-mode
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="lines"] > .das-section-accent-layer,
html.das-dark-mode
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="noise"] > .das-section-accent-layer,
html.das-dark-mode
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="glass"] > .das-section-accent-layer,
html.das-dark-mode
:is(.das-faq-page,.das-glossary-page,.das-checklists-page,.das-calculator-page)
.das-home-full-section[data-das-accent="diagonal"] > .das-section-accent-layer{
  opacity:var(--das-home-accent-dark-opacity,var(--das-guide-accent-dark-opacity,.05))!important;
}


/* 1.2.20 – Mobile navigation must be the top interaction layer.
 * Prevent the mobile floating action bar / back-to-top from covering long submenus. */
@media (max-width:960px){
  html.das-menu-open body{
    padding-bottom:0!important;
  }
  html.das-menu-open .das-menu-overlay{
    z-index:2147483644!important;
    pointer-events:auto!important;
  }
  html.das-menu-open .das-menu-drawer{
    z-index:2147483646!important;
    pointer-events:auto!important;
    isolation:isolate;
  }
  html.das-menu-open .das-floating-actions,
  html.das-menu-open .das-back-to-top{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* 1.2.31 – Mitarbeiter-Detailseite */
.das-about-team-card.has-profile-link h3 a{color:inherit;text-decoration:none}
.das-about-team-card.has-profile-link .das-about-team-card__image{display:block;color:inherit;text-decoration:none}
.das-team-single{background:var(--das-bg,#fff);color:var(--das-text,#222)}
.das-team-profile-section,.das-team-bio-section,.das-team-properties-section{position:relative;padding:72px 24px;overflow:hidden}
.das-team-profile-section{background:color-mix(in srgb,var(--das-accent,#ee9d3d) 7%,var(--das-bg,#fff))}
.das-team-bio-section{background:var(--das-bg,#fff)}
.das-team-properties-section{background:color-mix(in srgb,var(--das-text,#172033) 4%,var(--das-bg,#fff))}
.das-team-profile-shell{width:min(1180px,100%);margin:0 auto}
.das-team-profile-shell--narrow{width:min(860px,100%)}
.das-team-profile-card{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);overflow:hidden;border:1px solid color-mix(in srgb,var(--das-text,#172033) 10%,transparent);border-radius:28px;background:var(--das-card,#fff);box-shadow:0 24px 70px rgba(15,23,42,.10)}
.das-team-profile-photo{min-height:520px;background:color-mix(in srgb,var(--das-accent,#ee9d3d) 8%,var(--das-card,#fff));overflow:hidden}
.das-team-profile-photo img{width:100%;height:100%;min-height:520px;display:block;object-fit:cover}
.das-team-profile-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:520px;font-size:90px}
.das-team-profile-content{display:flex;flex-direction:column;justify-content:center;padding:56px 64px}
.das-team-profile-kicker{display:block;margin-bottom:10px;color:var(--das-accent,#ee9d3d);font-family:var(--das-font-body,inherit);font-size:var(--das-kicker-desktop,13px);font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.das-team-profile-content h1{margin:0;color:var(--das-heading,var(--das-text,#172033));font-family:var(--das-font-heading,inherit);font-size:clamp(38px,5vw,62px);line-height:1.05}
.das-team-profile-position{margin:12px 0 28px!important;color:var(--das-muted,#64748b);font-size:19px}
.das-team-profile-contact{display:grid;gap:10px;margin-top:10px}
.das-team-profile-contact a{display:flex;flex-direction:column;gap:3px;padding:15px 18px;border:1px solid color-mix(in srgb,var(--das-text,#172033) 10%,transparent);border-radius:14px;color:var(--das-text,#172033);text-decoration:none;background:color-mix(in srgb,var(--das-card,#fff) 94%,var(--das-bg,#fff))}
.das-team-profile-contact a:hover{border-color:var(--das-accent,#ee9d3d);transform:translateY(-1px)}
.das-team-profile-contact span{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--das-muted,#64748b)}
.das-team-profile-contact strong{font-size:16px}
.das-team-profile-social{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px}
.das-team-profile-social a{color:var(--das-accent,#ee9d3d);font-weight:750;text-decoration:none}
.das-team-bio{font-family:var(--das-font-body,inherit);font-size:var(--das-body-desktop,16px);line-height:var(--das-body-line-height,1.7)}
.das-team-bio h2,.das-team-bio h3{font-family:var(--das-font-heading,inherit);color:var(--das-heading,var(--das-text,#172033))}
.das-team-properties-head{margin-bottom:26px}
.das-team-properties-head h2{margin:0;font-family:var(--das-font-heading,inherit);font-size:clamp(30px,4vw,44px);color:var(--das-heading,var(--das-text,#172033))}
.das-agent-properties-empty,.das-team-properties-empty{padding:28px;border:1px dashed color-mix(in srgb,var(--das-text,#172033) 18%,transparent);border-radius:18px;text-align:center;color:var(--das-muted,#64748b)}
@media(max-width:800px){
 .das-team-profile-section,.das-team-bio-section,.das-team-properties-section{padding:46px 18px}
 .das-team-profile-card{grid-template-columns:1fr;border-radius:22px}
 .das-team-profile-photo,.das-team-profile-photo img,.das-team-profile-placeholder{min-height:380px}
 .das-team-profile-content{padding:34px 26px 38px}
}


/* 1.2.31 – Mitarbeiterprofil Feinschliff */
.das-team-bio-section{
  padding-top:44px!important;
  padding-bottom:44px!important;
}
.das-team-bio-section .das-team-profile-shell--narrow{
  width:min(980px,100%);
}
.das-team-bio-section .das-team-profile-kicker{
  margin-bottom:14px;
}
.das-team-bio-section .das-team-bio{
  max-width:900px;
}
.das-about-team-card__profile-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:16px;
  color:var(--das-accent,#ee9d3d)!important;
  text-decoration:none!important;
  font-weight:750;
  font-size:14px;
  line-height:1.35;
}
.das-about-team-card__profile-link span{
  font-size:18px;
  line-height:1;
  transition:transform .2s ease;
}
.das-about-team-card__profile-link:hover span{
  transform:translateX(4px);
}
.das-about-team-grid.is-overlay .das-about-team-card__profile-link{
  color:#fff!important;
}
html.das-dark-mode .das-about-team-card__profile-link{
  color:var(--das-accent,#ee9d3d)!important;
}
@media(max-width:800px){
  .das-team-bio-section{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
}


/* 1.2.31 – Mitarbeiterdetail: Über-mich-Bereich an Hauptcontainer ausrichten */
.das-team-bio-section .das-team-profile-shell--narrow{
  width:min(1180px,100%)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.das-team-bio-section .das-team-bio{
  width:min(900px,100%);
  max-width:900px;
  margin-left:0!important;
  margin-right:auto!important;
}

/* 1.2.31 – Rücksprung von Mitarbeiterprofil zum Team */
.das-team-backlink{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 18px;
  color:var(--das-accent,#ee9d3d)!important;
  text-decoration:none!important;
  font-weight:750;
  font-size:14px;
  line-height:1.3;
}
.das-team-backlink span{
  font-size:18px;
  line-height:1;
  transition:transform .2s ease;
}
.das-team-backlink:hover span{
  transform:translateX(-4px);
}

/* 1.2.31 – Section-Hintergrundbilder: Hellmodus aufhellen, Dark Mode abdunkeln */
html.das-dark-mode .das-property-servicespage [style*="--das-section-bg-image"]{--das-section-bg-active-overlay:var(--das-section-bg-dark-overlay)!important;}

/* 1.2.31 – Leistungen: Hintergrundbilder im Dark Mode sicher abdunkeln */
html.das-dark-mode .das-property-servicespage .das-home-full-section[style*="--das-section-bg-image"]{--das-section-bg-active-overlay:var(--das-section-bg-dark-overlay)!important;}


/* Agency Hero 0.1.2 – Split / Showcase */
.das-agency-hero__inner{position:relative;z-index:3;gap:64px}
.das-agency-hero.layout-split .das-agency-hero__inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:center}
.das-agency-hero.layout-split .das-agency-hero__copy{max-width:720px}
.das-agency-hero.layout-center .das-agency-hero__inner{justify-content:center;text-align:center}.das-agency-hero.layout-center .das-agency-hero__copy{margin:auto;max-width:900px}.das-agency-hero.layout-center p{margin-left:auto;margin-right:auto}
.das-hero-skills{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.das-hero-skills span{display:inline-flex;align-items:center;min-height:31px;padding:0 12px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:999px;font-size:12px;font-weight:750;letter-spacing:.02em;background:color-mix(in srgb,var(--das-home-bg) 15%,transparent);backdrop-filter:blur(8px)}
.das-hero-showcase{position:relative;min-height:500px;perspective:1200px}
.das-hero-showcase__card{position:absolute;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.32);border-radius:22px;background:rgba(255,255,255,.12);box-shadow:0 28px 70px rgba(0,0,0,.28);backdrop-filter:blur(12px);transition:transform .35s ease,box-shadow .35s ease}
.das-hero-showcase__card img{display:block;width:100%;height:100%;object-fit:cover}.das-hero-showcase__card figcaption{position:absolute;left:14px;bottom:14px;padding:8px 11px;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}
.das-hero-showcase__card.card-1{width:72%;height:58%;left:2%;top:8%;transform:rotate(-3deg)}.das-hero-showcase__card.card-2{width:66%;height:52%;right:0;top:31%;transform:rotate(4deg)}.das-hero-showcase__card.card-3{width:50%;height:39%;left:12%;bottom:0;transform:rotate(1.5deg)}
.das-hero-showcase__card:hover{z-index:5;transform:translateY(-8px) rotate(0deg) scale(1.015);box-shadow:0 36px 90px rgba(0,0,0,.34)}
.das-hero-showcase__placeholder{position:absolute;inset:14% 5% 12% 8%;display:flex;flex-direction:column;justify-content:center;padding:44px;border:1px solid rgba(255,255,255,.28);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.05));box-shadow:0 28px 70px rgba(0,0,0,.22);backdrop-filter:blur(16px);color:#fff}.das-hero-showcase__placeholder span{color:var(--das-accent);font-size:12px;font-weight:900;letter-spacing:.18em}.das-hero-showcase__placeholder strong{font-size:46px;line-height:1;margin:10px 0}.das-hero-showcase__placeholder small{max-width:300px;font-size:14px;line-height:1.6;opacity:.75}
@media(max-width:1050px){.das-agency-hero.layout-split .das-agency-hero__inner{grid-template-columns:1fr .78fr;gap:32px}.das-hero-showcase{min-height:410px}}
@media(max-width:820px){.das-agency-hero.layout-split .das-agency-hero__inner{display:flex;flex-direction:column;align-items:stretch}.das-agency-hero.layout-split .das-agency-hero__copy{max-width:none}.das-hero-showcase{width:100%;min-height:360px;margin-top:10px}.das-hero-showcase__card.card-1{width:68%}.das-hero-showcase__card.card-2{width:61%}.das-hero-showcase__card.card-3{width:46%}}
@media(max-width:560px){.das-hero-showcase{min-height:290px}.das-hero-showcase__card{border-radius:16px}.das-hero-showcase__placeholder{padding:28px}.das-hero-showcase__placeholder strong{font-size:34px}.das-hero-skills{gap:7px}.das-hero-skills span{font-size:11px;padding:0 10px}}


/* Agency Hero 0.1.6 – true two-column structure */
.das-agency-hero.layout-split .das-agency-hero__inner{width:min(var(--das-container,1200px),calc(100% - 40px));margin-inline:auto}
.das-agency-hero.layout-split.has-text-glass .das-agency-hero__copy{align-self:center}
.das-agency-hero.layout-split .das-hero-showcase{align-self:center;width:100%;min-width:0}
.das-agency-hero.layout-split .das-hero-skills{margin-top:22px}
@media(max-width:820px){.das-agency-hero.layout-split .das-agency-hero__inner{width:min(var(--das-container,1200px),calc(100% - 28px))}}


/* Agency Hero 0.1.7 – Showcase polish + color-only hero backgrounds */
.das-hero-showcase::before{
  content:"";
  position:absolute;
  width:68%;
  aspect-ratio:1;
  left:18%;
  top:13%;
  border-radius:50%;
  background:color-mix(in srgb,var(--das-accent,#ee9d3d) 42%,transparent);
  filter:blur(72px);
  opacity:.22;
  pointer-events:none;
  transform:translateZ(0);
}
.das-hero-showcase::after{
  content:"";
  position:absolute;
  inset:7% 0 4% 5%;
  border-radius:36px;
  background:radial-gradient(circle at 55% 45%,rgba(255,255,255,.07),transparent 58%);
  pointer-events:none;
}
.das-hero-showcase__card{
  isolation:isolate;
  box-shadow:0 28px 74px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.20);
  -webkit-backdrop-filter:blur(12px);
  will-change:transform,translate;
}
.das-hero-showcase__card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);
  pointer-events:none;
}
.das-hero-showcase__card img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.das-hero-showcase__card:hover img{transform:scale(1.025);filter:saturate(1.04) contrast(1.015)}
.das-hero-showcase__card figcaption{
  z-index:3;
  border:1px solid color-mix(in srgb,var(--das-accent,#ee9d3d) 36%,rgba(255,255,255,.18));
  background:color-mix(in srgb,#111827 82%,var(--das-accent,#ee9d3d) 18%);
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.das-hero-showcase__card.card-1{animation:das-showcase-float-a 7.4s ease-in-out infinite alternate}
.das-hero-showcase__card.card-2{animation:das-showcase-float-b 8.2s ease-in-out -1.3s infinite alternate}
.das-hero-showcase__card.card-3{animation:das-showcase-float-c 6.8s ease-in-out -.7s infinite alternate}
@keyframes das-showcase-float-a{from{translate:0 -3px}to{translate:0 8px}}
@keyframes das-showcase-float-b{from{translate:0 6px}to{translate:0 -5px}}
@keyframes das-showcase-float-c{from{translate:0 -1px}to{translate:0 7px}}
@media(prefers-reduced-motion:reduce){
  .das-hero-showcase__card{animation:none!important;transition:none!important}
  .das-hero-showcase__card img{transition:none!important}
}

/* Agency 0.1.9 – complete topbar light/dark palette + stronger showcase depth */
html.das-dark-mode .das-topbar{
  --das-topbar-bg:var(--das-topbar-dark-bg);
  --das-topbar-text:var(--das-topbar-dark-text);
  --das-topbar-accent:var(--das-topbar-dark-accent);
  --das-topbar-border:var(--das-topbar-dark-border);
}
.das-agency-homepage .das-agency-hero.layout-split h1{
  font-weight:700!important;
  letter-spacing:-.035em;
  line-height:1.045!important;
  text-wrap:balance;
}
.das-agency-homepage .das-agency-hero.layout-split p{opacity:.92}
.das-hero-showcase{isolation:isolate}
.das-hero-showcase::before{
  width:86%;
  left:7%;
  top:2%;
  background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--das-accent,#ee9d3d) 72%,transparent) 0%,color-mix(in srgb,var(--das-accent,#ee9d3d) 34%,transparent) 42%,transparent 72%);
  filter:blur(58px);
  opacity:.58;
  z-index:0;
}
.das-hero-showcase::after{z-index:0}
.das-hero-showcase__card{z-index:2}
.das-hero-showcase__card.card-1{box-shadow:0 30px 78px rgba(0,0,0,.32),0 0 54px color-mix(in srgb,var(--das-accent,#ee9d3d) 13%,transparent),inset 0 1px 0 rgba(255,255,255,.20)}
.das-hero-showcase__card.card-2{box-shadow:0 32px 82px rgba(0,0,0,.34),0 0 62px color-mix(in srgb,var(--das-accent,#ee9d3d) 15%,transparent),inset 0 1px 0 rgba(255,255,255,.20)}
.das-hero-showcase__card.card-3{box-shadow:0 28px 68px rgba(0,0,0,.30),0 0 48px color-mix(in srgb,var(--das-accent,#ee9d3d) 12%,transparent),inset 0 1px 0 rgba(255,255,255,.20)}
html.das-dark-mode .das-hero-showcase::before{opacity:.68}
@media(max-width:820px){
  .das-agency-homepage .das-agency-hero.layout-split h1{letter-spacing:-.025em}
  .das-hero-showcase::before{opacity:.46}
}

/* Agency Suite 0.2.0 – Startseite: Was wir machen */
.das-home-services .das-home-section__head{max-width:920px;margin-bottom:48px}
.das-agency-services-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.das-agency-service-card{position:relative;overflow:hidden;min-height:300px;padding:34px;border:1px solid color-mix(in srgb,currentColor 13%,transparent);border-radius:calc(var(--das-radius) + 4px);background:color-mix(in srgb,var(--das-home-bg) 92%,var(--das-home-accent) 8%);box-shadow:0 18px 55px rgba(10,12,18,.06);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.das-agency-service-card:nth-child(1){grid-column:span 3}.das-agency-service-card:nth-child(2){grid-column:span 2}.das-agency-service-card:nth-child(3){grid-column:span 2}.das-agency-service-card:nth-child(4){grid-column:span 3}
.das-agency-service-card:nth-child(2),.das-agency-service-card:nth-child(3){min-height:270px}
.das-agency-service-card:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:var(--das-home-accent);opacity:.075;filter:blur(8px);transition:opacity .28s ease,transform .28s ease}
.das-agency-service-card:nth-child(1):before{right:-105px;top:-115px}.das-agency-service-card:nth-child(2):before{left:-110px;right:auto;top:-120px}.das-agency-service-card:nth-child(3):before{right:-110px;top:auto;bottom:-125px}.das-agency-service-card:nth-child(4):before{left:-105px;right:auto;top:-115px}
.das-agency-service-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--das-home-accent) 52%,transparent);box-shadow:0 24px 70px rgba(10,12,18,.11),0 0 0 1px color-mix(in srgb,var(--das-home-accent) 10%,transparent)}
.das-agency-service-card:hover:before{opacity:.15;transform:scale(1.18)}
.das-agency-service-card__top{display:flex;align-items:center;gap:13px;margin-bottom:42px}.das-agency-service-card__number{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:25px;padding:0 8px;border:1px solid color-mix(in srgb,var(--das-home-accent) 25%,transparent);border-radius:999px;background:color-mix(in srgb,var(--das-home-accent) 7%,transparent);color:var(--das-home-accent);font-size:11px;font-weight:850;letter-spacing:.12em;opacity:.78}.das-agency-service-card__kicker{font-size:var(--das-home-kicker-desktop);font-weight:800;letter-spacing:.08em;color:var(--das-home-accent)}
.das-agency-service-card h3{max-width:620px;margin:0 0 15px;font-family:var(--das-section-heading-font);font-size:clamp(25px,2.2vw,38px);line-height:1.08;font-weight:var(--das-section-heading-weight)}
.das-agency-service-card p{max-width:650px;margin:0 0 28px;line-height:1.7;opacity:.76}.das-agency-service-card a{display:inline-flex;align-items:center;gap:9px;color:inherit!important;font-weight:800;text-decoration:none}.das-agency-service-card a span{color:var(--das-home-accent);font-size:18px;transition:transform .2s ease}.das-agency-service-card a:hover span{transform:translate(3px,-3px)}
html.das-dark-mode .das-agency-service-card{background:color-mix(in srgb,var(--das-home-dark-bg) 90%,var(--das-home-accent-dark) 10%);border-color:rgba(255,255,255,.11);box-shadow:0 22px 70px rgba(0,0,0,.2)}html.das-dark-mode .das-agency-service-card:before{background:var(--das-home-accent-dark)}html.das-dark-mode .das-agency-service-card__kicker,html.das-dark-mode .das-agency-service-card a span{color:var(--das-home-accent-dark)}
@media(max-width:900px){.das-agency-services-grid{grid-template-columns:1fr}.das-agency-service-card:nth-child(1),.das-agency-service-card:nth-child(2),.das-agency-service-card:nth-child(3),.das-agency-service-card:nth-child(4){grid-column:auto}.das-agency-service-card{min-height:0;padding:28px}.das-agency-service-card__top{margin-bottom:30px}}
@media(max-width:600px){.das-home-services .das-home-section__head{margin-bottom:30px}.das-agency-services-grid{gap:12px}.das-agency-service-card{padding:23px;border-radius:var(--das-radius)}.das-agency-service-card__kicker{font-size:var(--das-home-kicker-mobile)}.das-agency-service-card h3{font-size:27px}}


/* Agency Suite 0.2.1 – framework layer guard + service card polish */
html.das-dark-mode .das-agency-service-card__number{color:var(--das-home-accent-dark);border-color:color-mix(in srgb,var(--das-home-accent-dark) 30%,transparent);background:color-mix(in srgb,var(--das-home-accent-dark) 9%,transparent)}
@media(prefers-reduced-motion:reduce){.das-agency-service-card,.das-agency-service-card:before,.das-agency-service-card a span{transition:none!important}.das-agency-service-card:hover{transform:none!important}}

/* Agency Suite 0.3.0 – Selected Work / References */
.das-home-references .das-home-section__head{max-width:900px;margin-bottom:48px}.das-reference-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}.das-reference-card{grid-column:span 6;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:calc(var(--das-radius) + 5px);background:color-mix(in srgb,var(--das-home-bg,#fff) 95%,var(--das-home-accent,var(--das-accent)) 5%);box-shadow:0 20px 65px rgba(10,12,18,.07);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.das-reference-card:nth-child(4n+1){grid-column:span 7}.das-reference-card:nth-child(4n+2){grid-column:span 5}.das-reference-card:nth-child(4n+3){grid-column:span 5}.das-reference-card:nth-child(4n+4){grid-column:span 7}.das-reference-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#16191f}.das-reference-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.das-reference-card__placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#fff;letter-spacing:.15em;font-size:12px}.das-reference-card__body{padding:28px 30px 31px}.das-reference-card__kicker{display:block;margin-bottom:12px;color:var(--das-home-accent,var(--das-accent));font-size:var(--das-home-kicker-desktop,12px);font-weight:850;letter-spacing:.1em;text-transform:uppercase}.das-reference-card h3{margin:0 0 12px;font-family:var(--das-section-heading-font);font-size:clamp(26px,2.3vw,38px);line-height:1.08}.das-reference-card h3 a,.das-reference-card__link{color:inherit!important;text-decoration:none}.das-reference-card p{margin:0 0 22px;line-height:1.65;opacity:.74}.das-reference-card__link{display:inline-flex;gap:8px;align-items:center;font-weight:800}.das-reference-card__link span{color:var(--das-home-accent,var(--das-accent));transition:transform .2s ease}.das-reference-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--das-home-accent,var(--das-accent)) 45%,transparent);box-shadow:0 28px 80px rgba(10,12,18,.13),0 0 45px color-mix(in srgb,var(--das-home-accent,var(--das-accent)) 9%,transparent)}.das-reference-card:hover img{transform:scale(1.035)}.das-reference-card:hover .das-reference-card__link span{transform:translate(3px,-3px)}html.das-dark-mode .das-reference-card{background:color-mix(in srgb,var(--das-home-dark-bg,#101217) 91%,var(--das-home-accent-dark,var(--das-accent)) 9%);border-color:rgba(255,255,255,.1)}
.das-reference-page-hero,.das-reference-single-hero{padding:clamp(90px,10vw,150px) 24px;background:#1e2328;color:#fff}.das-reference-page-hero h1,.das-reference-single-hero h1{max-width:1000px;margin:14px 0 20px;font-size:clamp(48px,6vw,88px);line-height:.98;letter-spacing:-.04em}.das-reference-page-hero p,.das-reference-single-hero p{max-width:760px;font-size:18px;line-height:1.7;opacity:.82}.das-reference-listing{padding:80px 24px 110px}.das-reference-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:38px}.das-reference-filters a{padding:10px 16px;border:1px solid rgba(80,80,90,.2);border-radius:999px;color:inherit;text-decoration:none;font-weight:700}.das-reference-meta{display:flex;flex-wrap:wrap;gap:34px;margin-top:38px}.das-reference-meta span{max-width:360px;font-weight:700}.das-reference-meta small{display:block;margin-bottom:6px;opacity:.55;text-transform:uppercase;letter-spacing:.1em}.das-reference-feature{padding:60px 24px 0}.das-reference-feature img{display:block;width:100%;height:auto;border-radius:calc(var(--das-radius,20px) + 8px);box-shadow:0 30px 90px rgba(0,0,0,.14)}.das-reference-content{padding:70px 24px 110px}.das-reference-content__inner{max-width:820px;font-size:18px;line-height:1.8}.das-reference-content__inner h2{margin-top:1.8em;font-size:clamp(32px,4vw,52px)}
@media(max-width:900px){.das-reference-card,.das-reference-card:nth-child(n){grid-column:span 12}.das-reference-page-hero,.das-reference-single-hero{padding-top:75px}.das-reference-card__body{padding:24px}}
@media(prefers-reduced-motion:reduce){.das-reference-card,.das-reference-card img,.das-reference-card__link span{transition:none!important}.das-reference-card:hover{transform:none!important}}


/* Agency Suite 0.3.2 – Referenz Detailseite / Galerie */
.das-reference-single-hero{padding:clamp(76px,8vw,118px) 24px;background:var(--das-dark-background,#1e2328);color:var(--das-dark-text,#fff)}
.das-reference-single-hero__inner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:70px;align-items:end}
.das-reference-single-hero h1{max-width:880px;margin:14px 0 18px;font-family:var(--das-heading-font,var(--das-font-heading));font-size:clamp(46px,5vw,76px);font-weight:750;line-height:.98;letter-spacing:-.04em;color:var(--das-dark-heading,#fff)}
.das-reference-single-lead{max-width:760px;margin:0;font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:color-mix(in srgb,var(--das-dark-text,#fff) 78%,transparent)}
.das-reference-single .das-home-kicker{color:var(--das-accent,#a855f7)}
.das-reference-single .das-reference-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.045);backdrop-filter:blur(10px)}
.das-reference-single .das-reference-meta span{max-width:none;font-weight:700;line-height:1.45}.das-reference-single .das-reference-meta span:last-child:nth-child(odd){grid-column:1/-1}
.das-reference-single .das-reference-meta small{display:block;margin-bottom:5px;color:var(--das-accent,#a855f7);opacity:1;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.das-reference-gallery-section{padding:64px 24px 22px;background:var(--das-background,#fff);color:var(--das-text,#222)}
.das-reference-detail-gallery{width:min(100%,980px);margin:0 auto}
.das-reference-detail-gallery .das-detail-main-image{position:relative;aspect-ratio:16/9;min-height:0;border-radius:22px;overflow:hidden;background:#17191f;box-shadow:0 24px 70px rgba(15,23,42,.12);cursor:zoom-in}
.das-reference-detail-gallery .das-detail-slide{position:absolute;inset:0;display:none;margin:0}.das-reference-detail-gallery .das-detail-slide.is-active{display:block}
.das-reference-detail-gallery .das-detail-slide img{width:100%;height:100%;object-fit:contain;background:color-mix(in srgb,var(--das-background,#fff) 96%,#000 4%);display:block}
.das-reference-detail-gallery .das-detail-slide figcaption{position:absolute;left:14px;bottom:14px;max-width:calc(100% - 100px);padding:7px 10px;border-radius:9px;background:rgba(15,15,18,.68);color:#fff;font-size:12px}
.das-reference-detail-gallery .das-gallery-arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);width:46px;height:46px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(17,18,22,.62);color:#fff;font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(5px)}
.das-reference-detail-gallery .das-gallery-prev{left:14px}.das-reference-detail-gallery .das-gallery-next{right:14px}
.das-reference-detail-gallery .das-gallery-counter,.das-reference-detail-gallery .das-gallery-zoom{position:absolute;z-index:5;right:14px;padding:7px 10px;border-radius:999px;background:rgba(17,18,22,.66);color:#fff;font-size:12px;backdrop-filter:blur(5px)}
.das-reference-detail-gallery .das-gallery-counter{top:14px}.das-reference-detail-gallery .das-gallery-zoom{bottom:14px;font-size:18px;line-height:1}
.das-reference-detail-gallery .das-detail-thumbnails{display:flex;gap:10px;overflow-x:auto;padding:12px 2px 4px;scrollbar-width:thin}
.das-reference-detail-gallery .das-detail-thumb{flex:0 0 108px;height:72px;padding:0;border:2px solid transparent;border-radius:11px;overflow:hidden;background:#eee;opacity:.64;cursor:pointer;transition:.2s ease}
.das-reference-detail-gallery .das-detail-thumb.is-active{opacity:1;border-color:var(--das-accent,#a855f7)}
.das-reference-detail-gallery .das-detail-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.das-reference-content{padding:62px 24px 110px;background:var(--das-background,#fff);color:var(--das-text,#222)}
.das-reference-content__layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:80px;align-items:start}
.das-reference-content__inner{max-width:760px;font-family:var(--das-body-font,var(--das-font-body));font-size:var(--das-body-size-desktop,17px);line-height:1.8;color:var(--das-text,#222)}
.das-reference-content__inner>*:first-child:not(.das-home-kicker){margin-top:0}.das-reference-content__inner h2{margin:1.7em 0 .55em;font-family:var(--das-heading-font,var(--das-font-heading));font-size:clamp(30px,3vw,44px);line-height:1.08;color:var(--das-heading,#16181d)}
.das-reference-content__inner h3{margin:1.5em 0 .5em;font-size:clamp(23px,2vw,30px);color:var(--das-heading,#16181d)}
.das-reference-content__inner p{margin:0 0 1.15em}.das-reference-content__inner ul,.das-reference-content__inner ol{padding-left:1.25em}
.das-reference-sidebar{position:sticky;top:130px}.das-reference-sidebar__card{padding:26px;border:1px solid color-mix(in srgb,var(--das-text,#222) 12%,transparent);border-radius:20px;background:color-mix(in srgb,var(--das-background,#fff) 96%,var(--das-accent,#a855f7) 4%);box-shadow:0 18px 55px rgba(15,23,42,.07)}
.das-reference-sidebar__eyebrow{display:block;margin-bottom:18px;color:var(--das-accent,#a855f7);font-size:11px;font-weight:850;letter-spacing:.12em}.das-reference-sidebar__card>div{padding:14px 0;border-top:1px solid color-mix(in srgb,var(--das-text,#222) 10%,transparent)}
.das-reference-sidebar__card small{display:block;margin-bottom:5px;opacity:.55;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.das-reference-sidebar__card strong{font-size:14px;line-height:1.55}
.das-reference-visit{display:flex!important;justify-content:space-between;align-items:center;margin-top:20px;text-decoration:none!important}.das-reference-visit span{transition:transform .2s ease}.das-reference-visit:hover span{transform:translate(3px,-3px)}
html.das-dark-mode .das-reference-gallery-section,html.das-dark-mode .das-reference-content{background:var(--das-dark-background,#0d1015);color:var(--das-dark-text,#f5f5f7)}
html.das-dark-mode .das-reference-detail-gallery .das-detail-slide img{background:color-mix(in srgb,var(--das-dark-background,#0d1015) 90%,#fff 10%)}
html.das-dark-mode .das-reference-content__inner{color:var(--das-dark-text,#f5f5f7)}html.das-dark-mode .das-reference-content__inner h2,html.das-dark-mode .das-reference-content__inner h3{color:var(--das-dark-heading,#fff)}
html.das-dark-mode .das-reference-sidebar__card{background:color-mix(in srgb,var(--das-dark-background,#0d1015) 90%,var(--das-accent,#a855f7) 10%);border-color:rgba(255,255,255,.1);box-shadow:none}
@media(max-width:950px){.das-reference-single-hero__inner,.das-reference-content__layout{grid-template-columns:1fr;gap:38px}.das-reference-single .das-reference-meta{max-width:640px}.das-reference-sidebar{position:static}.das-reference-sidebar__card{max-width:640px}.das-reference-detail-gallery{width:min(100%,860px)}}
@media(max-width:620px){.das-reference-single-hero{padding:62px 18px}.das-reference-single .das-reference-meta{grid-template-columns:1fr}.das-reference-single .das-reference-meta span:last-child:nth-child(odd){grid-column:auto}.das-reference-gallery-section,.das-reference-content{padding-left:18px;padding-right:18px}.das-reference-detail-gallery .das-detail-main-image{aspect-ratio:4/3;border-radius:16px}.das-reference-detail-gallery .das-detail-thumb{flex-basis:82px;height:58px}.das-reference-detail-gallery .das-gallery-arrow{width:40px;height:40px;font-size:30px}.das-reference-detail-gallery .das-gallery-prev{left:8px}.das-reference-detail-gallery .das-gallery-next{right:8px}}

/* v0.3.3 – Reference gallery layout polish */
.das-reference-detail-gallery{width:min(100%,1120px)}
.das-reference-detail-gallery .das-detail-main-image{aspect-ratio:16/9;max-height:630px;overflow:hidden}
.das-reference-detail-gallery .das-gallery-counter{
  position:absolute!important;top:16px!important;right:16px!important;bottom:auto!important;left:auto!important;
  width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:7px 11px!important;margin:0!important;border-radius:999px!important;
  line-height:1.2!important;white-space:nowrap!important;
}
.das-reference-detail-gallery .das-gallery-zoom{
  position:absolute!important;right:16px!important;bottom:16px!important;left:auto!important;top:auto!important;
  width:38px!important;height:38px!important;padding:0!important;margin:0!important;border-radius:50%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.das-reference-detail-gallery .das-gallery-arrow{top:50%!important;bottom:auto!important;margin:0!important}
.das-reference-detail-gallery .das-gallery-prev{left:18px!important;right:auto!important}
.das-reference-detail-gallery .das-gallery-next{right:18px!important;left:auto!important}
.das-reference-detail-gallery .das-detail-thumbnails{gap:12px;padding-top:14px}
.das-reference-detail-gallery .das-detail-thumb{flex:0 0 116px;height:78px;border-radius:12px}
@media(max-width:620px){
 .das-reference-detail-gallery .das-detail-main-image{aspect-ratio:4/3;max-height:none}
 .das-reference-detail-gallery .das-gallery-counter{top:10px!important;right:10px!important}
 .das-reference-detail-gallery .das-gallery-zoom{right:10px!important;bottom:10px!important;width:34px!important;height:34px!important}
 .das-reference-detail-gallery .das-gallery-prev{left:10px!important}.das-reference-detail-gallery .das-gallery-next{right:10px!important}
 .das-reference-detail-gallery .das-detail-thumb{flex-basis:88px;height:62px}
}

/* Agency Suite 0.3.4 – compact Selected Work cards + edge-to-edge reference gallery */
/* Startseite: Referenzen kompakt als ruhiges 3er-Raster. */
.das-home-references .das-reference-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.das-home-references .das-reference-card,
.das-home-references .das-reference-card:nth-child(n){
  grid-column:auto;
  border-radius:calc(var(--das-radius) + 2px);
}
.das-home-references .das-reference-card__media{aspect-ratio:16/10}
.das-home-references .das-reference-card__body{padding:20px 21px 22px}
.das-home-references .das-reference-card__kicker{margin-bottom:8px;font-size:10px}
.das-home-references .das-reference-card h3{margin-bottom:9px;font-size:clamp(20px,1.55vw,27px);line-height:1.12}
.das-home-references .das-reference-card p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  margin-bottom:16px;
  font-size:14px;
  line-height:1.55;
}
.das-home-references .das-reference-card__link{font-size:13px}
.das-home-references .das-reference-card:hover{transform:translateY(-3px)}
@media(max-width:1050px){
  .das-home-references .das-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .das-home-references .das-reference-grid{grid-template-columns:1fr;gap:14px}
  .das-home-references .das-reference-card__body{padding:19px}
}

/* Detailseite: exakt eine Rundung am Viewport, Bild füllt die gesamte Fläche. */
.das-reference-detail-gallery{width:min(100%,1120px)}
.das-reference-detail-gallery .das-detail-main-image{
  aspect-ratio:16/9;
  max-height:none;
  border-radius:22px;
  overflow:hidden;
  background:transparent;
  box-shadow:0 24px 70px rgba(15,23,42,.12);
  isolation:isolate;
}
.das-reference-detail-gallery .das-detail-slide{
  inset:0;
  overflow:hidden;
  border-radius:inherit;
  background:transparent;
}
.das-reference-detail-gallery .das-detail-slide img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  border:0;
  border-radius:0;
  background:transparent!important;
}
html.das-dark-mode .das-reference-detail-gallery .das-detail-slide img{background:transparent!important}
.das-reference-detail-gallery .das-detail-thumbnails{padding-left:2px;padding-right:2px}
.das-reference-detail-gallery .das-detail-thumb{
  border-radius:10px;
  background:transparent;
}
@media(max-width:620px){
  .das-reference-detail-gallery .das-detail-main-image{aspect-ratio:4/3;border-radius:16px}
}

/* =========================================================
   Agency Reference Page Builder
   ========================================================= */
.das-reference-page{overflow:hidden}
.das-reference-page__hero{position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);min-height:var(--das-ref-hero-h,560px);display:flex;align-items:center;background:var(--das-ref-hero-bg,#202428);color:#fff;isolation:isolate;overflow:hidden}
html.das-dark-mode .das-reference-page__hero{background:var(--das-ref-hero-dark-bg,#101217)}
.das-reference-page__hero.has-image{background-image:linear-gradient(rgba(0,0,0,var(--das-ref-hero-overlay,.36)),rgba(0,0,0,var(--das-ref-hero-overlay,.36))),var(--das-ref-hero-image);background-size:cover;background-position:center center}
.das-reference-page__hero>.das-home-container{width:100%;position:relative;z-index:2}
.das-reference-page__hero-copy{max-width:860px}
.das-reference-page__hero.align-center .das-reference-page__hero-copy{margin-inline:auto;text-align:center}.das-reference-page__hero.align-center .das-home-actions{justify-content:center}
.das-reference-page__hero.align-right .das-reference-page__hero-copy{margin-left:auto;text-align:right}.das-reference-page__hero.align-right .das-home-actions{justify-content:flex-end}
.das-reference-page__hero h1{margin:14px 0 18px;font-family:var(--das-font-heading,inherit);font-size:var(--das-home-h-desktop);line-height:var(--das-heading-line-height,1.08);letter-spacing:var(--das-heading-letter-spacing,-.03em);font-weight:var(--das-heading-weight,700);max-width:900px}
.das-reference-page__hero p{max-width:760px;font-size:var(--das-home-body-desktop);line-height:1.7;margin:0 0 26px}.das-reference-page__hero.align-center p{margin-left:auto;margin-right:auto}.das-reference-page__hero.align-right p{margin-left:auto}
.das-reference-page .das-home-full-section{isolation:isolate;overflow:visible}
.das-reference-page .das-home-full-section>:not(.das-section-accent-layer):not(.das-section-transition){position:relative;z-index:2}
.das-reference-page__intro .das-home-section__head{max-width:900px}.das-reference-page__intro .das-home-section__head.is-center{margin-inline:auto;text-align:center}
.das-reference-featured{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:0;margin-top:42px;border:1px solid color-mix(in srgb,var(--das-home-accent) 18%,#d7dbe3);border-radius:24px;overflow:hidden;background:color-mix(in srgb,var(--das-home-bg) 96%,var(--das-home-accent) 4%);box-shadow:0 24px 70px rgba(16,24,40,.08)}
html.das-dark-mode .das-reference-featured{background:color-mix(in srgb,var(--das-home-dark-bg) 90%,white 10%);border-color:rgba(255,255,255,.1);box-shadow:0 28px 80px rgba(0,0,0,.28)}
.das-reference-featured__media{display:block;min-height:430px;overflow:hidden;background:rgba(127,127,127,.06)}.das-reference-featured__media img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block;transition:transform .45s ease}.das-reference-featured:hover .das-reference-featured__media img{transform:scale(1.025)}
.das-reference-featured__body{padding:48px;display:flex;flex-direction:column;justify-content:center}.das-reference-featured__body h3{font-family:var(--das-font-heading,inherit);font-size:clamp(30px,3vw,46px);line-height:1.06;margin:12px 0 16px}.das-reference-featured__body>p{line-height:1.75;opacity:.78;margin:0 0 24px}.das-reference-featured__meta{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:28px}.das-reference-featured__meta span{font-weight:700}.das-reference-featured__meta small{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin-bottom:5px}
.das-reference-filters{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 34px}.das-reference-filters button{appearance:none;border:1px solid color-mix(in srgb,currentColor 16%,transparent);background:transparent;color:inherit;border-radius:999px;padding:10px 16px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:.2s ease}.das-reference-filters button:hover,.das-reference-filters button.is-active{background:var(--das-home-accent);border-color:var(--das-home-accent);color:var(--das-button-text,#fff);transform:translateY(-1px)}
.das-reference-page-grid{display:grid;grid-template-columns:repeat(var(--das-ref-cols,3),minmax(0,1fr));gap:24px}.das-reference-page-card{border:1px solid color-mix(in srgb,var(--das-home-accent) 14%,#d9dde5);border-radius:20px;overflow:hidden;background:color-mix(in srgb,var(--das-home-bg) 96%,var(--das-home-accent) 4%);box-shadow:0 16px 42px rgba(16,24,40,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.das-reference-page-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--das-home-accent) 42%,#d9dde5);box-shadow:0 24px 56px color-mix(in srgb,var(--das-home-accent) 10%,rgba(16,24,40,.1))}.das-reference-page-card.is-hidden{display:none}
html.das-dark-mode .das-reference-page-card{background:color-mix(in srgb,var(--das-home-dark-bg) 88%,white 12%);border-color:rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(0,0,0,.24)}
.das-reference-page-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:rgba(127,127,127,.06)}.das-reference-page-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.das-reference-page-card:hover .das-reference-page-card__media img{transform:scale(1.035)}
.das-reference-page-card__body{padding:22px 22px 24px}.das-reference-page-card__body h3{font-family:var(--das-font-heading,inherit);font-size:clamp(20px,1.55vw,25px);line-height:1.12;margin:10px 0}.das-reference-page-card__body h3 a{color:inherit;text-decoration:none}.das-reference-page-card__body p{font-size:.94em;line-height:1.65;opacity:.72;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 17px}
.das-reference-page__cta .das-reference-cta-card{max-width:1040px;margin-inline:auto;text-align:center;padding:58px clamp(24px,5vw,72px);border-radius:28px;border:1px solid color-mix(in srgb,var(--das-home-accent) 22%,transparent);background:color-mix(in srgb,var(--das-home-accent) 8%,var(--das-home-bg));box-shadow:0 28px 80px color-mix(in srgb,var(--das-home-accent) 9%,transparent)}.das-reference-cta-card h2{margin:10px auto 16px;max-width:800px}.das-reference-cta-card p{max-width:700px;margin:0 auto 25px;line-height:1.7}.das-reference-cta-card .das-home-actions{justify-content:center}
html.das-dark-mode .das-reference-page__cta .das-reference-cta-card{background:color-mix(in srgb,var(--das-home-accent-dark) 8%,var(--das-home-dark-bg));border-color:rgba(255,255,255,.1)}
@media(max-width:1000px){.das-reference-page__hero{min-height:var(--das-ref-hero-h-tablet,500px)}.das-reference-page__hero h1{font-size:var(--das-home-h-tablet)}.das-reference-page__hero p{font-size:var(--das-home-body-tablet)}.das-reference-featured{grid-template-columns:1fr}.das-reference-featured__media,.das-reference-featured__media img{min-height:360px}.das-reference-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.das-reference-page__hero{min-height:var(--das-ref-hero-h-mobile,440px)}.das-reference-page__hero h1{font-size:var(--das-home-h-mobile)}.das-reference-page__hero p{font-size:var(--das-home-body-mobile)}.das-reference-featured__body{padding:28px 24px}.das-reference-featured__media,.das-reference-featured__media img{min-height:250px}.das-reference-page-grid{grid-template-columns:1fr}.das-reference-filters{gap:8px}.das-reference-filters button{padding:9px 13px;font-size:12px}}

/* 0.4.3 – Agency hero glass: genuinely compact content card */
@media (min-width:768px){
  .das-agency-homepage .das-agency-hero.has-text-glass .das-agency-hero__copy{
    width:min(620px,calc(100% - 32px))!important;
    max-width:620px!important;
    box-sizing:border-box!important;
  }
  .das-agency-homepage .das-agency-hero.has-text-glass .das-agency-hero__copy p{
    max-width:540px!important;
  }
}

/* Agency About v0.4.4: editorial intro + timeline */
.das-property-aboutpage .das-agency-story-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:70px;align-items:center}
.das-property-aboutpage .das-agency-story-copy .das-home-section__head{max-width:760px;margin:0 0 24px;text-align:left}
.das-property-aboutpage .das-agency-story-copy .das-about-richtext{max-width:780px}
.das-agency-today-box{padding:34px;border:1px solid color-mix(in srgb,var(--das-home-accent) 20%,transparent);border-radius:24px;background:color-mix(in srgb,var(--das-home-accent) 5%,var(--das-home-bg));box-shadow:0 18px 50px rgba(15,23,42,.07)}
.das-agency-today-box h3{margin:10px 0 12px;font-size:clamp(24px,2.2vw,32px);line-height:1.12}.das-agency-today-box p{margin:0;line-height:1.7;opacity:.78}
.das-agency-today-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.das-agency-today-tags span{padding:8px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--das-home-accent) 24%,transparent);font-size:12px;font-weight:800}
.das-agency-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:50px}.das-agency-timeline:before{content:"";position:absolute;left:4%;right:4%;top:24px;height:1px;background:color-mix(in srgb,var(--das-home-accent) 28%,transparent)}
.das-agency-timeline__item{position:relative;padding-right:32px}.das-agency-timeline__marker{position:relative;z-index:2;display:grid;place-items:center;width:48px;height:48px;margin-bottom:24px;border-radius:50%;background:var(--das-home-bg);border:2px solid var(--das-home-accent);color:var(--das-home-accent);font-size:11px;font-weight:900;letter-spacing:.08em}
.das-agency-timeline__item h3{margin:0 0 10px;font-size:21px}.das-agency-timeline__item p{margin:0;line-height:1.65;opacity:.74}
html.das-dark-mode .das-agency-today-box{background:color-mix(in srgb,var(--das-home-accent-dark) 8%,var(--das-home-dark-bg));box-shadow:0 18px 50px rgba(0,0,0,.22)}
html.das-dark-mode .das-agency-timeline__marker{background:var(--das-home-dark-bg);border-color:var(--das-home-accent-dark);color:var(--das-home-accent-dark)}
@media(max-width:980px){.das-property-aboutpage .das-agency-story-layout{grid-template-columns:1fr;gap:34px}.das-agency-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}.das-agency-timeline:before{display:none}}
@media(max-width:600px){.das-agency-today-box{padding:26px}.das-agency-timeline{grid-template-columns:1fr}.das-agency-timeline__item{padding-right:0}.das-agency-timeline__marker{margin-bottom:16px}}

/* 0.4.6 – Agentur-Builder: klassische Section-Übergänge exakt wie Startseite.
 * Die 1px-Hilfsebene hat bei shadow-soft/medium/strong einen breiten grauen
 * Streifen erzeugt. Für diese klassischen Übergänge wirft wieder die Section
 * selbst den Schatten; die Transition-Layer bleibt nur für Premium/Glow-Typen. */
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-soft"]{
  box-shadow:0 14px 30px rgba(0,0,0,.06)!important;
}
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-medium"]{
  box-shadow:0 18px 42px rgba(0,0,0,.11)!important;
}
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-strong"]{
  box-shadow:0 22px 58px rgba(0,0,0,.18)!important;
}
.das-agency-homepage .das-home-full-section[data-das-transition="glow-soft"]{
  box-shadow:0 18px 60px color-mix(in srgb,var(--das-accent) 18%,transparent)!important;
}
.das-agency-homepage .das-home-full-section[data-das-transition="light-edge"]{
  border-bottom:1px solid rgba(255,255,255,.28)!important;
}
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-soft"] > .das-section-transition,
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-medium"] > .das-section-transition,
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-strong"] > .das-section-transition,
.das-agency-homepage .das-home-full-section[data-das-transition="glow-soft"] > .das-section-transition,
.das-agency-homepage .das-home-full-section[data-das-transition="light-edge"] > .das-section-transition{
  display:none!important;
}


/* =========================================================
 * 0.4.7 – Agency Framework: EINHEITLICHE Section-Übergänge
 * Klassische Schatten bleiben innerhalb der auslösenden Section.
 * Dadurch färben/überdecken sie nicht die folgende Section und
 * verhalten sich auf Startseite, Agentur und Referenzen identisch.
 * ======================================================= */
.das-agency-homepage [data-das-transition="shadow-soft"],
.das-agency-homepage [data-das-transition="shadow-medium"],
.das-agency-homepage [data-das-transition="shadow-strong"]{
  box-shadow:none!important;
}
.das-agency-homepage [data-das-transition="shadow-soft"] > .das-section-transition,
.das-agency-homepage [data-das-transition="shadow-medium"] > .das-section-transition,
.das-agency-homepage [data-das-transition="shadow-strong"] > .das-section-transition{
  display:block!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  width:100%!important;
  pointer-events:none!important;
  z-index:3!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
.das-agency-homepage [data-das-transition="shadow-soft"] > .das-section-transition{
  height:42px!important;
  background:linear-gradient(to bottom,transparent 0%,rgba(15,23,42,.035) 100%)!important;
}
.das-agency-homepage [data-das-transition="shadow-medium"] > .das-section-transition{
  height:58px!important;
  background:linear-gradient(to bottom,transparent 0%,rgba(15,23,42,.075) 100%)!important;
}
.das-agency-homepage [data-das-transition="shadow-strong"] > .das-section-transition{
  height:72px!important;
  background:linear-gradient(to bottom,transparent 0%,rgba(15,23,42,.13) 100%)!important;
}
html.das-dark-mode .das-agency-homepage [data-das-transition="shadow-soft"] > .das-section-transition{
  background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.16) 100%)!important;
}
html.das-dark-mode .das-agency-homepage [data-das-transition="shadow-medium"] > .das-section-transition{
  background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.28) 100%)!important;
}
html.das-dark-mode .das-agency-homepage [data-das-transition="shadow-strong"] > .das-section-transition{
  background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.40) 100%)!important;
}
/* Sections müssen die interne Übergangsebene zuverlässig aufnehmen. */
.das-agency-homepage [data-das-transition]{position:relative;isolation:isolate}
.das-agency-homepage [data-das-transition] > :not(.das-section-accent-layer):not(.das-section-transition){position:relative;z-index:2}

/* Referenz-Hero nimmt jetzt dieselbe autoritative Hero-Rollen-Engine wie
 * Startseite und Agenturseite. Zuvor griff wegen des abweichenden Copy-
 * Klassennamens die alte color:#fff-Regel und machte alle Rollen weiß. */
html:not(.das-dark-mode) body .das-reference-page .das-reference-page__hero .das-reference-page__hero-copy > .das-direct-hero-role{
  color:var(--das-role-light)!important;
  -webkit-text-fill-color:var(--das-role-light)!important;
}
html.das-dark-mode body .das-reference-page .das-reference-page__hero .das-reference-page__hero-copy > .das-direct-hero-role{
  color:var(--das-role-dark,var(--das-role-light))!important;
  -webkit-text-fill-color:var(--das-role-dark,var(--das-role-light))!important;
}


/* =========================================================
 * 0.4.8 – Framework-Fix: klassische Schatten sind INSET.
 * Der Schatten gehört vollständig zur auslösenden Section und
 * darf die folgende Section niemals abdunkeln oder überlagern.
 * Gilt einheitlich für Startseite, Agentur und Referenzen.
 * ======================================================= */
.das-agency-homepage [data-das-transition="shadow-soft"],
.das-agency-homepage [data-das-transition="shadow-medium"],
.das-agency-homepage [data-das-transition="shadow-strong"]{
  overflow:hidden!important;
}
.das-agency-homepage [data-das-transition="shadow-soft"]{
  box-shadow:inset 0 -22px 28px -26px rgba(15,23,42,.20)!important;
}
.das-agency-homepage [data-das-transition="shadow-medium"]{
  box-shadow:inset 0 -30px 38px -28px rgba(15,23,42,.30)!important;
}
.das-agency-homepage [data-das-transition="shadow-strong"]{
  box-shadow:inset 0 -38px 48px -30px rgba(15,23,42,.42)!important;
}
html.das-dark-mode .das-agency-homepage [data-das-transition="shadow-soft"]{
  box-shadow:inset 0 -22px 30px -25px rgba(0,0,0,.34)!important;
}
html.das-dark-mode .das-agency-homepage [data-das-transition="shadow-medium"]{
  box-shadow:inset 0 -30px 40px -27px rgba(0,0,0,.48)!important;
}
html.das-dark-mode .das-agency-homepage [data-das-transition="shadow-strong"]{
  box-shadow:inset 0 -40px 52px -28px rgba(0,0,0,.64)!important;
}
.das-agency-homepage [data-das-transition="shadow-soft"] > .das-section-transition,
.das-agency-homepage [data-das-transition="shadow-medium"] > .das-section-transition,
.das-agency-homepage [data-das-transition="shadow-strong"] > .das-section-transition{
  display:none!important;
}

/* Referenz-Hero: Dark Mode darf mit background-color nicht das Bild resetten. */
html.das-dark-mode .das-reference-page__hero{background-color:var(--das-ref-hero-dark-bg,#101217)!important}
html.das-dark-mode .das-reference-page__hero.has-image{
  background-image:linear-gradient(rgba(0,0,0,var(--das-ref-hero-overlay,.36)),rgba(0,0,0,var(--das-ref-hero-overlay,.36))),var(--das-ref-hero-image)!important;
  background-size:cover!important;
  background-position:center center!important;
}

/* Autoritativer Agency-Hero-Look ohne Textfläche bei aktivierter Designwelt:
 * Akzent-Kicker + weißer H1/Text. So verhalten sich Startseite, Referenzen
 * und Agentur konsistent auf Bild bzw. Graphit-Hintergrund. */
.das-agency-homepage .das-agency-hero:not(.has-text-glass) .das-home-kicker.das-direct-hero-role,
.das-reference-page .das-reference-page__hero .das-home-kicker.das-direct-hero-role{
  color:var(--das-home-accent,var(--das-accent,#8965a3))!important;
  -webkit-text-fill-color:var(--das-home-accent,var(--das-accent,#8965a3))!important;
}
.das-agency-homepage .das-agency-hero:not(.has-text-glass) h1.das-direct-hero-role,
.das-agency-homepage .das-agency-hero:not(.has-text-glass) p.das-direct-hero-role,
.das-reference-page .das-reference-page__hero h1.das-direct-hero-role,
.das-reference-page .das-reference-page__hero p.das-direct-hero-role{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* =========================================================
 * 0.4.9 – Canonical Agency section transition engine
 * One renderer for Startseite, Agentur und Referenzen.
 * Classic shadows are drawn INSIDE the originating section,
 * never on top of the following section. The same transition
 * layer is used for every .das-home-full-section.
 * ======================================================= */
.das-agency-homepage .das-home-full-section[data-das-transition]{
  position:relative!important;
  isolation:isolate!important;
}
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-soft"],
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-medium"],
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-strong"]{
  box-shadow:none!important;
  overflow:hidden!important;
}
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-soft"] > .das-section-transition,
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-medium"] > .das-section-transition,
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-strong"] > .das-section-transition{
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  transform:none!important;
  pointer-events:none!important;
  z-index:3!important;
  box-shadow:none!important;
  filter:none!important;
  opacity:1!important;
}
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-soft"] > .das-section-transition{
  height:38px!important;
  background:linear-gradient(to bottom,rgba(15,23,42,0) 0%,rgba(15,23,42,.055) 100%)!important;
}
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-medium"] > .das-section-transition{
  height:54px!important;
  background:linear-gradient(to bottom,rgba(15,23,42,0) 0%,rgba(15,23,42,.11) 100%)!important;
}
.das-agency-homepage .das-home-full-section[data-das-transition="shadow-strong"] > .das-section-transition{
  height:68px!important;
  background:linear-gradient(to bottom,rgba(15,23,42,0) 0%,rgba(15,23,42,.17) 100%)!important;
}
html.das-dark-mode .das-agency-homepage .das-home-full-section[data-das-transition="shadow-soft"] > .das-section-transition{
  background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.18) 100%)!important;
}
html.das-dark-mode .das-agency-homepage .das-home-full-section[data-das-transition="shadow-medium"] > .das-section-transition{
  background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.32) 100%)!important;
}
html.das-dark-mode .das-agency-homepage .das-home-full-section[data-das-transition="shadow-strong"] > .das-section-transition{
  background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.48) 100%)!important;
}

/* Keep content and accent shapes above the internal shadow fade. */
.das-agency-homepage .das-home-full-section[data-das-transition] > :not(.das-section-accent-layer):not(.das-section-transition){
  position:relative;
  z-index:4;
}
.das-agency-homepage .das-home-full-section > .das-section-accent-layer{z-index:1!important}

/* Hero transitions stay independent; never inherit the content-section shadow renderer. */
.das-agency-homepage .das-agency-hero[data-das-transition="shadow-soft"] > .das-section-transition,
.das-agency-homepage .das-agency-hero[data-das-transition="shadow-medium"] > .das-section-transition,
.das-agency-homepage .das-agency-hero[data-das-transition="shadow-strong"] > .das-section-transition{
  display:none!important;
}

/* Agency v0.5.0 – personal founder section (replaces Property team grid on Agentur page) */
.das-agency-personal{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:clamp(42px,6vw,88px);align-items:center}
.das-agency-personal.is-image-right .das-agency-personal__media{order:2}
.das-agency-personal__media{min-width:0}
.das-agency-personal__media img,.das-agency-personal__placeholder{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--das-radius,24px);box-shadow:0 22px 55px rgba(25,22,35,.12)}
.das-agency-personal__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(137,101,163,.08);border:1px solid rgba(137,101,163,.18)}
.das-agency-personal__placeholder .dashicons{width:auto;height:auto;font-size:54px;color:var(--das-accent,#8965a3)}
.das-agency-personal__content h2{margin:10px 0 28px;max-width:760px}
.das-agency-personal__name{margin:0 0 4px;font-size:clamp(24px,2.2vw,32px)}
.das-agency-personal__role{margin:0 0 24px;color:var(--das-muted,#6f6b73);font-weight:600}
.das-agency-personal__text{max-width:760px}
.das-agency-personal__text p{margin:0 0 14px}
.das-agency-personal__badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.das-agency-personal__badges span{display:inline-flex;align-items:center;min-height:36px;padding:7px 14px;border:1px solid rgba(137,101,163,.24);border-radius:999px;background:rgba(137,101,163,.07);font-size:13px;font-weight:700}
html.das-dark-mode .das-agency-personal__role{color:var(--das-dark-muted,#b7b0bd)}
html.das-dark-mode .das-agency-personal__badges span{background:rgba(137,101,163,.13);border-color:rgba(180,150,201,.25)}
@media(max-width:820px){.das-agency-personal{grid-template-columns:1fr;gap:34px}.das-agency-personal.is-image-right .das-agency-personal__media{order:0}.das-agency-personal__media{max-width:560px}.das-agency-personal__content h2{margin-bottom:22px}}