.dachfinder-teaser{position:relative;isolation:isolate;overflow:hidden;background:var(--dachfinder-ink);color:var(--dachfinder-surface)}.dachfinder-teaser--collection{--dachfinder-transition-gap: clamp(36px, 4vw, 64px);padding-top:var(--dachfinder-transition-gap);background:transparent}.dachfinder-teaser--collection:after{content:"";position:absolute;inset:var(--dachfinder-transition-gap) 0 0;z-index:-2;border-radius:clamp(26px,3vw,44px) clamp(26px,3vw,44px) 0 0;background:var(--dachfinder-ink);box-shadow:0 -16px 44px color-mix(in srgb,var(--dachfinder-ink) 10%,transparent)}.dachfinder-teaser__grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.32;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 34%,#000);mask-image:linear-gradient(90deg,transparent,#000 34%,#000)}.dachfinder-teaser--collection .dachfinder-teaser__grid{top:var(--dachfinder-transition-gap);border-radius:clamp(26px,3vw,44px) clamp(26px,3vw,44px) 0 0}.dachfinder-teaser__inner{width:min(100% - 48px,1320px);margin-inline:auto;padding-block:clamp(34px,4vw,56px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(410px,1.1fr);align-items:center;gap:clamp(36px,5vw,72px)}.dachfinder-teaser__content{max-width:590px}.dachfinder-teaser__eyebrow{margin:0 0 13px;color:var(--dachfinder-accent);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.dachfinder-teaser__heading{max-width:620px;margin:0;color:var(--dachfinder-surface);font-size:clamp(38px,4vw,60px);font-weight:700;letter-spacing:-.045em;line-height:.96;text-wrap:balance}.dachfinder-teaser__text{max-width:560px;margin:18px 0 0;color:#ffffffb3;font-size:clamp(15px,1.2vw,18px);line-height:1.5;text-wrap:pretty}.dachfinder-teaser__steps{margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;border-block:1px solid rgba(255,255,255,.18)}.dachfinder-teaser__steps li{min-height:61px;padding:12px 14px 11px 0;display:grid;align-content:center;gap:4px}.dachfinder-teaser__steps li+li{padding-left:14px;border-left:1px solid rgba(255,255,255,.18)}.dachfinder-teaser__steps span{color:var(--dachfinder-accent);font-size:11px;font-weight:800;letter-spacing:.12em}.dachfinder-teaser__steps strong{color:var(--dachfinder-surface);font-size:13px;font-weight:650;line-height:1.2}.dachfinder-teaser__button{width:min(100%,330px);min-height:54px;margin-top:22px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--dachfinder-accent);color:#07130f;font-size:14px;font-weight:800;text-decoration:none;transition:transform .18s ease,background-color .18s ease}.dachfinder-teaser__button span:last-child{font-size:24px;line-height:1;transition:transform .18s ease}.dachfinder-teaser__button:hover{transform:translateY(-2px)}.dachfinder-teaser__button:hover span:last-child{transform:translate(4px)}.dachfinder-teaser__button:focus-visible,.dachfinder-teaser__visual:focus-visible{outline:3px solid var(--dachfinder-surface);outline-offset:4px}.dachfinder-teaser__visual{position:relative;min-height:320px;padding:21px;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 48% 48%,color-mix(in srgb,var(--dachfinder-accent) 24%,transparent),transparent 46%),#07130fa3;border:1px solid rgba(255,255,255,.2);color:var(--dachfinder-surface);text-decoration:none}.dachfinder-teaser__visual:before,.dachfinder-teaser__visual:after{content:"";position:absolute;background:#ffffff57;transform-origin:left center}.dachfinder-teaser__visual:before{width:56%;height:1px;top:36%;left:18%;transform:rotate(-14deg)}.dachfinder-teaser__visual:after{width:40%;height:1px;right:4%;bottom:26%;transform:rotate(68deg)}.dachfinder-teaser__visual-head,.dachfinder-teaser__visual-foot{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:baseline;gap:20px}.dachfinder-teaser__visual-head span,.dachfinder-teaser__visual-foot span{color:var(--dachfinder-accent);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dachfinder-teaser__visual-head strong,.dachfinder-teaser__visual-foot strong{padding:5px 8px;background:#07130fd1;color:#ffffffb8;font-size:11px;font-weight:600;text-align:right}.dachfinder-teaser__model{position:relative;z-index:2;min-height:238px;display:block}.dachfinder-teaser__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.dachfinder-teaser__model-status{position:absolute;right:0;bottom:8px;display:flex;align-items:center;gap:7px;color:#ffffff94;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dachfinder-teaser__model-status span{width:7px;height:7px;border-radius:50%;background:var(--dachfinder-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--dachfinder-accent) 15%,transparent)}@media screen and (max-width:999px){.dachfinder-teaser__inner{width:min(100% - 36px,760px);grid-template-columns:1fr;gap:28px}.dachfinder-teaser__heading{font-size:clamp(38px,8vw,58px)}.dachfinder-teaser__visual{min-height:310px}}@media screen and (max-width:599px){.dachfinder-teaser--collection{--dachfinder-transition-gap: 28px}.dachfinder-teaser--collection:after,.dachfinder-teaser--collection .dachfinder-teaser__grid{border-radius:22px 22px 0 0}.dachfinder-teaser__inner{width:min(100% - 24px,520px);padding-block:30px;gap:24px}.dachfinder-teaser__grid{background-size:42px 42px}.dachfinder-teaser__heading{font-size:clamp(34px,10.5vw,46px);line-height:.96}.dachfinder-teaser__text{margin-top:16px;font-size:15px}.dachfinder-teaser__steps{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px}.dachfinder-teaser__steps li{min-height:62px;padding:10px 8px 10px 0;display:grid;grid-template-columns:1fr;align-content:center;gap:3px}.dachfinder-teaser__steps li+li{padding-left:8px;border-top:0;border-left:1px solid rgba(255,255,255,.18)}.dachfinder-teaser__steps strong{font-size:11px}.dachfinder-teaser__button{width:100%;margin-top:20px}.dachfinder-teaser__visual{min-height:270px;padding:17px 15px}.dachfinder-teaser__visual-head,.dachfinder-teaser__visual-foot{align-items:flex-start;flex-direction:column;gap:4px}.dachfinder-teaser__visual-head strong,.dachfinder-teaser__visual-foot strong{text-align:left}.dachfinder-teaser__model{min-height:196px}}@media(prefers-reduced-motion:reduce){.dachfinder-teaser__button,.dachfinder-teaser__button span:last-child{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/compiled_assets/styles.css.map?subset=AAAB */
