html{scroll-behavior:auto !important}

/* ✅ Global: verhindert „Verschieben“ durch Padding/Borders + lange Wörter */
*,*::before,*::after{box-sizing:border-box}
.gd-tool-wrap,
.gd-tool-form,
.gd-router-box,
.gd-router-form,
.gd-tool-result,
.gd-cta,
.gdcr-toc,
.gd-breadcrumbs__list{max-width:100%}

/* =========================================================
   Chips (gd_grid) – bleibt wie gehabt
   ========================================================= */
.gd-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px 0;padding:0;list-style:none}
.gd-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;text-decoration:none;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.gd-chip.is-active{font-weight:700}
.gd-thumb.gd-thumb--empty{background:linear-gradient(135deg, rgba(29,122,58,.08), rgba(57,179,107,.06))}

/* =========================================================
   Router (NEU) – Klassen passend zu includes/search/renderer.php
   ========================================================= */
.gd-router-box{margin:0 0 18px 0}
.gd-router{margin:0 0 18px 0} /* legacy safe */

.gd-router-form{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 10px 0}
.gd-router-input{flex:1;min-width:240px;padding:12px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.08);max-width:100%}
.gd-router-btn{padding:12px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.08);cursor:pointer;max-width:100%}

.gd-router-btn--primary{
  background:linear-gradient(135deg, rgba(29,122,58,1), rgba(57,179,107,1));
  border-color:rgba(0,0,0,.08);
  color:#111;
  font-weight:900
}

.gd-router-help{margin:10px 0 0 0;font-size:13px;opacity:.78}
.gd-router-understood{
  margin:10px 0 0 0;
  font-size:13px;
  border:1px dashed rgba(0,0,0,.18);
  border-radius:14px;
  padding:10px 12px;
  background:rgba(255,255,255,.55);
  backdrop-filter:saturate(120%) blur(4px);
  opacity:.92;
  overflow-wrap:anywhere;
  word-break:break-word
}

.gd-router-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px 0;padding:0;list-style:none}
.gd-router-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(255,255,255,.55);
  backdrop-filter:saturate(120%) blur(4px);
  color:#111;
  font-weight:800;
  opacity:.92;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word
}
.gd-router-chip:hover{background:rgba(255,255,255,.72);opacity:1}
.gd-router-chip.is-active{font-weight:900;border-color:rgba(29,122,58,.22);box-shadow:0 10px 26px rgba(29,122,58,.10);opacity:1}

.gd-router-section{margin:18px 0 0 0}
.gd-router-h3{margin:0 0 10px 0;overflow-wrap:anywhere;word-break:break-word}
.gd-router-empty{opacity:.75}

/* =========================================================
   ✅ TOOL-HERVORHEBUNG (global, alle Tools)
   Ziel: deutlich wie „Bild 1“: Badge auffällig + eigenes Feld + Icon
   WICHTIG: Badge bekommt Platz -> nichts „verschwindet dahinter“
   ========================================================= */
.gd-tool-wrap{
  margin:0 0 22px 0;
  padding:64px 16px 16px 16px; /* mehr Platz für Badge wie Bild 1 */
  border-radius:24px;
  border:1px solid rgba(29,122,58,.16);
  background:
    linear-gradient(180deg, rgba(29,122,58,.08), rgba(255,255,255,0) 62%),
    rgba(255,255,255,.28);
  box-shadow:0 18px 56px rgba(0,0,0,.07);
  position:relative;
  overflow:hidden
}

/* Mini-Badge oben links (auffällig wie Bild 1) */
.gd-tool-wrap::before{
  content:"Interaktives Tool";
  position:absolute;
  top:12px;left:12px;

  display:inline-flex;
  align-items:center;

  /* Icon integriert (SVG als Data-URI) */
  padding:10px 14px 10px 44px;
  border-radius:16px;
  border:1px solid rgba(29,122,58,.22);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 15.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7Z' stroke='%23111' stroke-width='2'/%3E%3Cpath d='M19.4 15a8.1 8.1 0 0 0 .1-2l2-1.5-2-3.5-2.4.7a7.2 7.2 0 0 0-1.6-1L15 5h-6l-.5 2.7a7.2 7.2 0 0 0-1.6 1l-2.4-.7-2 3.5L4.6 13a8.1 8.1 0 0 0 .1 2L2.7 16.5l2 3.5 2.4-.7c.5.4 1 .7 1.6 1L9 22h6l.5-2.7c.6-.3 1.1-.6 1.6-1l2.4.7 2-3.5L19.4 15Z' stroke='%23111' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 14px 50%/22px 22px no-repeat,
    linear-gradient(135deg, rgba(29,122,58,.14), rgba(57,179,107,.10));
  backdrop-filter:saturate(140%) blur(8px);

  font-weight:950;
  font-size:14px;
  letter-spacing:.1px;
  color:#111;

  box-shadow:
    0 10px 26px rgba(29,122,58,.12),
    0 6px 18px rgba(0,0,0,.06);

  z-index:4;
  max-width:calc(100% - 24px);
  overflow-wrap:anywhere;
  word-break:break-word
}

