.mega-score-page {
    --mega-ink: #092f43;
    --mega-ink-soft: #17485d;
    --mega-muted: #58707d;
    --mega-petrol: #025170;
    --mega-petrol-dark: #003b52;
    --mega-green: #667800;
    --mega-green-dark: #5b6b00;
    --mega-green-light: #9eb71c;
    --mega-green-pale: #f2f7d9;
    --mega-paper: #f4f7f8;
    --mega-line: #d9e2e6;
    color: var(--mega-ink);
}

.mega-score-page .pillar-article > section {
    scroll-margin-top: 7rem;
}

.mega-score-page .pillar-article > section:not(.pillar-cta) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.mega-score-page .pillar-article > section:not(.pillar-cta) > * {
    position: relative;
    z-index: 1;
}

.mega-score-page .pillar-article > #ueberblick,
.mega-score-page .pillar-article > #berechnung,
.mega-score-page .pillar-article > #beispiele,
.mega-score-page .pillar-article > #mythen {
    background:
        radial-gradient(circle at 90% 12%, rgba(102, 120, 0, .08), transparent 23%),
        #fff !important;
}

.mega-score-page .pillar-article > #scoreklassen,
.mega-score-page .pillar-article > #weiterlesen {
    background: linear-gradient(135deg, #edf4f6 0%, #f4f7f8 62%, #fff 100%) !important;
}

.mega-score-page .pillar-article > #kriterien,
.mega-score-page .pillar-article > #aktualisierung {
    background: linear-gradient(135deg, #f2f7d9 0%, #f7f9eb 45%, #fff 100%) !important;
}

.mega-score-page .pillar-article > #veraenderungen,
.mega-score-page .pillar-article > #faq {
    background: linear-gradient(145deg, #fff 0%, #f4f7f8 72%, #edf4f6 100%) !important;
}

.mega-score-page .pillar-article > #entscheidung,
.mega-score-page .pillar-article > #quellen {
    background: linear-gradient(135deg, #edf4f6 0%, #fff 58%, #f2f7d9 100%) !important;
}

.mega-score-page .pillar-article > #kontrolle {
    background: linear-gradient(135deg, #f2f7d9 0%, #edf4f6 55%, #fff 100%) !important;
}

.mega-score-page .pillar-article > #scoreklassen::before,
.mega-score-page .pillar-article > #kriterien::before,
.mega-score-page .pillar-article > #veraenderungen::before,
.mega-score-page .pillar-article > #kontrolle::before,
.mega-score-page .pillar-article > #faq::before,
.mega-score-page .pillar-article > #aktualisierung::before {
    position: absolute;
    z-index: 0;
    top: 2.2rem;
    right: max(18px, calc((100vw - 1180px) / 2));
    width: 310px;
    height: 150px;
    opacity: .58;
    background-image:
        radial-gradient(
            48px 24px at 50% 100%,
            transparent 94%,
            rgba(102, 120, 0, .2) 96% 100%,
            transparent 102%
        );
    background-size: 96px 48px;
    content: "";
    pointer-events: none;
    transform: rotate(-7deg);
}

.mega-score-page .pillar-article > #ueberblick::after,
.mega-score-page .pillar-article > #berechnung::after,
.mega-score-page .pillar-article > #beispiele::after,
.mega-score-page .pillar-article > #entscheidung::after,
.mega-score-page .pillar-article > #mythen::after,
.mega-score-page .pillar-article > #quellen::after {
    position: absolute;
    z-index: 0;
    right: -9rem;
    bottom: -11rem;
    width: 24rem;
    height: 24rem;
    border: 1px solid rgba(2, 81, 112, .1);
    border-radius: 50%;
    box-shadow:
        0 0 0 3.5rem rgba(2, 81, 112, .035),
        0 0 0 7rem rgba(102, 120, 0, .025);
    content: "";
    pointer-events: none;
}

.mega-score-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(4.75rem, 7.5vw, 7.25rem) 0;
    color: #fff;
    background:
        radial-gradient(circle at 82% 18%, rgba(158, 183, 28, .28) 0 2px, transparent 3px) 0 0 / 29px 29px,
        linear-gradient(128deg, #003b52 0%, #025170 60%, #17485d 100%);
}

.mega-score-hero::before,
.mega-score-hero::after {
    position: absolute;
    content: "";
    border-radius: 50%;
    pointer-events: none;
}

.mega-score-hero::before {
    width: 30rem;
    height: 30rem;
    top: -19rem;
    left: -12rem;
    border: 1px solid rgba(255, 255, 255, .16);
    box-shadow: 0 0 0 4rem rgba(255, 255, 255, .025);
}

.mega-score-hero::after {
    width: 15rem;
    height: 15rem;
    right: 5%;
    bottom: -10rem;
    background: rgba(102, 120, 0, .28);
    box-shadow: 0 0 0 3.4rem rgba(102, 120, 0, .09);
}

.mega-score-hero__layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(330px, .82fr);
    gap: clamp(2.5rem, 6vw, 6rem);
    align-items: center;
}

.mega-score-hero__visual-column {
    display: grid;
    gap: 1.2rem;
    justify-items: center;
}

