/* ==================================================
   AGAS LOCAL LANDINGPAGE MASTER V2
   Datei: agas-local-master-v2.css
   Zweck: Neue Masterstruktur für 153 lokale Landingpages
   Prinzip: Fullwidth außen, 1200px innen
   ================================================== */


/* ==================================================
   01. Seitenrahmen / Wrapper
   ================================================== */

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

.agas-local-page-top-v2,
.agas-local-page-bottom-v2 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    clear: both !important;
    overflow: visible !important;
}

.agas-local-page-top-v2 {
    position: relative !important;
    z-index: 1 !important;
}

.agas-local-page-bottom-v2 {
    position: relative !important;
    z-index: 1 !important;
}

.agas-local-page-v2[data-location] {
    width: 100% !important;
}

.agas-local-fullwidth-v2 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    clear: both !important;
    overflow: visible !important;
}

.agas-local-inner-v2 {
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    clear: both !important;
    overflow: visible !important;
}

.agas-local-inner-narrow-v2 {
    display: block !important;
    width: 100% !important;
    max-width: 940px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    clear: both !important;
}

.agas-local-section-v2 {
    display: block !important;
    width: 100% !important;
    margin: 48px auto !important;
    padding: 34px 34px !important;
    box-sizing: border-box !important;
    border: 1px solid #c6d4d2 !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f2f6f5 100%) !important;
    clear: both !important;
    overflow: visible !important;
}

.agas-local-section-white-v2 {
    background: #ffffff !important;
    border-color: #d2e1d7 !important;
}

.agas-local-clear-v2 {
    display: block !important;
    clear: both !important;
    width: 100% !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
}


/* ==================================================
   02. Grundtypografie
   ================================================== */

.agas-local-page-v2 *,
.agas-local-page-v2 *::before,
.agas-local-page-v2 *::after {
    box-sizing: border-box !important;
}

.agas-local-page-v2 {
    font-family: var(--AgasFontTwo, "Source Sans 3", Arial, sans-serif) !important;
    color: #324240 !important;
}

.agas-local-h1-v2 {
    font-family: var(--AgasFontOne, "Source Sans 4", Arial, sans-serif) !important;
    font-size: 45px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 1.25em !important;
    letter-spacing: 0.03em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #324240 !important;
    margin: 24px auto 20px auto !important;
    padding: 0 !important;
    hyphens: auto !important;
}

.agas-local-h2-v2 {
    font-family: var(--AgasFontOne, "Source Sans 4", Arial, sans-serif) !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    line-height: 1.35em !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-transform: none !important;
    color: #324240 !important;
    margin: 0 auto 24px auto !important;
    padding: 0 !important;
    hyphens: auto !important;
}

.agas-local-h3-v2 {
    font-family: var(--AgasFontTwo, "Source Sans 3", Arial, sans-serif) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    line-height: 1.35em !important;
    letter-spacing: 0.01em !important;
    text-align: left !important;
    text-transform: none !important;
    color: #324240 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
    hyphens: auto !important;
}

