#werkstatt.workshop-visual{padding:64px 0}
#werkstatt .workshop-heading{max-width:790px;margin-bottom:30px}
#werkstatt .workshop-heading h2{font-size:clamp(28px,3vw,40px);margin:12px 0 16px;max-width:720px}
#werkstatt .workshop-heading p{max-width:720px;font-size:16px}
#werkstatt .workshop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#werkstatt .workshop-card{overflow:hidden;border:1px solid #dce1e5;border-radius:12px;background:#fff;color:#202830}
#werkstatt .workshop-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#werkstatt .workshop-card-copy{padding:24px}
#werkstatt .workshop-card h3{font-size:22px;margin:0 0 9px}
#werkstatt .workshop-card p{max-width:none;margin:0}
#werkstatt .workshop-card .workshop-tag{font-weight:600;color:#aa0021;margin-bottom:10px;font-size:14px}
#werkstatt .workshop-photo-note{max-width:none;font-size:12px;margin:14px 0 30px;color:#64717b}
#werkstatt .workshop-extras{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:28px 32px;background:#f4f6f7;border:1px solid #dce1e5;border-radius:12px}
#werkstatt .workshop-extras p{margin:0;max-width:480px}
#werkstatt .workshop-cta{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;margin-top:24px;border-radius:12px;background:#202830;color:#fff}
#werkstatt .workshop-cta .section-kicker{color:#c1cbd3}
#werkstatt .workshop-cta h3{font-size:24px;margin:10px 0}
#werkstatt .workshop-cta p{color:#d5dde3;max-width:640px;margin:0}
#werkstatt .workshop-cta-actions{display:flex;flex-direction:column;align-items:center;flex-shrink:0}
#werkstatt .workshop-cta .service-location{color:#fff}
html[data-theme="dark"] #werkstatt .workshop-card,html[data-theme="dark"] #werkstatt .workshop-extras{background:#1b232b;border-color:#35414c;color:#f1f4f7}
html[data-theme="dark"] #werkstatt .workshop-card .workshop-tag{color:#ff8da1}
html[data-theme="dark"] #werkstatt .workshop-photo-note{color:#b8c3cd}
@media(max-width:1000px){#werkstatt .workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#werkstatt.workshop-visual{padding:36px 0}#werkstatt .workshop-grid{grid-template-columns:1fr;gap:20px}#werkstatt .workshop-card-copy{padding:22px}#werkstatt .workshop-extras{grid-template-columns:1fr;gap:24px;padding:24px}#werkstatt .workshop-cta{flex-direction:column;align-items:stretch;padding:24px;gap:24px}#werkstatt .workshop-cta-actions{align-items:stretch}#werkstatt .service-phone{justify-content:center}#werkstatt .service-location{justify-content:center}}
#werkstatt .workshop-card{padding:0}