.mega-score-hero__content {
    padding: clamp(1.55rem, 3vw, 2.35rem);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 22px;
    background: linear-gradient(145deg, #06445d 0%, #092f43 100%);
    box-shadow: 0 24px 60px rgba(0, 24, 35, .28);
}

.mega-score-hero .pillar-eyebrow {
    color: #dceaa5;
}

.mega-score-hero h1 {
    max-width: 13ch;
    margin-bottom: 1.45rem;
    color: #fff;
    font-size: clamp(2.85rem, 5vw, 4.85rem);
    line-height: 1;
}

.mega-score-hero .pillar-lead {
    max-width: 62rem;
    color: rgba(255, 255, 255, .9);
}

.mega-score-hero .pillar-facts {
    max-width: 56rem;
    margin-bottom: 0;
}

.mega-score-hero .pillar-facts li,
.mega-score-hero .pillar-facts li::before {
    color: #fff;
}

.mega-score-hero__actions {
    display: grid;
    gap: .85rem;
    justify-items: center;
}

.mega-score-hero__actions .btn {
    min-width: 14rem;
}

.mega-score-hero__text-link {
    color: #fff;
    font-weight: 800;
    text-underline-offset: .3rem;
}

.mega-score-hero__text-link:hover,
.mega-score-hero__text-link:focus-visible {
    color: #e8f2b7;
}

.mega-score-hero__visual {
    position: relative;
    display: grid;
    width: min(100%, 28rem);
    aspect-ratio: 1;
    margin-inline: auto;
    place-items: center;
}

.mega-score-orbit {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .055) 0 62%, transparent 63%);
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, .12),
        0 30px 80px rgba(0, 27, 40, .3);
    animation: mega-score-orbit-pulse 6s ease-in-out infinite;
}

