.seo-geo-card {
    position: relative;
}

.seo-geo-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: end;
}

.seo-geo-form-grid label {
    display: block;
    margin-bottom: 8px;
    font-weight: 700;
}

.seo-geo-form-grid input {
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid #d0d2d5;
    border-radius: 8px;
    font: inherit;
}

.seo-geo-form-grid button,
.seo-geo-form button {
    min-height: 48px;
}

.seo-geo-note {
    margin: 12px 0 0;
    color: #5f5c73;
    font-size: 14px;
}

.seo-geo-progress {
    display: none;
    margin-top: 20px;
    padding: 18px;
    border: 1px solid #d0d2d5;
    border-radius: 8px;
    background: #f4f5f6;
}

.seo-geo-progress.is-active {
    display: block;
}

.seo-geo-progress-title {
    margin-bottom: 10px;
    font-weight: 700;
    color: #00193c;
}

.seo-geo-progress-track {
    overflow: hidden;
    height: 8px;
    margin-bottom: 10px;
    border-radius: 999px;
    background: #dfe3e8;
}

.seo-geo-progress-bar {
    width: 38%;
    height: 100%;
    border-radius: inherit;
    background: #284baa;
    animation: seoGeoProgress 1.4s ease-in-out infinite alternate;
}

.seo-geo-progress-text {
    color: #5f5c73;
    font-size: 14px;
}

.seo-geo-error {
    margin-top: 18px;
    padding: 14px 16px;
    border-left: 4px solid #a40000;
    background: #fff4f4;
}

.seo-geo-result-head {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-start;
    margin-bottom: 28px;
}

.seo-geo-eyebrow {
    margin: 0 0 6px;
    color: #5f5c73;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.seo-geo-result-url {
    overflow-wrap: anywhere;
    color: #5f5c73;
}

.seo-geo-score {
    flex: 0 0 auto;
    min-width: 132px;
    padding: 18px 20px;
    border: 1px solid #d0d2d5;
    border-radius: 12px;
    text-align: center;
    background: #f4f5f6;
}

.seo-geo-score strong {
    display: block;
    font-size: 44px;
    line-height: 1;
}

.seo-geo-score span {
    font-size: 15px;
}

.seo-geo-score.score-good strong {
    color: #568000;
}

.seo-geo-score.score-mid strong {
    color: #9a6700;
}

.seo-geo-score.score-bad strong {
    color: #a40000;
}

.seo-geo-dimension-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.seo-geo-dimension {
    padding: 16px;
    border: 1px solid #d0d2d5;
    border-radius: 10px;
}

.seo-geo-dimension-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.seo-geo-dimension-head strong {
    color: #00193c;
}

.seo-geo-meter {
    overflow: hidden;
    height: 8px;
    border-radius: 999px;
    background: #e5e7eb;
}

.seo-geo-meter span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #284baa;
}

.seo-geo-detail-section {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #d0d2d5;
}

.seo-geo-stat-group + .seo-geo-stat-group {
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px solid #d0d2d5;
}

.seo-geo-stat-list {
    margin: 0;
}

.seo-geo-stat-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    padding: 9px 0;
    border-bottom: 1px solid #eceef0;
}

.seo-geo-stat-row:last-child {
    border-bottom: 0;
}

.seo-geo-stat-row dt {
    color: #5f5c73;
}

.seo-geo-stat-row dd {
    margin: 0;
    font-weight: 700;
    text-align: right;
    color: #00193c;
}

.seo-geo-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.seo-geo-tags span {
    padding: 7px 10px;
    border-radius: 999px;
    background: #f0f6e0;
    color: #00193c;
    font-size: 14px;
    font-weight: 700;
}

@keyframes seoGeoProgress {
    from {
        transform: translateX(-35%);
    }

    to {
        transform: translateX(190%);
    }
}

@media (max-width: 760px) {
    .seo-geo-form-grid,
    .seo-geo-dimension-grid {
        grid-template-columns: 1fr;
    }

    .seo-geo-result-head {
        flex-direction: column;
    }

    .seo-geo-score {
        width: 100%;
    }
}


