.wohnungen-page { color:#17353a; }
.page-intro { max-width:920px; margin:0 auto; padding:68px 24px 44px; }
.eyebrow { margin:0 0 12px; color:#397f88; font:15px/1.2 system-ui,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
.page-intro h1 { margin:0; font-size:clamp(42px,6vw,72px); font-weight:500; line-height:1.05; }
.apartment-selection { max-width:940px; margin:0 auto; padding:0 24px 70px; border-top:1px solid #c9d1cd; }
.apartment-selection a { display:grid; grid-template-columns:180px minmax(0,1fr) auto; align-items:baseline; gap:30px; padding:28px 10px; border-bottom:1px solid #c9d1cd; color:inherit; text-align:left; text-decoration:none; }
.apartment-selection a:hover,.apartment-selection a:focus-visible { background:#eaf3f2; }
.apartment-selection span { color:#397f88; font:600 19px/1.45 system-ui,sans-serif; }
.apartment-selection strong { font-size:clamp(28px,3vw,38px); font-weight:500; }
.apartment-selection small { color:#397f88; font:16px/1.45 system-ui,sans-serif; }
@media(max-width:760px) { .page-intro{padding:48px 24px 35px}.apartment-selection{padding:0 24px 50px}.apartment-selection a{grid-template-columns:1fr;gap:4px;text-align:center}.apartment-selection small{margin-top:8px} }
.apartment-selection a.with-symbol-image { grid-template-columns:180px minmax(0,1fr) auto; }
.apartment-selection a.with-symbol-image img { grid-column:1 / -1; width:100%; max-height:310px; object-fit:cover; display:block; margin:-8px 0 6px; }
@media(max-width:760px) { .apartment-selection a.with-symbol-image { grid-template-columns:1fr; } .apartment-selection a.with-symbol-image img { margin:0 0 8px; max-height:250px; } }