/* =========================================================
   AGAS Mieter Core CSS
   Basis-Designsystem: Layout, Typografie, Navigation, Cards, Slider, FAQ, Listing, Berlin-Module
   Hinweis: Eigentümer-/Mietpreis-Leadmodule bitte über agas-mieter-owner-leads.css nachladen.
   ========================================================= */
:root {
    --agas-mieter-bg: #ffffff;
    --agas-mieter-text: #1f1f1f;
    --agas-mieter-p: #333333;
    --agas-mieter-gray: #666666;
    --agas-mieter-muted: #999999;
    --agas-mieter-accent: #da5a56;
    --agas-mieter-accent-dark: #c14e4a;
    --agas-mieter-line: #ede1dd;
    --agas-mieter-soft: #fdf3f2;
    --agas-mieter-max: 1280px;
    --agas-mieter-radius: 14px;
    --agas-mieter-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    --agas-text-base: 1.55rem;
}

html {
    scroll-behavior: smooth !important;
}

body {
    margin: 0 !important;
    color: var(--agas-mieter-text) !important;
    background: var(--agas-mieter-bg) !important;
    hyphens: auto !important;
}

.jtpl-content {
    max-width: 100% !important;
    width: 100% !important;
}

.jtpl-section-main,
.content-options-box,
.cc-content-parent {
    background: #fff !important;
    margin-top: 0 !important;
}

.jtpl-header--image {
    display: none;
    margin-top: 0 !important;
}

.jtpl-header,
.jtpl-breadcrumb {
    display: none;
    margin-top: 0 !important;
}

.jtpl-top-bar {
    display: none !important;
    visibility: hidden !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.jtpl-mobile-navigation {
    display: none !important;
    visibility: hidden !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.j-nav-variant-nested {
    display: none !important;
    visibility: hidden !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

#cc-inner {
    margin-top: 105px !important;
}

#cc-imagewrapper,
.cc-m-image-align-2 {
    z-index: -999 !important;
}

#cc-cookie-law {
    top: 105px !important;
    background: #ff6600 !important;
    min-height: 28px !important;
    color: #fff !important;
}

.cc-btn {
    background: #fff !important;
    border: none !important;
    color: #000 !important;
}

.jtpl-section-main {
    padding-bottom: 0 !important;
}

.cc-m-hgrid-column {
    padding: 0 0 !important;
}

.last {
    padding: 0 0 !important;
}

.j-meta-links a {
    color: #fff !important;
}

.j-meta-links a:hover {
    text-decoration: none !important;
    color: #999 !important;
}

#agas-head-goggle-reviews {
    display: none !important;
    visibility: hidden !important;
}

img {
    max-width: 100% !important;
    display: block !important;
    height: auto !important;
    border-top-left-radius:  10px !important;
    border-top-right-radius:  10px !important;
    border-bottom-right-radius:  0 !important;
    border-bottom-left-radius:  0 !important;
}

a {
    font-family: var(--AgasFontTwo) !important;
    color: var(--agas-mieter-accent) !important;
    text-decoration: none !important;
}

a:hover {
    text-decoration: underline !important;
}

h1,
h2,
h3 {
    font-family: 'Bellefair', serif !important;
    text-align: left !important;
    text-transform: none !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
    color: #111111 !important;
}