/* weiche Akzentfläche rechts oben */
.gd-tool-wrap::after{
  content:"";
  position:absolute;
  inset:-90px -160px auto auto;
  width:360px;height:360px;
  border-radius:999px;
  background:radial-gradient(circle at 30% 30%, rgba(57,179,107,.28), rgba(57,179,107,0) 64%);
  filter:blur(2px);
  opacity:.95;
  pointer-events:none;
  z-index:1
}

/* Inhalt über die Akzentfläche */
.gd-tool-wrap > *{position:relative;z-index:3}

/* =========================================================
   GD Tool (basic)
   ========================================================= */
.gd-tool-form{
  display:block;
  border:1px solid rgba(0,0,0,.08); /* minimal kräftiger */
  border-radius:20px;
  padding:18px;
  background:rgba(255,255,255,.70);
  backdrop-filter:saturate(120%) blur(6px);
  box-shadow:0 12px 34px rgba(0,0,0,.06); /* ✅ mehr Tiefe wie Bild 1 */
  overflow:hidden;
  max-width:100%
}
.gd-tool-grid{display:grid;grid-template-columns:1fr;gap:12px}
.gd-tool-fieldset{border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:12px;max-width:100%}
.gd-tool-legend{font-weight:950;margin:0 0 8px 0;overflow-wrap:anywhere;word-break:break-word}
.gd-tool-help{opacity:.82;margin:0 0 10px 0;overflow-wrap:anywhere;word-break:break-word}

.gd-tool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 12px 0;flex-wrap:wrap}
.gd-tool-title{font-weight:950;font-size:20px;line-height:1.18;overflow-wrap:anywhere;word-break:break-word}
.gd-wiz-time{opacity:.85;font-weight:950;white-space:nowrap}

.gd-tool-options{display:grid;grid-template-columns:1fr;gap:10px}
.gd-tool-opt{
  display:flex;gap:10px;align-items:flex-start;
  padding:12px;
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  background:rgba(255,255,255,.72);
  max-width:100%;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease, border-color .12s ease
}
.gd-tool-opt:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,0,0,.06);background:rgba(255,255,255,.82)}
.gd-tool-opt input{margin-top:3px}
.gd-tool-opt.is-done{outline:2px solid rgba(29,122,58,.12);border-color:rgba(29,122,58,.18)}

.gd-tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;max-width:100%}
.gd-tool-btn{padding:12px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.08);cursor:pointer;max-width:100%}
.gd-tool-btn.is-primary{font-weight:900}

.gd-tool-result{
  margin-top:14px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.78);
  overflow:hidden;
  max-width:100%
}
.gd-tool-result h3{margin:0 0 6px 0;overflow-wrap:anywhere;word-break:break-word}

.gd-tool-badge{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;border-radius:999px;
  border:1px solid rgba(29,122,58,.18);
  background:rgba(255,255,255,.78);
  backdrop-filter:saturate(120%) blur(6px);
  font-weight:900;font-size:12px;margin:0 0 10px 0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word
}

/* ✅ Fix: Mobile “Verschieben” vermeiden (Overflow-Wrap) */
.gd-tool-steps{margin:10px 0 0 0;padding-left:18px;max-width:100%}
.gd-tool-steps li{margin:6px 0;overflow-wrap:anywhere;word-break:break-word}
.gd-tool-steps a{overflow-wrap:anywhere;word-break:break-word}

.gd-tool-split{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:760px){
  .gd-tool-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gd-tool-split{grid-template-columns:1fr 1fr}
}

.gd-tool-input{
  padding:12px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.8);
  min-width:0;
  max-width:100%;
  width:100%
}