.seo-geo-issues {
    display: grid;
    gap: 12px;
}

.seo-geo-issue {
    padding: 14px 16px;
    border: 1px solid #d0d2d5;
    border-radius: 8px;
    background: #f8f9fa;
}

.seo-geo-issue strong {
    display: block;
    margin-bottom: 6px;
    color: #00193c;
}

.seo-geo-issue p {
    margin: 0;
}

/* ==================================================
   1.5 – KACHELN / HOVER / FUNDSTELLEN
================================================== */

/* Schwarze Rahmen ausschließlich innerhalb der SEO-GEO-Analyse */
.seo-geo-card,
.seo-geo-score,
.seo-geo-dimension,
.seo-geo-speed-card,
.seo-geo-issue,
.seo-geo-progress {
    border-color: #000 !important;
}

/* Auch innere Trennlinien klar und dunkel */
.seo-geo-detail-section,
.seo-geo-stat-group + .seo-geo-stat-group {
    border-top-color: #000 !important;
}

.seo-geo-stat-row {
    border-bottom-color: #000 !important;
}

/* Allgemeine Card-Hover-Regeln der Website dürfen SEO-GEO-Werte
   und Beschriftungen nicht unsichtbar machen. */
.seo-geo-card:hover h2,
.seo-geo-card:hover h3,
.seo-geo-card:hover h4,
.seo-geo-card:hover p,
.seo-geo-card:hover dt,
.seo-geo-card:hover dd,
.seo-geo-card:hover .seo-geo-eyebrow,
.seo-geo-card:hover .seo-geo-result-url,
.seo-geo-card:hover .seo-geo-dimension-head strong,
.seo-geo-card:hover .seo-geo-dimension-head span,
.seo-geo-card:hover .seo-geo-progress-title,
.seo-geo-card:hover .seo-geo-progress-text,
.seo-geo-card:hover .seo-geo-issue,
.seo-geo-card:hover .seo-geo-issue strong,
.seo-geo-card:hover .seo-geo-issue p,
.seo-geo-card:hover .seo-geo-issue li {
    color: #00193c !important;
}

/* Sekundäre Beschriftungen bleiben bewusst etwas heller */
.seo-geo-card:hover dt,
.seo-geo-card:hover .seo-geo-eyebrow,
.seo-geo-card:hover .seo-geo-result-url,
.seo-geo-card:hover .seo-geo-note,
.seo-geo-card:hover .seo-geo-progress-text {
    color: #5f5c73 !important;
}

/* Score-Farben trotz Hover erhalten */
.seo-geo-card:hover .seo-geo-score.score-good strong {
    color: #568000 !important;
}

.seo-geo-card:hover .seo-geo-score.score-mid strong {
    color: #9a6700 !important;
}

.seo-geo-card:hover .seo-geo-score.score-bad strong {
    color: #a40000 !important;
}

.seo-geo-card:hover .seo-geo-score span {
    color: #00193c !important;
}

/* Tags bleiben lesbar */
.seo-geo-card:hover .seo-geo-tags span {
    color: #00193c !important;
}

/* Mehrere Fundstellen / URLs sauber untereinander */
.seo-geo-issue-evidence-list {
    margin: 8px 0 10px 20px;
    padding: 0;
}

