/* Flirtkarussell – Login und Registrierung */
:root {
  --fk-pink: #ff2d91;
  --fk-pink-light: #ff79bd;
  --fk-purple: #210b2a;
  --fk-panel: rgba(28, 10, 38, .88);
  --fk-border: rgba(255, 92, 177, .65);
}
html, body {
  min-height: 100%;
}
body {
  color: #f8edf7 !important;
  background:
    radial-gradient(ellipse at 18% 42%, rgba(213, 25, 121, .34), transparent 34%),
    radial-gradient(ellipse at 82% 62%, rgba(128, 28, 153, .32), transparent 38%),
    linear-gradient(135deg, #100617 0%, #270b2e 48%, #100516 100%) !important;
  background-attachment: fixed !important;
}
body:before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  opacity: .35;
  background-image:
    radial-gradient(circle at 12% 28%, #ff4da6 0 2px, transparent 4px),
    radial-gradient(circle at 86% 36%, #ff4da6 0 2px, transparent 4px),
    radial-gradient(circle at 72% 82%, #c65bff 0 2px, transparent 4px);
  background-size: 180px 180px, 230px 230px, 270px 270px;
}
.panel, .panel-default {
  background: var(--fk-panel) !important;
  border: 1px solid var(--fk-border) !important;
  border-radius: 22px !important;
  box-shadow: 0 0 24px rgba(255, 45, 145, .18), 0 16px 48px rgba(0,0,0,.35) !important;
  color: #fff !important;
  overflow: hidden;
}
.panel-heading {
  background: linear-gradient(110deg, rgba(255,45,145,.18), rgba(93,30,117,.2)) !important;
  color: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,120,190,.22) !important;
  padding: 20px 24px !important;
}
.panel-heading h1, .panel-heading h2 {
  color: #fff !important;
  font-weight: 750;
  margin: 0;
}
.panel-body {
  padding: 24px !important;
  color: #f8edf7 !important;
}
.panel-body p, .panel-body label, .panel-body legend, .panel-body .checkbox {
  color: #f8edf7 !important;
}
.panel-body a {
  color: var(--fk-pink-light) !important;
  font-weight: 600;
}
.panel-body a:hover { color: #fff !important; }
.form-control, input.form-control, select.form-control, textarea.form-control {
  color: #fff !important;
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(226,174,226,.55) !important;
  border-radius: 10px !important;
  min-height: 46px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.18) !important;
}
.form-control:focus {
  border-color: var(--fk-pink-light) !important;
  box-shadow: 0 0 0 3px rgba(255,45,145,.18) !important;
  outline: 0;
}
.form-control::placeholder { color: rgba(255,255,255,.65) !important; }
select.form-control option { color: #211027; }
fieldset {
  border: 1px solid rgba(255,120,190,.28) !important;
  border-radius: 14px;
  padding: 16px !important;
  margin: 0 0 20px !important;
}
fieldset legend {
  width: auto;
  border: 0 !important;
  padding: 0 10px;
  color: #ff8ac5 !important;
  font-weight: 700;
}
.btn-success, .btn-info, input[type="submit"].btn {
  color: #fff !important;
  background: linear-gradient(135deg, #ff4ca3, #c90d72) !important;
  border: 1px solid #ff65b1 !important;
  border-radius: 999px !important;
  padding: 11px 28px !important;
  font-weight: 700 !important;
  box-shadow: 0 5px 18px rgba(255,45,145,.28);
  transition: transform .18s ease, box-shadow .18s ease;
}
.btn-success:hover, .btn-info:hover, input[type="submit"].btn:hover {
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(255,45,145,.4);
}
.btn-primary { border-radius: 999px !important; }
hr { border-color: rgba(255,120,190,.25) !important; }
.stepwizard p { color: #f8edf7 !important; }
.stepwizard .btn-circle {
  background: #c91b79 !important;
  border-color: #ff78bd !important;
  color: #fff !important;
}
#infobox #infoinhalt { color: #24102b; }
@media (max-width: 767px) {
  .panel { margin: 16px 8px !important; border-radius: 16px !important; }
  .panel-heading { padding: 17px 18px !important; }
  .panel-body { padding: 18px !important; }
  fieldset { padding: 12px !important; }
  .form-inline .form-control { display: inline-block; width: auto; max-width: 31%; }
  .btn-success, .btn-info, input[type="submit"].btn { max-width: 100%; white-space: normal; }
}