/* /real_estate_website/static/src/css/seiten/seite_referenzen.css */
 .erf-wrapper{width: 100%; overflow-x: hidden; background: #fff;}.erf-hero-media{position: relative; z-index: 2; width: 100%;}.erf-hero-content{position: relative; z-index: 2; width: 100%; max-width: 612px; display: flex; flex-direction: column; gap: 20px;}@media (min-width: 1024px){.erf-hero-content{max-width: none; gap: 32px;}}.erf-hero-title{font-family: "Juana", serif; font-size: 40px; font-weight: 400; line-height: 1.1; color: #fff; text-shadow: 0 4px 8px rgba(0, 0, 0, 0.35); margin: 0; width: 100%; max-width: 100%; word-break: break-word;}@media (min-width: 768px){.erf-hero-title{font-size: 64px; width: 582px;}}.erf-hero-text{padding: 0; display: flex; flex-direction: column; gap: 16px;}@media (min-width: 768px){.erf-hero-text{padding: 0 4px;}}.erf-hero-desc{font-family: "Satoshi", sans-serif; font-weight: 500; font-size: 14px; line-height: 1.3; color: rgba(255, 255, 255, 0.9); text-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); margin: 0; max-width: 608px;}@media (min-width: 768px){.erf-hero-desc{font-size: 16px;}}.erf-hero-tagline{font-family: "Satoshi", sans-serif; font-weight: 500; font-size: 13px; line-height: 1.4; letter-spacing: 0.02em; color: rgba(255, 255, 255, 0.8); text-transform: uppercase; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.4); margin: 0; word-spacing: -2px;}@media (min-width: 768px){.erf-hero-tagline{font-size: 20px; word-spacing: normal;}}.erf-ref-properties{background: #fff; padding: 48px 24px;}@media (min-width: 768px){.erf-ref-properties{padding: 64px 40px;}}@media (min-width: 1200px){.erf-ref-properties{padding: 80px 80px;}}.erf-ref-properties.sale-properties{background: #fff !important;}.erf-ref-properties.home_property h2{color: inherit; font-family: "Juana", serif; font-weight: 400; line-height: 1.3;}@media (max-width: 767px){.erf-ref-properties .property-slider-wrapper{overflow-x: auto !important; overflow-y: hidden; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scrollbar-width: none; touch-action: pan-x;}.erf-ref-properties .property-slider-wrapper::-webkit-scrollbar{display: none;}.erf-ref-properties .sale-property-slider, .erf-ref-properties .rent-property-slider, .erf-ref-properties .latest-property-slider, .erf-ref-properties .property-slider{transform: none !important; transition: none !important;}}@media (min-width: 768px){.erf-eyebrow{font-size: 16px;}}.erf-properties-title{font-family: "Juana", serif; font-size: 24px; font-weight: 400; line-height: 1.3; color: #0a0a0a; margin: 0;}@media (min-width: 768px){.erf-properties-title{font-size: 32px;}}@media (min-width: 1024px){.erf-properties-title{font-size: 40px;}}.erf-btn{display: inline-flex; align-items: center; gap: 8px; font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: all 0.2s; flex-shrink: 0;}.erf-btn--outline{padding: 12px 16px; border: 1px solid #0a0a0a; border-radius: 4px; color: #0a0a0a; background: transparent;}@media (min-width: 768px){.erf-btn--outline{padding: 16px 24px;}}.erf-btn--outline svg{width: 18px; height: 14px; flex-shrink: 0;}.erf-btn--outline:hover{background: #0a0a0a; color: #fff; text-decoration: none;}.erf-btn--outline:hover svg{color: #fff;}.erf-cities{background: #fff; padding: 48px 24px;}@media (min-width: 768px){.erf-cities{padding: 64px 40px;}}@media (min-width: 1200px){.erf-cities{padding: 80px 80px;}}.erf-cities-header{display: flex; flex-direction: column; gap: 16px; margin-bottom: 40px;}@media (min-width: 768px){.erf-cities-header{flex-direction: row; justify-content: space-between; align-items: flex-start; margin-bottom: 48px;}}.erf-cities-header-left{display: flex; flex-direction: column;}.erf-cities-title{font-family: "Juana", serif; font-size: 24px; font-weight: 400; line-height: 1.3; color: #0a0a0a; margin: 0;}@media (min-width: 768px){.erf-cities-title{font-size: 32px;}}@media (min-width: 1024px){.erf-cities-title{font-size: 40px;}}.erf-city-card{background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; transition: box-shadow 0.25s, transform 0.25s;}.erf-city-card:hover{box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08); transform: translateY(-2px);}.erf-city-card-img{position: relative; width: 100%; height: 200px; overflow: hidden; flex-shrink: 0;}@media (min-width: 768px){.erf-city-card-img{height: 220px;}}@media (min-width: 1024px){.erf-city-card-img{height: 240px;}}.erf-city-card-img img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.4s ease;}.erf-city-card:hover .erf-city-card-img img{transform: scale(1.04);}.erf-city-card-body{padding: 20px; display: flex; flex-direction: column; flex: 1;}@media (min-width: 768px){.erf-city-card-body{padding: 24px;}}.erf-city-card-title{font-family: "Juana", serif; font-size: 22px; font-weight: 400; line-height: 1.5; color: #0a0a0a; margin: 0 0 12px;}@media (min-width: 1024px){.erf-city-card-title{font-size: 28px;}}.erf-city-card-desc{font-family: "Satoshi", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; color: #6b7280; margin: 0 0 20px;}@media (max-width: 767px){.erf-hero--rent .erf-hero-media{display: none;}}.erf-hero-counter{position: relative; z-index: 2; display: flex; flex-direction: column; gap: 2px; margin-top: 4px;}.erf-hero-counter-num{font-family: "Juana", serif; font-size: 44px; font-weight: 400; line-height: 1; color: #fff; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);}@media (min-width: 768px){.erf-hero-counter-num{font-size: 56px;}}.erf-hero-counter-lbl{font-family: "Satoshi", sans-serif; font-size: 13px; letter-spacing: 0.02em; text-transform: uppercase; color: rgba(255, 255, 255, 0.82);}.erf-makler{padding: 48px 24px; background: #FBF9F6;}@media (min-width: 768px){.erf-makler{padding: 80px 48px;}}@media (min-width: 1024px){.erf-makler{padding: 96px calc(8.33% + 24px);}}.erf-makler-inner{max-width: 1280px; margin: 0 auto;}.erf-makler-title{font-family: "Juana", serif; font-size: 24px; font-weight: 400; line-height: 1.3; color: #0a0a0a; margin: 0 0 32px;}@media (min-width: 768px){.erf-makler-title{font-size: 32px;}}@media (min-width: 1024px){.erf-makler-title{font-size: 40px;}}.erf-makler-grid{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}@media (min-width: 768px){.erf-makler-grid{grid-template-columns: repeat(3, 1fr); gap: 28px;}}@media (min-width: 1024px){.erf-makler-grid{grid-template-columns: repeat(4, 1fr);}}.erf-makler-card{display: flex; flex-direction: column; text-decoration: none; color: inherit; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease;}.erf-makler-card:not(.erf-makler-card--nolink):hover{transform: translateY(-4px); box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);}.erf-makler-photo{width: 100%; aspect-ratio: 4/5; overflow: hidden; position: relative;}.erf-makler-photo img{width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block;}.erf-makler-link{font-family: "Satoshi", sans-serif; font-size: 13px; font-weight: 600; color: #b08d57; margin: auto 16px 16px;}