h1 {
    font-size: clamp(4.5rem, 6vw, 4.8rem) !important;
    margin-bottom: 18px !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

h2,
h2.center {
    font-size: clamp(2.7rem, 5vw, 3.4rem) !important;
    margin-bottom: 18px !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

h2.center {
    text-align: center !important;
}

h3 {
    font-size: 2.44rem !important;
    margin-bottom: 12px !important;
}

.agas-mieter-wrapper {
    width: 100% !important;
}

.agas-mieter-container {
    width: min(100% - 32px, var(--agas-mieter-max)) !important;
    margin: 0 auto !important;
}

.agas-mieter-content {
    margin-top: 0 !important;
}

.agas-mieter-section {
    padding: 56px 0 !important;
}

.agas-mieter-section:last-of-type {
    border-bottom: 0 !important;
}

.agas-mieter-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    box-shadow: 0 13px 25px -13px rgba(0, 0, 0, 0.1) !important;
    z-index: 99999 !important;
}

.agas-mieter-nav-inner {
    width: min(100% - 32px, var(--agas-mieter-max)) !important;
    min-height: 76px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    flex-wrap: wrap !important;
}

.agas-mieter-logo {
    width: 34px !important;
    height: 31px !important;
    flex: 0 0 auto !important;
}

.agas-mieter-logo img {
    width: auto !important;
    height: 31px !important;
    margin-left: 6% !important;
    border-radius: 0 !important;
}

.agas-mieter-nav-links {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    padding-left: 0 !important;
}

.agas-mieter-nav-links a {
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.55rem !important;
    font-weight: 400 !important;
    color: var(--agas-mieter-gray) !important;
    text-decoration: none !important;
}

.agas-mieter-nav-links a:hover {
    color: var(--agas-mieter-accent) !important;
    text-decoration: none !important;
}

.agas-mieter-breadcrumbs {
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.22rem !important;
    font-weight: 400 !important;
    padding: 0 0 0 !important;
    color: var(--agas-mieter-muted) !important;
}

.agas-mieter-breadcrumbs ol {
    list-style: none !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.agas-mieter-breadcrumbs li::after {
    content: "›";
    margin-left: 8px !important;
    color: var(--agas-mieter-muted) !important;
    font-size: 1.22rem !important;
    font-weight: 400 !important;
}

.agas-mieter-breadcrumbs li:last-child::after {
    content: "";
    margin: 0 !important;
}

.agas-mieter-breadcrumbs a {
    font-family: var(--AgasFontTwo) !important;
    color: var(--agas-mieter-muted) !important;
    font-size: 1.22rem !important;
    font-weight: 400 !important;
}

.agas-mieter-breadcrumbs a:hover {
    color: var(--agas-mieter-accent) !important;
}

.agas-mieter-hero {
    padding: 32px 0 48px !important;
}

.agas-mieter-hero-grid {
    display: grid !important;
    grid-template-columns: 1.1fr 1fr !important;
    gap: 40px !important;
    align-items: center !important;
}

.agas-mieter-hero-image img {
    width: 100% !important;
    max-height: 420px !important;
    border-radius: var(--agas-mieter-radius) !important;
    object-fit: cover !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.10) !important;
}

.agas-mieter-eyebrow {
    display: inline-block !important;
    margin-bottom: 12px !important;
    font-family: var(--AgasFontTwo) !important;
    color: var(--agas-mieter-accent) !important;
    font-size: 1.44rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.agas-mieter-lead {
    max-width: 860px !important;
    margin: 15px 0 33px !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.70rem !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--agas-mieter-p) !important;
}

.agas-mieter-button-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
}

.agas-mieter-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 52px !important;
    padding: 0 26px !important;
    border-radius: 999px !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.55rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.01em !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: 0.2s ease !important;
}

.agas-mieter-button:hover {
    transform: translateY(-1px) !important;
}

.agas-mieter-button-primary {
    background: var(--agas-mieter-accent) !important;
    box-shadow: 0 10px 24px rgba(218, 90, 86, 0.25) !important;
    color: #ffffff !important;
}

.agas-mieter-button-primary:hover {
    background: var(--agas-mieter-accent-dark) !important;
    text-decoration: none !important;
}

.agas-mieter-button-secondary {
    border: 1px solid var(--agas-mieter-accent) !important;
    background: transparent !important;
    color: var(--agas-mieter-accent) !important;
}

.agas-mieter-button-secondary:hover {
    background: #ffffff !important;
    text-decoration: none !important;
}

.agas-mieter-grid-1,
.agas-mieter-grid-2,
.agas-mieter-grid-3 {
    display: grid !important;
    gap: 28px !important;
}

.agas-mieter-grid-1 {
    grid-template-columns: 1fr !important;
}

.agas-mieter-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
}

.agas-mieter-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: start !important;
}

.agas-mieter-grid-3 + .agas-mieter-cta-box {
    margin-top: 32px !important;
}

.agas-mieter-card + .agas-mieter-card {
    margin-top: 24px !important;
}

.agas-mieter-grid-1 > .agas-mieter-card,
.agas-mieter-grid-2 > .agas-mieter-card,
.agas-mieter-grid-3 > .agas-mieter-card,
.agas-mieter-grid-1 > .agas-mieter-card + .agas-mieter-card,
.agas-mieter-grid-2 > .agas-mieter-card + .agas-mieter-card,
.agas-mieter-grid-3 > .agas-mieter-card + .agas-mieter-card {
    margin-top: 0 !important;
}