.agas-local-eyebrow-v2 {
    font-family: var(--AgasFontTwo, "Source Sans 3", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4em !important;
    letter-spacing: 0.12em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    color: #ff6600 !important;
    margin: 0 auto 10px auto !important;
    padding: 0 !important;
}

.agas-local-lead-v2 {
    font-family: var(--AgasFontTwo, "Source Sans 3", Arial, sans-serif) !important;
    font-size: 20px !important;
    font-weight: 300 !important;
    line-height: 1.65em !important;
    letter-spacing: 0.01em !important;
    text-align: center !important;
    color: #536e6b !important;
    max-width: 940px !important;
    margin: 0 auto 28px auto !important;
    padding: 0 !important;
    hyphens: auto !important;
}

.agas-local-intro-v2,
.agas-local-text-v2 p,
.agas-local-note-v2,
.agas-local-source-v2,
.agas-local-lexikon-note-v2 {
    font-family: var(--AgasFontTwo, "Source Sans 3", Arial, sans-serif) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.85em !important;
    letter-spacing: 0.02em !important;
    text-align: justify !important;
    color: #536e6b !important;
    margin: 0 auto 18px auto !important;
    padding: 0 !important;
    hyphens: auto !important;
}

.agas-local-text-v2 {
    display: block !important;
    max-width: 940px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.agas-local-text-v2 p:last-child,
.agas-local-intro-v2:last-child {
    margin-bottom: 0 !important;
}


/* ==================================================
   03. Oberer Seitenbereich vor Jimdo-Galerie
   ================================================== */

.agas-local-top-v2 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    clear: both !important;
}

.agas-local-hero-v2 {
    display: block !important;
    width: 100% !important;
    margin: 0 auto 38px auto !important;
    padding: 28px 0 10px 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    clear: both !important;
}

.agas-local-hero-image-v2 {
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto 28px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.agas-local-hero-image-v2 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 5px !important;
}

.agas-local-hero-cta-row-v2 {
    display: flex !important;
    justify-content: center !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 940px !important;
    margin: 28px auto 0 auto !important;
    padding: 0 !important;
}

.agas-local-hero-cta-v2,
.agas-local-hero-cta-v2:link,
.agas-local-hero-cta-v2:visited,
.agas-local-hero-cta-v2:active {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 46px !important;
    padding: 10px 24px !important;
    border: 1px solid #324240 !important;
    border-radius: 50px !important;
    background: #324240 !important;
    color: #ffffff !important;
    font-family: var(--AgasFontTwo, "Source Sans 3", Arial, sans-serif) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.25em !important;
    letter-spacing: 0.04em !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.agas-local-hero-cta-v2:hover {
    background: #648581 !important;
    border-color: #648581 !important;
    color: #ffffff !important;
}

.agas-local-hero-cta-secondary-v2,
.agas-local-hero-cta-secondary-v2:link,
.agas-local-hero-cta-secondary-v2:visited,
.agas-local-hero-cta-secondary-v2:active {
    background: #ffffff !important;
    color: #324240 !important;
    border-color: #c6d4d2 !important;
}

.agas-local-hero-cta-secondary-v2:hover {
    background: #f2f6f5 !important;
    color: #ff6600 !important;
    border-color: #ff6600 !important;
}


/* ==================================================
   04. Jimdo-Galerie-Schnittpunkt
   ================================================== */

.agas-local-gallery-break-v2 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 54px auto 34px auto !important;
    padding: 0 !important;
    clear: both !important;
    background: transparent !important;
}

.agas-local-gallery-title-v2 {
    font-family: var(--AgasFontOne, "Source Sans 4", Arial, sans-serif) !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 1.35em !important;
    text-align: center !important;
    color: #324240 !important;
    margin: 0 auto 28px auto !important;
    padding: 0 24px !important;
}


/* ==================================================
   05. Unterer Seitenbereich nach Jimdo-Galerie
   ================================================== */

.agas-local-bottom-v2 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    clear: both !important;
}

.agas-local-location-article-v2,
.agas-local-linkcluster-v2,
.agas-local-streets-v2,
.agas-local-vormarkt-v2,
.agas-local-faq-v2 {
    display: block !important;
    width: 100% !important;
    margin: 48px auto !important;
    padding: 34px 34px !important;
    box-sizing: border-box !important;
    border: 1px solid #c6d4d2 !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f2f6f5 100%) !important;
    clear: both !important;
    overflow: visible !important;
}

.agas-local-location-article-v2 {
    background: #ffffff !important;
    border-color: #d2e1d7 !important;
}


/* ==================================================
   06. Lokaler Linkcluster / Vormarkt-Linkpaket
   ================================================== */

.agas-local-linkgrid-v2 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    margin: 28px auto 0 auto !important;
    padding: 0 !important;
}

.agas-local-linkcard-v2 {
    display: block !important;
    min-width: 0 !important;
    padding: 24px 22px !important;
    margin: 0 !important;
    border: 1px solid #d2e1d7 !important;
    border-radius: 5px !important;
    background: #ffffff !important;
}

.agas-local-linkcard-v2 h3 {
    font-family: var(--AgasFontTwo, "Source Sans 3", Arial, sans-serif) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.35em !important;
    letter-spacing: 0.01em !important;
    text-align: left !important;
    color: #324240 !important;
    margin: 0 0 14px 0 !important;
    padding: 0 !important;
}

.agas-local-linkcard-v2 ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.agas-local-linkcard-v2 li {
    font-family: var(--AgasFontTwo, "Source Sans 3", Arial, sans-serif) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.55em !important;
    letter-spacing: 0.01em !important;
    margin: 0 0 9px 0 !important;
    padding: 0 !important;
    color: #536e6b !important;
}

.agas-local-linkcard-v2 li:last-child {
    margin-bottom: 0 !important;
}

