body:has(.werkseite){overflow-x:clip;background:#efedf4}
body:has(.werkseite)>.studio-publicnav{position:fixed;inset:0 0 auto;margin:0;padding:10px clamp(14px,2vw,32px);background:#fffffff7;border:0;border-bottom:1px solid #e6e1eb;border-radius:0;box-shadow:0 4px 20px #1710231a;z-index:60}
.werkseite{font-family:var(--st-font);background:#eeedf3;color:#24212b}.werkseite section[id]{scroll-margin-top:95px}.werkseite h1,.werkseite h2,.werkseite h3{letter-spacing:-.045em;line-height:1.05;font-weight:580}.werkseite h2{font-size:clamp(32px,4.3vw,67px)}.werkseite h3{font-size:clamp(22px,2vw,32px)}.werkseite p{line-height:1.6}.werk-label{font-size:.75rem;font-weight:650;text-transform:uppercase;letter-spacing:.09em;color:#633691}
.werk-hero{min-height:clamp(540px,80svh,850px);position:relative;isolation:isolate;display:flex;align-items:center;background:#15121d;color:white;overflow:hidden;border-radius:0 0 36px 36px}.werk-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-2}.werk-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#100e19f0 0%,#140f20cc 31%,#170e2138 60%,transparent 80%);z-index:-1}.werk-herotext{padding:120px clamp(24px,7vw,110px) 75px;max-width:760px}.werk-herotext h1{font-size:clamp(48px,6.3vw,98px);margin:16px 0 22px}.werk-herotext>p:not(.werk-label){font-size:clamp(16px,1.35vw,22px);max-width:44ch;color:#eee9f4}.werk-herotext .werk-label,.werk-market .werk-label{color:#d5b8ef}.werk-actions,.werk-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.werk-actions{margin-top:26px}.werk-button{display:inline-block;padding:12px 20px;border-radius:8px;background:#623b96;color:white;font-weight:600}.werk-button:hover{background:#492675}.werk-credit{position:absolute;bottom:16px;right:24px;color:white;font-size:.75rem;padding:4px 10px;background:#201629aa;border-radius:6px}
.werk-section,.werk-market{padding:clamp(44px,6.4vw,96px) clamp(20px,7vw,112px)}.werk-sectiontitle{max-width:790px;margin-bottom:30px}.werk-section h2,.werk-market h2{margin:10px 0 16px}.werk-sectiontitle>p:last-child,.werk-ledger p:not(.werk-label),.werk-community div,.werk-bottom p{max-width:63ch;color:#575260}.werk-demo{display:grid;grid-template-columns:.85fr 1.15fr;background:white;border:1px solid #dfdae5;border-radius:18px;overflow:hidden}.werk-demoform,.werk-stock{padding:clamp(20px,3vw,44px)}.werk-demoform h3{margin:12px 0 20px}.werk-demoform label,.werk-demoform input{display:block}.werk-demoform input{padding:10px 14px;width:140px;border:1px solid #b7abc6;border-radius:8px;margin:6px 0 12px;font-weight:600}.werk-demoform p,.werk-stock small{font-size:.86rem;color:#67606f}.werk-stock{background:#faf8fc;border-left:1px solid #e5dfea}.werk-stockhead,.werk-stockrow,.werk-ledger dl div{display:flex;gap:14px;align-items:center;justify-content:space-between}.werk-stockhead{margin-bottom:15px}.werk-stockrow{padding:15px 0;border-top:1px solid #e2dde8}.werk-stockrow small{display:block}.bedarf-info{font-size:.8rem;color:#6d6269}.bedarf-info[data-fit=true]{color:#542786;background:#ede4f7;border-radius:6px;padding:4px 8px}.werk-result{margin-top:12px;font-size:.92rem}
.werk-ledger,.werk-community{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,6vw,82px);align-items:center;background:white}.werk-ledger figure{margin:0}.werk-ledger img{width:100%;border-radius:14px;aspect-ratio:3/2;object-fit:cover}.werk-ledger dl{margin:18px 0}.werk-ledger dl div{border-bottom:1px solid #e6e1e8;padding:8px 0}.werk-ledger dd{font-variant-numeric:tabular-nums;font-weight:600}.werk-market{background:#20182b;color:white;border-radius:30px}.werk-market .werk-sectiontitle>p:last-child,.werk-market li p{color:#ded5e6}.werk-market ol,.werk-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.werk-market li,.werk-plans article{padding:clamp(18px,2.5vw,34px);border-radius:12px;background:#32263e}.werk-market li strong,.werk-market li small{display:block}.werk-market li strong{margin:8px 0;font-size:1.2rem}.werk-market li small{color:#ceb0ea}.werk-community .werk-label{grid-column:1/-1;margin-bottom:-12px}.werk-community div p+p{margin-top:12px}.werk-plans article{background:white;border:1px solid #e3dce8}.werk-plans b{font-size:1.8rem}.werk-plans article>p{margin:12px 0}.werk-bottom{justify-content:space-between;margin-top:32px}
@media(max-width:780px){body:has(.werkseite)>.studio-publicnav{inset:0 0 auto;padding:9px 12px;gap:7px}.werkseite section[id]{scroll-margin-top:110px}.werk-hero{min-height:625px;align-items:end}.werk-hero>img{object-position:68% 50%}.werk-hero:before{background:linear-gradient(0deg,#100d19f5 4%,#140e20d6 40%,#120d1f20 78%)}.werk-herotext{padding:250px 22px 45px}.werk-credit{display:none}.werk-demo,.werk-ledger,.werk-community,.werk-market ol,.werk-plans{grid-template-columns:1fr}.werk-stock{border-left:0;border-top:1px solid #e5dfea}.werk-community .werk-label{grid-column:auto}.werk-market{border-radius:20px}.werk-stockhead,.werk-stockrow{gap:8px}.werk-stockrow{flex-wrap:wrap}}
.werkseite .werk-tools{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(22px,6vw,80px);max-width:none;border:0;margin:0;background:#f6f4f8}.werk-tools-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px}.werk-tools details{margin-top:16px;border-top:1px solid #d8d3df;padding-top:12px}.werk-tools summary{color:#55327d;font-weight:600;cursor:pointer}.werk-tools details p{margin-top:8px}
@media(max-width:780px){.werkseite .werk-tools{grid-template-columns:1fr}.werk-tools-photo img{max-height:260px}}
@media(max-width:460px){body:has(.werkseite) .public-logo img{width:100px}body:has(.werkseite) .public-account{gap:8px;font-size:.8rem}body:has(.werkseite) .public-account .solid{padding:8px 10px}body:has(.werkseite) .public-sections{gap:6px;font-size:.78rem}body:has(.werkseite) .public-sections a[href="/kontakt"]{display:none}}
.werkseite section[id]{scroll-margin-top:var(--werk-scrollabstand,125px)}
.studio-publicnav .public-logo img,body:has(.werkseite) .public-logo img{width:clamp(190px,19vw,258px);max-width:none}.studio-publicfooter img{width:200px}
.werk-plans ul{margin-top:18px}.werk-plans li{padding:11px 0;border-top:1px solid #e4deea}.werk-plans li span,.werk-plans li strong,.werk-plans small,.wrap-rechenprobe small{display:block}.werk-plans li span,.wrap-rechenprobe small{color:#605869}.werk-plans small,.inserat-beispiel small{color:#795a90;margin-bottom:8px}
.wrap-rechenprobe{display:grid;gap:10px;grid-template-columns:1fr auto;margin-top:18px;background:white;border:1px solid #dcd6e3;padding:18px;border-radius:12px}.wrap-rechenprobe label,.wrap-rechenprobe small{grid-column:1/-1}.wrap-rechenprobe select{background:#f3eef8;border-radius:7px;padding:8px;min-width:0}.wrap-rechenprobe output{font-weight:650;align-self:center}
.planerprobe{display:grid;align-items:center;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);background:white}.planerprobe figure{background:#f4eff8;border:1px solid #ded6e7;border-radius:16px;padding:22px;margin:0}.planerprobe svg{width:100%;height:230px}.planerprobe figcaption,.planerprobe output{display:block;text-align:center}.schnittwahl{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.schnittwahl button{border:1px solid #c9bed4;border-radius:7px;padding:8px 12px}.schnittwahl button[aria-pressed=true]{background:#593281;color:white}
.inserat-beispiel{background:white;color:#292330;display:grid;grid-template-columns:1fr 1.2fr;border-radius:14px;overflow:hidden;margin-bottom:22px}.inserat-beispiel img{width:100%;height:100%;max-height:285px;object-fit:cover}.inserat-beispiel div{padding:clamp(22px,3vw,40px)}.inserat-beispiel h3,.inserat-beispiel p{margin:8px 0}.inserat-beispiel i{background:#602f83;display:inline-block;border-radius:50%;width:15px;height:15px;margin-right:6px}
@media(max-width:780px){.planerprobe,.inserat-beispiel{grid-template-columns:1fr}.studio-publicnav .public-logo img,body:has(.werkseite) .public-logo img{width:clamp(142px,36vw,190px)}}
@media(max-width:359px){body:has(.werkseite) .public-account{gap:4px;font-size:.76rem}body:has(.werkseite) .public-account .solid{padding:6px}}
.funktionswahl{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ddd7e4;border-bottom:1px solid #ddd7e4}.funktionswahl a{padding:clamp(16px,2.5vw,35px);background:white}.funktionswahl a:hover,.funktionswahl a:focus-visible{background:#f4eef9}.funktionswahl b,.funktionswahl span{display:block}.funktionswahl b{font-size:1.13rem;color:#49256b}.funktionswahl span{font-size:.88rem;color:#665d6d}
.verbrauchsanzeige{background:#2f213d;color:white;padding:clamp(25px,4vw,58px);border-radius:16px}.verbrauchsanzeige strong,.verbrauchsanzeige span{display:block}.verbrauchsanzeige strong{font-size:clamp(48px,6vw,80px);font-weight:550}.meterleiste{height:22px;margin:12px 0 16px;border-radius:5px;overflow:hidden;background:#52405f}.meterleiste i{display:block;height:100%;background:#d8b0f7;transform-origin:left;transition:transform .45s ease}
#schnittteile rect{transition:x .4s ease,y .4s ease,width .4s ease,height .4s ease}.planerfoto,.forumfoto{display:block;width:100%;height:clamp(155px,18vw,245px);object-fit:cover;border-radius:12px;margin:16px 0}.werk-community .forumfoto{grid-row:2/span 2;grid-column:2;aspect-ratio:3/2;height:auto;margin:0}.werk-community h2,.werk-community div{grid-column:1}.werk-community{row-gap:16px}.mengenwahl{display:block;margin:10px 0;font-size:.88rem}.mengenwahl input{display:block;width:100%;accent-color:#623989;margin:9px 0}.inserat-beispiel output{display:block;font-weight:650;margin:8px 0}
@media(max-width:780px){.funktionswahl{grid-template-columns:1fr 1fr}.werk-community .forumfoto{grid-column:1;grid-row:auto}}
@media(prefers-reduced-motion:reduce){#schnittteile rect,.meterleiste i{transition:none!important}}
.planwahl article{display:flex;flex-direction:column}.planwahl .tarifkopf{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.tarifkopf span{font-size:.77rem;letter-spacing:.04em;border-radius:100px;padding:5px 10px;background:#ead8ff;color:#49235e;font-weight:650}.planwahl .beste-wahl{color:white;background:#34203e;border:2px solid #a473c6}.planwahl .beste-wahl li{border-color:#65526d}.planwahl .tarifzweck{font-weight:600;margin:8px 0}.planwahl .tarifpreis{margin:10px 0}.planwahl ul{margin-top:auto;padding-top:12px}.planwahl li{padding:9px 0}
@media(prefers-reduced-motion:no-preference){.demo-sichtbar .werk-stockrow,.inserat-beispiel.demo-sichtbar,.demo-sichtbar .beste-wahl{animation:werk-auftakt .52s ease-out both}.demo-sichtbar .werk-stockrow:nth-child(3){animation-delay:.1s}.verbrauchsanzeige.demo-sichtbar .meterleiste{animation:werk-balken .65s ease-out both;transform-origin:left}@keyframes werk-auftakt{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes werk-balken{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}}
.forumbeispiel{grid-column:2;grid-row:2/span 2;padding:clamp(20px,3vw,38px);background:#f3eef8;border:1px solid #ddd4e7;border-radius:14px}.forumbeispiel small{color:#745b87}.forumbeispiel h3{margin:12px 0}.forumbeispiel p{margin-bottom:14px}.forumbeispiel span{display:inline-block;font-size:.8rem;color:#694881;margin:2px 4px 2px 0;padding:4px 8px;background:white;border-radius:6px}@media(max-width:780px){.forumbeispiel{grid-column:1;grid-row:auto}}
.forumbeispiel .kantenbild{width:100%;height:clamp(130px,16vw,200px);object-fit:cover;border-radius:8px;margin-bottom:16px}
.planerfoto{height:auto;aspect-ratio:3/2;object-fit:contain}
.werk-hero>img{z-index:0}.werk-hero:before{z-index:1;pointer-events:none}.werk-herotext,.werk-credit{position:relative;z-index:2}.werk-credit{position:absolute}
.schnittstart{display:block;margin:8px auto 14px;padding:8px 14px;background:#e7dcef;color:#492563;border:1px solid #c9b5d6;border-radius:8px;font-weight:600}
/* Werkstatt-Szenen: Motiv, Konstruktion und UI bewegen sich auf getrennten Ebenen. */
[data-scene]{--tiefe:0;--blick:0}
.montage-tiefe{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.montage-tiefe img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.montage-halle{transform:translate3d(calc(var(--blick)*-10px),calc(var(--tiefe)*100px),0) scale(1.3)}
.montage-vordergrund{transform-origin:68% 54%;transform:translate3d(calc(var(--blick)*18px + var(--tiefe)*-14px),calc(var(--tiefe)*-32px),0) scale(calc(1.04 + var(--tiefe)*.07))}
.montage-tiefe img{transition:transform 90ms linear}
.regalbahn{grid-column:1/-1;position:relative;display:block;height:10px;margin:4px 0 0;background:#e4dce9;border-radius:3px}
.regalbahn i{position:absolute;inset:0 auto 0 0;width:var(--bedarf,0%);border-right:2px solid #422452;background:linear-gradient(90deg,#513063,#9a79ab);transition:width .35s ease}.regalbahn b{position:absolute;left:var(--bedarf,0%);top:-3px;width:2px;height:16px;background:#513263;transition:left .35s ease}
.werk-stockrow{display:grid;grid-template-columns:1fr auto auto}
.werk-stock{position:relative;overflow:hidden}.werk-stock:before{content:"";display:block;height:7px;margin-bottom:14px;background:repeating-linear-gradient(90deg,#ac9ab8 0 1px,transparent 1px 12px);transform:translateX(calc(var(--tiefe)*14px))}
.werk-ledger figure{position:relative;overflow:hidden;border-radius:14px;padding-bottom:24px}.werk-ledger figure img{transform:translateY(calc(var(--tiefe)*12px)) scale(1.06)}
.massband{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-24px 6% 0;padding:16px 14px 8px;background:repeating-linear-gradient(90deg,#afa2b7 0 1px,transparent 1px 8px) left top/100% 6px no-repeat,#faf6ef;border-radius:4px;box-shadow:0 5px 18px #21192a26;transform:translate3d(calc(var(--tiefe)*22px),calc(var(--tiefe)*-10px),0);font-size:.78rem}
.verbrauchsanzeige{position:relative;overflow:hidden;padding-top:48px}.verbrauchsanzeige:before{content:"";position:absolute;left:-8%;top:18px;width:116%;height:9px;background:repeating-linear-gradient(90deg,#d1badf 0 1px,transparent 1px 16px);transform:translateX(calc(var(--tiefe)*32px))}
.planerprobe figure{position:relative;isolation:isolate}.planerprobe figure:before,.planerprobe figure:after{content:"";position:absolute;inset:0;z-index:-1;background:#ded4e7;border:1px solid #c2b2cf;border-radius:inherit;transform:translate(calc(var(--tiefe)*13px + 5px),calc(var(--tiefe)*-12px - 5px))}.planerprobe figure:after{inset:0;background:#f4eff8;transform:none}
.forumbeispiel{position:relative;isolation:isolate}.forumbeispiel:before{content:"";position:absolute;inset:4px;background:#e1d6e9;border-radius:inherit;z-index:-1;transform:translate(calc(var(--tiefe)*14px + 6px),calc(var(--tiefe)*-10px - 4px))}.forumbeispiel:after{content:"";position:absolute;inset:0;background:#f3eef8;z-index:-1;border-radius:inherit}
.planwahl .beste-wahl{position:relative;overflow:hidden}.planwahl .beste-wahl:after{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#845ba5 15%,#efddfa 50%,#845ba5 85%);background-size:200% 100%;background-position:calc(50% + var(--tiefe)*50%) center}
@media(max-width:780px){.montage-tiefe img{object-position:67% center}.montage-vordergrund{transform-origin:68% center}.massband{margin-inline:3%}}
@media(prefers-reduced-motion:reduce){[data-scene]{--tiefe:0!important;--blick:0!important}.montage-tiefe img,.regalbahn i,.regalbahn b{transition:none}}
.folienmuster{position:relative;width:115px;height:41px;margin-bottom:14px}.folienmuster i{position:absolute;bottom:2px;left:3px;width:65px;height:27px;transform-origin:6% 80%;border:1px solid #a99cbc;border-radius:3px;background:linear-gradient(130deg,#88718e,#decfe4 48%,#907995);box-shadow:1px 2px 3px #241b2d22}
.folienmuster i:nth-child(1){transform:rotate(calc(-9deg - var(--tiefe)*13deg))}.folienmuster i:nth-child(2){background:linear-gradient(120deg,#695778,#d3c4de 55%,#887593);transform:rotate(calc(1deg + var(--tiefe)*5deg))}.folienmuster i:nth-child(3){background:linear-gradient(110deg,#462455,#a778b3 50%,#623673);transform:rotate(calc(11deg + var(--tiefe)*16deg))}
.planwahl article:first-child .folienmuster i:not(:last-child),.planwahl article:nth-child(2) .folienmuster i:first-child{display:none}
/* Fotoflächen begrenzen die Bewegung auf das Motiv. Angebotsdaten bleiben fest. */
.werkseite .werk-hero{min-height:100vh;min-height:100svh;border-radius:0}
.werkseite .planerprobe .planer-fotofenster{position:relative;isolation:auto;border:0;margin:20px 0;padding:0;overflow:hidden;border-radius:12px;background:#302637;aspect-ratio:3/2}
.planerprobe .planer-fotofenster:before,.planerprobe .planer-fotofenster:after{content:none}
.planerprobe .planer-fotofenster .planerfoto{display:block;width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;transform:translate3d(0,calc(var(--tiefe)*-24px),0) scale(1.14)}
.werk-ledger figure img{transform:translate3d(0,calc(var(--tiefe)*20px),0) scale(1.13)}
.marktangebot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;border-radius:16px;margin:24px 0;background:white;color:#28232c}
.marktangebot-foto{position:relative;isolation:isolate;overflow:hidden;min-height:310px;margin:0;background:#302839}
.marktangebot-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translate3d(0,calc(var(--tiefe)*24px),0) scale(1.18)}
.marktangebot-foto figcaption{position:absolute;bottom:16px;left:16px;background:white;border-radius:6px;padding:4px 10px;font-size:.78rem;color:#493850}
.marktangebot-daten{align-self:center;min-width:0;padding:clamp(20px,3.5vw,52px)}
.werk-market .marktangebot-daten .werk-label{color:#65477b}.marktangebot-daten h3{margin:9px 0}.marktfarbe{display:flex;align-items:center;gap:8px;color:#625968}.marktfarbe i{display:inline-block;width:18px;height:18px;border-radius:50%;background:#6d407e}
.marktangebot-daten label{display:block;font-weight:600;margin-top:20px}.markt-menge{display:flex;align-items:center;gap:14px;margin:10px 0 16px}.markt-menge input{min-width:0;flex:1;accent-color:#653782}.markt-menge strong{white-space:nowrap}
.markt-rechnung{border-top:1px solid #ded7e3;padding-top:12px}.markt-rechnung small,.markt-rechnung output{display:block}.markt-rechnung output{font-weight:650;margin-top:4px}
@media(max-width:780px){.marktangebot{grid-template-columns:minmax(0,1fr)}.marktangebot-foto{min-height:0;aspect-ratio:1.85}.marktangebot-daten{padding:20px}.werkseite .werk-hero{min-height:max(100svh,625px)}}
.bildstrecke{position:relative;background:#19151d;color:white}.bildkapitel{position:relative;isolation:isolate;min-height:440px;display:flex;align-items:flex-end;overflow:hidden}
.bildkapitel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 49%;z-index:-2}
.bildkapitel:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#151019ed,transparent 68%),linear-gradient(90deg,#16121a66,transparent 65%)}
.bildlegende{padding:30px clamp(22px,7vw,110px) clamp(42px,7vh,80px);max-width:860px}.bildlegende small{font-weight:650;color:#e8d4f6;letter-spacing:.06em}.bildlegende h2{margin:8px 0;font-size:clamp(31px,4.5vw,72px)}.bildlegende p{max-width:52ch}
.bildsprung{position:absolute;right:20px;top:16px;z-index:5;padding:7px 12px;font-size:.84rem;border-radius:8px;background:#201827c9;color:white}
.bildbuehne-neu{position:relative}.bildstrecke[data-aktiv]{height:280svh}.bildstrecke[data-aktiv] .bildbuehne-neu{position:sticky;top:var(--kopf);height:calc(100svh - var(--kopf));overflow:hidden}
.bildstrecke[data-aktiv] .bildkapitel{position:absolute;inset:0;min-height:0;clip-path:inset(0 var(--maske,100%) 0 0)}
.bildstrecke[data-aktiv] .bildkapitel img{transform:scale(var(--zoom,1))}.bildstrecke[data-aktiv] .bildkapitel:first-of-type{clip-path:none}
.bildfortschritt{display:none}.bildstrecke[data-aktiv] .bildfortschritt{display:flex;position:absolute;bottom:16px;left:7%;right:7%;gap:6px;z-index:4}.bildfortschritt i{height:3px;flex:1;background:linear-gradient(to right,#ebd6ff var(--stand,0%),#ffffff50 var(--stand,0%))}
.public-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 40px}
.public-offer{display:block;background:#fff;border:1px solid #e2dce8;border-radius:18px;overflow:hidden;transition:border-color .2s}
.public-offer:hover{border-color:#8050a0}
.public-offer>img{width:100%;height:220px;object-fit:cover}
.public-offer>div:not(.public-offer-placeholder){padding:20px}
.public-offer h3{font-size:19px;line-height:1.4;margin:10px 0;overflow-wrap:anywhere}
.public-offer small{color:#766c7e;font-size:13px}.public-offer p{margin:8px 0 16px}
.public-offer-placeholder{height:220px;background:#f2eef5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-size:12px;color:#766c7e}
.public-offer-placeholder .farbpunkt{width:72px;height:72px}
.public-offers-empty{grid-column:1/-1;padding:24px;background:#fff;border-radius:14px}
@media(max-width:700px){.public-offers{grid-template-columns:1fr}.public-offer>img{height:240px}}