/* ===== GD Tool Wizard (1 Frage sichtbar) ===== */
.gd-wiz-top{
  display:grid;grid-template-columns:1fr;gap:8px;
  margin:0 0 12px 0;padding:10px 12px;
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  background:rgba(255,255,255,.6);
  max-width:100%;
  overflow:hidden
}
.gd-wiz-meta{font-weight:950;opacity:.9;overflow-wrap:anywhere;word-break:break-word}
.gd-wiz-bar{height:10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:rgba(0,0,0,.04);overflow:hidden}
.gd-wiz-bar span{display:block;height:100%;width:0%;background:linear-gradient(90deg, rgba(29,122,58,.55), rgba(57,179,107,.55));border-radius:999px}
.gd-wiz-count{font-weight:950;opacity:.75;font-size:12px}
.gd-wiz-tip{opacity:.82;font-size:13px;overflow-wrap:anywhere;word-break:break-word}
.gd-wiz-reset{justify-self:start;font-weight:950;text-decoration:none;opacity:.85;max-width:100%;overflow-wrap:anywhere;word-break:break-word}

/* IMPORTANT: don't hide until JS says ready */
.gd-tool-form[data-gd-wizard="1"] .gd-wiz-step{display:block}
.gd-tool-form[data-gd-wizard="1"].is-wiz-ready .gd-wiz-step{display:none}
.gd-tool-form[data-gd-wizard="1"].is-wiz-ready .gd-wiz-step.is-active{display:block;animation:gdWizIn .18s ease-out}
@keyframes gdWizIn{from{transform:translateY(6px);opacity:.4}to{transform:translateY(0);opacity:1}}

.gd-micro{margin:6px 0 0 0;min-height:18px;font-size:13px;opacity:.85;overflow-wrap:anywhere;word-break:break-word}
.gd-wiz-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px;max-width:100%}
.gd-wiz-nav [data-gd-submit]{display:none}
.gd-wiz-nav .gd-tool-btn{flex:0 0 auto}

.gd-wiz-restore{
  display:none;margin:0 0 12px 0;padding:10px 12px;
  border-radius:14px;border:1px dashed rgba(0,0,0,.15);
  background:rgba(255,255,255,.55);
  max-width:100%;
  overflow:hidden
}
.gd-wiz-restore strong{display:block;margin:0 0 6px 0}

/* =========================
   GD Tools – Buttons GRUEN (global)
   ========================= */
.gd-tool-btn,.gd-tool-btn:visited{
  background:rgba(0,0,0,.06)!important;
  border:1px solid rgba(0,0,0,.10)!important;
  color:#111!important;
  border-radius:14px!important;
  padding:12px 14px!important;
  font-weight:950!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease!important;
  position:relative!important;
  overflow:hidden!important;
  max-width:100%
}
.gd-tool-btn:hover{transform:translateY(-1px)!important;box-shadow:0 10px 28px rgba(0,0,0,.08)!important;background:rgba(0,0,0,.08)!important}
.gd-tool-btn.is-primary{background:linear-gradient(135deg, rgba(29,122,58,1), rgba(57,179,107,1))!important;border-color:rgba(0,0,0,.08)!important;color:#111!important;box-shadow:0 14px 34px rgba(29,122,58,.18)!important}
.gd-tool-btn.is-primary:hover{transform:translateY(-2px)!important;box-shadow:0 18px 46px rgba(29,122,58,.22)!important}

/* =========================
   CTA Blocks (immer 3 Buttons unten)
   ========================= */
.gd-cta{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px;max-width:100%}
@media(min-width:760px){.gd-cta{grid-template-columns:repeat(3,minmax(0,1fr))}}

.gd-cta a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-radius:16px;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.65);
  backdrop-filter:saturate(120%) blur(4px);
  transition:transform .12s ease, box-shadow .12s ease, background .12s ease;
  position:relative;
  overflow:hidden;
  max-width:100%
}
.gd-cta a:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(0,0,0,.10);background:rgba(255,255,255,.78)}
.gd-cta a > :first-child{flex:1;min-width:0}

.gd-cta .gd-title{font-weight:950;line-height:1.15;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;word-break:break-word}
.gd-cta .gd-sub{opacity:.80;font-size:13px;margin-top:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;overflow-wrap:anywhere;word-break:break-word}
.gd-cta .gd-arrow{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:rgba(0,0,0,.03);font-weight:950;flex:0 0 auto}

