#werkstatt.ref-service,.ref-about{font-family:"Segoe UI",Arial,sans-serif;color:#20262c;padding:80px 0;background:#fff}#werkstatt.ref-service{background:#f3f3f1}.ref-service-hero{display:grid;grid-template-columns:1.05fr 1fr;background:#20262c;min-height:420px}.ref-service-hero>img{width:100%;height:100%;object-fit:cover;min-height:420px}.ref-hero-copy{padding:48px;align-self:center;color:#fff}.ref-hero-copy>span,.ref-about-heading>span{font-size:11px;letter-spacing:.12em;font-weight:600}.ref-hero-copy>span{color:#c4cbd0}#werkstatt .ref-hero-copy h2{font-size:clamp(32px,3.4vw,48px);line-height:1.12;letter-spacing:-.035em;margin:20px 0 24px;color:#fff}#werkstatt.ref-service p{font-size:16px;line-height:1.7;max-width:none;margin:0;color:#59626a}#werkstatt .ref-hero-copy p{color:#d2d7db;font-size:16px;margin-bottom:28px}.ref-button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:48px;padding:14px 22px;background:#d00028;color:#fff!important;border:1px solid #d00028;border-radius:3px;text-decoration:none;font-weight:600;font-size:15px;line-height:1.3;box-sizing:border-box}.ref-button:hover{background:#ad0021;border-color:#ad0021}.ref-button:focus-visible,.ref-text-link:focus-visible,.ref-category summary:focus-visible{outline:3px solid #318ac6;outline-offset:5px}.ref-service-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin:48px 0 24px}#werkstatt .ref-service-heading h3{font-size:28px;letter-spacing:-.025em;margin:0}.ref-category{border-top:1px solid #bcc4c9}.ref-category:last-child{border-bottom:1px solid #bcc4c9}.ref-category summary{list-style:none;display:flex;align-items:center;gap:28px;cursor:pointer;padding:25px 0}.ref-category summary::-webkit-details-marker{display:none}.ref-category-number{font-size:12px;color:#858d94;align-self:flex-start;margin-top:6px}.ref-category summary strong{font-size:25px;letter-spacing:-.025em;font-weight:600;display:block}.ref-category summary small{display:block;font-size:14px;color:#68717a;margin-top:7px}.ref-expand{margin-left:auto;width:32px;height:32px;display:grid;place-items:center;background:#e5e8ea;border-radius:50%;flex-shrink:0}.ref-expand:after{content:'+';font-size:24px;font-weight:400}.ref-category[open] .ref-expand{background:#d00028;color:#fff}.ref-category[open] .ref-expand:after{content:'−'}.ref-category-content{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;padding:6px 0 34px 44px}.ref-category-content figure{margin:0}.ref-category-content img{width:100%;height:100%;max-height:380px;min-height:270px;object-fit:cover;display:block}.ref-category-text{display:grid;gap:20px;align-content:start}#werkstatt .ref-category-text h4{font-size:17px;letter-spacing:0;font-weight:600;margin:0 0 6px}#werkstatt .ref-category-text p{font-size:15px;line-height:1.65}.ref-text-link{font-size:14px;color:inherit;text-underline-offset:5px;font-weight:600;justify-self:start;margin-top:4px}.ref-text-link span{margin-left:16px}#werkstatt.ref-service .ref-photo-note{font-size:11px;margin-top:18px;color:#69737b}.ref-about-heading{margin-bottom:32px}.ref-about-heading>span{color:#b80027}.ref-about h2{font-size:clamp(36px,4vw,54px);letter-spacing:-.04em;line-height:1.1;margin:14px 0 16px}.ref-about-heading p{color:#59626a;font-size:18px}.ref-about-image{position:relative}.ref-about-image img{width:100%;height:420px;object-fit:cover;object-position:center;display:block}.ref-since{position:absolute;bottom:0;left:0;padding:28px 40px;background:#d00028;color:#fff}.ref-since strong{display:block;font-size:30px;letter-spacing:-.03em}.ref-since span{display:block;font-size:14px;margin-top:4px}.ref-about-bottom{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;margin-top:42px}.ref-about-bottom h3{font-size:32px;line-height:1.2;letter-spacing:-.03em;margin:0}.ref-about-bottom p{font-size:16px;line-height:1.8;color:#59626a;margin:0 0 18px}.ref-about-bottom .ref-button{margin-top:6px}
html[data-theme="dark"] #werkstatt.ref-service{background:#151d24;color:#f1f3f5}html[data-theme="dark"] .ref-about{background:#10171d;color:#f1f3f5}html[data-theme="dark"] #werkstatt.ref-service p,html[data-theme="dark"] .ref-about p,html[data-theme="dark"] .ref-category summary small{color:#bbc5cc}html[data-theme="dark"] .ref-category{border-color:#42515d}html[data-theme="dark"] .ref-expand{background:#35434e}html[data-theme="dark"] .ref-category[open] .ref-expand{background:#d00028}html[data-theme="dark"] .ref-about-heading>span{color:#ff899c}
@media(max-width:900px){.ref-hero-copy{padding:30px}.ref-category-content{gap:28px;padding-left:0}.ref-about-bottom{gap:32px}.ref-service-hero>img{min-height:380px}}
@media(max-width:600px){#werkstatt.ref-service,.ref-about{padding:40px 0}.ref-service-hero{grid-template-columns:1fr;min-height:0}.ref-service-hero>img{height:220px;min-height:0}.ref-hero-copy{padding:28px 24px}#werkstatt .ref-hero-copy h2{font-size:32px;margin:16px 0 20px}.ref-service-heading{align-items:flex-start;flex-direction:column;gap:8px;margin-top:32px}.ref-category summary{gap:16px;padding:22px 0}.ref-category summary strong{font-size:21px}.ref-category summary small{font-size:12px}.ref-category-content{grid-template-columns:1fr;gap:24px;padding-bottom:28px}.ref-category-content img{height:220px;min-height:0}.ref-about-image img{height:310px}.ref-since{padding:18px 24px}.ref-since strong{font-size:26px}.ref-about-bottom{grid-template-columns:1fr;gap:22px;margin-top:28px}.ref-about-bottom h3{font-size:28px}.ref-button{gap:24px;max-width:100%}}