/* Retter-Portal v1.3.93 · Entwicklungs-Disclaimer ausschließlich auf der öffentlichen Startseite */

.rp-dev-notice{
  position:fixed;
  inset:0;
  z-index:999999;
  display:grid;
  place-items:center;
  padding:24px;
  isolation:isolate;
}
.rp-dev-notice[hidden]{display:none!important}
.rp-dev-notice-backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,6,15,.78);
  backdrop-filter:blur(18px) saturate(.9);
  -webkit-backdrop-filter:blur(18px) saturate(.9);
}
.rp-dev-notice-card{
  position:relative;
  width:min(720px,100%);
  padding:clamp(28px,5vw,54px);
  overflow:hidden;
  border:1px solid rgba(148,163,184,.18);
  border-radius:30px;
  background:
    radial-gradient(circle at 12% 0%,rgba(217,16,39,.13),transparent 34%),
    radial-gradient(circle at 100% 12%,rgba(59,130,246,.13),transparent 36%),
    linear-gradient(155deg,rgba(15,28,47,.985),rgba(7,18,33,.985));
  box-shadow:0 34px 120px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.035);
  color:#f8fafc;
  text-align:left;
}
.rp-dev-notice-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:3px;
  background:linear-gradient(90deg,#64748b 0%,#818cf8 42%,#38bdf8 72%,#22c55e 100%);
  opacity:.85;
}
.rp-dev-notice-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:28px;
  color:#cbd5e1;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.rp-dev-notice-kicker span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#f59e0b;
  box-shadow:0 0 0 6px rgba(245,158,11,.12),0 0 22px rgba(245,158,11,.34);
}
.rp-dev-notice-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin-bottom:20px;
  border:1px solid rgba(245,158,11,.26);
  border-radius:18px;
  background:rgba(245,158,11,.10);
  color:#fbbf24;
  font-size:1.8rem;
  font-weight:1000;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.rp-dev-notice-card h1{
  max-width:620px;
  margin:0;
  color:#fff;
  font-size:clamp(2rem,5vw,3.65rem);
  line-height:1.01;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.rp-dev-notice-card p{
  max-width:650px;
  margin:22px 0 0;
  color:#b8c6d9;
  font-size:clamp(1rem,1.8vw,1.12rem);
  line-height:1.72;
}
.rp-dev-notice-points{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:26px 0 30px;
}
.rp-dev-notice-points span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:8px 12px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#dbe4ef;
  font-size:.8rem;
  font-weight:850;
}
.rp-dev-notice-accept{
  width:100%;
  min-height:54px;
  border-radius:16px!important;
  font-size:1rem;
  box-shadow:0 14px 34px rgba(217,16,39,.20);
}
.rp-dev-notice-card>small{
  display:block;
  margin-top:14px;
  color:#7f91a8;
  font-size:.76rem;
  text-align:center;
}
body.rp-dev-notice-open{
  overflow:hidden!important;
  overscroll-behavior:none;
}
body[data-theme="light"] .rp-dev-notice-backdrop{
  background:rgba(15,23,42,.52);
}
body[data-theme="light"] .rp-dev-notice-card{
  border-color:rgba(100,116,139,.20);
  background:
    radial-gradient(circle at 12% 0%,rgba(217,16,39,.08),transparent 34%),
    radial-gradient(circle at 100% 12%,rgba(59,130,246,.10),transparent 36%),
    linear-gradient(155deg,rgba(255,255,255,.99),rgba(244,248,252,.99));
  color:#0f172a;
  box-shadow:0 34px 110px rgba(15,23,42,.24),inset 0 1px 0 rgba(255,255,255,.9);
}
body[data-theme="light"] .rp-dev-notice-card h1{color:#0f172a}
body[data-theme="light"] .rp-dev-notice-card p{color:#52637a}
body[data-theme="light"] .rp-dev-notice-kicker{color:#64748b}
body[data-theme="light"] .rp-dev-notice-points span{
  border-color:rgba(100,116,139,.18);
  background:rgba(15,23,42,.035);
  color:#334155;
}
body[data-theme="light"] .rp-dev-notice-card>small{color:#718198}

@media(max-width:640px){
  .rp-dev-notice{padding:14px}
  .rp-dev-notice-card{
    padding:26px 20px 22px;
    border-radius:24px;
  }
  .rp-dev-notice-kicker{margin-bottom:20px}
  .rp-dev-notice-icon{width:50px;height:50px;border-radius:15px;font-size:1.55rem}
  .rp-dev-notice-card h1{font-size:clamp(2rem,10vw,2.7rem)}
  .rp-dev-notice-card p{margin-top:18px;line-height:1.6}
  .rp-dev-notice-points{display:grid;margin:22px 0 26px}
  .rp-dev-notice-points span{width:100%;border-radius:13px}
}

@media(prefers-reduced-motion:reduce){
  .rp-dev-notice,.rp-dev-notice *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}
html.rp-dev-notice-accepted .rp-dev-notice{display:none!important}