.agas-mieter-standart p,
.agas-mieter-grid-1 p,
.agas-mieter-grid-2 p,
.agas-mieter-card p,
.agas-mieter-cta-box > p {
    margin: 0 0 16px 0 !important;
    font-size: var(--agas-text-base) !important;
    font-family: var(--AgasFontTwo) !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--agas-mieter-gray) !important;
}

.agas-mieter-card {
    margin-top: 0 !important;
    padding: 24px !important;
    background: #ffffff !important;
    border: 1px solid var(--agas-mieter-line) !important;
    border-radius: var(--agas-mieter-radius) !important;
    box-shadow: var(--agas-mieter-shadow) !important;
    transition: box-shadow 0.2s ease !important;
}

.agas-mieter-card:hover {
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08) !important;
}

.agas-mieter-card-soft {
    background: var(--agas-mieter-soft) !important;
}

.agas-mieter-facts {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px 24px !important;
}

.agas-mieter-fact-item {
    display: block !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid var(--agas-mieter-line) !important;
}

.agas-mieter-fact-item:last-child {
    border-bottom: none !important;
}

.agas-mieter-fact-item strong,
.agas-mieter-fact-item span {
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.55rem !important;
    line-height: 1.6 !important;
}

.agas-mieter-fact-item strong {
    display: block !important;
    margin-bottom: 4px !important;
    font-weight: 700 !important;
    color: var(--agas-mieter-p) !important;
}

.agas-mieter-fact-item span {
    display: block !important;
    font-weight: 400 !important;
    color: var(--agas-mieter-gray) !important;
}

.agas-mieter-list {
    margin: 0 !important;
    padding-left: 18px !important;
}

.agas-mieter-list li + li {
    margin-top: 8px !important;
}

.agas-mieter-grid-2 .agas-mieter-list {
    margin: 12px 0 0 0 !important;
    padding-left: 18px !important;
    list-style-type: disc !important;
}

.agas-mieter-grid-2 .agas-mieter-list li {
    position: relative !important;
    margin-bottom: 8px !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.50rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--agas-mieter-text) !important;
}

.agas-mieter-grid-2 .agas-mieter-list li:last-child {
    margin-bottom: 0 !important;
}

.agas-mieter-grid-2 .agas-mieter-list li::marker {
    color: var(--agas-mieter-accent) !important;
}

.agas-mieter-gallery {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
}

.agas-mieter-gallery figure {
    margin: 0 !important;
}

.agas-mieter-gallery figcaption {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.40rem !important;
    font-weight: 400 !important;
    color: var(--agas-mieter-gray) !important;
}

.agas-mieter-slider {
    width: 100% !important;
}

.agas-mieter-slider-figure {
    position: relative !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.agas-mieter-slider-figure img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 10px !important;
    opacity: 1 !important;
    transition: opacity 0.5s ease-in-out !important;
}

.agas-mieter-slider-figure img.is-fading {
    opacity: 0 !important;
}

.agas-mieter-slider-arrow {
    position: absolute !important;
    top: 48% !important;
    transform: translateY(-50%) scale(1) !important;
    width: 46px !important;
    height: 46px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.72) !important;
    color: #1f1f1f !important;
    font-size: 1.4rem !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease !important;
    z-index: 2 !important;
}

.agas-mieter-slider-arrow:hover {
    transform: translateY(-50%) scale(1.08) !important;
    background: #ffffff !important;
    color: var(--agas-mieter-accent) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18) !important;
}

.agas-mieter-slider-arrow:active {
    transform: translateY(-50%) scale(0.96) !important;
}

.agas-mieter-slider-prev {
    left: 8px !important;
}

.agas-mieter-slider-next {
    right: 8px !important;
}

.agas-mieter-slider figcaption {
    margin-top: 10px !important;
    font-size: 1.22rem !important;
    color: var(--agas-mieter-muted) !important;
}

.agas-mieter-slider-dots {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 14px !important;
}

.agas-mieter-slider-dot {
    width: 8px !important;
    height: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #d8d8d8 !important;
    cursor: pointer !important;
}

.agas-mieter-slider-dot.is-active {
    background: var(--agas-mieter-accent) !important;
}

.agas-mieter-slider-caption small {
    font-size: 1.08rem !important;
    color: var(--agas-mieter-muted) !important;
    line-height: 1.35 !important;
}

.agas-mieter-map iframe {
    width: 100% !important;
    min-height: 380px !important;
    border: 0 !important;
    border-radius: var(--agas-mieter-radius) !important;
}

