@import url(‚https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;600;800&family=Playfair+Display:wght@500;600;700&display=swap‘);body{margin:0;background:linear-gradient(180deg,#f4fbff,#fff8ee);font-family:Manrope,sans-serif;color:#08213f}.wrap{width:min(1180px,calc(100% – 40px));margin:auto}.nav{position:sticky;top:0;z-index:99;background:rgba(246,252,255,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(8,33,63,.12)}.navin{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-family:’Playfair Display‘,serif;font-size:25px;letter-spacing:.13em;text-decoration:none;color:#08213f}.links{display:flex;gap:20px;flex-wrap:wrap}.links a{text-decoration:none;color:#5d7488;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.links .active{color:#0077b6}.cta{background:linear-gradient(135deg,#006fb4,#00b4d8);color:white;text-decoration:none;border-radius:999px;padding:14px 22px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.section{padding:100px 0}.two{display:grid;grid-template-columns:1.25fr .75fr;gap:42px;align-items:start}.k{color:#0077b6;font-size:12px;font-weight:800;letter-spacing:.26em;text-transform:uppercase}.h1,.h2,.h3{font-family:’Playfair Display‘,serif;letter-spacing:-.03em}.h1{font-size:clamp(46px,7vw,88px);line-height:1}.h2{font-size:clamp(34px,5vw,58px)}.p{font-size:17px;line-height:1.85;color:#5d7488}.floor{background:white;border-radius:34px;padding:26px;box-shadow:0 30px 80px rgba(8,33,63,.12);position:relative;overflow:hidden}.floor img{width:100%;height:560px;object-fit:contain;background:#f7fbfc;border-radius:22px}.dot{position:absolute;width:18px;height:18px;background:#00b4d8;border:4px solid white;border-radius:50%;box-shadow:0 0 0 12px rgba(0,180,216,.18);animation:p 2s infinite}.d1{left:28%;top:38%}.d2{right:30%;bottom:32%}.side{background:rgba(255,255,255,.82);border:1px solid rgba(8,33,63,.1);border-radius:30px;padding:30px;position:sticky;top:110px;box-shadow:0 20px 60px rgba(8,33,63,.08)}.spec{display:flex;justify-content:space-between;border-bottom:1px solid rgba(8,33,63,.1);padding:14px 0}.img{width:100%;height:420px;object-fit:cover;border-radius:34px;box-shadow:0 22px 70px rgba(8,33,63,.1)}.reveal{opacity:0;transform:translateY(26px);animation:r .8s ease forwards}@keyframes r{to{opacity:1;transform:none}}@keyframes p{50%{box-shadow:0 0 0 22px rgba(0,180,216,0)}}@media(max-width:900px){.navin{flex-direction:column;align-items:flex-start;padding:18px 0}.two{grid-template-columns:1fr}.floor img{height:360px}.side{position:static}}
Floorplans that explain lifestyle, not just square meters.
Die neue Darstellung macht Grundrisse emotionaler: klare Ebenen, animierte Hotspots, Key Facts und ein schneller Weg zur Beratung.
Bedroom zoning with sunset energy.
Drei Ensuite-Bedrooms, private Library und Balkonbereiche inszenieren Ruhe und Abendlicht.