body.expressiv[data-design=expressiv]{--hero-farbe:#145f6a;--nacht:#173f58;--nacht-tief:#123348;--petrol:#159b9e;--petrol-tief:#126475;--elfenbein:#fff5df;--himmel:#dfebd0;--pergament:#f2d9c6;--gold:#c69b40;--gold-hell:#f4d484;--gold-tief:#80601e;--linie:#d2ba82;--rund:1.1rem;background:var(--elfenbein)}body.expressiv[data-design=expressiv] .kopf{background:var(--elfenbein);border-bottom:1px solid var(--gold)}body.expressiv[data-design=expressiv] .hero{background:var(--hero-farbe);color:var(--elfenbein);isolation:isolate;padding-top:clamp(3rem,5vw,4.5rem)}body.expressiv[data-design=expressiv] .hero__kreise{color:#56b5a3;opacity:.65;z-index:-1;width:clamp(25rem,53vw,49rem);max-width:none;top:0;left:-29%;transform:rotate(-14deg)scaleY(1.15)}body.expressiv[data-design=expressiv] .hero__kreise g{stroke-width:4px}body.expressiv[data-design=expressiv] .hero:after{content:"";width:33rem;height:38rem;box-shadow:0 0 0 1px var(--gold-hell), 0 0 0 3rem #216d88, 0 0 0 calc(3rem + 1px) #69baaf;z-index:-1;border:1.5rem solid #298f94;border-radius:48% 52% 38% 62%;position:absolute;top:12rem;right:-19rem;transform:rotate(25deg)}body.expressiv[data-design=expressiv] .hero__freihand{fill:none;width:100%;height:100%;stroke:var(--gold-hell);stroke-width:1.5px;pointer-events:none;z-index:-1;position:absolute;inset:0}body.expressiv[data-design=expressiv] .hero__gruss{color:var(--gold-hell);margin-bottom:1.75rem;font-size:clamp(2rem,3.6vw,3rem);transform:rotate(-3deg)}body.expressiv[data-design=expressiv] .hero h1{width:min(43rem,100%)}body.expressiv[data-design=expressiv] .hero__ort{color:#e5efdf}body.expressiv[data-design=expressiv] .hero__lead{color:var(--elfenbein);letter-spacing:-.04em;font-size:clamp(1.8rem,3.6vw,2.85rem)}body.expressiv[data-design=expressiv] .hero__text{color:#deebe3}body.expressiv[data-design=expressiv] .hero__zweit{color:var(--elfenbein);text-decoration-color:var(--gold-hell)}body.expressiv[data-design=expressiv] .hero .button--voll{background:var(--gold-hell);border-color:var(--gold-hell);color:var(--nacht-tief);border-radius:2rem .5rem}body.expressiv[data-design=expressiv] .hero .button--voll:hover{background:#fff;border-color:#fff}body.expressiv[data-design=expressiv] .kennzahlen{gap:1rem;margin-top:3rem;margin-bottom:1rem}body.expressiv[data-design=expressiv] .kennzahlen div{background:var(--elfenbein);border:1px solid var(--gold-hell);border-radius:46% 54% 49% 51%/58% 43% 57% 42%;justify-content:center;min-height:7rem;transform:rotate(-4deg)}body.expressiv[data-design=expressiv] .kennzahlen div:nth-child(2n){background:#dcebd4;border-radius:54% 46% 55% 45%/44% 58% 42% 56%;transform:rotate(4deg)}body.expressiv[data-design=expressiv] .kennzahlen div:nth-child(3){background:#f3d6bd}body.expressiv[data-design=expressiv] .kennzahlen dd{color:var(--nacht);font-size:clamp(1.45rem,2.8vw,2.2rem)}body.expressiv[data-design=expressiv] .kennzahlen dt{color:#40565a}body.expressiv[data-design=expressiv] .uebergang{height:clamp(4.5rem,10vw,9rem)}body.expressiv[data-design=expressiv] .uebergang .linie{stroke-width:1.8px}body.expressiv[data-design=expressiv] .uebergang .linie--zweite{stroke-width:1px;opacity:.7}body.expressiv[data-design=expressiv] .section-kopf .zierzeile{transform-origin:0;font-size:clamp(2rem,3.4vw,2.8rem);transform:rotate(-3deg)}body.expressiv[data-design=expressiv] .section-kopf h2{letter-spacing:-.045em}body.expressiv[data-design=expressiv] .lageplan .plan__karte{border:1px solid var(--gold);border-radius:3rem 1rem}body.expressiv[data-design=expressiv] .plan__karte svg{border-radius:0}body.expressiv[data-design=expressiv] .plan__info{border:1px solid var(--gold);border-radius:3.5rem 1rem;padding-top:2.5rem}body.expressiv[data-design=expressiv] .plan__info .tafel__zier{font-size:2.2rem}body.expressiv[data-design=expressiv] .haeuser__id{border:1px solid var(--gold-hell);color:var(--gold-hell);background:0 0}body.expressiv[data-design=expressiv] .karte{background:#f6e4cb;border-color:#d5bb88;border-radius:2.8rem .7rem}body.expressiv[data-design=expressiv] .karte:nth-child(3n+2){background:#e1ebda;border-radius:.7rem 2.8rem}body.expressiv[data-design=expressiv] .karte:nth-child(3n){background:#f3d9ca}body.expressiv[data-design=expressiv] .karte:hover{border-color:var(--gold-tief);background:#fffaf0}body.expressiv[data-design=expressiv] .karte__medaillon{background:var(--nacht);color:var(--gold-hell);box-shadow:0 0 0 4px var(--elfenbein), 0 0 0 5px var(--gold);margin-bottom:1rem}body.expressiv[data-design=expressiv] .filter button{border-color:var(--gold)}body.expressiv[data-design=expressiv] .flaechen{background:var(--nacht)}body.expressiv[data-design=expressiv] .flaeche__zahl{font-size:clamp(2.5rem,5vw,4rem)}body.expressiv[data-design=expressiv] .flaeche .button{border-radius:2rem .5rem}body.expressiv[data-design=expressiv] .galerie__bild:nth-child(2n){border-radius:2.5rem .7rem}body.expressiv[data-design=expressiv] .eigentuemer{border-color:var(--gold);border-radius:4rem 1rem}body.expressiv[data-design=expressiv] .eigentuemer__portrait{outline:1px solid var(--gold);outline-offset:5px;padding:3px}body.expressiv[data-design=expressiv] .block{border-radius:2.5rem .75rem}body.expressiv[data-design=expressiv] .block:nth-child(2){border-radius:.75rem 2.5rem}@media (width<=600px){body.expressiv[data-design=expressiv] .hero__freihand{opacity:.35}body.expressiv[data-design=expressiv] .hero__kreise{opacity:.4;top:2rem;left:-23rem}body.expressiv[data-design=expressiv] .hero:after{top:8rem;right:-31rem}body.expressiv[data-design=expressiv] .hero__lead{font-size:1.85rem}body.expressiv[data-design=expressiv] .kennzahlen{gap:.4rem}body.expressiv[data-design=expressiv] .kennzahlen div{min-height:5.5rem;padding:.35rem .1rem}body.expressiv[data-design=expressiv] .kennzahlen dt{font-size:.65rem}body.expressiv[data-design=expressiv] .kennzahlen dd{font-size:1.35rem}body.expressiv[data-design=expressiv] .plan__info{border-radius:2rem .75rem;padding:1.75rem 1.25rem}}