.seo-geo-issue-evidence-list li {
    margin: 5px 0;
    padding-left: 2px;
    color: #00193c;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.seo-geo-issue-evidence {
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Lange Werte dürfen innerhalb der Statistik-Kacheln umbrechen */
.seo-geo-stat-row {
    min-width: 0;
}

.seo-geo-stat-row dt,
.seo-geo-stat-row dd {
    min-width: 0;
    overflow-wrap: anywhere;
}

@media (max-width: 760px) {
    .seo-geo-stat-row {
        grid-template-columns: minmax(0, 1fr) auto;
    }
}

/* ==================================================
   1.5.1 – HINWEISKACHELN AUSRICHTUNG / EMPFEHLUNG
================================================== */

.seo-geo-issue,
.seo-geo-issue p,
.seo-geo-issue ul,
.seo-geo-issue li,
.seo-geo-issue-evidence,
.seo-geo-issue-evidence-list {
    text-align: left !important;
}

.seo-geo-issue-evidence,
.seo-geo-issue-evidence-list {
    margin-top: 10px;
    margin-bottom: 0;
}

.seo-geo-issue > p:last-child {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
    font-size: 10px !important;
    line-height: 1.45;
    text-align: left !important;
}

.seo-geo-issue-evidence-list + p,
.seo-geo-issue-evidence + p {
    margin-top: 18px !important;
}

/* ==================================================
   1.5.2 – HINWEISKACHELN KOMPLETT 10PX
================================================== */

/* Überschrift bleibt normal groß */
.seo-geo-issue > strong {
    font-size: inherit !important;
    line-height: inherit !important;
}

/* Analyse-Daten / Fundstellen auf 10px */
.seo-geo-issue-evidence,
.seo-geo-issue-evidence-list,
.seo-geo-issue-evidence-list li {
    font-size: 10px !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

/* Auch einfache Analysewerte, wenn sie als erster Absatz ausgegeben werden */
.seo-geo-issue > p:not(:last-child) {
    font-size: 10px !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

/* Handlungsaufforderung unten ebenfalls 10px */
.seo-geo-issue > p:last-child {
    margin-top: 18px !important;
    margin-bottom: 0 !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    text-align: left !important;
}

/* Bulletpoints sauber links */
.seo-geo-issue-evidence-list {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding-left: 18px !important;
}

/* ==================================================
   1.6 – GESAMTSCORE-TACHO + PAGESPEED-KACHELN
================================================== */

.seo-geo-gauge-card {
    flex: 0 0 auto;
    width: 320px;
    padding: 18px 20px 14px;
    border: 1px solid #000;
    border-radius: 12px;
    background: #f4f5f6;
    text-align: center;
}

.seo-geo-gauge {
    position: relative;
    width: 260px;
    height: 132px;
    margin: 0 auto;
    overflow: hidden;
}

.seo-geo-gauge-arc {
    position: absolute;
    left: 0;
    top: 0;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: conic-gradient(
        from 270deg,
        #e03145 0deg 45deg,
        #f59f00 45deg 90deg,
        #facc15 90deg 135deg,
        #22b24c 135deg 180deg,
        transparent 180deg 360deg
    );
}

.seo-geo-gauge-arc::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 45px;
    width: 170px;
    height: 170px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: #f4f5f6;
}

.seo-geo-gauge-needle {
    position: absolute;
    left: 50%;
    bottom: 2px;
    width: 8px;
    height: 98px;
    border-radius: 999px;
    background: #8a9099;
    transform: translateX(-50%) rotate(var(--needle-angle, 0deg));
    transform-origin: 50% calc(100% - 9px);
    z-index: 2;
}

.seo-geo-gauge-cap {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 28px;
    height: 28px;
    transform: translateX(-50%);
    border: 5px solid #8a9099;
    border-radius: 50%;
    background: #f4f5f6;
    z-index: 3;
}

.seo-geo-gauge-value {
    margin-top: 10px;
}

.seo-geo-gauge-value strong {
    display: block;
    font-size: 40px;
    line-height: 1;
}

.seo-geo-gauge-value span {
    display: block;
    margin-top: 4px;
    color: #00193c;
    font-size: 15px;
}

.seo-geo-gauge-value.score-good strong { color: #568000; }
.seo-geo-gauge-value.score-mid strong  { color: #9a6700; }
.seo-geo-gauge-value.score-bad strong  { color: #a40000; }

.seo-geo-pagespeed-devices {
    display: grid;
    gap: 20px;
    margin-top: 18px;
}

.seo-geo-pagespeed-device {
    padding: 18px;
    border: 1px solid #000;
    border-radius: 12px;
    background: #f8f9fa;
}

.seo-geo-pagespeed-device > h4 {
    margin: 0 0 16px;
}

.seo-geo-pagespeed-score-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.seo-geo-pagespeed-score-card {
    background: #fff;
}

.seo-geo-pagespeed-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.seo-geo-pagespeed-metric {
    padding: 12px 14px;
    border: 1px solid #000;
    border-radius: 10px;
    background: #fff;
}

.seo-geo-pagespeed-metric strong {
    display: block;
    margin-bottom: 5px;
    color: #00193c;
}

.seo-geo-pagespeed-metric span {
    color: #00193c;
    font-weight: 700;
}

.seo-geo-card:hover .seo-geo-gauge-value span,
.seo-geo-card:hover .seo-geo-pagespeed-metric strong,
.seo-geo-card:hover .seo-geo-pagespeed-metric span,
.seo-geo-card:hover .seo-geo-pagespeed-score-card strong,
.seo-geo-card:hover .seo-geo-pagespeed-score-card span {
    color: #00193c !important;
}

.seo-geo-card:hover .seo-geo-gauge-value.score-good strong { color: #568000 !important; }
.seo-geo-card:hover .seo-geo-gauge-value.score-mid strong  { color: #9a6700 !important; }
.seo-geo-card:hover .seo-geo-gauge-value.score-bad strong  { color: #a40000 !important; }

@media (max-width: 900px) {
    .seo-geo-pagespeed-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .seo-geo-gauge-card {
        width: 100%;
    }

    .seo-geo-pagespeed-score-grid,
    .seo-geo-pagespeed-metrics {
        grid-template-columns: 1fr;
    }
}

/* ==================================================
   1.6.2 – TACHO NUR SKALIEREN / HINTERGRÜNDE TRANSPARENT
================================================== */

/* Tacho-Kachel transparent und kompakt */
.seo-geo-gauge-card {
    min-width: 160px !important;
    width: 160px !important;
    padding: 8px !important;
    background: transparent !important;
    overflow: hidden;
}

/* Original-Geometrie beibehalten und nur als Ganzes verkleinern */
.seo-geo-gauge {
    width: 260px !important;
    height: 138px !important;
    margin: 0 0 -69px -58px !important;
    transform: scale(.5);
    transform-origin: top center;
}

/* Innere Tacho-Fläche transparent */
.seo-geo-gauge-arc::after,
.seo-geo-gauge-cap {
    background: transparent !important;
}

/* Zahlen unter dem Tacho kompakt, aber unverändert aufgebaut */
.seo-geo-gauge-value {
    margin-top: 4px !important;
}

.seo-geo-gauge-value strong {
    font-size: 24px !important;
}

.seo-geo-gauge-value span {
    font-size: 12px !important;
}

/* Weiße Hintergründe vollständig entfernen */
.seo-geo-pagespeed-panel,
.seo-geo-pagespeed-badge,
.seo-geo-pagespeed-metric,
.seo-geo-dimension,
.seo-geo-issue {
    background: transparent !important;
}

/* Auch bei Hover transparent lassen */
.seo-geo-card:hover .seo-geo-pagespeed-panel,
.seo-geo-card:hover .seo-geo-pagespeed-badge,
.seo-geo-card:hover .seo-geo-pagespeed-metric,
.seo-geo-card:hover .seo-geo-dimension,
.seo-geo-card:hover .seo-geo-issue,
.seo-geo-card:hover .seo-geo-gauge-card {
    background: transparent !important;
}

@media (max-width: 760px) {
    .seo-geo-gauge-card {
        width: 160px !important;
        min-width: 160px !important;
    }
}

/* ==================================================
   1.6.3 – TRANSPARENT + SCORE SAUBER SKALIERT
================================================== */

/* Alle neuen PageSpeed- und Score-Flächen wirklich transparent */
.site-main .seo-geo-card,
.site-main .seo-geo-card:hover,
.site-main .seo-geo-gauge-card,
.site-main .seo-geo-gauge-card:hover,
.site-main .seo-geo-pagespeed-overview,
.site-main .seo-geo-pagespeed-panel,
.site-main .seo-geo-pagespeed-panel:hover,
.site-main .seo-geo-pagespeed-badge,
.site-main .seo-geo-pagespeed-badge:hover,
.site-main .seo-geo-pagespeed-metric,
.site-main .seo-geo-pagespeed-metric:hover,
.site-main .seo-geo-pagespeed-score,
.site-main .seo-geo-pagespeed-score:hover,
.site-main .seo-geo-dimension,
.site-main .seo-geo-dimension:hover,
.site-main .seo-geo-speed-card,
.site-main .seo-geo-speed-card:hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Mobile-/Desktop-Hauptkacheln transparent */
.site-main .seo-geo-pagespeed-panel {
    border: 1px solid #000 !important;
}

/* LCP / CLS / TBT / INP transparent */
.site-main .seo-geo-pagespeed-metric {
    border: 1px solid #000 !important;
}

/* Score-/Leistungs-Kacheln transparent */
.site-main .seo-geo-pagespeed-score {
    border: 1px solid #000 !important;
}

/* ==================================================
   TACHO – ORIGINALFORM, NUR VERKLEINERT
================================================== */

.site-main .seo-geo-gauge-card {
    width: 200px !important;
    min-width: 200px !important;
    height: auto !important;
    padding: 10px 10px 8px !important;
    border: 1px solid #000 !important;
    overflow: visible !important;
    text-align: center;
}

/*
   Originalgröße bleibt 260 x 138.
   Nur Darstellung wird proportional auf 65 % skaliert.
*/
.site-main .seo-geo-gauge {
    width: 260px !important;
    height: 138px !important;
    margin: 0 auto -47px !important;
    transform: scale(.65) !important;
    transform-origin: top center !important;
}

/* Innenfläche des Halbkreises zeigt den Seitenhintergrund */
.site-main .seo-geo-gauge-arc::after {
    background: transparent !important;
    background-color: transparent !important;
}

/* Mittelpunkt ebenfalls transparent */
.site-main .seo-geo-gauge-cap {
    background: transparent !important;
    background-color: transparent !important;
}

/* Wert direkt unter dem Tacho */
.site-main .seo-geo-gauge-value {
    margin-top: 2px !important;
    text-align: center;
}

.site-main .seo-geo-gauge-value strong {
    font-size: 30px !important;
    line-height: 1 !important;
}

.site-main .seo-geo-gauge-value span {
    margin-top: 3px !important;
    font-size: 13px !important;
}

/* Hover darf keine weiße Fläche zurückbringen */
.site-main .seo-geo-card:hover .seo-geo-gauge-arc::after,
.site-main .seo-geo-card:hover .seo-geo-gauge-cap,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-panel,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-badge,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-metric,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-score {
    background: transparent !important;
    background-color: transparent !important;
}

/* Responsiv */
@media (max-width: 760px) {
    .site-main .seo-geo-gauge-card {
        width: 200px !important;
        min-width: 200px !important;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ==================================================
   1.6.4 – ECHTE TRANSPARENZ / TACHO KORRIGIERT
================================================== */

/* Der weiße Hintergrund kam vom übergeordneten Detailbereich. */
.site-main .seo-geo-detail-section,
.site-main .seo-geo-subsection,
.site-main .seo-geo-pagespeed-overview,
.site-main .seo-geo-pagespeed-panel,
.site-main .seo-geo-pagespeed-score,
.site-main .seo-geo-pagespeed-metric,
.site-main .seo-geo-pagespeed-badge,
.site-main .seo-geo-dimension {
    background: transparent !important;
    background-color: transparent !important;
}

/* Auch beim Hover darf kein weißer Hintergrund zurückkommen. */
.site-main .seo-geo-card:hover .seo-geo-detail-section,
.site-main .seo-geo-card:hover .seo-geo-subsection,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-overview,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-panel,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-score,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-metric,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-badge,
.site-main .seo-geo-card:hover .seo-geo-dimension {
    background: transparent !important;
    background-color: transparent !important;
}

/* --------------------------------------------------
   TACHO
   Originalgeometrie bleibt 260 x 138.
   Darstellung nur proportional verkleinern.
-------------------------------------------------- */

.site-main .seo-geo-gauge-card {
    width: 200px !important;
    min-width: 200px !important;
    padding: 12px 10px 10px !important;
    background: transparent !important;
    background-color: transparent !important;
    overflow: hidden !important;
}

/* 260px Originalbreite × 0,65 = 169px sichtbare Breite */
.site-main .seo-geo-gauge {
    width: 260px !important;
    height: 138px !important;
    margin: 0 0 -48px 5px !important;
    transform: scale(.65) !important;
    transform-origin: top left !important;
}

/*
   Echte Aussparung:
   Kein weißes Overlay mehr, sondern ein transparenter Innenbereich.
*/
.site-main .seo-geo-gauge-arc::before {
    -webkit-mask:
        radial-gradient(
            circle at 50% 100%,
            transparent 0 84px,
            #000 85px 129px,
            transparent 130px
        ) !important;

    mask:
        radial-gradient(
            circle at 50% 100%,
            transparent 0 84px,
            #000 85px 129px,
            transparent 130px
        ) !important;
}

/* Das alte weiße Innen-Overlay wird vollständig entfernt. */
.site-main .seo-geo-gauge-arc::after {
    display: none !important;
}

/* Mittelpunkt transparent – nur der graue Ring bleibt. */
.site-main .seo-geo-gauge-cap {
    background: transparent !important;
    background-color: transparent !important;
}

/* Score-Wert unterhalb des Tachos. */
.site-main .seo-geo-gauge-value {
    margin-top: 4px !important;
    text-align: center !important;
}

.site-main .seo-geo-gauge-value strong {
    font-size: 30px !important;
    line-height: 1 !important;
}

.site-main .seo-geo-gauge-value span {
    margin-top: 4px !important;
    font-size: 13px !important;
}

/* --------------------------------------------------
   PAGESPEED
-------------------------------------------------- */

.site-main .seo-geo-pagespeed-panel {
    border: 1px solid #000 !important;
    box-shadow: none !important;
}

.site-main .seo-geo-pagespeed-score,
.site-main .seo-geo-pagespeed-metric,
.site-main .seo-geo-pagespeed-badge {
    border-color: #000 !important;
    box-shadow: none !important;
}

/* Nur die Balkenhintergründe bleiben bewusst sichtbar. */
.site-main .seo-geo-meter {
    background: #e5e7eb !important;
}

.site-main .seo-geo-meter span {
    background: #284baa !important;
}

@media (max-width: 760px) {
    .site-main .seo-geo-gauge-card {
        width: 200px !important;
        min-width: 200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ==================================================
   FIX – WEISSE/HELLE PAGESPEED-KACHELN ENTFERNEN
================================================== */

/* Äußerer Mobil/Desktop-Container */
.site-main .seo-geo-pagespeed-device,
.site-main .seo-geo-card .seo-geo-pagespeed-device,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-device {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Leistungs-/SEO-/Best-Practices-Kacheln */
.site-main .seo-geo-pagespeed-score-card,
.site-main .seo-geo-card .seo-geo-pagespeed-score-card,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-score-card {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* LCP / CLS / TBT / INP-Kacheln */
.site-main .seo-geo-pagespeed-metric,
.site-main .seo-geo-card .seo-geo-pagespeed-metric,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-metric {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Detailbereich transparent */
.site-main .seo-geo-detail-section,
.site-main .seo-geo-card .seo-geo-detail-section,
.site-main .seo-geo-card:hover .seo-geo-detail-section {
    background: transparent !important;
    background-color: transparent !important;
}

/* Score-Kachel außen transparent */
.site-main .seo-geo-gauge-card,
.site-main .seo-geo-card .seo-geo-gauge-card,
.site-main .seo-geo-card:hover .seo-geo-gauge-card {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* SVG-Score */
.site-main .seo-geo-score-svg {
    display: block;
    width: 170px !important;
    height: auto !important;
    margin: 0 auto 8px !important;
    overflow: visible !important;
}

/* ==================================================
   1.6.6 – SCORE 56/100 IN EINER ZEILE
================================================== */

.seo-geo-gauge-value strong {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 2px !important;
    white-space: nowrap !important;
}

.seo-geo-gauge-value strong span {
    display: inline !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: inherit !important;
}

/* ==================================================
   1.6.7 – KEIN HOVER-EFFEKT AUF PAGESPEED-WERTEN
================================================== */

/* Speed-Daten behalten bei Hover exakt dieselbe Darstellung */
.site-main .seo-geo-pagespeed-device:hover,
.site-main .seo-geo-pagespeed-score-card:hover,
.site-main .seo-geo-pagespeed-metric:hover {
    transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Zahlen und Beschriftungen dürfen sich bei Hover nicht verändern */
.site-main .seo-geo-pagespeed-device strong,
.site-main .seo-geo-pagespeed-device span,
.site-main .seo-geo-pagespeed-device h4,
.site-main .seo-geo-pagespeed-score-card strong,
.site-main .seo-geo-pagespeed-score-card span,
.site-main .seo-geo-pagespeed-metric strong,
.site-main .seo-geo-pagespeed-metric span,
.site-main .seo-geo-pagespeed-device:hover strong,
.site-main .seo-geo-pagespeed-device:hover span,
.site-main .seo-geo-pagespeed-device:hover h4,
.site-main .seo-geo-pagespeed-score-card:hover strong,
.site-main .seo-geo-pagespeed-score-card:hover span,
.site-main .seo-geo-pagespeed-metric:hover strong,
.site-main .seo-geo-pagespeed-metric:hover span {
    color: #00193c !important;
}

/* Auch Hover der übergeordneten SEO-GEO-Kachel darf Speed-Werte nicht ändern */
.site-main .seo-geo-card:hover .seo-geo-pagespeed-device strong,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-device span,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-device h4,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-score-card strong,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-score-card span,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-metric strong,
.site-main .seo-geo-card:hover .seo-geo-pagespeed-metric span {
    color: #00193c !important;
}

/* ==================================================
   1.6.9 – CONTENT.CSS HOVER BEHALTEN / TEXT FEST
================================================== */

/*
   Der globale .card:hover aus content.css bleibt bewusst aktiv:
   - translateY(-2px)
   - cyanfarbener Hintergrund

   Nur Text- und Zahlenfarben werden festgeschrieben.
*/

/* Normale Textfarbe */
.site-main .seo-geo-card h2,
.site-main .seo-geo-card h3,
.site-main .seo-geo-card h4,
.site-main .seo-geo-card p,
.site-main .seo-geo-card dt,
.site-main .seo-geo-card dd,
.site-main .seo-geo-card strong,
.site-main .seo-geo-card span,
.site-main .seo-geo-card li,
.site-main .seo-geo-card a,
.site-main .seo-geo-eyebrow,
.site-main .seo-geo-result-url,
.site-main .seo-geo-note {
    color: #000 !important;
}

/* Beim Hover exakt dieselbe Textfarbe */
.site-main .seo-geo-card:hover h2,
.site-main .seo-geo-card:hover h3,
.site-main .seo-geo-card:hover h4,
.site-main .seo-geo-card:hover p,
.site-main .seo-geo-card:hover dt,
.site-main .seo-geo-card:hover dd,
.site-main .seo-geo-card:hover strong,
.site-main .seo-geo-card:hover span,
.site-main .seo-geo-card:hover li,
.site-main .seo-geo-card:hover a,
.site-main .seo-geo-card:hover .seo-geo-eyebrow,
.site-main .seo-geo-card:hover .seo-geo-result-url,
.site-main .seo-geo-card:hover .seo-geo-note {
    color: #000 !important;
}

/* Links behalten ihre Darstellung, nur Farbe bleibt schwarz */
.site-main .seo-geo-card a:hover,
.site-main .seo-geo-card a:focus {
    color: #000 !important;
}

/*
   Wichtig:
   Kein transform/background/box-shadow Override hier.
   Der Hover aus content.css darf vollständig wirken.
*/