.gd-cta a.gd-primary{background:linear-gradient(135deg, rgba(29,122,58,1), rgba(57,179,107,1));color:#111;border-color:rgba(0,0,0,.08);box-shadow:0 14px 34px rgba(29,122,58,.18)}
.gd-cta a.gd-primary:hover{box-shadow:0 18px 46px rgba(29,122,58,.22)}
.gd-cta a.gd-primary .gd-arrow{background:rgba(255,255,255,.22);border-color:rgba(0,0,0,.10)}
.gd-cta a.gd-secondary{color:#111}

@media(max-width:520px){
  .gd-cta{gap:10px}
  .gd-cta a{padding:10px 12px;border-radius:14px;min-height:78px}
  .gd-cta .gd-arrow{width:30px;height:30px;font-size:14px}
  .gd-cta .gd-title{font-size:16px;-webkit-line-clamp:1}
  .gd-cta .gd-sub{font-size:12.5px;-webkit-line-clamp:2}
}

/* =========================
   Share / Copy / PDF Buttons
   ========================= */
.gd-tool-share{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;max-width:100%}
.gd-tool-share .gd-tool-share-msg{font-size:13px;opacity:.75;min-height:18px;overflow-wrap:anywhere;word-break:break-word}

/* =========================
   PRINT: Nur Ergebnis drucken (PDF)
   ========================= */
@media print{
  html.gd-print-tool body *{visibility:hidden!important}
  html.gd-print-tool #gd-tool-result, html.gd-print-tool #gd-tool-result *{visibility:visible!important}
  html.gd-print-tool #gd-tool-result{position:absolute!important;left:0!important;top:0!important;width:100%!important;box-shadow:none!important;border:none!important}
  html.gd-print-tool .gd-cta, html.gd-print-tool .gd-tool-share{display:none!important}
}

/* =========================================================
   GD Cards/Grid – Layout
   ========================================================= */
.gd-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px !important}
@media(max-width:980px){.gd-tools-grid{grid-template-columns:1fr;gap:14px}}

.gd-tool{display:flex;flex-direction:column;gap:10px;border-radius:20px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.65);backdrop-filter:saturate(120%) blur(4px);overflow:hidden;text-decoration:none;color:#111;transition:transform .12s ease, box-shadow .12s ease, background .12s ease;height:100%;max-width:100%}
.gd-tool:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(0,0,0,.10);background:rgba(255,255,255,.78)}

.gd-tool .gd-thumb{
  width:100%;
  aspect-ratio:16/9 !important;
  background-color:rgba(255,255,255,.45) !important;
  position:relative;
  overflow:hidden;
  display:block
}
.gd-tool .gd-thumb__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block
}
.gd-tool .gd-thumb::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 25%, rgba(57,179,107,.18), rgba(57,179,107,0) 55%),
    radial-gradient(circle at 85% 70%, rgba(29,122,58,.10), rgba(29,122,58,0) 55%);
  opacity:.95
}
.gd-tool .gd-thumb.gd-thumb--empty{background:linear-gradient(135deg, rgba(29,122,58,.08), rgba(57,179,107,.06))}
@media(max-width:980px){.gd-tool .gd-thumb{aspect-ratio:3/2 !important}}
@media(max-width:520px){.gd-tool .gd-thumb{aspect-ratio:5/4 !important}}

.gd-tool .gd-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px 0 14px}
.gd-tool .gd-title{font-weight:950;line-height:1.15;font-size:18px;overflow-wrap:anywhere;word-break:break-word}
.gd-tool .gd-text{margin-top:6px;opacity:.80;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}
.gd-tool .gd-arrow{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:rgba(0,0,0,.03);font-weight:950}

.gd-tool .gd-action{
  position:relative;
  margin:10px 14px 14px 14px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(255,255,255,.60);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-weight:950;
  overflow:hidden;
  margin-top:auto
}
.gd-tool .gd-action span{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:rgba(0,0,0,.03);font-weight:950}

/* =========================================================
   FIX: Bogen überall wie dein "guter" CTA (kein Fleck)
   ========================================================= */
.gd-router-btn::after,
.gd-tool-btn::after,
.gd-cta a::after,
.gd-tool .gd-action::after{content:none !important}