.mega-score-orbit::before {
    position: absolute;
    inset: .2rem;
    padding: clamp(.62rem, 1.5vw, .82rem);
    border-radius: inherit;
    content: "";
    background: conic-gradient(
        from 198deg,
        var(--schufa-score-ungenuegend) 0 18%,
        var(--schufa-score-ausreichend) 18% 40%,
        var(--schufa-score-akzeptabel) 40% 60%,
        var(--schufa-score-gut) 60% 80%,
        var(--schufa-score-hervorragend) 80% 100%
    );
    filter: drop-shadow(0 10px 18px rgba(0, 27, 40, .3));
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.mega-score-gauge {
    position: relative;
    z-index: 2;
    display: grid;
    width: 68%;
    aspect-ratio: 1;
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    place-content: center;
    text-align: center;
    background: rgba(0, 59, 82, .84);
    box-shadow: inset 0 0 32px rgba(255, 255, 255, .06), 0 18px 45px rgba(0, 26, 39, .34);
    backdrop-filter: blur(8px);
}

.mega-score-gauge span,
.mega-score-gauge small {
    color: rgba(255, 255, 255, .78);
}

.mega-score-gauge span {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.mega-score-gauge strong {
    margin: .25rem 0;
    color: #fff;
    font-family: "Quicksand", sans-serif;
    font-size: clamp(2.2rem, 4vw, 3.75rem);
    line-height: 1;
}

.mega-score-hero__facts {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: min(100%, 25rem);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 12px;
    background: rgba(0, 46, 64, .82);
    backdrop-filter: blur(8px);
}

.mega-score-hero__facts div {
    padding: .75rem 1rem;
    text-align: center;
}

.mega-score-hero__facts div + div {
    border-left: 1px solid rgba(255, 255, 255, .16);
}

.mega-score-hero__facts strong,
.mega-score-hero__facts span {
    display: block;
}

.mega-score-hero__facts strong {
    color: #fff;
    font-family: "Quicksand", sans-serif;
}

.mega-score-hero__facts span {
    margin-top: .1rem;
    color: rgba(255, 255, 255, .72);
    font-size: .75rem;
}

.mega-score-intro {
    max-width: 70rem;
    font-size: clamp(1.08rem, 1.5vw, 1.2rem);
}

.mega-score-overview__lead {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr);
    gap: clamp(1.5rem, 4vw, 3.5rem);
    align-items: stretch;
    margin-bottom: 2rem;
    padding: clamp(1.5rem, 4vw, 3rem);
    border: 1px solid rgba(2, 81, 112, .14);
    border-radius: 22px;
    background:
        radial-gradient(circle at 8% 8%, rgba(158, 183, 28, .13), transparent 28%),
        linear-gradient(145deg, #fff 0%, #edf4f6 100%);
    box-shadow: 0 20px 48px rgba(0, 59, 82, .1);
}

.mega-score-overview__copy {
    align-self: center;
}

.mega-score-overview__copy h2 {
    max-width: 17ch;
}

.mega-score-overview__copy .mega-score-intro {
    margin-bottom: 0;
}

.mega-score-overview__path {
    padding: clamp(1.35rem, 3vw, 2rem);
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(circle at 100% 0, rgba(158, 183, 28, .22), transparent 32%),
        linear-gradient(145deg, var(--mega-petrol-dark), var(--mega-ink));
    box-shadow: 0 18px 38px rgba(0, 59, 82, .2);
}

.mega-score-overview__path .section-kicker {
    color: #dceaa5;
}

.mega-score-overview__path > h3 {
    margin-bottom: 1.35rem;
    color: #fff;
}

.mega-score-overview__path ol {
    display: grid;
    gap: .8rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mega-score-overview__path li {
    position: relative;
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr);
    gap: .8rem;
    align-items: start;
}

.mega-score-overview__path li:not(:last-child)::after {
    position: absolute;
    top: 2.35rem;
    bottom: -.8rem;
    left: 1.13rem;
    width: 2px;
    content: "";
    background: rgba(219, 226, 82, .4);
}

.mega-score-overview__path li > span {
    position: relative;
    z-index: 1;
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    place-items: center;
    color: var(--mega-ink);
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    background: var(--schufa-score-akzeptabel, #dbe252);
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
}

.mega-score-overview__path h4 {
    margin: 0 0 .18rem;
    color: #fff;
    font-size: 1rem;
}

.mega-score-overview__path li p {
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: .9rem;
}

.mega-score-overview__decision {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .7rem;
    align-items: center;
    margin: 1.25rem 0 0;
    padding: .85rem 1rem;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 12px;
    color: #fff;
    background: rgba(255, 255, 255, .08);
}

.mega-score-overview__decision > span {
    color: #dceaa5;
    font-size: 1.65rem;
    font-weight: 900;
    line-height: 1;
}

.mega-score-overview__decision strong {
    color: #fff;
}

.mega-score-fact-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin: 2rem 0;
}

.mega-score-fact-grid article {
    position: relative;
    overflow: hidden;
    padding: 1.4rem;
    border: 1px solid var(--mega-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(0, 59, 82, .08);
}

.mega-score-fact-grid article::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: .28rem;
    content: "";
    background: var(--mega-petrol);
}

.mega-score-fact-grid article:nth-child(1) {
    border-color: rgba(102, 120, 0, .24);
    background: linear-gradient(145deg, #fff, var(--mega-green-pale));
}

.mega-score-fact-grid article:nth-child(1)::before,
.mega-score-fact-grid article:nth-child(3)::before {
    background: var(--mega-green);
}

.mega-score-fact-grid article:nth-child(2),
.mega-score-fact-grid article:nth-child(3) {
    background: linear-gradient(145deg, #fff, #edf4f6);
}

.mega-score-fact-grid article:nth-child(4) {
    border-color: rgba(210, 44, 43, .18);
    background: linear-gradient(145deg, #fff, #fff5f5);
}

.mega-score-fact-grid article:nth-child(4)::before {
    background: var(--schufa-score-ungenuegend, #d22c2b);
}

.mega-score-fact-grid-span {
    display: block;
    margin-bottom: .55rem;
    color: #667800;
    font-family: "Quicksand", sans-serif;
    font-size: clamp(1.65rem, 2.4vw, 2.3rem);
    line-height: 1;
}

.mega-score-fact-grid h3 {
    margin-bottom: .45rem;
    font-size: 1.04rem;
}

.mega-score-fact-grid p {
    margin: 0;
    color: var(--mega-muted);
    font-size: .93rem;
}

.mega-score-comparison {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 1rem;
    align-items: stretch;
    margin: 2.5rem 0;
}

.mega-score-comparison > div {
    padding: clamp(1.4rem, 3vw, 2.25rem);
    border: 1px solid var(--mega-line);
    border-radius: 18px;
    background: linear-gradient(145deg, #fff 0%, #f4f7f8 100%);
}

.mega-score-comparison > div:last-child {
    border-color: rgba(102, 120, 0, .28);
    background: linear-gradient(145deg, #fff 0%, #f2f7d9 100%);
}

.mega-score-comparison h3 {
    margin-bottom: .55rem;
}

.mega-score-comparison > div > strong {
    color: var(--mega-petrol);
    font-size: 1.15rem;
}

.mega-score-comparison ul {
    margin: 1rem 0 0;
}

.mega-score-comparison__arrow {
    align-self: center;
    color: var(--mega-green);
    font-size: 2.3rem;
    font-weight: 900;
}

.mega-score-class-scale {
    margin: 2.25rem 0 1.5rem;
}

.mega-score-class-scale__track {
    display: flex;
    height: 1.45rem;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 999px;
    box-shadow: 0 0 0 1px var(--mega-line), 0 9px 25px rgba(0, 59, 82, .13);
}

.mega-score-class-scale__track span {
    width: var(--segment);
}

.mega-score-class-scale__insufficient { background: var(--schufa-score-ungenuegend, #d22c2b); }
.mega-score-class-scale__sufficient { background: var(--schufa-score-ausreichend, #ffa800); }
.mega-score-class-scale__acceptable { background: var(--schufa-score-akzeptabel, #dbe252); }
.mega-score-class-scale__good { background: var(--schufa-score-gut, #93d15d); }
.mega-score-class-scale__excellent { background: var(--schufa-score-hervorragend, #09770e); }

.mega-score-class-scale__labels {
    position: relative;
    height: 1.25rem;
    margin-top: .6rem;
    color: var(--mega-muted);
    font-size: .8rem;
    font-weight: 800;
}

.mega-score-class-scale__labels span {
    position: absolute;
    left: var(--position);
    transform: translateX(-50%);
}

.mega-score-class-scale__labels span:first-child {
    transform: none;
}

.mega-score-class-scale__labels span:last-child {
    transform: translateX(-100%);
}

.mega-score-class-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .85rem;
}

.mega-score-class-grid article {
    position: relative;
    overflow: hidden;
    padding: 1.3rem;
    border: 1px solid var(--mega-line);
    border-radius: 15px;
    background: #fff;
}

.mega-score-class-grid article::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: .32rem;
    content: "";
    background: var(--class-color, var(--mega-petrol));
}

.mega-score-class-grid .is-excellent { --class-color: var(--schufa-score-hervorragend, #09770e); }
.mega-score-class-grid .is-good { --class-color: var(--schufa-score-gut, #93d15d); }
.mega-score-class-grid .is-acceptable { --class-color: var(--schufa-score-akzeptabel, #dbe252); }
.mega-score-class-grid .is-sufficient { --class-color: var(--schufa-score-ausreichend, #ffa800); }
.mega-score-class-grid .is-no-score {
    --class-color: var(--schufa-score-ungenuegend, #d22c2b);
    background: #fff4f4;
}

.mega-score-class-grid span,
.mega-score-class-grid strong {
    display: block;
}

.mega-score-class-grid span {
    margin-bottom: .65rem;
    color: var(--mega-ink);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.mega-score-class-grid h3 {
    margin-bottom: .55rem;
    font-size: 1.1rem;
}

.mega-score-class-grid p {
    color: var(--mega-muted);
    font-size: .9rem;
}

.mega-score-class-grid strong {
    color: var(--mega-ink);
    font-size: .82rem;
}

.mega-score-caption {
    margin: 1rem 0 0;
    color: var(--mega-muted);
    font-size: .88rem;
}

.mega-score-formula {
    display: grid;
    grid-template-columns: minmax(130px, 1fr) auto minmax(150px, 1fr) auto minmax(180px, 1.25fr);
    gap: 1rem;
    align-items: center;
    margin: 2rem 0 3rem;
    padding: clamp(1.4rem, 3vw, 2.2rem);
    border: 1px solid rgba(2, 81, 112, .2);
    border-radius: 18px;
    background: linear-gradient(125deg, #f4f7f8 0%, #fff 55%, #f2f7d9 100%);
}

.mega-score-formula > div {
    text-align: center;
}

.mega-score-formula strong,
.mega-score-formula span {
    display: block;
}

.mega-score-formula strong {
    color: var(--mega-petrol);
    font-family: "Quicksand", sans-serif;
    font-size: 2.1rem;
}

.mega-score-formula span {
    color: var(--mega-muted);
    font-size: .85rem;
    font-weight: 700;
}

.mega-score-formula > b {
    color: var(--mega-green);
    font-size: 1.8rem;
}

.mega-score-formula__result {
    padding: 1.1rem;
    border-radius: 13px;
    color: #fff;
    background: var(--mega-petrol-dark);
}

.mega-score-formula__result strong,
.mega-score-formula__result span {
    color: #fff;
}

.mega-score-group-chart {
    display: grid;
    gap: 1rem;
    margin-top: 1.5rem;
}

.mega-score-group-chart article {
    display: grid;
    grid-template-columns: minmax(170px, .8fr) minmax(240px, 1.4fr) minmax(230px, 1fr);
    gap: 1.2rem;
    align-items: center;
}

.mega-score-group-chart article > div {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.mega-score-group-chart span {
    font-weight: 800;
}

.mega-score-group-chart strong {
    color: var(--mega-green);
    white-space: nowrap;
}

.mega-score-group-chart i {
    position: relative;
    display: block;
    height: .85rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e9ec;
}

.mega-score-group-chart i::after {
    display: block;
    width: calc(var(--group-share) * 3.2);
    max-width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
    background: linear-gradient(90deg, var(--mega-petrol), var(--mega-green));
}

.mega-score-group-chart p {
    margin: 0;
    color: var(--mega-muted);
    font-size: .88rem;
}

.mega-score-weight-overview {
    display: grid;
    grid-template-columns: repeat(12, minmax(38px, 1fr));
    gap: .65rem;
    align-items: end;
    height: 13rem;
    margin: 2rem 0 2.5rem;
    padding: 1.2rem;
    border: 1px solid var(--mega-line);
    border-radius: 18px;
    background: linear-gradient(to bottom, #fff 0%, #f4f7f8 100%);
}

.mega-score-weight-overview > div {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: .45rem;
    height: 100%;
    align-items: end;
    text-align: center;
}

.mega-score-weight-overview span,
.mega-score-weight-overview strong {
    font-size: .74rem;
}

.mega-score-weight-overview span {
    color: var(--mega-muted);
}

.mega-score-weight-overview strong {
    color: var(--mega-green);
}

.mega-score-weight-overview i {
    display: block;
    width: 100%;
    height: var(--criterion-weight);
    min-height: .4rem;
    border-radius: 7px 7px 3px 3px;
    background: linear-gradient(to top, var(--mega-petrol-dark), var(--mega-green-light));
    box-shadow: 0 8px 18px rgba(0, 59, 82, .12);
}

.mega-score-criteria {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.mega-score-criterion {
    min-width: 0;
    overflow: clip;
    border: 1px solid #cdd9de;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(0, 59, 82, .07);
}

.mega-score-criterion[open] {
    border-color: rgba(102, 120, 0, .42);
    box-shadow: 0 18px 40px rgba(0, 59, 82, .11);
}

.mega-score-criterion summary {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 1rem;
    align-items: center;
    min-height: 6.2rem;
    padding: 1rem 1.3rem;
    cursor: pointer;
    list-style: none;
}

.mega-score-criterion summary::-webkit-details-marker {
    display: none;
}

.mega-score-criterion summary:hover {
    background: #f8fafb;
}

.mega-score-criterion summary:focus-visible {
    outline: 3px solid rgba(102, 120, 0, .36);
    outline-offset: -3px;
}

.mega-score-criterion__number {
    display: grid;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    place-items: center;
    color: #fff;
    font-family: "Quicksand", sans-serif;
    font-weight: 800;
    background: var(--mega-petrol-dark);
}

.mega-score-criterion__title small,
.mega-score-criterion__title strong {
    display: block;
}

.mega-score-criterion__title small {
    margin-bottom: .2rem;
    color: var(--mega-green);
    font-size: .71rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.mega-score-criterion__title strong {
    color: var(--mega-ink);
    font-family: "Quicksand", sans-serif;
    font-size: clamp(1.05rem, 1.6vw, 1.3rem);
}

.mega-score-criterion__points {
    color: var(--mega-petrol);
    font-weight: 900;
    white-space: nowrap;
}

.mega-score-criterion__toggle {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    place-items: center;
    color: var(--mega-petrol);
    font-size: 1.45rem;
    font-weight: 500;
    background: #eaf1f3;
    transition: transform .2s ease, color .2s ease, background .2s ease;
}

.mega-score-criterion[open] .mega-score-criterion__toggle {
    color: #fff;
    background: var(--mega-green);
    transform: rotate(45deg);
}

.mega-score-criterion__body {
    min-width: 0;
    padding: 0 1.3rem 1.5rem 5.3rem;
    border-top: 1px solid #edf1f2;
}

.mega-score-criterion__lead {
    max-width: 68rem;
    margin: 1.4rem 0;
    font-size: 1.04rem;
}

.mega-score-criterion__notes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.3rem;
}

.mega-score-criterion__notes article {
    padding: 1.1rem;
    border-radius: 12px;
    background: var(--mega-paper);
}

.mega-score-criterion__notes article:last-child {
    background: var(--mega-green-pale);
}

.mega-score-criterion__notes span {
    display: block;
    margin-bottom: .35rem;
    color: var(--mega-green);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.mega-score-criterion__notes p {
    margin: 0;
    font-size: .92rem;
}

.mega-score-table-wrap {
    width: 100%;
    max-width: 52rem;
    min-width: 0;
    overflow-x: auto;
    border: 1px solid var(--mega-line);
    border-radius: 12px;
}

.mega-score-table-wrap table {
    width: 100%;
    min-width: 34rem;
    margin: 0;
    border-collapse: collapse;
}

.mega-score-table-wrap caption {
    padding: .85rem 1rem;
    color: var(--mega-ink);
    font-weight: 800;
    text-align: left;
    background: #f4f7f8;
}

.mega-score-table-wrap th,
.mega-score-table-wrap td {
    padding: .78rem 1rem;
    border-top: 1px solid #e7edef;
    text-align: left;
}

.mega-score-table-wrap th:last-child,
.mega-score-table-wrap td:last-child {
    width: 8rem;
    color: var(--mega-petrol);
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

.mega-score-criterion__edge {
    max-width: 60rem;
    margin: 1rem 0;
    padding: .85rem 1rem;
    border-left: 4px solid var(--mega-green);
    background: #f7f9ef;
}

.mega-score-source-link {
    display: inline-block;
    color: var(--mega-petrol);
    font-weight: 800;
    overflow-wrap: anywhere;
}

.mega-score-scenarios {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2rem;
    margin: 2rem 0;
}

.mega-score-scenario {
    position: relative;
    overflow: hidden;
    padding: 1.5rem;
    border: 1px solid var(--mega-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(0, 59, 82, .09);
}

.mega-score-scenario::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: .38rem;
    content: "";
    background: var(--scenario-color, var(--mega-petrol));
}

.mega-score-scenario.is-excellent { --scenario-color: var(--schufa-score-hervorragend, #09770e); }
.mega-score-scenario.is-sufficient { --scenario-color: var(--schufa-score-ausreichend, #ffa800); }
.mega-score-scenario.is-acceptable { --scenario-color: var(--schufa-score-akzeptabel, #dbe252); }

.mega-score-scenario__result {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .2rem 1rem;
    align-items: center;
    margin-bottom: 1.2rem;
}

.mega-score-scenario__result span,
.mega-score-scenario__result small {
    color: var(--mega-muted);
}

.mega-score-scenario__result span {
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mega-score-scenario__result strong {
    grid-row: 1 / span 2;
    grid-column: 2;
    color: var(--mega-ink);
    font-family: "Quicksand", sans-serif;
    font-size: 2.8rem;
    line-height: 1;
}

.mega-score-scenario h3 {
    font-size: 1.2rem;
}

.mega-score-scenario details {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--mega-line);
}

.mega-score-scenario summary {
    color: var(--mega-petrol);
    font-weight: 800;
    cursor: pointer;
}

.mega-score-scenario details[open] summary {
    margin-bottom: 1rem;
}

.mega-score-scenario details p {
    margin: .75rem 0 0;
    overflow-wrap: anywhere;
}

.mega-score-scenario__table-intro {
    max-width: 62rem;
    color: var(--mega-muted);
}

.mega-score-scenario__table-wrap {
    width: 100%;
    margin-top: 1rem;
    overflow-x: auto;
    border: 1px solid var(--mega-line);
    border-radius: 14px;
    background: #fff;
}

.mega-score-scenario__table {
    width: 100%;
    min-width: 690px;
    border-collapse: collapse;
}

.mega-score-scenario__table caption {
    padding: 1rem 1.1rem .75rem;
    caption-side: top;
    color: var(--mega-ink);
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    text-align: left;
    background: #f4f7f8;
}

.mega-score-scenario__table th,
.mega-score-scenario__table td {
    padding: .78rem 1rem;
    border-bottom: 1px solid var(--mega-line);
    color: var(--mega-ink);
    text-align: left;
    vertical-align: top;
}

.mega-score-scenario__table thead th {
    color: var(--mega-muted);
    font-size: .76rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: #f4f7f8;
}

.mega-score-scenario__table tbody th {
    width: 31%;
    font-size: .91rem;
}

.mega-score-scenario__table tbody tr:nth-child(even) {
    background: #f9fbfb;
}

.mega-score-scenario__table td:last-child,
.mega-score-scenario__table th:last-child {
    width: 7rem;
    font-weight: 800;
    text-align: right;
    white-space: nowrap;
}

.mega-score-scenario__table tfoot th,
.mega-score-scenario__table tfoot td {
    border-bottom: 0;
    color: #fff;
    font-weight: 900;
    background: var(--mega-petrol-dark);
}

@media (min-width: 992px) {
    .mega-score-scenarios:has(details[open]) {
        grid-template-columns: 1fr;
    }
}

.mega-score-decision-chain {
    display: grid;
    grid-template-columns: repeat(7, auto);
    gap: .75rem;
    align-items: center;
    margin-top: 2.5rem;
    padding: clamp(1.4rem, 3vw, 2.2rem);
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(120deg, var(--mega-petrol-dark), var(--mega-petrol));
}

.mega-score-decision-chain > div {
    display: grid;
    max-width: 13rem;
    text-align: center;
}

.mega-score-decision-chain span {
    display: grid;
    width: 2rem;
    height: 2rem;
    margin: 0 auto .5rem;
    border-radius: 50%;
    place-items: center;
    color: var(--mega-petrol-dark);
    font-weight: 900;
    background: #dceaa5;
}

.mega-score-decision-chain strong {
    color: #fff;
}

.mega-score-decision-chain small {
    margin-top: .25rem;
    color: rgba(255, 255, 255, .72);
}

.mega-score-decision-chain > b {
    color: #dceaa5;
    font-size: 1.5rem;
}

.mega-score-decision-chain h3 {
    grid-column: 1 / -1;
    margin: 1.25rem 0 0;
    padding-top: 1.15rem;
    border-top: 1px solid rgba(255, 255, 255, .18);
    color: #fff;
    text-align: center;
}

.mega-score-timeline {
    position: relative;
    display: grid;
    gap: 1rem;
    margin: 2rem 0;
    padding: 0;
    list-style: none;
}

.mega-score-timeline::before {
    position: absolute;
    top: 1.6rem;
    bottom: 1.6rem;
    left: 3.25rem;
    width: 2px;
    content: "";
    background: linear-gradient(var(--mega-green), var(--mega-petrol));
}

.mega-score-timeline li {
    position: relative;
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.mega-score-timeline li > span {
    z-index: 1;
    display: grid;
    min-height: 3.1rem;
    padding: .45rem;
    border: 3px solid #fff;
    border-radius: 999px;
    place-items: center;
    color: #fff;
    font-size: .74rem;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    background: var(--mega-green);
    box-shadow: 0 0 0 1px rgba(102, 120, 0, .2);
}

.mega-score-timeline li > div {
    padding: 1.15rem 1.3rem;
    border: 1px solid var(--mega-line);
    border-radius: 14px;
    background: #fff;
}

.mega-score-timeline h3 {
    margin-bottom: .35rem;
    font-size: 1.08rem;
}

.mega-score-timeline p {
    margin: 0;
}

.mega-score-do-dont {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.2rem;
}

.mega-score-do-dont article {
    padding: clamp(1.3rem, 3vw, 2rem);
    border: 1px solid rgba(102, 120, 0, .28);
    border-radius: 18px;
    background: var(--mega-green-pale);
}

.mega-score-do-dont article:last-child {
    border-color: var(--mega-line);
    background: #f1f4f5;
}

.mega-score-do-dont ul {
    margin-bottom: 0;
}

.mega-score-boundary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
    margin: 2rem 0;
}

.mega-score-boundary-grid article {
    padding: 1.4rem;
    border: 1px solid var(--mega-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(0, 59, 82, .07);
}

.mega-score-boundary-grid span {
    display: inline-block;
    margin-bottom: .8rem;
    padding: .35rem .65rem;
    border-radius: 999px;
    color: var(--mega-green-dark);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: var(--mega-green-pale);
}

.mega-score-boundary-grid h3 {
    font-size: 1.12rem;
}

.mega-score-boundary-grid p {
    margin: 0;
    color: var(--mega-muted);
}

.mega-score-control-steps {
    margin-top: 2rem;
}

.mega-score-rights {
    display: grid;
    grid-template-columns: minmax(240px, .75fr) minmax(0, 1.25fr);
    gap: 2rem;
    align-items: center;
    margin-top: 2rem;
    padding: clamp(1.4rem, 3vw, 2.3rem);
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(125deg, var(--mega-petrol-dark), var(--mega-ink-soft));
}

.mega-score-rights .section-kicker {
    color: #dceaa5;
}

.mega-score-rights h3,
.mega-score-rights p {
    color: #fff;
}

.mega-score-rights p {
    margin: 0;
}

.mega-score-myths {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.mega-score-myths article {
    padding: 1.35rem;
    border: 1px solid var(--mega-line);
    border-radius: 15px;
    background: #fff;
}

.mega-score-myths article:last-child {
    grid-column: 1 / -1;
}

.mega-score-myths span {
    display: inline-block;
    margin-bottom: .65rem;
    color: var(--mega-green);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mega-score-myths h3 {
    margin-bottom: .4rem;
    font-size: 1.08rem;
}

.mega-score-myths p {
    margin: 0;
}

.mega-score-simulator-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(230px, .65fr);
    gap: 2rem;
    align-items: center;
    padding:
        clamp(58px, 6vw, 84px)
        max(24px, calc((100vw - 960px) / 2)) !important;
    border-radius: 0;
    color: #fff;
    background:
        radial-gradient(circle at 90% 20%, rgba(158, 183, 28, .24) 0 2px, transparent 3px) 0 0 / 26px 26px,
        linear-gradient(125deg, var(--mega-petrol-dark), var(--mega-petrol)) !important;
}

.mega-score-simulator-panel .section-kicker {
    color: #dceaa5;
}

.mega-score-simulator-panel > div:first-child {
    padding: clamp(1.4rem, 3vw, 2rem);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 17px;
    background: linear-gradient(145deg, #06445d 0%, #092f43 100%);
    box-shadow: 0 20px 46px rgba(0, 24, 35, .25);
}

.mega-score-simulator-panel h2,
.mega-score-simulator-panel p,
.mega-score-simulator-panel li {
    color: #fff;
}

.mega-score-simulator-panel ul {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.4rem;
    margin-bottom: 0;
}

.mega-score-simulator-panel__dial {
    display: grid;
    padding: 1.4rem;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 17px;
    text-align: center;
    background: rgba(0, 41, 56, .54);
}

.mega-score-simulator-panel__dial span {
    color: #dceaa5;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.mega-score-simulator-panel__dial strong {
    margin: .35rem 0 1rem;
    color: #fff;
    font-family: "Quicksand", sans-serif;
    font-size: 2.4rem;
}

.mega-score-update-history li:last-child {
    border-color: rgba(102, 120, 0, .32);
    background: var(--mega-green-pale);
}

.mega-score-page .source-list li > span {
    display: block;
    margin-bottom: .35rem;
    color: var(--mega-green-dark);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.mega-score-source-note {
    margin: 1rem 0 0;
    color: var(--mega-muted);
    font-size: .9rem;
}

@keyframes mega-score-orbit-pulse {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.025);
    }
}

@media (max-width: 1199.98px) {
    .mega-score-class-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .mega-score-group-chart article {
        grid-template-columns: minmax(180px, .8fr) minmax(220px, 1.2fr);
    }

    .mega-score-group-chart p {
        grid-column: 1 / -1;
        padding-left: 0;
    }
}

@media (max-width: 991.98px) {
    .mega-score-hero__layout {
        grid-template-columns: 1fr;
    }

    .mega-score-hero h1 {
        max-width: 16ch;
    }

    .mega-score-hero__visual {
        width: min(100%, 24rem);
    }

    .mega-score-overview__lead {
        grid-template-columns: 1fr;
    }

    .mega-score-overview__copy h2 {
        max-width: none;
    }

    .mega-score-fact-grid,
    .mega-score-class-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mega-score-class-grid .is-no-score {
        grid-column: 1 / -1;
    }

    .mega-score-scenarios,
    .mega-score-boundary-grid {
        grid-template-columns: 1fr;
    }

    .mega-score-decision-chain {
        grid-template-columns: 1fr;
    }

    .mega-score-decision-chain > div {
        max-width: none;
    }

    .mega-score-decision-chain > b {
        transform: rotate(90deg);
        text-align: center;
    }

    .mega-score-rights,
    .mega-score-simulator-panel {
        grid-template-columns: 1fr;
    }

    .mega-score-weight-overview {
        grid-template-columns: repeat(6, minmax(45px, 1fr));
        height: auto;
    }

    .mega-score-weight-overview > div {
        height: 9rem;
    }
}

@media (max-width: 767.98px) {
    .mega-score-hero {
        padding: 3.8rem 0 4.4rem;
    }

    .mega-score-hero h1 {
        max-width: none;
        font-size: clamp(2.45rem, 11vw, 3.55rem);
        overflow-wrap: anywhere;
        hyphens: auto;
    }

    .mega-score-hero__content {
        padding: 1.35rem;
        border-radius: 16px;
    }

    .mega-score-overview__lead {
        padding: 1rem;
        border-radius: 17px;
    }

    .mega-score-overview__path {
        padding: 1.2rem;
        border-radius: 14px;
    }

    .mega-score-class-scale__labels span:nth-child(3),
    .mega-score-class-scale__labels span:nth-child(4),
    .mega-score-class-scale__labels span:nth-child(5) {
        display: none;
    }

    .mega-score-scenario__table-wrap {
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .mega-score-scenario__table {
        min-width: 0;
    }

    .mega-score-scenario__table caption {
        border: 1px solid var(--mega-line);
        border-radius: 12px;
    }

    .mega-score-scenario__table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        clip-path: inset(50%);
        white-space: nowrap;
    }

    .mega-score-scenario__table,
    .mega-score-scenario__table tbody,
    .mega-score-scenario__table tfoot,
    .mega-score-scenario__table tr,
    .mega-score-scenario__table th,
    .mega-score-scenario__table td {
        display: block;
        width: 100%;
    }

    .mega-score-scenario__table tbody {
        display: grid;
        gap: .7rem;
        margin-top: .75rem;
    }

    .mega-score-scenario__table tbody tr {
        padding: .75rem;
        border: 1px solid var(--mega-line);
        border-radius: 12px;
        background: #fff;
    }

    .mega-score-scenario__table tbody th {
        padding: 0 0 .55rem;
        border-bottom: 1px solid var(--mega-line);
        font-size: .95rem;
    }

    .mega-score-scenario__table tbody td {
        display: grid;
        grid-template-columns: 6rem minmax(0, 1fr);
        gap: .6rem;
        padding: .45rem 0 0;
        border: 0;
        text-align: left;
        white-space: normal;
    }

    .mega-score-scenario__table tbody td::before {
        color: var(--mega-muted);
        font-size: .74rem;
        font-weight: 900;
        letter-spacing: .05em;
        text-transform: uppercase;
        content: attr(data-label);
    }

    .mega-score-scenario__table tfoot {
        margin-top: .75rem;
    }

    .mega-score-scenario__table tfoot tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        border-radius: 12px;
        overflow: hidden;
        background: var(--mega-petrol-dark);
    }

    .mega-score-scenario__table tfoot th,
    .mega-score-scenario__table tfoot td {
        width: auto;
        padding: .85rem;
        border: 0;
        text-align: left;
    }

    .mega-score-scenario__table tfoot td {
        text-align: right;
    }

    .mega-score-hero__actions {
        width: min(100%, 22rem);
        justify-items: stretch;
    }

    .mega-score-hero__actions .btn {
        width: 100%;
    }

    .mega-score-hero__text-link {
        justify-self: center;
    }

    .mega-score-hero__visual {
        width: min(86vw, 20rem);
    }

    .mega-score-page .pillar-article > #scoreklassen::before,
    .mega-score-page .pillar-article > #kriterien::before,
    .mega-score-page .pillar-article > #veraenderungen::before,
    .mega-score-page .pillar-article > #kontrolle::before,
    .mega-score-page .pillar-article > #faq::before,
    .mega-score-page .pillar-article > #aktualisierung::before {
        top: 1rem;
        right: -10rem;
        opacity: .32;
    }

    .mega-score-page .pillar-article > #ueberblick::after,
    .mega-score-page .pillar-article > #berechnung::after,
    .mega-score-page .pillar-article > #beispiele::after,
    .mega-score-page .pillar-article > #entscheidung::after,
    .mega-score-page .pillar-article > #mythen::after,
    .mega-score-page .pillar-article > #quellen::after {
        right: -16rem;
        opacity: .7;
    }

    .mega-score-fact-grid,
    .mega-score-class-grid,
    .mega-score-criterion__notes,
    .mega-score-do-dont,
    .mega-score-myths {
        grid-template-columns: 1fr;
    }

    .mega-score-class-grid .is-no-score,
    .mega-score-myths article:last-child {
        grid-column: auto;
    }

    .mega-score-comparison {
        grid-template-columns: 1fr;
    }

    .mega-score-comparison__arrow {
        justify-self: center;
        transform: rotate(90deg);
    }

    .mega-score-formula {
        grid-template-columns: 1fr;
    }

    .mega-score-formula > b {
        justify-self: center;
    }

    .mega-score-group-chart article {
        grid-template-columns: 1fr;
        gap: .55rem;
    }

    .mega-score-weight-overview {
        grid-template-columns: repeat(4, minmax(40px, 1fr));
        overflow: hidden;
    }

    .mega-score-criterion summary {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: .75rem;
        min-height: 5.7rem;
        padding: .9rem;
    }

    .mega-score-criterion__number {
        width: 2.65rem;
        height: 2.65rem;
    }

    .mega-score-criterion__points {
        grid-column: 2;
        font-size: .82rem;
    }

    .mega-score-criterion__toggle {
        grid-row: 1 / span 2;
        grid-column: 3;
    }

    .mega-score-criterion__body {
        padding: 0 .9rem 1.2rem;
    }

    .mega-score-table-wrap {
        margin-inline: -.1rem;
    }

    .mega-score-timeline::before {
        left: 1.45rem;
    }

    .mega-score-timeline li {
        grid-template-columns: 3rem minmax(0, 1fr);
    }

    .mega-score-timeline li > span {
        width: 3rem;
        min-height: 3rem;
        padding: .25rem;
        font-size: .61rem;
    }

    .mega-score-rights {
        gap: 1rem;
    }

    .mega-score-simulator-panel ul {
        display: block;
    }

    .mega-score-simulator-panel > div:first-child {
        padding: 1.25rem;
        border-radius: 14px;
    }
}

@media (max-width: 430px) {
    .mega-score-hero h1 {
        font-size: 2.5rem;
    }

    .mega-score-hero__visual {
        width: min(86vw, 19rem);
    }

    .mega-score-gauge {
        width: 67%;
    }

    .mega-score-gauge strong {
        font-size: 2rem;
    }

    .mega-score-hero__facts {
        width: 96%;
    }

    .mega-score-hero__facts div {
        padding: .6rem .4rem;
    }

    .mega-score-weight-overview {
        gap: .4rem;
        padding: .8rem;
    }

    .mega-score-criterion__title strong {
        overflow-wrap: anywhere;
        hyphens: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .mega-score-orbit {
        animation: none;
    }

    .mega-score-criterion__toggle {
        transition: none;
    }
}