.showcase .example-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}.showcase .example-tabs button{font-size:12px;min-height:42px;flex:none;padding:11px 18px}.showcase-panel{display:grid;grid-template-columns:1.48fr 1fr;gap:5.5%;align-items:center}.showcase-panel[hidden]{display:none}.showcase-browser{display:block;min-width:0;border:1px solid #d4d9cb;box-shadow:0 24px 50px #163b3215;background:var(--preview-bg);color:var(--preview-ink);border-radius:10px;overflow:hidden;text-decoration:none;transition:transform .25s,box-shadow .25s}.showcase-browser:hover{transform:translateY(-4px);box-shadow:0 28px 50px #163b3225}.showcase-chrome{display:flex;justify-content:space-between;gap:10px;padding:11px 16px;background:#fffefa;color:#738071;font-size:9px;letter-spacing:.06em;border-bottom:1px solid #d8dfce}.showcase-chrome>span:first-child{font-size:8px;color:#b4bfac;letter-spacing:3px}.preview-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px}.preview-nav b{font-size:19px;letter-spacing:-.04em}.preview-nav>span{font-size:7px;letter-spacing:.12em}.preview-hero{position:relative;height:325px;isolation:isolate}.preview-photo{height:100%;width:100%;object-fit:cover;display:block;position:absolute;inset:0;z-index:-2}.preview-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000c,#0004 70%,transparent)}.preview-copy{padding:35px 28px;color:#fff;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;height:100%}.preview-copy>span:first-child{font-size:7px;letter-spacing:.12em}.preview-copy h3{font-size:clamp(32px,3.2vw,49px);font-weight:500;line-height:1.06;letter-spacing:-.04em;margin:18px 0 22px}.preview-cta{display:inline-block;padding:10px 15px;background:var(--preview-accent);color:var(--preview-bg);font-size:10px;font-weight:600;max-width:100%}.preview-services{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:20px 24px;font-size:9px;border-bottom:1px solid color-mix(in srgb,currentColor 15%,transparent)}.preview-bottom{display:flex;justify-content:space-between;gap:12px;padding:16px 24px;font-size:9px}.preview-barber .preview-nav b,.preview-barber .preview-copy h3{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.01em}.preview-barber .preview-copy h3{text-transform:uppercase;font-size:52px}.preview-handwerk .preview-copy h3,.preview-gastro .preview-copy h3,.preview-service .preview-copy h3{font-family:Georgia,serif}.preview-handwerk .preview-hero:after{background:linear-gradient(90deg,#28200dcf,#28200d36 85%)}.preview-gastro .preview-copy{align-items:center;text-align:center}.preview-gastro .preview-hero:after{background:#3a10085c}.preview-gastro .preview-cta,.preview-service .preview-cta{border-radius:25px}.preview-detailing .preview-hero{height:350px}.preview-detailing .preview-copy h3{font-weight:700;font-size:42px}.preview-reinigung .preview-hero:after{background:linear-gradient(90deg,#143738e8,#14373844 85%)}.preview-reinigung .preview-copy h3{font-weight:650}.preview-service .preview-hero:after{background:linear-gradient(90deg,#163923c9,#16392320)}.showcase-description{padding:20px 0;min-width:0}.showcase-number{display:block;font-size:10px;letter-spacing:.09em;color:#677b61}.showcase-description h3{font-size:clamp(25px,2.5vw,35px);line-height:1.18;letter-spacing:-1px;margin:22px 0 18px;font-weight:500}.showcase-description>p{font-size:14px;line-height:1.75;color:#65735e}.showcase-description ul{padding:0;margin:24px 0 28px;list-style:none;display:grid;gap:11px}.showcase-description li{font-size:12px;line-height:1.65;padding-left:21px;position:relative}.showcase-description li:before{content:'↗';position:absolute;left:0;color:#698260}.showcase-description .button{font-size:12px;gap:25px}.showcase-description>.text-link{display:block;margin-top:20px;font-size:12px}.showcase-description>.showcase-disclosure{font-size:10px;line-height:1.7;margin-top:26px;color:#718067}.showcase-panel:focus-visible{outline:2px solid #c96638;outline-offset:10px}
@media(max-width:1000px){.showcase-panel{grid-template-columns:1.2fr 1fr;gap:4%}.preview-nav{padding:18px}.preview-nav>span{display:none}.preview-copy{padding:24px}.preview-copy h3{font-size:34px}.preview-detailing .preview-copy h3{font-size:34px}.preview-barber .preview-copy h3{font-size:43px}.showcase-description h3{font-size:27px}.showcase-description>p{font-size:13px}}
@media(max-width:700px){.showcase-panel{grid-template-columns:1fr;gap:12px}.showcase .example-tabs{gap:7px}.showcase .example-tabs button{font-size:11px;padding:10px 13px;flex:none}.preview-hero,.preview-detailing .preview-hero{height:325px}.preview-copy h3{font-size:43px}.preview-detailing .preview-copy h3{font-size:38px}.preview-nav>span{display:block;font-size:6px}.showcase-description h3{font-size:30px;margin-top:16px}.showcase-description>p{font-size:14px}.showcase-description ul{margin:20px 0}.showcase-description>.showcase-disclosure{margin-top:18px}.showcase-description>.text-link{display:inline-block}.showcase-browser{box-shadow:0 12px 24px #163b3212}.showcase-description .button{margin-right:18px}}
@media(max-width:370px){.preview-hero,.preview-detailing .preview-hero{height:285px}.preview-copy{padding:20px}.preview-copy h3{font-size:35px}.preview-barber .preview-copy h3{font-size:41px}.preview-detailing .preview-copy h3{font-size:32px}.preview-nav>span{display:none}.preview-services{font-size:8px;padding:15px}.preview-bottom{padding:15px;font-size:8px}.showcase-description h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.showcase-browser{transition:none}}