/* Standardmäßig ausblenden */
selector#abobearbeiten {
  display: none !important;
}

/* Bei eingeloggtem User wieder einblenden */
body.logged-in selector#abobearbeiten {
  display: block !important;
}

/* Umschaltleiste */
#bereich-umschalter {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  background: #f5f5f5;
  padding: 10px;
  border-radius: 12px;
}

/* Kostenloser Bereich */
#kostenloser-bereich {
  flex: 1;
  background: linear-gradient(to right, #e0e0e0 0%, #e0e0e0 50%);
  color: #333;
  text-align: center;
  padding: 15px 0;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Premium Bereich */
#premium-bereich {
  flex: 1;
  background: linear-gradient(to right, #ffcc66 0%, #ff9900 100%);
  color: white;
  text-align: center;
  padding: 15px 0;
  font-weight: 700;
  border-radius: 8px;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Hover-Effekte */
#kostenloser-bereich:hover {
  background: linear-gradient(to right, #d6d6d6 0%, #d6d6d6 100%);
}

#premium-bereich:hover {
  background: linear-gradient(to right, #ffaa33 0%, #ff8800 100%);
}

/* Optional: aktive Premium-Anzeige */
#premium-bereich.aktiv {
  box-shadow: 0 0 12px rgba(255, 136, 0, 0.4);
  transform: scale(1.02);
}