.gd-router-btn::before,
.gd-tool-btn::before,
.gd-cta a::before,
.gd-tool .gd-action::before{
  content:"" !important;
  position:absolute !important;
  inset:-60px -120px auto auto !important;
  width:260px !important;
  height:260px !important;
  border-radius:999px !important;
  background:radial-gradient(circle at 30% 30%, rgba(57,179,107,.55), rgba(57,179,107,0) 60%) !important;
  filter:blur(2px) !important;
  opacity:.55 !important;
  pointer-events:none !important
}
.gd-tool-btn.is-primary::before,
.gd-cta a.gd-primary::before,
.gd-router-btn--primary::before{
  background:radial-gradient(circle at 30% 30%, rgba(255,255,255,.55), rgba(255,255,255,0) 60%) !important;
  opacity:.55 !important
}
.gd-router-btn > *,
.gd-tool-btn > *,
.gd-cta a > *,
.gd-tool .gd-action > *{position:relative !important;z-index:1 !important}

/* =========================================================
   FIX: Abstand zwischen Tool-Cards/Grid und nächster Überschrift
   ========================================================= */
.gd-tool-wrap{margin-bottom:28px !important}
.gd-tools-grid + h1,
.gd-tools-grid + h2,
.gd-tools-grid + h3,
.gd-tools-grid + .wp-block-heading{margin-top:28px !important}
.gd-tools-grid + p + h1,
.gd-tools-grid + p + h2,
.gd-tools-grid + p + h3,
.gd-tools-grid + p + .wp-block-heading{margin-top:28px !important}

/* =========================================================
   GD Breadcrumbs (visible) – Glass Look
   ========================================================= */
.gd-breadcrumbs{margin:0 0 14px 0;font-size:13px;line-height:1.25;opacity:.92}
.gd-breadcrumbs__list{
  display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:8px 10px;
  border-radius:999px;border:1px solid rgba(0,0,0,.08);
  background:rgba(255,255,255,.55);backdrop-filter:saturate(120%) blur(4px);
  width:max-content;max-width:100%;overflow:auto;
  -webkit-overflow-scrolling:touch
}
.gd-breadcrumbs__list::-webkit-scrollbar{height:0}
.gd-breadcrumbs__item{display:flex;align-items:center;gap:8px;white-space:nowrap}
.gd-breadcrumbs__sep{opacity:.45}
.gd-breadcrumbs__link{text-decoration:none;color:inherit;border-bottom:1px solid transparent;font-weight:950;opacity:.92}
.gd-breadcrumbs__link:hover{border-bottom-color:currentColor;opacity:1}
.gd-breadcrumbs__current{font-weight:950;opacity:1}
@media(max-width:520px){
  .gd-breadcrumbs__list{
    padding:8px 10px;border-radius:16px;width:100%;
    scroll-snap-type:x proximity
  }
  .gd-breadcrumbs__item{scroll-snap-align:start}
}

/* ✅ Header offset für Anchors (TOC) */
[id]{scroll-margin-top:80px}

/* =========================================================
   GDCR TOC (global)
   ========================================================= */
