/* Abschluss-Baustein für die Inhaltsseiten.
   Bis 09.2026 endeten 22 von 24 Seiten ohne einen einzigen Store-Link — wer über
   eine Suche auf einem Guide landete, fand am Ende nur weitere Textseiten.
   Farben kommen aus den Variablen der jeweiligen Seite, hell wie dunkel. */
.holen{
  margin:56px 0 8px;padding:30px 32px;border:1px solid var(--border);border-radius:14px;
  background:var(--panel);
}
.holen h2{font-size:24px;line-height:1.25;margin:0 0 10px;letter-spacing:-.01em}
.holen p{color:var(--sub);margin:0 0 22px;max-width:62ch}
.holen .badges{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.holen .badges a{display:inline-flex;line-height:0;border-radius:9px;
  transition:transform .15s ease,opacity .15s ease}
.holen .badges a:hover{transform:translateY(-1px);opacity:.88}
.holen .badges img{height:44px;width:auto;display:block}
.holen .hinweis{color:var(--faint);font-size:14px;margin:16px 0 0}
@media (max-width:560px){
  .holen{padding:24px 20px}
  .holen .badges img{height:40px}
}

/* Guide-Kacheln auf der Startseite. Die drei Fachseiten waren bis 09.2026 nur
   über die FAQ erreichbar — zwei Klicks tief, für Suchende praktisch unsichtbar. */
.guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:26px}
.guides .guide{display:block;padding:22px 24px;border:1px solid var(--border);border-radius:12px;
  background:var(--panel);text-decoration:none;color:inherit;
  transition:border-color .15s ease,transform .15s ease}
.guides .guide:hover{border-color:var(--accent);transform:translateY(-2px)}
.guides .guide h3{font-size:18px;margin:0 0 8px;color:var(--accent);letter-spacing:-.01em}
.guides .guide p{color:var(--sub);font-size:15px;margin:0;line-height:1.55}