body.public-design-page { background:#f5f3ee; color:#173c2d; }
.public-design-page .skip-link{position:fixed;top:12px;left:20px;z-index:100;transform:translateY(-180%);background:#173c2d;color:#fff;padding:14px 20px;border-radius:6px}
.public-design-page .skip-link:focus{transform:none}
.public-design-page #websiteBetreuung,.public-design-page #designBeispiele{scroll-margin-top:110px}
.public-design-content { max-width:1400px; margin:0 auto; padding:40px 32px 64px; }
.public-design-page .design-hero h1 { margin:0 0 24px; color:#173c2d; font:400 clamp(2.2rem,4.4vw,4.2rem)/1.1 Georgia,serif; }
.public-design-page .design-studio { margin:0; }
.public-design-footer { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; padding:32px; border-top:1px solid #dce5dc; }
.public-design-footer a { color:#365d45; font-size:.9rem; text-underline-offset:4px; }
.public-design-access-note { font-size:.9rem; line-height:1.7; color:#58685e; }
.public-design-page #designKonfigurator { scroll-margin-top:110px; }
@media(max-width:800px) { .public-design-content { padding:24px 16px 40px; } .public-design-page input,.public-design-page select,.public-design-page textarea { font-size:16px; } }

.design-website-offer{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;background:#e7eee3;border:1px solid #d2dece;border-radius:22px;padding:40px}
.design-website-copy h2{margin:0 0 22px;font:400 clamp(2rem,3.4vw,3.2rem)/1.12 Georgia,serif;letter-spacing:-.025em}
.design-website-copy>p{line-height:1.75;color:#465b4d}
.design-website-price{margin:28px 0 16px;font-size:.9rem}
.design-website-price strong{display:block;margin-top:8px;font:400 1.85rem/1.2 Georgia,serif;color:#173c2d}
.design-website-copy button{margin-top:14px}
.design-website-details{background:#f8faf5;border:1px solid #d6e1d1;border-radius:16px;padding:28px}
.design-website-details h3{margin:0 0 20px;font-size:1.15rem}
.design-website-details ul{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.design-website-details li strong,.design-website-details li span{display:block}
.design-website-details li span{margin-top:5px;font-size:.9rem;color:#465b4d;line-height:1.65}
.design-website-note{margin:24px 0 0;padding-top:20px;border-top:1px solid #d6e1d1;font-size:.82rem;line-height:1.7;color:#465b4d}
.design-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.design-example{margin:0;overflow:hidden;border:1px solid #dce3d9;border-radius:16px;background:#fff}
.design-example-art{height:440px;min-height:440px;position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.design-example figcaption{padding:24px}
.design-example figcaption>span{font-size:.66rem;letter-spacing:.07em;color:#46684f;font-weight:700}
.design-example h3{margin:12px 0;font:400 1.6rem/1.15 Georgia,serif}
.design-example figcaption p{margin:0;font-size:.9rem;line-height:1.7;color:#58685e}
.example-werkraum{background:#e7ddcb;color:#293b2e;justify-content:flex-start}
.example-logo-mark{height:120px;font:400 6rem/1 Georgia,serif;letter-spacing:-.13em}
.example-logo-mark span{font-size:3rem;display:inline-block;transform:translate(-5px,10px)}
.example-brand-name{font-size:.9rem;letter-spacing:.15em;margin-top:8px;text-align:center}
.example-brand-subline{font-size:.55rem;letter-spacing:.18em;margin-top:9px}
.example-business-card{align-self:stretch;position:relative;transform:rotate(-5deg);background:#293b2e;color:#f5ecd9;padding:23px 25px;min-height:120px;margin-top:30px;box-shadow:0 14px 20px #293b2e25}
.example-business-card>span{font-size:.7rem;letter-spacing:.12em;line-height:1.5}
.example-business-card small{display:block;margin-top:15px;font-size:.6rem}
.example-business-card i{position:absolute;right:20px;bottom:22px;font:400 2.5rem Georgia,serif;color:#b5c19d}
.example-restaurant{background:#ded0bc}
.example-poster{width:100%;max-width:240px;background:#f8f0df;color:#803f2d;padding:26px;box-shadow:0 12px 20px #613b2725;transform:rotate(3deg)}
.example-poster>span{font-size:.65rem;letter-spacing:.2em;font-weight:700}
.example-poster-symbol{font:400 5.5rem/.95 Georgia,serif;margin:18px 0;color:#b56a40}
.example-poster>strong{font:400 2.15rem/1.05 Georgia,serif;display:block;letter-spacing:-.025em}
.example-poster p{font-size:.7rem;line-height:1.65;margin:16px 0}
.example-poster>small{display:block;border-top:1px solid #ceae95;padding-top:14px;font-size:.55rem;letter-spacing:.12em}
.example-aera{background:#e9ede5;align-items:stretch;justify-content:flex-start}
.example-aera-logo{font:400 2.5rem/1 Georgia,serif;letter-spacing:.2em}
.example-aera-logo span{display:block;font:600 .55rem/1.5 system-ui,sans-serif;letter-spacing:.16em;margin-top:10px}
.example-aera-swatches{display:flex;gap:8px;margin:20px 0}
.example-aera-swatches i{width:34px;height:26px;border:1px solid #213e2f20;border-radius:3px;background:#213e2f}
.example-aera-swatches i:nth-child(2){background:#a8b79b}.example-aera-swatches i:nth-child(3){background:#f2ecd9}
.example-social-card{margin-left:26px;background:#213e2f;color:#f2ecd9;padding:24px;transform:rotate(-3deg);box-shadow:0 12px 20px #213e2f25}
.example-social-card>span,.example-social-card>small{display:block;font-size:.5rem;letter-spacing:.09em}
.example-social-card>strong{display:block;font:400 2.2rem/1.05 Georgia,serif;margin:20px 0}
.design-example-disclaimer{font-size:.85rem;line-height:1.7;color:#58685e;margin-top:20px}
@media(max-width:1000px){.design-example-grid{gap:16px}.design-example-art{padding:20px;min-height:440px}.design-website-offer{gap:28px;padding:28px}}
@media(max-width:800px){.design-website-offer{grid-template-columns:1fr;padding:24px;gap:24px}.design-example-grid{grid-template-columns:1fr}.design-example-art{min-height:440px}.design-website-copy button{width:100%;white-space:normal}.design-website-details{padding:22px}.design-example-art{padding:30px}}