.gdcr-toc{
  margin:14px 0 18px 0;border:1px solid rgba(0,0,0,.08);border-radius:16px;
  background:rgba(255,255,255,.55);backdrop-filter:saturate(120%) blur(4px);overflow:hidden;
  max-width:100%
}
.gdcr-toc__summary{
  cursor:pointer;font-weight:950;padding:12px 14px;list-style:none;
  display:flex;align-items:center;justify-content:space-between;gap:12px;color:#111;
  border-bottom:1px solid rgba(0,0,0,.06);
  overflow-wrap:anywhere;word-break:break-word
}
.gdcr-toc__summary::-webkit-details-marker{display:none}
.gdcr-toc__summary::after{content:"▾";font-weight:950;opacity:.75;transform:translateY(-1px)}
.gdcr-toc[open] .gdcr-toc__summary::after{content:"▴"}
.gdcr-toc__list{margin:0;padding:10px 18px 14px 34px;max-width:100%}
.gdcr-toc__item{margin:6px 0}
.gdcr-toc__link{text-decoration:none;color:#111;opacity:.90;font-weight:900;overflow-wrap:anywhere;word-break:break-word}
.gdcr-toc__link:hover{opacity:1;text-decoration:underline}
@media(max-width:520px){
  .gdcr-toc__summary{padding:10px 12px}
  .gdcr-toc__list{padding:8px 16px 12px 30px}
}

/* =========================================================
   Router – "Wau" Suchseite (Top3 + Badges + More)
   ========================================================= */
.gd-router-form{
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  padding:12px;
  background:rgba(255,255,255,.60);
  backdrop-filter:saturate(120%) blur(6px);
  max-width:100%;
  overflow:hidden
}
.gd-router-input{outline:none;box-shadow:none}
.gd-router-input:focus{border-color:rgba(29,122,58,.25);box-shadow:0 0 0 4px rgba(29,122,58,.10)}
.gd-router-btn{font-weight:950;color:#111;background:rgba(255,255,255,.60);backdrop-filter:saturate(120%) blur(4px);position:relative;overflow:hidden}
.gd-router-btn:focus{outline:none;box-shadow:0 0 0 4px rgba(29,122,58,.10)}

.gd-router-top3{margin-top:12px}
.gd-router-top3-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:12px;
  max-width:100%
}
@media(min-width:760px){
  .gd-router-top3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Top 3 Cards prominenter */
.gd-router-top3-grid .gd-tool{
  border-radius:22px;
  box-shadow:0 18px 46px rgba(0,0,0,.08)
}
.gd-router-top3-grid .gd-tool:hover{
  box-shadow:0 22px 60px rgba(0,0,0,.12)
}

/* =========================================================
   ✅ Badge FIX: NICHT mehr im Bild (renderer.php setzt Badge unter das Bild)
   ========================================================= */
.gd-router-badge-row{padding:10px 14px 0 14px}

.gd-router-badge{
  position:static;
  top:auto;
  left:auto;
  z-index:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(255,255,255,.72);
  backdrop-filter:saturate(120%) blur(6px);
  font-weight:950;
  font-size:12px;
  color:#111;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word
}
.gd-router-badge--tools{border-color:rgba(29,122,58,.22);box-shadow:0 10px 24px rgba(29,122,58,.10)}
.gd-router-badge--garten{border-color:rgba(0,0,0,.10)}
.gd-router-badge--kaufhilfe{border-color:rgba(57,179,107,.18)}

/* Safety: alte Badge-Klassen weiterhin unterstützen (falls irgendwo genutzt) */
.gd-card-label{
  position:absolute;top:12px;left:12px;z-index:2;
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(255,255,255,.72);
  backdrop-filter:saturate(120%) blur(6px);
  font-weight:950;font-size:12px;color:#111;
  max-width:calc(100% - 24px);
  overflow-wrap:anywhere;
  word-break:break-word
}
.gd-card-label.is-tool{border-color:rgba(29,122,58,.22);box-shadow:0 10px 24px rgba(29,122,58,.10)}
.gd-card-label.is-guide{border-color:rgba(0,0,0,.10)}
.gd-card-label.is-buy{border-color:rgba(57,179,107,.18)}

.gd-router-more{margin-top:6px}

.gd-router-emptybox{
  margin:14px 0 0 0;
  border:1px dashed rgba(0,0,0,.18);
  border-radius:16px;
  padding:12px 14px;
  background:rgba(255,255,255,.55);
  backdrop-filter:saturate(120%) blur(4px);
  opacity:.92;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word
}

/* Optional: Vorschlags-Chips (falls später genutzt) */
.gd-router-suggest{
  margin:12px 0 0 0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  max-width:100%
}
.gd-router-suggest a{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(255,255,255,.60);
  backdrop-filter:saturate(120%) blur(4px);
  text-decoration:none;color:#111;font-weight:950;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:break-word
}
.gd-router-suggest a:hover{
  background:rgba(255,255,255,.78);
  box-shadow:0 14px 34px rgba(0,0,0,.08);
  transform:translateY(-1px)
}

/* =========================================================
   ✅ Mobile: verhindert horizontales Schieben durch min-widths
   ========================================================= */
@media(max-width:520px){
  .gd-tool-wrap{padding:60px 12px 12px 12px;border-radius:20px} /* Badge-Platz bleibt */
  .gd-tool-wrap::before{
    top:10px;left:10px;
    font-size:13px;
    padding:9px 12px 9px 42px;
    border-radius:14px
  }

  .gd-tool-form{padding:12px;border-radius:16px}
  .gd-router-form{padding:10px;border-radius:16px}

  .gd-router-input{min-width:0;flex:1 1 100%}
  .gd-router-btn{flex:1 1 100%}

  .gd-tool-actions .gd-tool-btn{flex:1 1 auto}
  .gd-tool-input{width:100%;min-width:0}
}