.agas-mieter-cta-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 32px !important;
    background: linear-gradient(180deg, #faf7f4 0%, #f6f1ed 100%) !important;
    border: 1px solid var(--agas-mieter-line) !important;
    border-radius: var(--agas-mieter-radius) !important;
    text-align: center !important;
}

.agas-mieter-cta-box > h2,
.agas-mieter-cta-box > h2.center {
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.agas-mieter-cta-box > p {
    max-width: 790px !important;
    margin: 26px auto 16px auto !important;
    padding: 0 !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.33rem !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--agas-mieter-gray) !important;
    text-align: center !important;
}

.agas-mieter-cta-box > .agas-mieter-button-row {
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
}

.agas-mieter-link-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.agas-mieter-link-list a {
    display: block !important;
    padding: 14px 16px !important;
    border: 1px solid var(--agas-mieter-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.50rem !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #222222 !important;
}

.agas-mieter-link-list a:hover {
    border-color: var(--agas-mieter-accent) !important;
    text-decoration: none !important;
}

.agas-mieter-faq {
    display: grid !important;
    gap: 16px !important;
}

.agas-mieter-faq details {
    padding: 12px 18px !important;
    border: 1px solid var(--agas-mieter-line) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
}

.agas-mieter-faq summary {
    font-family: 'Bellefair', serif !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    list-style: none !important;
    color: var(--agas-mieter-p) !important;
}

.agas-mieter-faq summary::-webkit-details-marker {
    display: none !important;
}

.agas-mieter-faq p {
    margin: 10px 0 10px 2% !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.50rem !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: var(--agas-mieter-gray) !important;
}

.agas-mieter-service-section {
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.agas-mieter-service-inner {
    width: min(100% - 32px, var(--agas-mieter-max)) !important;
    margin: 0 auto !important;
    padding: 20px 0 77px 0 !important;
}

.agas-mieter-service-links {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin-top: 24px !important;
}

.agas-mieter-service-link {
    min-height: 100% !important;
    margin: 0 !important;
    padding: 18px 30px !important;
    background: var(--agas-mieter-soft) !important;
    border: 1px solid var(--agas-mieter-line) !important;
    border-radius: 50px !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.50rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--agas-mieter-text) !important;
    text-align: center !important;
}

.agas-mieter-service-link span {
    color: var(--agas-mieter-accent) !important;
}

.agas-mieter-service-link:hover {
    border-color: var(--agas-mieter-accent) !important;
    text-decoration: none !important;
}

.agas-mieter-footer-space {
    height: 1px !important;
}

.agas-mieter-listing-header {
    padding-bottom: 24px !important;
}

.agas-mieter-listing-grid-section {
    padding-top: 24px !important;
}

.agas-mieter-visually-soft {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

.neubau-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 28px !important;
    row-gap: 28px !important;
}

.neubauMieter-thumb {
    margin-bottom: 30px !important;
    opacity: 0;
    transform: translateY(30px);
    animation: thumbFadeUp 0.7s ease forwards;
    cursor: pointer !important;
}

.neubauMieter-thumb:nth-child(1) {
    animation-delay: 0.05s;
}

.neubauMieter-thumb:nth-child(2) {
    animation-delay: 0.10s;
}

.neubauMieter-thumb:nth-child(3) {
    animation-delay: 0.15s;
}

.neubauMieter-thumb:nth-child(4) {
    animation-delay: 0.20s;
}

.neubauMieter-thumb:nth-child(5) {
    animation-delay: 0.25s;
}

.neubauMieter-thumb:nth-child(6) {
    animation-delay: 0.30s;
}

.neubauMieter-thumb:nth-child(7) {
    animation-delay: 0.35s;
}

.neubauMieter-thumb:nth-child(8) {
    animation-delay: 0.40s;
}

.neubauMieter-thumb:nth-child(9) {
    animation-delay: 0.45s;
}

.neubauMieter-thumb:nth-child(10) {
    animation-delay: 0.50s;
}

.neubauMieter-thumb:nth-child(11) {
    animation-delay: 0.55s;
}

.neubauMieter-thumb:nth-child(12) {
    animation-delay: 0.60s;
}

.neubauMieter-thumb:nth-child(13) {
    animation-delay: 0.65s;
}

.neubauMieter-thumb:nth-child(14) {
    animation-delay: 0.70s;
}

.neubauMieter-thumb:nth-child(15) {
    animation-delay: 0.75s;
}

.neubauMieter-thumb:nth-child(16) {
    animation-delay: 0.80s;
}

.neubauMieter-thumb:nth-child(17) {
    animation-delay: 0.85s;
}

.neubauMieter-thumb:nth-child(18) {
    animation-delay: 0.90s;
}

.neubauMieter-thumb:nth-child(19) {
    animation-delay: 0.95s;
}

.neubauMieter-thumb:nth-child(20) {
    animation-delay: 1.00s;
}

.neubauMieter-thumb:nth-child(21) {
    animation-delay: 1.05s;
}

.neubauMieter-thumb:nth-child(22) {
    animation-delay: 1.10s;
}

.neubauMieter-thumb:nth-child(23) {
    animation-delay: 1.15s;
}

.neubauMieter-thumb:nth-child(24) {
    animation-delay: 1.20s;
}

.neubauMieter-thumb:nth-child(25) {
    animation-delay: 1.25s;
}

.neubauMieter-thumb:nth-child(26) {
    animation-delay: 1.30s;
}

.neubauMieter-thumb:nth-child(27) {
    animation-delay: 1.35s;
}

.neubauMieter-thumb:nth-child(28) {
    animation-delay: 1.40s;
}

.neubauMieter-thumb:nth-child(29) {
    animation-delay: 1.45s;
}

.neubauMieter-thumb:nth-child(30) {
    animation-delay: 1.50s;
}

.neubauMieter-figure {
    position: relative !important;
}

.neubauMieter-thumb figure {
    height: 100% !important;
    margin: 0 !important;
    padding: 0 0 10px 0 !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border-radius: 6px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10) !important;
    cursor: pointer !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

.neubauMieter-thumb:hover figure {
    transform: translateY(-2px) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14) !important;
}