.agas-local-linkcard-v2 a,
.agas-local-linkcard-v2 a:link,
.agas-local-linkcard-v2 a:visited,
.agas-local-linkcard-v2 a:active,
.agas-local-lexikon-note-v2 a,
.agas-local-lexikon-note-v2 a:link,
.agas-local-lexikon-note-v2 a:visited,
.agas-local-lexikon-note-v2 a:active,
.agas-local-source-v2 a,
.agas-local-source-v2 a:link,
.agas-local-source-v2 a:visited,
.agas-local-source-v2 a:active {
    font-family: var(--AgasFontTwo, "Source Sans 3", Arial, sans-serif) !important;
    color: #324240 !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
    transition: color 0.25s ease !important;
}

.agas-local-linkcard-v2 a::after,
.agas-local-lexikon-note-v2 a::after,
.agas-local-source-v2 a::after {
    content: "\00BB" !important;
    padding-left: 6px !important;
    color: #ff6600 !important;
}

.agas-local-linkcard-v2 a:hover,
.agas-local-lexikon-note-v2 a:hover,
.agas-local-source-v2 a:hover {
    color: #ff6600 !important;
}


/* ==================================================
   07. Straßen / Mikrolagen
   ================================================== */

.agas-local-details-v2 {
    display: block !important;
    width: 100% !important;
    margin: 24px auto 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.agas-local-details-v2 summary {
    font-family: var(--AgasFontTwo, "Source Sans 3", Arial, sans-serif) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    cursor: pointer !important;
    list-style: none !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.4em !important;
    text-align: center !important;
    color: #324240 !important;
    margin: 0 auto !important;
    padding: 14px 18px !important;
    border: 1px solid #d2e1d7 !important;
    border-radius: 50px !important;
    background: #ffffff !important;
}

.agas-local-details-v2 summary::-webkit-details-marker {
    display: none !important;
}

.agas-local-details-v2 summary::before {
    content: "" !important;
    display: none !important;
}

.agas-local-details-v2 summary::after {
    content: "\00BB" !important;
    padding-left: 9px !important;
    color: #ff6600 !important;
    transition: transform 0.25s ease !important;
}

.agas-local-details-v2[open] summary::after {
    transform: rotate(90deg) !important;
}

.agas-local-street-list-v2 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px 18px !important;
    list-style: none !important;
    margin: 24px 0 0 0 !important;
    padding: 22px !important;
    border: 1px solid #d2e1d7 !important;
    border-radius: 5px !important;
    background: #ffffff !important;
}

