/* Wimmer Community V6.36.0 - Velkomst & Regler */

.wc-wr-page,.wc-wr-terms-page,.wc-wr-admin-page{max-width:1360px;margin:0 auto}
.wc-wr-hero,.wc-wr-admin-hero,.wc-wr-terms-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  border:1px solid rgba(36,224,170,.16);
  border-radius:30px;
  padding:28px;
  background:radial-gradient(circle at 12% 10%,rgba(36,224,170,.18),transparent 34%),radial-gradient(circle at 92% 0%,rgba(27,181,255,.13),transparent 35%),linear-gradient(135deg,rgba(4,18,29,.96),rgba(3,10,18,.98));
  box-shadow:0 24px 80px rgba(0,0,0,.26);
}
.wc-wr-hero h1,.wc-wr-admin-hero h1,.wc-wr-terms-hero h1{
  margin:0;
  font-size:clamp(34px,5vw,62px);
  line-height:1.02;
  letter-spacing:-.055em;
}
.wc-wr-hero p,.wc-wr-admin-hero p,.wc-wr-terms-hero p{max-width:850px;color:#aebfd1;line-height:1.6}
.wc-wr-progress-card{
  width:260px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  padding:18px;
}
.wc-wr-progress-card span{display:block;color:#aebfd1;font-weight:900}
.wc-wr-progress-card strong{display:block;color:#74ffe0;font-size:48px;line-height:1;margin:8px 0}
.wc-wr-progress-card em{display:block;margin-top:10px;color:#dff7ff;font-style:normal;font-weight:900}
.wc-wr-safety{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:14px;
  margin:16px 0;
}
.wc-wr-safety>div,.wc-wr-safety>aside,.wc-wr-guide-card,.wc-wr-admin-card{
  border:1px solid rgba(36,224,170,.12);
  border-radius:24px;
  background:rgba(4,14,25,.91);
  box-shadow:0 14px 48px rgba(0,0,0,.17);
}
.wc-wr-safety>div{padding:22px;display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:start}
.wc-wr-safety>div>span{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:rgba(36,224,170,.10);font-size:25px}
.wc-wr-safety h2{margin:0 0 8px;letter-spacing:-.035em}
.wc-wr-safety p{margin:0;color:#aebfd1;line-height:1.6}
.wc-wr-safety>aside{padding:18px}
.wc-wr-safety>aside strong{display:block;color:#f2fbff;margin-bottom:8px}
.wc-wr-guide-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:16px 0;
}
.wc-wr-guide-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-height:190px;
  padding:18px;
  color:#f2fbff;
  text-decoration:none;
  transition:.16s ease;
}
.wc-wr-guide-card:hover{transform:translateY(-2px);border-color:rgba(36,224,170,.32)}
.wc-wr-guide-card span{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:22px}
.wc-wr-guide-card strong{font-size:21px;letter-spacing:-.025em}
.wc-wr-guide-card p{margin:0;color:#aebfd1;line-height:1.45}
.wc-wr-guide-card em{margin-top:auto;font-style:normal;color:#74ffe0;font-weight:950}
.wc-wr-section-head{
  margin:20px 0 12px;
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.075);
}
.wc-wr-section-head h2{margin:0 0 6px;font-size:30px;letter-spacing:-.04em}
.wc-wr-section-head p{margin:0;color:#aebfd1}
.wc-wr-steps .wc-welcome-step{
  border-color:rgba(36,224,170,.12);
}
.wc-wr-bottom{margin-top:16px}

/* Regler Pro */
.wc-wr-rules-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}
.wc-wr-rules-grid article{
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:15px;
  background:rgba(255,255,255,.035);
}
.wc-wr-rules-grid span{display:block;font-size:26px;margin-bottom:8px}
.wc-wr-rules-grid strong{display:block;color:#f2fbff;margin-bottom:5px}
.wc-wr-rules-grid p{margin:0;color:#aebfd1;font-size:13px;line-height:1.45}
.wc-wr-terms-body{
  max-height:none;
}
.wc-wr-accept label{
  border-radius:15px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
  padding:12px;
}

/* Ejer admin */
.wc-wr-admin-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.wc-wr-admin-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:14px;
  margin-top:16px;
}
.wc-wr-admin-card{padding:20px}
.wc-wr-admin-card h2{margin-top:0;letter-spacing:-.035em}
.wc-wr-admin-card label{display:block;margin:0 0 13px;color:#dff7ff;font-weight:900}
.wc-wr-admin-card input,.wc-wr-admin-card textarea{
  display:block;
  width:100%;
  margin-top:7px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:16px;
  background:rgba(2,9,17,.85);
  color:#f2fbff;
  padding:12px 14px;
}
.wc-wr-admin-card textarea{resize:vertical;line-height:1.45}
.wc-wr-admin-card.side ul{padding-left:20px;color:#aebfd1;line-height:1.8}
.wc-wr-admin-note{
  margin-top:18px;
  padding:15px;
  border-radius:18px;
  background:rgba(36,224,170,.07);
  border:1px solid rgba(36,224,170,.14);
}
.wc-wr-admin-note p{color:#aebfd1;line-height:1.55}

@media(max-width:1050px){
  .wc-wr-hero,.wc-wr-admin-hero,.wc-wr-terms-hero,.wc-wr-safety,.wc-wr-admin-layout{grid-template-columns:1fr}
  .wc-wr-progress-card{width:100%}
  .wc-wr-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wc-wr-rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wc-wr-admin-actions{justify-content:flex-start}
}
@media(max-width:650px){
  .wc-wr-hero,.wc-wr-admin-hero,.wc-wr-terms-hero{padding:19px;border-radius:23px}
  .wc-wr-safety>div{grid-template-columns:1fr}
  .wc-wr-guide-grid,.wc-wr-rules-grid{grid-template-columns:1fr}
  .wc-wr-admin-actions .wc-btn{width:100%}
}


/* Wimmer Community V6.36.1 - Velkomst layoutfix */
.wc-wr-safety > div{
  grid-template-columns:54px minmax(0,1fr)!important;
  align-items:start!important;
  min-width:0!important;
}
.wc-wr-safety > div > span{
  grid-column:1!important;
  grid-row:1 / span 2!important;
}
.wc-wr-safety > div > h2{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
}
.wc-wr-safety > div > p{
  grid-column:2!important;
  grid-row:2!important;
  max-width:980px!important;
  min-width:0!important;
  width:auto!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.wc-wr-safety > aside{
  min-width:0!important;
}
.wc-wr-safety > aside p{
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.wc-wr-guide-grid{
  align-items:stretch!important;
}
.wc-wr-guide-card{
  min-width:0!important;
}
.wc-wr-guide-card p,
.wc-wr-section-head p,
.wc-wr-bottom p{
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.wc-wr-steps{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.wc-wr-steps .wc-welcome-step{
  min-width:0!important;
  margin:0!important;
}
.wc-wr-steps .wc-welcome-step p{
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media(max-width:1050px){
  .wc-wr-safety > div{
    grid-template-columns:54px minmax(0,1fr)!important;
  }
  .wc-wr-steps{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:650px){
  .wc-wr-safety > div{
    grid-template-columns:1fr!important;
  }
  .wc-wr-safety > div > span,
  .wc-wr-safety > div > h2,
  .wc-wr-safety > div > p{
    grid-column:1!important;
    grid-row:auto!important;
  }
}


/* Wimmer Community V6.36.2 - Velkomst admin designfix */
.wc-wr-admin-page{
  width:100%;
}
.wc-wr-admin-hero{
  margin-bottom:16px!important;
}
.wc-wr-admin-hero > div:first-child{
  min-width:0!important;
}
.wc-wr-admin-hero p{
  max-width:820px!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.wc-wr-admin-actions{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
}
.wc-wr-admin-actions .wc-btn{
  min-width:142px!important;
  white-space:nowrap!important;
}
.wc-wr-admin-layout{
  align-items:start!important;
}
.wc-wr-admin-card{
  min-width:0!important;
  overflow:hidden!important;
}
.wc-wr-admin-card h2{
  font-size:28px!important;
  margin:0 0 18px!important;
}
.wc-wr-admin-card label{
  display:block!important;
  width:100%!important;
  margin-bottom:15px!important;
  color:#e9f7ff!important;
  font-size:14px!important;
}
.wc-wr-admin-card input,
.wc-wr-admin-card textarea{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-height:48px!important;
  margin-top:8px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(2,10,18,.92)!important;
  color:#f2fbff!important;
  font-size:15px!important;
  line-height:1.45!important;
}
.wc-wr-admin-card textarea{
  min-height:104px!important;
}
.wc-wr-admin-card button.wc-btn{
  margin-top:6px!important;
  min-height:48px!important;
}
.wc-wr-admin-card.side{
  position:sticky!important;
  top:18px!important;
}
.wc-wr-admin-card.side ul{
  margin:0 0 16px!important;
  padding:0!important;
  list-style:none!important;
}
.wc-wr-admin-card.side li{
  position:relative!important;
  margin:10px 0!important;
  padding-left:28px!important;
  color:#cfe0ef!important;
  line-height:1.45!important;
}
.wc-wr-admin-card.side li:before{
  content:"✓"!important;
  position:absolute!important;
  left:0!important;
  top:1px!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(36,224,170,.13)!important;
  color:#34e286!important;
  font-size:11px!important;
  font-weight:950!important;
}
.wc-wr-admin-note{
  margin-top:14px!important;
}
.wc-wr-admin-note p{
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media(max-width:1050px){
  .wc-wr-admin-actions{
    justify-content:flex-start!important;
  }
  .wc-wr-admin-card.side{
    position:static!important;
  }
}
@media(max-width:650px){
  .wc-wr-admin-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  .wc-wr-admin-actions .wc-btn{
    width:100%!important;
    min-width:0!important;
  }
  .wc-wr-admin-card h2{
    font-size:24px!important;
  }
}