.neubauMieter-thumb-image-wrap {
    position: relative !important;
    overflow: hidden !important;
}

.neubauMieter-thumb img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    transition: transform 0.6s ease !important;
}

.neubauMieter-thumb:hover img {
    transform: scale(1.06) !important;
}

.neubauMieter-location {
    position: absolute !important;
    left: 14px !important;
    bottom: 14px !important;
    display: inline-block !important;
    padding: 2px 12px !important;
    background: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(4px) !important;
    border-radius: 999px !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.44rem !important;
    font-weight: 400 !important;
    color: #ffffff !important;
    pointer-events: none !important;
}

.neubauMieter-thumb figcaption {
    padding: 20px !important;
}

.neubauMieter-thumb h2 {
    margin: 0 0 8px !important;
    font-family: 'Bellefair', serif !important;
    font-size: clamp(2.25rem, 2vw, 2.55rem) !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    color: #000000 !important;
    text-align: left !important;
    transition: color 0.25s ease !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.neubauMieter-thumb:hover h2 {
    color: var(--agas-mieter-accent) !important;
}

.agas-mieter-grid-2 h2 {
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.neubauMieter-thumb p {
    margin: 0 0 6px 0 !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.60rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: var(--agas-mieter-accent) !important;
}

.neubauMieter-thumb p::before {
    content: "";
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    margin-right: 8px !important;
    margin-bottom: 3px !important;
    background: url("https://www.agas-immobilien-makler.de/images/basics/mieter-projekte-berlin.png") no-repeat center / contain !important;
    vertical-align: middle !important;
}

.neubauMieter-meta {
    display: inline-block !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.30rem !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
    color: var(--agas-mieter-gray) !important;
}

.neubauMieter-thumb-link {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    z-index: 20 !important;
    color: inherit !important;
    text-decoration: none !important;
}

@keyframes thumbFadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}

.neubau-linkuebersicht-premium {
    width: 100% !important;
    margin: 80px 0 60px 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

.neubau-linkuebersicht-premium-inner {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 28px 20px 0 20px !important;
    background: transparent !important;
}

.neubau-linkgruppen-premium {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 42px 64px !important;
    align-items: start !important;
}

.neubau-linkgruppe-premium {
    display: block !important;
}

.neubau-linkgruppe-premium h3 {
    margin: 0 0 16px 0 !important;
    font-family: 'Bellefair', serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    text-align: left !important;
}

.neubau-linkliste-premium {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.neubau-linkliste-premium a {
    position: relative !important;
    display: block !important;
    padding-left: 22px !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    letter-spacing: 0.01em !important;
    color: var(--agas-mieter-accent) !important;
    text-decoration: none !important;
    transition: color 0.2s ease-in-out !important;
}

.neubau-linkliste-premium a::before {
    content: "";
    position: absolute !important;
    left: 0 !important;
    top: 9px !important;
    width: 11px !important;
    height: 11px !important;
    background-image: url("https://www.agas-immobilien-makler.de/images/basics/mieter-projekte-berlin.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    opacity: 0.5 !important;
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out !important;
}

.neubau-linkliste-premium a:hover {
    color: var(--agas-mieter-accent-dark) !important;
}

.neubau-linkliste-premium a:hover::before {
    opacity: 1 !important;
    transform: scale(1.05) !important;
}

.neubau-linkgruppe-premium:last-child,
.neubau-linkgruppe-premium:nth-last-child(2) {
    margin-bottom: 0 !important;
}

.agas-berlin-hero-grid {
    display: grid !important;
    grid-template-columns: 1.08fr 0.92fr !important;
    gap: 42px !important;
    align-items: center !important;
}

.agas-berlin-hero-image {
    margin: 0 !important;
}

.agas-berlin-hero-image img {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    border-radius: var(--agas-mieter-radius) !important;
    box-shadow: var(--agas-mieter-shadow) !important;
}

.agas-berlin-hero-image figcaption {
    margin-top: 10px !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
    color: var(--agas-mieter-muted) !important;
    padding-left: 10px !important;
}

.agas-berlin-entry-layout {
    display: grid !important;
    grid-template-columns: 1.15fr 1.85fr !important;
    gap: 28px !important;
    align-items: stretch !important;
}

.agas-berlin-entry-main {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 100% !important;
    background: var(--agas-mieter-soft) !important;
}

.agas-berlin-entry-main h3 {
    margin-bottom: 16px !important;
    font-size: clamp(3rem, 4vw, 4rem) !important;
    hyphens: none !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.agas-berlin-entry-layout {
    align-items: stretch !important;
}

.agas-berlin-entry-side {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
}

.agas-berlin-entry-side > .agas-mieter-card {
    margin-top: 0 !important;
    height: 100% !important;
}

.agas-berlin-entry-small {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.agas-berlin-entry-small:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
}

.agas-berlin-entry-side > .agas-mieter-card + .agas-mieter-card {
    margin-top: 0 !important;
}

.agas-berlin-entry-small h3 {
    margin-bottom: 10px !important;
    font-size: 2.25rem !important;
}

.agas-berlin-entry-small p {
    margin-bottom: 12px !important;
}

.agas-berlin-entry-small a {
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    color: var(--agas-mieter-accent) !important;
    margin-top: auto !important;
    text-decoration: none !important;
}

.agas-berlin-entry-small a::after {
    content: "\00BB" !important;
    display: inline-block !important;
    margin-left: 8px !important;
    transition: transform 0.2s ease !important;
}

.agas-berlin-entry-small a:hover {
    color: var(--agas-mieter-accent-dark) !important;
    text-decoration: none !important;
}

.agas-berlin-entry-small a:hover::after {
    transform: translateX(4px) !important;
}

.agas-berlin-sale-visual {
    margin: 28px 0 32px !important;
}

.agas-berlin-sale-visual img {
    width: 100% !important;
    max-height: 360px !important;
    object-fit: cover !important;
    border-radius: var(--agas-mieter-radius) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12) !important;
}

@media (max-width:980px) {
    .agas-mieter-grid-2,
    .agas-mieter-grid-3,
    .agas-mieter-service-links {
        grid-template-columns: 1fr !important;
    }

    .agas-berlin-entry-layout,
    .agas-berlin-entry-side {
        grid-template-columns: 1fr !important;
    }

}

@media (max-width:900px) {
    .agas-mieter-hero-grid,
    .agas-berlin-hero-grid {
        grid-template-columns: 1fr !important;
        gap: 26px !important;
    }

    .neubau-linkuebersicht-premium {
        margin: 60px 0 40px 0 !important;
    }

    .neubau-linkuebersicht-premium-inner {
        padding: 22px 15px 0 15px !important;
    }

    .neubau-linkgruppen-premium {
        grid-template-columns: 1fr !important;
        gap: 32px 0 !important;
    }

    .neubau-linkgruppe-premium h3 {
        font-size: 20px !important;
    }

    .neubau-linkliste-premium a {
        padding-left: 20px !important;
        font-size: 17px !important;
        line-height: 1.7 !important;
    }

    .neubau-linkliste-premium a::before {
        top: 8px !important;
        width: 10px !important;
        height: 10px !important;
    }

}

@media (max-width:991px) {
    .neubau-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}

@media (max-width:640px) {
    .n {
        padding: 0 !important;
    }

    .jtpl-content {
        padding: 0 0 !important;
    }

    .cc-m-hgrid-column,
    .last {
        padding: 4% 0 !important;
    }

    .agas-mieter-nav-inner {
        min-height: 55px !important;
        padding: 15px 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
    }

    .agas-mieter-logo img {
        width: auto !important;
        height: 31px !important;
        margin-left: 0 !important;
    }

    .agas-mieter-nav-links {
        display: flex !important;
        flex-direction: row !important;
        gap: 4px !important;
        padding-left: 15px !important;
    }

    .agas-mieter-nav-links a {
        font-size: 1.40rem !important;
    }

    .agas-mieter-breadcrumbs {
        display: none !important;
    }

    .agas-mieter-button-row {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .agas-mieter-button {
        width: 100% !important;
    }

    .agas-mieter-section {
        padding: 42px 0 !important;
    }

    .agas-mieter-hero {
        padding: 24px 0 32px !important;
    }

    .agas-mieter-facts,
    .neubau-grid {
        grid-template-columns: 1fr !important;
    }

    .neubau-grid {
        column-gap: 0 !important;
        row-gap: 15px !important;
    }

    .agas-mieter-slider-arrow {
        top: 42% !important;
        width: 40px !important;
        height: 40px !important;
        font-size: 1.2rem !important;
    }

    .agas-mieter-slider-prev {
        left: 0 !important;
    }

    .agas-mieter-slider-next {
        right: 0 !important;
    }

    .neubau-linkgruppe-premium h3 {
        font-size: 19px !important;
    }

    .neubau-linkliste-premium {
        gap: 8px !important;
    }

    .neubau-linkliste-premium a {
        font-size: 16px !important;
    }

}

.agas-mieter-cta-box {
    position: relative !important;
    overflow: hidden !important;
    padding: clamp(34px, 5vw, 54px) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.08) !important;
}

.agas-mieter-cta-box::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    width: 110px !important;
    height: 3px !important;
    background: var(--agas-mieter-accent) !important;
    transform: translateX(-50%) !important;
    border-radius: 999px !important;
}

.agas-mieter-cta-note {
    max-width: 760px !important;
    margin: 0 auto 22px auto !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.38rem !important;
    line-height: 1.6 !important;
    color: var(--agas-mieter-gray) !important;
    text-align: center !important;
}

.agas-mieter-cta-benefits {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px 12px !important;
    margin: 0 auto 26px auto !important;
    padding: 0 !important;
    list-style: none !important;
}

.agas-mieter-cta-benefits li {
    padding: 7px 13px !important;
    border: 1px solid var(--agas-mieter-line) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.34rem !important;
    color: var(--agas-mieter-p) !important;
}

.agas-mieter-cta-trust {
    font-size: 1.2rem !important;
    color: var(--agas-mieter-muted) !important;
    margin-top: 14px !important;
    text-align: center !important;
}

.agas-mieter-hero-note {
    margin: 33px 0 0 0 !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.44rem !important;
    line-height: 1.5 !important;
    color: var(--agas-mieter-muted) !important;
}

.agas-mieter-contact-person h3 a {
    font-family: 'Bellefair', serif !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    text-decoration: none !important;
}

.agas-mieter-contact-person h3 a:hover {
    color: var(--agas-mieter-accent) !important;
    text-decoration: none !important;
}
.neubauMieter-thumb-placeholder figure {
    background: linear-gradient(180deg, #ffffff 0%, #fdf3f2 100%) !important;
}

.neubauMieter-thumb-placeholder .neubauMieter-thumb-image-wrap::after {
    content: "Demnächst" !important;
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    padding: 4px 12px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.86) !important;
    color: var(--agas-mieter-accent) !important;
    font-family: var(--AgasFontTwo) !important;
    font-size: 1.22rem !important;
    font-weight: 700 !important;
    z-index: 2 !important;
}

.neubauMieter-thumb-placeholder h2 {
    color: #222222 !important;
}

.neubauMieter-thumb-placeholder:hover h2 {
    color: var(--agas-mieter-accent) !important;
}