@charset "UTF-8";
/* Goldhamster v2 (Mira 07.10.2026): Look wie ihr ChatGPT-Entwurf - weisse Seite, Poppins fett,
   goldene Markierung im Titel, goldene Pillen-Knoepfe mit Pfeil, weiche weisse Karten, cremefarbene
   Baender, schwarzes Schlussband. Text und Aufbau bleiben die der Google-Ads-Seite.
   Handy zuerst: fast alle Besucher kommen aus der Instagram-App. */
@font-face{font-family:"Poppins";font-weight:600;font-display:swap;src:url(fonts/poppins-600.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-weight:700;font-display:swap;src:url(fonts/poppins-700.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-weight:800;font-display:swap;src:url(fonts/poppins-800.woff2) format("woff2")}

:root{
  --ink:#171716; --gold:#f5c342; --gold-hell:#fff3cc; --gold-tief:#7a5600; --creme:#fff8e7;
  --grau:#5b5850; --linie:#ece5d3; --weiss:#fff; --blau:#2b5bd7;
  --kopf:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --text:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --schatten:0 8px 24px rgba(23,23,22,.08);
}
html,html body.gh2.gh2{background:var(--weiss)!important;color:var(--ink)!important}
html body.gh2.gh2{margin:0;font-family:var(--text)!important;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
html body.gh2.gh2 *:not(.fa):not([class^="fa-"]){font-family:var(--text)!important}
html body.gh2.gh2 :is(h1,h2,h3,h4,.gh-btn,.gk-cta,.gk-marke b,.gh-tile b,.tbl-button,.panel-title a,.gh-karte b,.gh-so b,.gh-band b,.gh-band-btn,.gh-h){font-family:var(--kopf)!important}
html body.gh2.gh2 img{max-width:100%}
.gh-pfeil{width:1.05em;height:1.05em;flex:0 0 auto}

/* ---------- Kopf ---------- */
.gk{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--linie)}
.gk-innen{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:10px 16px}
.gk-marke{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:var(--ink)!important;margin-right:auto}
.gk-marke img{width:42px;height:42px;border-radius:50%;display:block}
.gk-marke b{display:block;font-weight:800;font-size:21px;letter-spacing:-.03em;line-height:1}
.gk-marke small{display:block;font-size:11.5px;color:var(--grau);margin-top:3px}
.gk-marke small em{font-style:normal;font-weight:700;color:var(--blau)}
.gk-nav{display:none;gap:26px}
.gk-nav a{color:var(--ink)!important;text-decoration:none!important;font-weight:600;font-size:15.5px;padding:6px 0;border-bottom:3px solid transparent}
.gk-nav a[aria-current]{border-bottom-color:var(--gold)}
.gk-cta{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--ink)!important;text-decoration:none!important;font-weight:700;font-size:14px;border-radius:12px;padding:10px 14px;white-space:nowrap}
.gk-cta:focus-visible,.gh-btn:focus-visible,.gh-tile:focus-visible,.gh-band-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
@media(min-width:900px){.gk-nav{display:flex}.gk-cta{font-size:16px;padding:13px 22px}.gk-innen{padding:12px 28px}.gk-marke b{font-size:26px}.gk-marke img{width:54px;height:54px}}

/* ---------- Seite ---------- */
.gh-seite{max-width:1180px;margin:0 auto;padding:0 16px}
@media(min-width:900px){.gh-seite{padding:0 28px}}

/* ---------- Hero: Titel oben auf Weiss, darunter Text links + Foto rechts ---------- */
.gh-hero{padding:20px 0 6px;display:grid;gap:16px}
.gh-hero h1{font-weight:800!important;font-size:clamp(30px,8.4vw,58px)!important;line-height:1.12!important;letter-spacing:-.035em!important;margin:0!important;padding:0!important;border:0!important;color:var(--ink)!important}
.gh-hero h1 .mark{background:var(--gold);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .14em;border-radius:.16em;line-height:1.3}
.gh-hero h1 .stand{display:block;font-size:.46em;font-weight:700;letter-spacing:-.01em;margin-top:.5em;color:var(--grau)}
.gh-hero-zeile{position:relative;min-height:300px}
.gh-lead{position:relative;z-index:2;font-size:16.5px!important;line-height:1.5!important;margin:4px 0 0!important;color:var(--ink);width:44%;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}
.gh-bild{position:absolute;z-index:1;top:-6px;bottom:0;right:-16px;width:56%;margin:0}
.gh-bild>img.foto{display:block;width:100%;height:100%;object-fit:cover;object-position:72% 30%;border-radius:24px 0 0 24px}
.gh-karte{position:absolute;z-index:3;background:var(--weiss);border-radius:12px;box-shadow:0 10px 24px rgba(23,23,22,.22);padding:7px 10px 7px 38px;line-height:1.22;width:max-content;max-width:170px}
.gh-karte::before{content:"";position:absolute;left:8px;top:50%;margin-top:-12px;width:24px;height:24px;border-radius:50%;background:#22a45d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.gh-karte small{display:block;font-size:10.5px;color:var(--grau)}
.gh-karte b{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.gh-karte.k1{left:-22px;bottom:96px;transform:rotate(-2deg)}
.gh-karte.k2{left:-8px;bottom:36px;transform:rotate(1.5deg)}
.gh-karte.k3{display:none}
.gh-sticker{position:absolute;z-index:3;right:12px;bottom:-14px;width:58px;height:58px;border-radius:50%;border:3px solid var(--weiss);box-shadow:0 6px 16px rgba(23,23,22,.25)}
.gh-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--gold);color:var(--ink)!important;text-decoration:none!important;font-weight:700;font-size:18px;border-radius:14px;padding:15px 20px;box-shadow:0 5px 0 #d9a514;margin-top:6px;transition:transform .12s,box-shadow .12s}
.gh-btn:active{transform:translateY(4px);box-shadow:0 1px 0 #d9a514}

/* Haekchen + Wir-Kasten */
.gh-checks{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:8px;list-style:none;margin:18px 0 0!important;padding:0!important}
.gh-checks li{display:flex;align-items:center;gap:7px;font-size:13.5px!important;font-weight:600;margin:0!important;padding:0!important;line-height:1.2!important}
.gh-checks li::before{content:"";width:22px;height:22px;border-radius:50%;flex:0 0 22px;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.gh-wir{display:flex;align-items:center;gap:14px;background:#f5f4f0;border-radius:16px;padding:12px 16px;margin:14px 0 0}
.gh-wir img{width:46px;height:46px;border-radius:50%;flex:0 0 46px}
.gh-wir p{margin:0!important;font-size:15px!important;line-height:1.45!important}
.gh-wir b{color:var(--blau)}

@media(min-width:900px){
  .gh-hero{grid-template-columns:1fr 1fr;grid-template-areas:"titel bild" "text bild" "knopf bild";column-gap:48px;row-gap:22px;padding:48px 0 20px;align-content:center}
  .gh-hero h1{grid-area:titel;align-self:end}
  .gh-hero-zeile{display:contents}
  .gh-lead{grid-area:text;width:auto;font-size:19px!important}
  .gh-bild{grid-area:bild;position:relative;top:auto;right:auto;width:auto;min-height:540px}
  .gh-bild>img.foto{position:absolute;inset:0;border-radius:28px}
  .gh-btn{grid-area:knopf;justify-self:start;font-size:20px;padding:17px 30px}
  .gh-karte{padding:12px 16px 12px 52px;max-width:290px;border-radius:16px}
  .gh-karte::before{width:30px;height:30px;margin-top:-15px;left:12px}
  .gh-karte b{font-size:17px}.gh-karte small{font-size:12.5px}
  /* Karten unten links ueber Strickjacke/Hintergrund, nie ueber dem Gesicht (Mira 07.10.) */
  .gh-karte.k1{left:-34px;right:auto;top:auto;bottom:206px;transform:rotate(-2deg)}
  .gh-karte.k2{left:-14px;right:auto;top:auto;bottom:128px;transform:rotate(1.5deg)}
  .gh-karte.k3{display:block;left:-28px;right:auto;bottom:50px;transform:rotate(-1deg)}
  .gh-sticker{width:120px;height:120px;right:30px;bottom:-30px}
  .gh-unter{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;margin-top:18px}
  .gh-checks{display:flex;gap:12px 28px;margin:0!important}.gh-checks li{font-size:15px!important}.gh-wir{margin:0}
}
@media(max-width:599px){.gk-cta{display:none}}
/* Lange Einleitung: Foto als Band ueber dem Text, damit die Angebote frueher kommen */
@media(max-width:899px){
  .gh-hero-zeile.gh-lang{min-height:0;display:grid;gap:14px}
  .gh-hero-zeile.gh-lang .gh-bild{position:relative;top:auto;right:auto;width:auto;height:230px;margin:0 -16px 0 0}
  .gh-hero-zeile.gh-lang .gh-lead{width:auto;order:2}
  .gh-hero-zeile.gh-lang .gh-karte.k1{left:10px;bottom:auto;top:16px}
  .gh-hero-zeile.gh-lang .gh-karte.k2{left:22px;bottom:18px}
}

/* Autor + Presse */
.gh-meta{margin:18px 0 0;padding:12px 0;border-top:1px solid var(--linie);border-bottom:1px solid var(--linie)}
html body.gh2.gh2 .gh-meta .ms-byline{margin:0!important;border:0!important;padding:0!important}
html body.gh2.gh2 .gh-meta .trust-bar-heimarbeit{margin:10px 0 0!important;border:0!important;padding:0!important}
html body.gh2.gh2 .trust-bar-label{font-size:11px!important}
html body.gh2.gh2 .trust-bar-heimarbeit img,html body.gh2.gh2 .press-logos img{filter:grayscale(1);opacity:.75}

/* ---------- Ueberschriften mit goldenem Schwung ---------- */
html body.gh2.gh2 .gh-seite h2,.gh-h{font-weight:800!important;font-size:clamp(25px,6.6vw,38px)!important;line-height:1.15!important;letter-spacing:-.03em!important;color:var(--ink)!important;margin:46px 0 16px!important;padding-bottom:14px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpath d='M3 9C30 3 70 2 117 6' fill='none' stroke='%23f5c342' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") left bottom/120px 12px no-repeat!important}
html body.gh2.gh2 .gh-seite h3{font-weight:700!important;font-size:21px!important;line-height:1.25!important;letter-spacing:-.02em!important;color:var(--ink)!important}
html body.gh2.gh2 .gh-seite p,html body.gh2.gh2 .gh-seite li{font-size:17px;line-height:1.6;color:var(--ink)}
html body.gh2.gh2 .gh-seite a{color:var(--ink);text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:3px}

/* ---------- Top-Angebote ---------- */
.gh-angebote{background:var(--creme);border-radius:24px;padding:20px 14px 16px;margin:22px -4px 0}
html body.gh2.gh2 .gh-angebote .gh-h{margin:0 0 4px!important}
.gh-angebote>p{margin:6px 0 14px!important;color:var(--grau)!important;font-size:16px!important}
.gh-tiles{display:grid;gap:10px}
.gh-tile{display:flex;align-items:center;gap:12px;background:var(--weiss);border:1px solid var(--linie);border-radius:18px;padding:12px 12px 12px 10px;text-decoration:none!important;color:var(--ink)!important;box-shadow:var(--schatten);position:relative}
.gh-tile:first-child{border:2px solid var(--gold);box-shadow:0 8px 24px rgba(245,195,66,.35)}
.gh-tile .nr{flex:0 0 26px;height:26px;border-radius:50%;background:var(--ink);color:var(--weiss);font:700 13px/26px var(--kopf);text-align:center}
.gh-tile .icon{flex:0 0 46px;height:46px;border-radius:12px;background:var(--gold-hell);display:grid;place-items:center;overflow:hidden}
.gh-tile .icon img{width:32px;height:32px;object-fit:contain;border-radius:6px}
.gh-tile .txt{flex:1;min-width:0;display:grid;gap:2px}
.gh-tile .lab{font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--gold-tief)}
.gh-tile b{font-size:17px;font-weight:700;line-height:1.2}
.gh-tile .zeile{font-size:14.5px;line-height:1.35;color:var(--grau)}
.gh-tile .zeile strong,.gh-tile .zeile .betrag{color:var(--ink);font-weight:700}
.gh-tile .aktion{justify-self:start;margin-top:4px;font-size:12.5px;font-weight:700;background:var(--gold-hell);border-radius:8px;padding:2px 8px;color:var(--gold-tief)}
.gh-tile .los{flex:0 0 34px;height:34px;border-radius:50%;background:var(--gold);display:grid;place-items:center}
.gh-tile .los svg{width:18px;height:18px}
.gh-notiz{font-size:11px!important;color:var(--grau)!important;margin:10px 2px 0!important;line-height:1.4!important;opacity:.85}
@media(min-width:900px){.gh-angebote{padding:30px 30px 24px;margin:30px 0 0}.gh-tiles{grid-template-columns:1fr 1fr;gap:14px}.gh-tile{padding:16px}}

/* ---------- So funktioniert's (Karten wie im Entwurf) ---------- */
.gh-so{background:var(--creme);border-radius:24px;padding:20px 12px 14px;margin:22px -4px 0}
html body.gh2.gh2 .gh-so .gh-h{margin:0 4px 14px!important}
.gh-so ol{list-style:none;margin:0!important;padding:0!important;display:grid;gap:10px;counter-reset:s}
.gh-so li{counter-increment:s;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;margin:0!important;padding:12px 14px!important;background:var(--weiss);border-radius:16px;font-size:15px!important;line-height:1.45!important;color:var(--grau)!important}
.gh-so li::before{content:counter(s);width:42px;height:42px;border-radius:50%;background:var(--gold);font:800 19px/42px var(--kopf);text-align:center;color:var(--ink)}
.gh-so b{display:block;font-weight:700;font-size:17px;color:var(--ink)}
@media(min-width:900px){.gh-so{padding:28px 30px;margin:30px 0 0}.gh-so ol{grid-template-columns:repeat(3,1fr);gap:16px}.gh-so li{align-items:start}}

/* Tipp */
html body.gh2.gh2 .lp-tip{background:var(--weiss)!important;border:2px solid var(--gold)!important;border-radius:18px!important;padding:16px 18px!important;color:var(--ink)!important;margin:22px 0 0!important;box-shadow:var(--schatten)}

/* ---------- Artikel ---------- */
.gh-artikel{max-width:760px;margin:0 auto}
html body.gh2.gh2 .field-name-body{margin-left:0!important;padding-left:0!important}
html body.gh2.gh2 .field-name-body .tbl{margin-left:0!important;margin-right:0!important;width:auto!important;max-width:100%!important;background:transparent!important}
html body.gh2.gh2 .node,html body.gh2.gh2 article{background:transparent!important}
html body.gh2.gh2{--lp-act:#171716;--lp-act-dk:#000;--lp-ink:#171716;--lp-text:#171716;--lp-mute:#5b5850;--lp-line:#ece5d3;--lp-mark:#f5c342;--lp-sig:#f5c342;--lp-tint:#fff8e7;--lp-r2:14px;--lp-r3:20px;--lp-sans:var(--text);--lp-serif:var(--kopf)}

/* Orange der Ads-Seite -> Gold-Braun */
html body.gh2.gh2 .color-accent,html body.gh2.gh2 .accent,html body.gh2.gh2 [style*="#ff6600"],html body.gh2.gh2 [style*="#FF6600"],html body.gh2.gh2 [style*="#e65100"],html body.gh2.gh2 [style*="#9C4221"]{color:var(--gold-tief)!important}

/* Anbieterkarten */
html body.gh2.gh2 .tbl-research,html body.gh2.gh2 .tbl-account{background:var(--weiss)!important;border:1px solid var(--linie)!important;border-radius:20px!important;box-shadow:var(--schatten)!important;overflow:hidden}
html body.gh2.gh2 .tbl-row{border:0!important;box-shadow:none!important;background:transparent!important}
html body.gh2.gh2 .tbl-earning strong,html body.gh2.gh2 .tbl-earning .color-accent{color:var(--ink)!important;font-family:var(--kopf)!important}
@media(max-width:767px){html body.gh2.gh2 .tbl-more{background:#fbfaf7!important;border-top:1px solid var(--linie)!important}}
html body.gh2.gh2 .tbl-more::before,html body.gh2.gh2 .tbl-more:before{display:none!important}
html body.gh2.gh2 a.tbl-button,html body.gh2.gh2 .tbl-button{background:var(--gold)!important;color:var(--ink)!important;border:0!important;border-radius:14px!important;box-shadow:0 5px 0 #d9a514!important;font-weight:700!important;text-shadow:none!important}
html body.gh2.gh2 a.tbl-button:active{transform:translateY(3px);box-shadow:0 2px 0 #d9a514!important}
html body.gh2.gh2 a.tbl-button::after,html body.gh2.gh2 a.tbl-button:after{color:var(--ink)!important;border-color:var(--ink)!important}
html body.gh2.gh2 .toggle-product-details-info{color:var(--ink)!important;font-weight:700}
/* "-> zu Anbieter": Rahmen-Pille */
html body.gh2.gh2 a[href*="/goto/"][style*="font-weight:bold"],html body.gh2.gh2 a[href*="/goto/"][style*="font-weight: bold"],html body.gh2.gh2 #empfehlungen > section > div[style] > a[href*="/goto/"]{display:flex!important;align-items:center;justify-content:center;color:var(--ink)!important;background:var(--weiss)!important;border:2px solid var(--ink)!important;border-radius:14px!important;padding:12px 16px!important;font-family:var(--kopf)!important;font-weight:700!important}
/* Kaesten mit duennem Grau-Rahmen und inline-orange Knoepfe der Vorlage */
html body.gh2.gh2 .gh-artikel [style*="border:1px solid #ddd"],html body.gh2.gh2 .gh-artikel [style*="border: 1px solid #ddd"]{border:1px solid var(--linie)!important;border-radius:16px!important;background:var(--weiss)!important;padding:14px!important;box-shadow:var(--schatten)}
html body.gh2.gh2 [style*="background:#ff6600"],html body.gh2.gh2 [style*="background: #ff6600"]{background:var(--gold)!important;color:var(--ink)!important;border-radius:12px!important}
/* Tabellen mit Kopfzeile */
html body.gh2.gh2 .gh-seite table:has(th){background:var(--weiss);border:1px solid var(--linie)!important;border-radius:16px;border-collapse:separate!important;border-spacing:0;overflow:hidden}
html body.gh2.gh2 .gh-seite th{background:var(--creme)!important;color:var(--ink)!important}
html body.gh2.gh2 .gh-seite td,html body.gh2.gh2 .gh-seite th{border-color:var(--linie)!important}
/* Abzeichen, Mini-Karten */
html body.gh2.gh2 .pt-badge,html body.gh2.gh2 .payout-badge{background:var(--gold-hell)!important;color:var(--gold-tief)!important;border:0!important;border-radius:8px!important}
html body.gh2.gh2 .pt-minicard{background:var(--weiss)!important;border:1px solid var(--linie)!important;border-radius:16px!important;box-shadow:var(--schatten)!important;padding:14px 16px!important}
html body.gh2.gh2 .ms-testers__photo{border:2px solid var(--gold)!important}
/* Haeufige Fragen */
html body.gh2.gh2 .panel--mystipendium,html body.gh2.gh2 .panel{background:var(--weiss)!important;border:1px solid var(--linie)!important;border-radius:16px!important;box-shadow:var(--schatten)!important;margin-bottom:10px!important;overflow:hidden}
html body.gh2.gh2 .panel-heading{background:var(--weiss)!important;border:0!important}
html body.gh2.gh2 .panel-title a{color:var(--ink)!important;text-decoration:none!important;font-weight:600!important;font-size:16.5px}
html body.gh2.gh2 .panel-title a::after,html body.gh2.gh2 .panel-title a:after{border-bottom-color:var(--gold-tief)!important}
html body.gh2.gh2 .panel-body{border-top:1px solid var(--linie)!important}
html body.gh2.gh2 .jobs-board-embedded a{color:var(--ink)!important;font-weight:700}
html body.gh2.gh2 p.ms-affhinweis{color:var(--grau)!important;font-size:13px!important}

/* ---------- Anbieter wie im Entwurf ---------- */
/* Unterzeile unter "1. Toluna" als heller Kasten mit Haken */
html body.gh2.gh2 #empfehlungen section>h3+p,html body.gh2.gh2 .gh-artikel section>h3+p:has(>em>strong){position:relative;background:#eef8f1;border-radius:14px;padding:12px 14px 12px 48px!important;font-size:15.5px!important;line-height:1.45!important}
html body.gh2.gh2 #empfehlungen section>h3+p::before,html body.gh2.gh2 .gh-artikel section>h3+p:has(>em>strong)::before{content:"";position:absolute;left:12px;top:12px;width:24px;height:24px;border-radius:50%;background:#22a45d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
html body.gh2.gh2 #empfehlungen section>h3+p em,html body.gh2.gh2 .gh-artikel section>h3+p em{font-style:normal}
/* Symbole in den Kennzahlen: goldene Kaestchen statt Icon-Schrift */
/* Kein flex auf der Zeile: sonst zerfaellt "15 € Auszahlungsgrenze" in getrennte Spalten (Mira 07.10.) */
html body.gh2.gh2 .tbl-features li,html body.gh2.gh2 .tbl-features-wrapper li{display:block!important;position:relative;margin:0 0 10px!important;padding:4px 0 0 42px!important;min-height:30px;font-size:15.5px!important;line-height:1.4!important;color:var(--ink)}
html body.gh2.gh2 .tbl-features li span{margin:0!important;position:static!important;font-weight:700}
html body.gh2.gh2 .tbl-features li i.fa,html body.gh2.gh2 .tbl-features-wrapper li i.fa{position:absolute!important;left:0;top:0}
html body.gh2.gh2 .tbl i.fa{display:inline-block;flex:0 0 30px;width:30px;height:30px;border-radius:9px;font-size:0!important;background:var(--gold-hell) center/17px no-repeat;margin:0!important;vertical-align:middle;position:static!important}
html body.gh2.gh2 .tbl i.fa::before{content:none!important}
html body.gh2.gh2 .tbl i.fa-list-ol{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171716' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M9 6h11M9 12h11M9 18h11M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E")}
html body.gh2.gh2 .tbl i.fa-credit-card{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171716' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='6' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 15h3'/%3E%3C/svg%3E")}
html body.gh2.gh2 .tbl i.fa-clock-o{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171716' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
html body.gh2.gh2 .tbl i:is(.fa-star,.fa-check,.fa-check-circle,.fa-gamepad,.fa-address-card){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171716' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
/* Anbieter-Knopf breit, Details dezent */
@media(max-width:767px){
  html body.gh2.gh2 .tbl-more{display:flex!important;flex-direction:column-reverse;gap:8px;padding:14px!important}
  html body.gh2.gh2 .tbl-more .field,html body.gh2.gh2 .tbl-more .field-items,html body.gh2.gh2 .tbl-more .field-item{width:100%!important;max-width:none!important;float:none!important}
  html body.gh2.gh2 .tbl-more a.tbl-button{width:100%!important;min-width:0!important;display:flex!important;align-items:center;justify-content:center;max-width:none!important;padding:15px 20px!important;font-size:17px!important}
  html body.gh2.gh2 .tbl-more .toggle-container{text-align:center;font-size:14px}
}
/* "-> zu Anbieter" unter dem Text: helle Pille */
html body.gh2.gh2 a[href*="/goto/"][style*="font-weight:bold"],html body.gh2.gh2 a[href*="/goto/"][style*="font-weight: bold"],html body.gh2.gh2 #empfehlungen > section > div[style] > a[href*="/goto/"]{background:var(--gold-hell)!important;border:0!important;color:var(--ink)!important}
/* Tipps als Karten */
html body.gh2.gh2 #tipps ol{list-style:none;padding:0!important;margin:0!important;counter-reset:t;display:grid;gap:10px}
html body.gh2.gh2 #tipps ol>li{counter-increment:t;position:relative;background:var(--weiss);border:1px solid var(--linie);border-radius:16px;box-shadow:var(--schatten);padding:14px 14px 14px 62px!important;margin:0!important;font-size:15.5px!important;line-height:1.5!important;color:var(--grau)!important}
html body.gh2.gh2 #tipps ol>li::before{content:counter(t);position:absolute;left:14px;top:14px;width:34px;height:34px;border-radius:10px;background:var(--gold);font:800 16px/34px var(--kopf);text-align:center;color:var(--ink)}
html body.gh2.gh2 #tipps ol>li>strong:first-child,html body.gh2.gh2 #tipps ol>li>b:first-child{display:block;color:var(--ink);font-family:var(--kopf)!important;font-size:16.5px;margin-bottom:2px}
/* Haeufige Fragen: schlichte Zeilen */
html body.gh2.gh2 .panel--mystipendium,html body.gh2.gh2 .panel{box-shadow:none!important;border:0!important;border-bottom:1px solid var(--linie)!important;border-radius:0!important;margin:0!important;background:transparent!important}
html body.gh2.gh2 .panel-heading{background:transparent!important}
html body.gh2.gh2 .panel-title a{padding:16px 2px!important}
html body.gh2.gh2 .panel-group{background:var(--weiss);border:1px solid var(--linie);border-radius:18px;padding:0 14px;box-shadow:var(--schatten)}
html body.gh2.gh2 .panel-group .panel:last-child{border-bottom:0!important}

/* ---------- Schlussband ---------- */
.gh-band{background:var(--ink);color:var(--weiss);border-radius:24px;padding:24px 20px;margin:44px 0 0;display:grid;gap:16px}
.gh-band b{display:block;font-weight:800;font-size:25px;line-height:1.2;letter-spacing:-.02em}
.gh-band b span{color:var(--gold)}
.gh-band p{margin:6px 0 0!important;color:#d9d6cc!important;font-size:15.5px!important}
.gh-band-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--gold);color:var(--ink)!important;text-decoration:none!important;font-weight:700;font-size:17px;border-radius:14px;padding:15px 20px}
@media(min-width:900px){.gh-band{grid-template-columns:1fr auto;align-items:center;padding:30px 36px}.gh-band b{font-size:30px}}

/* ---------- Fuss ---------- */
.gh-fuss{max-width:1180px;margin:0 auto;padding:22px 16px 40px;font-size:13px;color:var(--grau)}
.gh-fuss nav{display:flex;gap:20px;margin-top:6px}
.gh-fuss a{color:var(--ink)!important;text-underline-offset:3px}

@media(prefers-reduced-motion:reduce){.gh-btn,html body.gh2.gh2 a.tbl-button{transition:none}}
html body.gh2.gh2 #tipps ol>li p{font-size:15.5px!important;line-height:1.5!important;color:var(--grau)!important;margin:4px 0 0!important}
/* Theme setzt section{margin-top:-80px;padding-top:80px} (Sprungmarken-Trick) - fuer unsere Kaesten aus */
html body.gh2.gh2 section.gh-angebote{margin-top:22px!important;padding-top:20px!important;scroll-margin-top:80px}
html body.gh2.gh2 section.gh-so{margin-top:22px!important;padding-top:20px!important}
@media(min-width:900px){html body.gh2.gh2 section.gh-angebote,html body.gh2.gh2 section.gh-so{margin-top:30px!important;padding-top:30px!important}.gh-karte b{white-space:nowrap}.gh-karte{max-width:none}}

/* ---------- Anbieterkarte am Desktop (Mira 07.10.: Knopf lag ueber dem Text) ----------
   Logo links, Kennzahlen rechts, Knopf in eigener Zeile unten rechts - nichts wird mehr gequetscht. */
@media(min-width:768px){
  html body.gh2.gh2 .tbl-research .tbl-row,html body.gh2.gh2 .tbl-account .tbl-row{display:grid!important;grid-template-columns:150px minmax(0,1fr);column-gap:28px;align-items:center;padding:22px 24px 18px!important}
  html body.gh2.gh2 .tbl-research .tbl-logo,html body.gh2.gh2 .tbl-account .tbl-logo{width:auto!important;max-width:none!important;float:none!important;padding:0!important;text-align:center}
  html body.gh2.gh2 .tbl-research .tbl-wrapper,html body.gh2.gh2 .tbl-account .tbl-wrapper{width:auto!important;max-width:none!important;float:none!important;display:grid!important;grid-template-columns:minmax(150px,auto) minmax(0,1fr);gap:24px;align-items:start;padding:0!important;margin:0!important}
  html body.gh2.gh2 .tbl-research .tbl-wrapper>.tbl-col,html body.gh2.gh2 .tbl-account .tbl-wrapper>.tbl-col{width:auto!important;max-width:none!important;float:none!important;padding:0!important;margin:0!important}
  html body.gh2.gh2 .tbl-research .tbl-more,html body.gh2.gh2 .tbl-account .tbl-more{grid-column:1/-1;width:auto!important;max-width:none!important;float:none!important;display:flex!important;align-items:center;justify-content:flex-end;gap:16px;margin:16px 0 0!important;padding:16px 0 0!important;border-top:1px solid var(--linie)!important}
  html body.gh2.gh2 .tbl-more .field,html body.gh2.gh2 .tbl-more .field-items,html body.gh2.gh2 .tbl-more .field-item{width:auto!important;float:none!important}
  html body.gh2.gh2 .tbl-more a.tbl-button{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:240px;max-width:none!important;padding:14px 28px!important;font-size:17px!important;white-space:nowrap;margin:0!important}
  html body.gh2.gh2 .tbl-research .tbl-product-details,html body.gh2.gh2 .tbl-account .tbl-product-details{grid-column:1/-1}
  html body.gh2.gh2 .tbl-earning ul,html body.gh2.gh2 .tbl-features ul{margin:0!important;padding:0!important}
}
/* Produkttester nutzt h4 statt h3 fuer "1. Mingle": gleiche Optik wie bei Umfragen */
html body.gh2.gh2 .gh-seite section>h4{font-family:var(--kopf)!important;font-weight:700!important;font-size:21px!important;line-height:1.25!important;letter-spacing:-.02em!important;color:var(--ink)!important;margin:34px 0 10px!important}
html body.gh2.gh2 .gh-artikel section>h4+p:has(>em>strong){position:relative;background:#eef8f1;border-radius:14px;padding:12px 14px 12px 48px!important;font-size:15.5px!important;line-height:1.45!important}
html body.gh2.gh2 .gh-artikel section>h4+p:has(>em>strong)::before{content:"";position:absolute;left:12px;top:12px;width:24px;height:24px;border-radius:50%;background:#22a45d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
html body.gh2.gh2 .gh-artikel section>h4+p em{font-style:normal}

/* ---------- Kacheln oben: ruhiger (Mira 07.10.: "unuebersichtlich") ----------
   Alles oben ausgerichtet, damit Namen auf einer Linie stehen; Nummer sitzt als Plakette am Logo,
   Bewertung als leise Zusatzzeile, Pfeil mittig rechts. */
.gh-tile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;column-gap:14px}
.gh-tile .icon{grid-column:1;grid-row:1;margin-top:2px;width:46px}
.gh-tile .txt{grid-column:2;grid-row:1;gap:3px}
.gh-tile .los{grid-column:3;grid-row:1;align-self:center;width:34px}
.gh-tile .nr{position:absolute;z-index:1;left:4px;top:4px;width:24px;height:24px;font-size:12px;line-height:24px;box-shadow:0 0 0 2px var(--weiss)}
.gh-tile:not(:has(.icon)) .nr{position:static;grid-column:1;grid-row:1;box-shadow:none}
.gh-tile b{font-size:18px}
.gh-tile .zeile{color:var(--ink)}
.gh-tile .zeile strong{white-space:nowrap}
.gh-tile .meta{font-size:13px;line-height:1.3;color:var(--grau)}
.gh-tile .aktion{margin-top:6px;font-size:12.5px;line-height:1.35;padding:4px 9px}
@media(min-width:900px){
  .gh-tile{padding:18px 18px 18px 16px;column-gap:16px}
  .gh-tile .icon{flex-basis:52px;width:52px;height:52px}
  .gh-tile .icon img{width:36px;height:36px}
  html body.gh2.gh2 .gh-angebote .gh-h{font-size:32px!important}
}

/* ---------- Stipendien-Seite (Mira 07.10.: myStipendium-Startseite im Goldhamster-Look) ---------- */
.gh-stip .gh-hero h1 .mark{line-height:1.25}
.gh-stip .gh-so{margin-top:30px}
.gh-stip .gh-hero .gh-btn{align-self:start}
.gh-stip .gh-unter{margin-top:22px}
/* Fuer wen: Haken-Liste */
.gh-fuer ul{list-style:none;margin:0!important;padding:0!important;display:grid;gap:10px}
.gh-fuer li{position:relative;margin:0!important;padding:14px 16px 14px 58px!important;background:var(--weiss);border:1px solid var(--linie);border-radius:16px;box-shadow:var(--schatten);font-size:15.5px!important;line-height:1.45!important;color:var(--grau)!important}
.gh-fuer li::before{content:"";position:absolute;left:16px;top:15px;width:28px;height:28px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23171716' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat}
.gh-fuer b{display:block;font-family:var(--kopf)!important;font-weight:700;font-size:17px;color:var(--ink);margin-bottom:2px}
/* Irrtuemer: der Irrtum durchgestrichen, darunter die Wahrheit */
.gh-irrtum{background:var(--creme);border-radius:24px;padding:20px 14px 18px;margin:30px -4px 0}
html body.gh2.gh2 .gh-irrtum .gh-h{margin:0 2px 14px!important}
.gh-irrtum ol{list-style:none;margin:0!important;padding:0!important;display:grid;gap:10px}
.gh-irrtum li{position:relative;margin:0!important;padding:14px 16px 14px 56px!important;background:var(--weiss);border-radius:16px}
.gh-irrtum li::before{content:"";position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:50%;background:#fde8e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7l10 10M17 7 7 17' fill='none' stroke='%23c2412d' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") center/13px no-repeat}
.gh-irrtum s{display:block;font-family:var(--kopf)!important;font-weight:700;font-size:16px;line-height:1.35;color:var(--grau);text-decoration:line-through;text-decoration-color:#c2412d;text-decoration-thickness:2px}
html body.gh2.gh2 .gh-irrtum li p{margin:4px 0 0!important;font-size:16px!important;line-height:1.45!important;color:var(--ink)!important;font-weight:600}
.gh-irrtum .gh-btn{margin-top:16px}
/* Stipendien im Fokus: am Handy zum Wischen */
.gh-fokus-liste{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;padding:4px 16px 14px;margin:0 -16px;scrollbar-width:none}
.gh-fokus-liste::-webkit-scrollbar{display:none}
.gh-fokus-karte{scroll-snap-align:start;display:flex;flex-direction:column;background:var(--weiss);border:1px solid var(--linie);border-radius:18px;box-shadow:var(--schatten);overflow:hidden;text-decoration:none!important;color:var(--ink)!important}
.gh-fokus-karte .banner{display:block;width:100%;height:auto;aspect-ratio:415/196;object-fit:cover}
.gh-fokus-karte .unten{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px 0}
.gh-fokus-karte .logo{height:30px;width:auto;max-width:96px;object-fit:contain}
.gh-fokus-karte .hoehe{font-family:var(--kopf)!important;font-weight:700;font-size:14px;background:var(--gold-hell);color:var(--gold-tief);border-radius:8px;padding:3px 9px;white-space:nowrap}
.gh-fokus-karte b{display:block;padding:8px 14px 16px;font-size:16px;line-height:1.3;font-family:var(--kopf)!important;font-weight:700}
/* Stimmen */
.gh-stimmen-liste{display:grid;gap:12px}
.gh-stimme{margin:0;background:var(--weiss);border:1px solid var(--linie);border-radius:18px;padding:16px 16px 14px;box-shadow:var(--schatten)}
.gh-stimme blockquote{margin:0!important;padding:0!important;border:0!important;font-size:15.5px!important;line-height:1.5!important;color:var(--ink)!important;quotes:"„" "“"}
.gh-stimme blockquote::before{content:open-quote}.gh-stimme blockquote::after{content:close-quote}
.gh-stimme figcaption{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13px;line-height:1.35;color:var(--grau)}
.gh-stimme figcaption img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);flex:0 0 46px}
.gh-stimme figcaption b{display:block;font-size:15px;color:var(--ink)}
/* Vertrauen */
.gh-vertrauen{margin:36px 0 0;padding:20px 0 0;border-top:1px solid var(--linie);display:grid;gap:18px}
.gh-prominent{display:flex;align-items:center;gap:14px}
.gh-prominent img{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:0 0 64px}
html body.gh2.gh2 .gh-prominent p{margin:0!important;font-size:14px!important;line-height:1.4!important;color:var(--grau)!important}
.gh-prominent small,.gh-logos small{display:block;font-size:12px;font-weight:700;color:var(--gold-tief)}
.gh-prominent b{display:block;font-size:17px;color:var(--ink);font-family:var(--kopf)!important}
html body.gh2.gh2 .gh-presse-zitat{margin:0!important;font-size:15px!important;line-height:1.5!important;color:var(--grau)!important;font-style:italic}
.gh-logos div{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:8px}
.gh-logos img{height:22px;width:auto;max-width:110px;object-fit:contain;filter:grayscale(1);opacity:.7}
@media(min-width:900px){
  .gh-fuer ul{grid-template-columns:repeat(3,1fr);gap:16px}
  .gh-irrtum{padding:30px 30px 26px;margin:40px 0 0}
  .gh-irrtum ol{grid-template-columns:1fr 1fr;gap:14px}
  .gh-irrtum li:last-child{grid-column:1/-1}
  .gh-irrtum .gh-btn{display:inline-flex}
  .gh-fokus-liste{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;overflow:visible;margin:0;padding:4px 0 0;gap:16px}
  .gh-stimmen-liste{grid-template-columns:repeat(3,1fr);gap:16px}
  .gh-vertrauen{grid-template-columns:1fr 1fr;column-gap:40px;align-items:start}
  .gh-logos img{height:26px}
}