/* identisch zu Together-at-Gaming */
:root{ --bg:#070a0f; --card:rgba(15,18,26,.60); --stroke:rgba(255,255,255,.08); --text:rgba(255,255,255,.92); --muted:rgba(255,255,255,.62); --shadow:0 18px 60px rgba(0,0,0,.55); }
*{box-sizing:border-box}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:var(--bg)}
.bg{position:fixed;inset:-40vh -20vw;background:
radial-gradient(50% 50% at 20% 40%, rgba(0,140,255,.16), transparent 55%),
radial-gradient(50% 50% at 85% 55%, rgba(140,255,220,.10), transparent 55%),
radial-gradient(50% 50% at 50% 0%, rgba(255,255,255,.06), transparent 60%);
filter:blur(12px);pointer-events:none}
.wrap{max-width:920px;margin:0 auto;padding:34px 18px 30px;position:relative}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:20px;box-shadow:var(--shadow);padding:20px;backdrop-filter:blur(10px)}
.top{display:flex;gap:16px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.logo{height:54px;width:auto;filter:drop-shadow(0 16px 28px rgba(0,0,0,.55))}
a{color:rgba(255,255,255,.85);text-decoration:none}
a:hover{color:rgba(255,255,255,.98)}
h1{margin:0 0 6px;font-size:28px}
h2{margin:22px 0 8px;font-size:18px}
p,li{color:rgba(255,255,255,.84);line-height:1.55}
.muted{color:var(--muted)}
.footer{display:flex;gap:10px;justify-content:center;padding-top:18px;color:var(--muted);font-size:13px}
.sep{opacity:.6}

/* PB_TAG_ICON_OVERRIDE_START */
.btn.tag::before,
.btn.tag:before {
  content: "";
  background-image: url("/assets/tag_full_transparent.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

  /* falls bei den Buttons mask-image verwendet wird */
  -webkit-mask-image: url("/assets/tag_full_transparent.png") !important;
  mask-image: url("/assets/tag_full_transparent.png") !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}
/* PB_TAG_ICON_OVERRIDE_END */

/* PB_TAG_HREF_ICON_OVERRIDE_START */
/* NUR für den Button, der auf together-at-gaming.de verlinkt: Vaultwarden-Icon -> TaG-Icon */
a[href^="https://together-at-gaming.de"]::before,
a[href^="https://together-at-gaming.de/"]::before,
a[href*="//together-at-gaming.de"]::before,
a[href^="https://together-at-gaming.de"]::after,
a[href^="https://together-at-gaming.de/"]::after,
a[href*="//together-at-gaming.de"]::after {
  content: "" !important;

  background-image: url("/assets/tag_full_transparent.png") !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;

  /* falls euer Icon über mask-image gerendert wird */
  -webkit-mask-image: url("/assets/tag_full_transparent.png") !important;
  mask-image: url("/assets/tag_full_transparent.png") !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}
/* PB_TAG_HREF_ICON_OVERRIDE_END */

/* PB_LEGAL_TA_G_START */
/* Impressum • Datenschutz wie together-at-gaming.de (Text, keine Icons, kein Button-Look) */
.pb-legal {
  margin-top: 18px;
  text-align: center;
  font-size: 0.95rem;
  line-height: 1.2;
}

.pb-legal a {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline !important;
  text-decoration: none;
}

.pb-legal a:hover {
  text-decoration: underline;
}

.pb-legal a::before,
.pb-legal a::after {
  content: none !important;
  background: none !important;
  -webkit-mask: none !important;
  mask: none !important;
}
/* PB_LEGAL_TA_G_END */