.agas-local-street-list-v2 li {
    font-family: var(--AgasFontTwo, "Source Sans 3", Arial, sans-serif) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.55em !important;
    letter-spacing: 0.02em !important;
    color: #536e6b !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   08. Immobilienlexikon-Hinweis
   ================================================== */

.agas-local-lexikon-note-v2 {
    display: block !important;
    width: 100% !important;
    margin-top: 28px !important;
    margin-bottom: 0 !important;
    padding: 20px 24px !important;
    border-left: 4px solid #ff6600 !important;
    border-radius: 3px !important;
    background: #ffffff !important;
}


/* ==================================================
   09. FAQ
   ================================================== */

.agas-local-faq-list-v2 {
    display: block !important;
    width: 100% !important;
    margin: 26px auto 0 auto !important;
    padding: 0 !important;
}

.agas-local-faq-item-v2 {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    border: 1px solid #d2e1d7 !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.agas-local-faq-item-v2 summary {
    font-family: var(--AgasFontTwo, "Source Sans 3", Arial, sans-serif) !important;
    position: relative !important;
    cursor: pointer !important;
    list-style: none !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.4em !important;
    text-align: left !important;
    color: #324240 !important;
    margin: 0 !important;
    padding: 18px 52px 18px 22px !important;
    background: #ffffff !important;
}

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

.agas-local-faq-item-v2 summary::before {
    content: "" !important;
    display: none !important;
}

.agas-local-faq-item-v2 summary::after {
    content: "\00BB" !important;
    position: absolute !important;
    right: 22px !important;
    top: 50% !important;
    transform: translateY(-50%) rotate(90deg) !important;
    color: #ff6600 !important;
    font-size: 22px !important;
    line-height: 1 !important;
}

.agas-local-faq-item-v2[open] summary::after {
    transform: translateY(-50%) rotate(270deg) !important;
}

.agas-local-faq-item-v2 p {
    font-family: var(--AgasFontTwo, "Source Sans 3", Arial, sans-serif) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.75em !important;
    letter-spacing: 0.02em !important;
    text-align: justify !important;
    color: #536e6b !important;
    margin: 0 !important;
    padding: 0 22px 22px 22px !important;
}


/* ==================================================
   10. Quellen / Wikipedia / externe Hinweise
   ================================================== */

.agas-local-source-v2 {
    display: block !important;
    width: 100% !important;
    max-width: 940px !important;
    margin: 28px auto 46px auto !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.6em !important;
    text-align: center !important;
    color: #6e7675 !important;
}


/* ==================================================
   11. Kompatibilität mit bestehenden AGAS-Modulen
   ================================================== */

.agas-local-page-v2 .agas-clear {
    clear: both !important;
}

.agas-local-page-v2 img {
    max-width: 100% !important;
    height: auto !important;
}

.agas-local-page-v2 a {
    cursor: pointer !important;
}

.agas-local-page-v2 iframe {
    max-width: 100% !important;
}


/* Bestehende MemoryButton-Module innerhalb neuer Wrapper nicht beschneiden */
.agas-local-page-v2 .agas-three-memory-box {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* Bestehende CEO-/Sales-/Referenzmodule dürfen im neuen Innencontainer sauber laufen */
.agas-local-page-v2 #agas-ceo-info-box,
.agas-local-page-v2 #sales-agas-skills-box,
.agas-local-page-v2 #agas-referenzen-petit-block,
.agas-local-page-v2 #agas-referenzen-petit-block-new {
    max-width: 1200px !important;
}


/* ==================================================
   12. Mobile Anpassungen
   ================================================== */

@media all and (max-width: 840px) {

    .agas-local-inner-v2 {
        max-width: 100% !important;
        padding: 0 14px !important;
    }

    .agas-local-inner-narrow-v2 {
        max-width: 100% !important;
        padding: 0 !important;
    }

    .agas-local-h1-v2 {
        font-size: 30px !important;
        line-height: 1.28em !important;
        margin-top: 20px !important;
        margin-bottom: 18px !important;
    }

    .agas-local-h2-v2,
    .agas-local-gallery-title-v2 {
        font-size: 26px !important;
        line-height: 1.3em !important;
        margin-bottom: 20px !important;
    }

    .agas-local-h3-v2 {
        font-size: 18px !important;
    }

    .agas-local-lead-v2 {
        font-size: 18px !important;
        line-height: 1.55em !important;
        text-align: center !important;
    }

    .agas-local-intro-v2,
    .agas-local-text-v2 p,
    .agas-local-note-v2,
    .agas-local-lexikon-note-v2 {
        font-size: 15px !important;
        line-height: 1.75em !important;
        text-align: left !important;
    }

    .agas-local-section-v2,
    .agas-local-location-article-v2,
    .agas-local-linkcluster-v2,
    .agas-local-streets-v2,
    .agas-local-vormarkt-v2,
    .agas-local-faq-v2 {
        margin: 34px auto !important;
        padding: 26px 18px !important;
    }

    .agas-local-linkgrid-v2 {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .agas-local-linkcard-v2 {
        padding: 20px 18px !important;
    }

    .agas-local-street-list-v2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding: 18px !important;
    }

    .agas-local-faq-item-v2 summary {
        font-size: 17px !important;
        padding: 17px 46px 17px 18px !important;
    }

    .agas-local-faq-item-v2 p {
        text-align: left !important;
        padding: 0 18px 20px 18px !important;
    }

    .agas-local-hero-cta-row-v2 {
        flex-direction: column !important;
        align-items: stretch !important;
        max-width: 100% !important;
        gap: 10px !important;
    }

    .agas-local-hero-cta-v2,
    .agas-local-hero-cta-v2:link,
    .agas-local-hero-cta-v2:visited,
    .agas-local-hero-cta-v2:active {
        width: 100% !important;
        padding: 12px 18px !important;
    }
}


@media all and (max-width: 520px) {

    .agas-local-inner-v2 {
        padding: 0 10px !important;
    }

    .agas-local-street-list-v2 {
        grid-template-columns: 1fr !important;
    }

    .agas-local-details-v2 summary {
        font-size: 16px !important;
        border-radius: 5px !important;
    }

    .agas-local-section-v2,
    .agas-local-location-article-v2,
    .agas-local-linkcluster-v2,
    .agas-local-streets-v2,
    .agas-local-vormarkt-v2,
    .agas-local-faq-v2 {
        padding: 24px 14px !important;
    }
}
/* ==================================================
   Leadgenerator / Immobilienbewertung
   ================================================== */

.agas-local-valuation-v2 {
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 34px auto 42px auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    clear: both !important;
}

.agas-local-valuation-frame-v2 {
    display: block !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    clear: both !important;
}

.agas-local-valuation-frame-v2 iframe {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 620px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
}

@media all and (max-width: 840px) {
    .agas-local-valuation-v2 {
        margin: 28px auto 34px auto !important;
    }

    .agas-local-valuation-frame-v2 iframe {
        min-height: 680px !important;
    }
}