/* x25pronto.de page-scoped CSS; participates in the canonical cascade declared by /styles.css. */
@layer x25-page {
    .blog-index-shell {padding:clamp(34px,5vw,72px) 0 80px;background:linear-gradient(180deg,#f8fbf8 0%,#fff 260px)
    }
    .blog-index-intro {max-width:820px;margin-bottom:28px
    }
    .blog-index-intro h1 {margin:8px 0 12px;font-size:clamp(2.25rem,4.2vw,4.5rem);line-height:1.02;letter-spacing:-.035em;color:#111b15
    }
    .blog-index-intro p {margin:0;color:#566258;font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.7
    }
    .blog-index-card {min-height:245px
    }
    .blog-index-card .eyebrow {margin-bottom:4px
    }
    .blog-index-card h2 {color:#162019
    }
    .blog-index-card .blog-read-more {display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:auto;text-decoration:none;color:#267a21;font-weight:800
    }
    .blog-post {background:#fff
    }
    .blog-article-top>* {max-width:100%
    }
    .blog-post-visual {min-width:0
    }
    .blog-homepage-hero-media {position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;min-height:650px;height:100%;overflow:hidden;border:1px solid rgba(8,24,13,.09);border-radius:28px;background:#08130d;box-shadow:0 24px 64px rgba(15,34,20,.12)
    }
    .blog-homepage-hero-media>.hero-image {grid-column:1;grid-row:1;min-width:0
    }
    .blog-homepage-hero-media>.hero-copy {grid-column:1;grid-row:1;min-width:0
    }
    .blog-homepage-hero-media>.hero-image picture {display:block;width:100%;height:100%
    }
    .blog-homepage-hero-media>.hero-image img {display:block;width:100%;height:100%
    }
    .blog-homepage-hero-media>.hero-image::before {content:""
    }
    .blog-homepage-hero-media>.hero-copy .eyebrow {text-shadow:0 1px 12px rgba(0,0,0,.25)
    }
    .blog-homepage-hero-media>.hero-copy h1 {text-shadow:0 3px 30px rgba(0,0,0,.32)
    }
    .blog-homepage-hero-media>.hero-copy>p {text-shadow:0 2px 18px rgba(0,0,0,.28)
    }
    .blog-homepage-hero-media .hero-facts .pill {text-shadow:0 1px 12px rgba(0,0,0,.32)
    }
    .blog-article-heading {overflow:visible
    }
    .blog-article-heading .eyebrow.dark {width:max-content;max-width:100%;margin-bottom:14px
    }
    .blog-article-heading h1 {color:#142018;hyphens:auto;text-wrap:balance
    }
    .blog-post-lead {max-width:62ch
    }
    .blog-post-meta {display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-size:.86rem;color:#6b756e
    }
    .blog-answer {margin-top:34px;padding:22px 24px;border:1px solid #dfe8df;border-radius:18px;background:#f7faf7
    }
    .blog-answer h2 {margin:0 0 10px;color:#162019
    }
    .blog-section h2 {margin:0 0 10px;color:#162019
    }
    .blog-faq h2 {margin:0 0 10px;color:#162019
    }
    .blog-seo-static h2 {margin:0 0 10px;color:#162019
    }
    .blog-answer p {margin:0;line-height:1.72;color:#39433c
    }
    .blog-section p {margin:0;line-height:1.72;color:#39433c
    }
    .blog-faq p {margin:0;line-height:1.72;color:#39433c
    }
    .blog-seo-static p {margin:0;line-height:1.72;color:#39433c
    }
    .blog-content {display:grid;gap:18px;margin-top:18px
    }
    .blog-section {border:1px solid #e1e8e1;border-radius:18px;padding:22px 24px;background:#fff
    }
    .blog-faq {border:1px solid #e1e8e1;border-radius:18px;padding:22px 24px;background:#fff
    }
    .blog-seo-static {border:1px solid #e1e8e1;border-radius:18px;padding:22px 24px
    }
    .blog-faq details {border-top:1px solid #e7ece7;padding:13px 0
    }
    .blog-faq details:first-of-type {border-top:0
    }
    .blog-faq summary {cursor:pointer;font-weight:750;color:#18241b
    }
    .blog-faq details p {margin-top:8px
    }
    .blog-seo-static {background:#f6faf5
    }
    .blog-seo-static nav {display:flex;flex-wrap:wrap;gap:9px;margin-top:16px
    }
    .blog-seo-static nav a {display:inline-flex;align-items:center;gap:6px;border:1px solid #cfe0cc;border-radius:999px;padding:8px 12px;background:#fff;text-decoration:none;color:#17331b;font-weight:750
    }
    @media (max-width:1050px) {
        .blog-homepage-hero-media {min-height:570px
        }
    }
    @media (max-width:680px) {
        .blog-index-shell {padding-top:26px
        }
        .blog-index-card {min-height:0
        }
        .blog-homepage-hero-media {min-height:600px;border-radius:20px
        }
        .blog-answer {padding:18px;border-radius:15px
        }
        .blog-section {padding:18px;border-radius:15px
        }
        .blog-faq {padding:18px;border-radius:15px
        }
        .blog-seo-static {padding:18px;border-radius:15px
        }
    }
    .blog-index-card[hidden] {display:none!important
    }
    .blog-pagination {display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:30px 0 0
    }
    .blog-pagination[hidden] {display:none!important
    }
    .blog-pagination-button {min-width:40px;height:38px;padding:0 12px;border:1px solid #d4ded5;border-radius:10px;background:#fff;color:#243128;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer
    }
    .blog-pagination-button:hover:not(:disabled) {border-color:#91a494;background:#f4f8f4
    }
    .blog-pagination-button.active {border-color:#243128;background:#243128;color:#fff
    }
    .blog-pagination-button:disabled {opacity:.42;cursor:not-allowed
    }
    .blog-pagination-gap {display:grid;place-items:center;min-width:20px;height:38px;color:#69766d;font-weight:800
    }
    @media (max-width:680px) {
        .blog-pagination {justify-content:center;gap:5px;margin-top:22px
        }
        .blog-pagination-button {min-width:36px;height:36px;padding:0 9px;font-size:.78rem
        }
        .blog-pagination-gap {height:36px
        }
    }
}
@layer x25-priority {
    .blog-index-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:26px
    }
    .blog-index-card {display:flex;flex-direction:column;padding:25px;border:1px solid #dfe8df;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(25,49,30,.055)
    }
    .blog-index-card h2 {margin:8px 0 10px
    }
    .blog-index-card h2 a {color:inherit;text-decoration:none
    }
    .blog-index-card h2 a:hover {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px
    }
    .blog-index-card p {margin:0 0 18px;line-height:1.65;color:#536057
    }
    .blog-post {padding:32px 0 78px
    }
    .blog-article-top {display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:clamp(28px,3vw,52px);align-items:stretch
    }
    .blog-article-top>* {min-width:0
    }
    .blog-homepage-hero-media>.hero-image {position:relative;width:100%;height:100%;min-height:650px;margin:0;border:0;border-radius:0;overflow:hidden;background:#08130d;box-shadow:none;aspect-ratio:auto
    }
    .blog-homepage-hero-media>.hero-image img {object-fit:cover;object-position:center center;filter:saturate(1.03) contrast(1.035) brightness(.92);transform:none
    }
    .blog-homepage-hero-media>.hero-image::before {display:block;position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,12,7,.92) 0%,rgba(4,12,7,.80) 30%,rgba(4,12,7,.52) 51%,rgba(4,12,7,.13) 72%,rgba(4,12,7,0) 88%),linear-gradient(180deg,rgba(3,10,6,.04) 46%,rgba(3,10,6,.38) 100%);pointer-events:none
    }
    .blog-homepage-hero-media>.hero-image::after {display:none
    }
    .blog-homepage-hero-media>.hero-copy {position:relative;z-index:3;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:min(72%,700px);height:auto;min-height:0;max-height:none;padding:clamp(34px,4vw,58px);color:#fff;pointer-events:none;box-sizing:border-box
    }
    .blog-homepage-hero-media>.hero-copy>* {pointer-events:auto
    }
    .blog-homepage-hero-media>.hero-copy .eyebrow {margin:0 0 18px;color:#c6d5ca
    }
    .blog-homepage-hero-media>.hero-copy h1 {margin:0 0 22px;color:#fff;font-size:clamp(1.95rem,2.6vw,3.05rem);line-height:.98;letter-spacing:-.04em
    }
    .blog-homepage-hero-media>.hero-copy h1 em {color:#67ec46;font-style:normal
    }
    .blog-homepage-hero-media>.hero-copy>p {margin:0;max-width:590px;color:#dbe5dd;line-height:1.62
    }
    .blog-homepage-hero-media .hero-actions {display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0
    }
    .blog-homepage-hero-media .hero-actions .button {width:auto;min-height:48px
    }
    .blog-homepage-hero-media .hero-actions .button.ghost {background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.27);box-shadow:none
    }
    .blog-homepage-hero-media .hero-facts {display:flex;flex-wrap:wrap;gap:9px 16px;margin:25px 0 0
    }
    .blog-homepage-hero-media .hero-facts .pill {min-height:26px;padding-left:26px;border:0;background:transparent;color:#eef5f0;font-size:.74rem
    }
    .blog-homepage-hero-media .vehicle-chip {z-index:4;left:auto;right:16px;bottom:16px
    }
    .blog-article-heading {display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;max-width:100%;padding:clamp(22px,2vw,38px) 0
    }
    .blog-article-heading h1 {width:100%;max-width:100%;margin:0 0 15px;font-size:clamp(1.9rem,2.45vw,2.95rem);line-height:1.04;letter-spacing:-.035em;overflow-wrap:anywhere;word-break:normal
    }
    .blog-post-lead {margin:0;color:#465049;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.68
    }
    @media (max-width:1050px) {
        .blog-article-top {grid-template-columns:1fr
        }
        .blog-homepage-hero-media>.hero-image {min-height:570px
        }
        .blog-article-heading {padding:2px 2px 4px
        }
    }
    @media (max-width:900px) {
        .blog-index-grid {grid-template-columns:1fr
        }
        .blog-post {padding-top:22px
        }
    }
    @media (max-width:680px) {
        .blog-index-card {padding:19px;border-radius:16px
        }
        .blog-homepage-hero-media>.hero-image {min-height:600px
        }
        .blog-homepage-hero-media>.hero-image img {object-position:63% 50%
        }
        .blog-homepage-hero-media>.hero-copy {width:100%;padding:28px 20px 88px;justify-content:flex-end
        }
        .blog-homepage-hero-media>.hero-copy>p {font-size:.9rem
        }
        .blog-homepage-hero-media .hero-actions {width:100%
        }
        .blog-homepage-hero-media .hero-actions .button {width:100%
        }
        .blog-homepage-hero-media .hero-facts {gap:7px 12px
        }
    }
}