/* Mobile-First Startseite (Audit "Final Fixes", Reihenfolge nach Vorgabe): weniger gleichzeitig, schneller zum Ziel.
   Gilt nur bis 767 px; Desktop bleibt unveraendert. */
/* Hero-CTA nur Mobil, Suchbegriffe unter dem Suchfeld auf 5 begrenzt (alle Groessen) */
.ie27 .ie27-hero .ie27-hero-cta { display: none; }
.ie27 .ie27-hero .ie27-chips a:nth-child(n+6) { display: none; }

@media (max-width: 767px) {
    .ie27 .ie27-home { display: flex; flex-direction: column; }
    .ie27 .ie27-home > .ie27-hero { order: 1; }
    .ie27 .ie27-home > .ie27-sec-goals { order: 2; }
    .ie27 .ie27-home > .ie27-sec-calcnews, .ie27 .ie27-home > .ie27-sec-calcnews > .ie27-wrap,
    .ie27 .ie27-home > .ie27-sec-videos, .ie27 .ie27-home > .ie27-sec-videos > .ie27-wrap { display: contents; }
    .ie27 .ie27-home .ie27-card-calcs { order: 3; }
    .ie27 .ie27-home > .ie27-sec-tool { order: 4; }
    .ie27 .ie27-home > .ie27-sec-cluster { order: 5; }
    .ie27 .ie27-home > .ie27-sec-market { order: 6; }
    .ie27 .ie27-home .ie27-card-videos { order: 7; }
    .ie27 .ie27-home .ie27-sec-videos .ie27-pro { order: 8; }
    .ie27 .ie27-home > .ie27-sec-life { order: 9; }
    .ie27 .ie27-home > .ie27-sec-tpl { order: 10; }
    .ie27 .ie27-home > .ie27-sec-experts { order: 11; }
    .ie27 .ie27-home .ie27-card-news { order: 12; }
    .ie27 .ie27-home > .ie27-sec-trust { order: 13; }
    .ie27 .ie27-home > .ie27-sec-stats, .ie27 .ie27-home > .ie27-sec-claim { display: none; }
    /* Karten, die durch display:contents direkte Flex-Kinder wurden, brauchen eigenen Rand */
    .ie27 .ie27-home .ie27-card-calcs, .ie27 .ie27-home .ie27-card-news, .ie27 .ie27-home .ie27-card-videos,
    .ie27 .ie27-home .ie27-sec-videos .ie27-pro { margin: 20px 16px 0 !important; box-sizing: border-box; }
    .ie27 .ie27-home .ie27-sec { padding-top: 20px; }
    .ie27 .ie27-home .ie27-sec > .ie27-wrap { padding: 16px; margin-left: 16px; margin-right: 16px; width: auto; box-sizing: border-box; border-radius: 14px; }

    /* 1 Hero */
    .ie27 .ie27-hero .ie27-kicker { display: none; }
    .ie27 .ie27-hero h1 { font-size: clamp(30px, 8.6vw, 36px); line-height: 1.1; letter-spacing: -.02em; margin-bottom: 10px; }
    .ie27 .ie27-hero .ie27-lead { font-size: 15.5px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 14px; }
    .ie27 .ie27-hero-search { min-height: 52px; }
    .ie27 .ie27-hero-search input { font-size: 16px; min-height: 48px; }
    .ie27 .ie27-hero .ie27-chips a:nth-child(n+6) { display: none; }
    .ie27 .ie27-hero .ie27-hero-cta { display: inline-flex; width: 100%; justify-content: center; min-height: 52px; font-size: 16px; margin-top: 14px; border-radius: 12px; }
    .ie27 .ie27-hero .ie27-hero-checks { display: none; }
    .ie27 .ie27-hero .ie27-hero-side { margin-top: 12px; }
    .ie27 .ie27-hero .ie27-intro-lg { background: transparent; box-shadow: none; padding: 0; min-height: 44px; color: #e3e7ee !important; }
    .ie27 .ie27-hero .ie27-intro-lg small { display: none; }

    /* 3 Schnelleinstiege 2 x 3 */
    .ie27 .ie27-goals { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .ie27 .ie27-goal { flex-direction: column; min-height: 0; }
    .ie27 .ie27-goal-img { aspect-ratio: 16 / 9; }
    .ie27 .ie27-goal-body { padding: 10px 10px 12px; gap: 0; }
    .ie27 .ie27-goal-body strong { font-size: 14.5px; line-height: 1.25; }
    .ie27 .ie27-goal-body small, .ie27 .ie27-goal .ie27-go { display: none; }
    .ie27 .ie27-sec-goals .ie27-sh p { display: none; }

    /* 4 Top-Rechner: vier sichtbar + "Alle Rechner" */
    .ie27 .ie27-card-calcs .ie27-rowlist a:nth-child(n+5):nth-child(-n+7) { display: none; }
    .ie27 .ie27-card-calcs .ie27-rowlist a { min-height: 56px; }

    /* 6 Wissen A-Z als Akkordeon */
    .ie27 .ie27-cluster { grid-template-columns: 1fr !important; gap: 10px; }
    .ie27 .ie27-cl { padding: 0; }
    .ie27 .ie27-cl h3 { margin: 0; padding: 14px 16px; min-height: 48px; cursor: pointer; display: flex; align-items: center; gap: 10px; }
    .ie27 .ie27-cl h3::after { content: ""; margin-left: auto; width: 9px; height: 9px; border-right: 2px solid #5b6472; border-bottom: 2px solid #5b6472; transform: rotate(45deg); transition: transform .2s; }
    .ie27 .ie27-cl.is-open h3::after { transform: rotate(-135deg); }
    .ie27 .ie27-cl ul { display: none; padding: 0 16px 8px; }
    .ie27 .ie27-cl.is-open ul { display: block; }
    .ie27 .ie27-cl.is-open li.is-more { display: block; }
    .ie27 .ie27-cl .ie27-moreb { display: none; }
    .ie27 .ie27-cl li a { padding: 12px 2px; }

    /* 7 Markt: eine Spalte, kompakte Karten */
    .ie27 .ie27-market { grid-template-columns: 1fr !important; gap: 10px; }
    .ie27 .ie27-market a { padding: 14px 14px 44px; }

    /* 8 Videos: ein Featured + zwei Empfehlungen */
    .ie27 .ie27-card-videos .ie27-vids a:nth-child(n+3) { display: none; }
    .ie27 .ie27-card-videos .ie27-vids { grid-template-columns: 1fr !important; }

    /* 12 News: drei Artikel */
    .ie27 .ie27-card-news .ie27-plist a:nth-child(n+4) { display: none; }

    /* 11 Experten: Felder untereinander, grosse Touch-Ziele */
    .ie27 .ie27-expform { grid-template-columns: 1fr; }
    .ie27 .ie27-expform input, .ie27 .ie27-expform select, .ie27 .ie27-expform .ie27-btn { min-height: 48px; font-size: 16px; }

    /* Touch-Ziele allgemein */
    .ie27 .ie27-home .ie27-btn, .ie27 .ie27-home .ie27-moreb, .ie27 .ie27-home .ie27-tabs button, .ie27 .ie27-home .ie27-quick-opts button { min-height: 44px; }
    .ie27 .ie27-home a.ie27-more { min-height: 44px; display: inline-flex; align-items: center; }

    /* Promo-Leiste: eine Zeile, nimmt keinen Platz weg */
    .ie27 .ie27-tb-top .ie27-tb-top-in { padding: 6px 10px; }
    .ie27 .ie27-tb-top p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .ie27 .ie27-tb-top strong { font-weight: 700; }

    /* Abschnittskoepfe: ohne rote Icon-Kachel, Link links darunter */
    .ie27 .ie27-home .ie27-sico { display: none; }
    .ie27 .ie27-home .ie27-sh { flex-wrap: wrap; gap: 4px 12px; margin-bottom: 14px; }
    .ie27 .ie27-home .ie27-sh .ie27-more { margin-left: 0; }
    .ie27 .ie27-home .ie27-sh h2 { font-size: 23px; }

    /* Investment-Tool-Teaser: keine doppelte Karte */
    .ie27 .ie27-home .ie27-sec-tool > .ie27-wrap { background: transparent; border: 0; box-shadow: none; padding: 0; }

    /* Touch-Ziele >= 44 px (Audit) */
    .ie27 .ie27-tb-x { width: 44px; height: 44px; }
    .ie27 form.ie27-hero-search input[type=search] { height: 48px !important; min-height: 48px !important; line-height: 48px; padding-top: 0 !important; padding-bottom: 0 !important; box-sizing: border-box; }
    .ie27 .ie27-paidline a, .ie27 .ie27-who-links a, .ie27 .ie27-sec-tpl .ie27-more, .ie27 .ie27-claimband a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; }
    .ie27 .ie27-sec-trust a, .ie27 .ie27-who-grid a { display: inline-flex; align-items: center; min-height: 44px; }
    .ie27 .ie27-who-links { display: flex; flex-wrap: wrap; gap: 0 12px; }
    .ie27 .ie27-hero .ie27-chips a { min-height: 44px; display: inline-flex; align-items: center; }
    .ie27 .ie27-vfeat-home p a, .ie27 .ie27-card-videos p a { display: inline-flex; align-items: center; min-height: 44px; }
}

/* Alle Groessen: rote Icon-Kacheln nur dezent, damit primaere Aktionen (rote Buttons) hervorstechen */
.ie27 .ie27-sico { background: #fdecee; color: var(--red); width: 38px; height: 38px; }

/* Performance: Bereiche unterhalb des ersten Bildschirms erst bei Bedarf rendern (spart Bilder/Layout beim Laden) */
.ie27 .ie27-home > .ie27-sec:not(.ie27-sec-goals):not(.ie27-sec-calcnews):not(.ie27-sec-videos),
.ie27 .ie27-home > .ie27-claimband { content-visibility: auto; contain-intrinsic-size: auto 640px; }

/* Kontrast (axe) */
.ie27 .ie27-msrc { color: #566070 !important; }

/* Kontrast kleiner roter Texte auf getoenten Flaechen (WCAG AA): dunkleres Marken-Rot fuer Text */
.ie27 { --red-t: #c4000f; }
.ie27 .ie27-chips a, .ie27 .ie27-tplrow em, .ie27 a.ie27-more, .ie27 .ie27-more { color: var(--red-t) !important; }
.ie27 .ie27-msrc { opacity: 1 !important; color: #566070 !important; }
.ie27 .ie27-moreb { min-height: 28px; margin-top: 8px; }

.ie27 .ie27-chips a b, .ie27 a.is-on, .ie27 a.is-on b, .ie27 li.is-on a, .ie27 li.is-on a b, .ie27 li a.is-cur b { color: var(--red-t); }
.ie27 .ie27-cl .ie27-moreb { position: relative; z-index: 1; margin-bottom: 8px; }

.ie27 .ie27-expchips button { color: var(--red-t); }