:root{--bg:#0b0f14;--card:#121826;--ink:#e7eefc;--muted:#9fb0d0;--accent:#37C6FF;--radius:16px}
.gf-wrap{font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--ink);background:#0b0f14;padding:24px;border-radius:var(--radius);border:1px solid #1b2536}

/* Auswahl: aktiver Button klarer */
.gf-tier{display:flex;gap:.5rem;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.gf-tier input{position:absolute;opacity:0}
.gf-tier label{cursor:pointer;background:#0f1726;color:var(--ink);border:1px solid #1b2437;padding:.5rem .9rem;border-radius:999px;font-weight:700}
.gf-tier input:checked+label{
background:#143054;                 /* etwas heller */
border-color:var(--accent);
border-width:2px;
box-shadow:0 0 0 3px rgba(55,198,255,.45); /* 2–3px breiter Rahmen */
}
.gf-tier .unit{color:var(--muted);margin-left:.25rem}

/* Preis-Leistung */
.gf-pp{display:flex;align-items:center;gap:.75rem;background:#101728;border:1px solid #1b2536;border-radius:12px;  margin-top: 20px !important;padding:.6rem .8rem}
.pp-label{color:#9fdcff;font-weight:800}
.pp-stars{display:flex;gap:2px}
.pp-stars img{width:18px;height:18px;display:block;filter:grayscale(1) brightness(.75);opacity:.5}
.pp-stars img.on{filter:none;opacity:1}
.pp-score{font-weight:900;min-width:3.5ch;text-align:right}

/* Überschrift: Farbe + zusätzlicher Abstand unten */
h2#rateHeading{
color:#B7CE00 !important;
margin:30px 0 40px 0 !important;  /* +20px gegenüber vorher */
text-align: center !important;
}


/* Sterne: inaktiv 30% Deckkraft, aktiv weiß */
.gf-wrap .gf-card .stars span { color:#fff !important; opacity:.3 !important; }
.gf-wrap .gf-card .stars span.on { opacity:1 !important; }

/* Preis-Leistungs-Sterne (Bild) */
.pp-stars img{
  width:18px;height:18px;display:block;
  opacity:.3;                         /* inaktiv */
  filter:grayscale(1) brightness(.6);
  transition:opacity .15s ease, filter .15s ease;
}
.pp-stars img.on{
  opacity:1;                          /* aktiv */
  filter:none;
}

/* Grid: max 2 Spalten, mobil 1 */
.gf-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:640px){.gf-grid{grid-template-columns:1fr}}

/* Karten */
.gf-card{background:linear-gradient(180deg,#121826,#0f1520);border:1px solid #1b2536;border-radius:var(--radius);padding:14px}
.gf-card h3{margin:0 0 .5rem;font-size:1rem;color:#37C6FF;font-weight:800;display:flex;align-items:center;gap:.5rem}
.gf-card h3::before{font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}

/* Icons per Unicode (CSS content) */
.card1 h3::before{content:"\01F4FA  "}      /* ýþ */
.card2 h3::before{content:"\01F3A5  "}      /* Ͻ */
.card3 h3::before{content:"\01F465  "}      /* ýý */
.card4 h3::before{content:"\01F3AE  "}      /* Ͼ */
.card5 h3::before{content:"\02601  "}       /* ☁ */
.card6 h3::before{content:"\01F4E5  "}      /* ýý */
.card7 h3::before{content:"\01F3E0  "}      /* ϼ */
.card8 h3::before{content:"\01F97D  "}      /* þǽ */

.stars{display:flex;gap:2px;margin:.15rem 0 .45rem}
.stars span{font-size:18px;line-height:1;color:#cbd5e1}
.stars span.on{color:#ffffff}
.meter{height:8px;background:#0d1320;border:1px solid #1a2435;border-radius:999px;overflow:hidden}
.meter .bar{display:block;height:100%;width:0;background:#ffffff;transition:width .25s ease}
.meta{display:flex;justify-content:flex-end;margin-top:.35rem}
.pct{font-weight:800;color:#e2f6ff}

/* CTA */
.gf-cta{margin-top:12px}
.btn{
display:inline-flex;align-items:center;justify-content:center;
background:#1a2440;border:1px solid #263253;color:#e7eefc;border-radius:999px;
padding:.6rem 1rem;font-weight:900;text-decoration:none;transition:opacity .2s
}
.btn:not([aria-disabled="true"]){
background:#007BFF !important;
color:#ffffff !important;
border-color:#007BFF !important;
}
.btn[aria-disabled="true"]{opacity:.5;pointer-events:none;cursor:default}

.btn[hidden]{display:none !important}
.gf-cta[hidden]{display:none !important}