/* Retter-Portal v1.3.58 · Jugendleitungsfeld bereinigt und Qualifikations-Akkordeons klarer markiert */

/* Jugenddienst: aktive Feuerwehr kommt ausschließlich aus dem Header. */
html body .v158-youth-service-card .v158-youth-leader-field{
  position:relative;
  display:grid;
  gap:8px;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .v158-youth-service-card .v158-youth-leader-field::before,
html body .v158-youth-service-card .v158-youth-leader-field::after{
  display:none!important;
  content:none!important;
}
html body .v158-youth-service-card .v158-youth-leader-field > label{
  display:grid!important;
  gap:8px!important;
  margin:0!important;
  padding:0!important;
  color:var(--text)!important;
  font-weight:900!important;
}
html body .v158-youth-service-card .v158-youth-leader-label{
  display:block;
  padding-left:2px;
  color:var(--text);
  font-size:.94rem;
  line-height:1.25;
  font-weight:900;
}
html body .v158-youth-service-card .v158-youth-leader-field input[data-smart-select-search]{
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid var(--line-soft)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(6,17,30,.96),rgba(7,19,33,.90))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
html body .v158-youth-service-card .v158-youth-leader-field:focus-within input[data-smart-select-search]{
  border-color:rgba(251,113,133,.42)!important;
  box-shadow:0 0 0 3px rgba(225,29,72,.10),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
html body .v158-youth-service-card .v158-youth-leader-help{
  display:block;
  margin:0!important;
  padding:0 2px!important;
  color:var(--muted)!important;
  font-size:.80rem!important;
  line-height:1.45!important;
}
/* Qualifikationen: deutlich erkennbare, aber ruhige Aufklapp-Aktion. */
html body .v153-manage-card summary{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:94px!important;
  padding:20px 22px!important;
  border-radius:inherit!important;
  transition:background .18s ease,border-color .18s ease!important;
}
html body .v153-manage-card summary::after{
  display:none!important;
  content:none!important;
}
html body .v153-manage-card summary:hover{
  background:rgba(148,163,184,.045)!important;
}
html body .v158-manage-summary-copy{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}
html body .v158-manage-summary-copy strong{
  color:var(--text)!important;
  font-size:1rem!important;
  line-height:1.25!important;
  font-weight:950!important;
}
html body .v158-manage-summary-copy small{
  color:var(--muted)!important;
  font-size:.85rem!important;
  line-height:1.4!important;
}
html body .v158-manage-toggle{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:0 12px!important;
  border:1px solid rgba(148,163,184,.18)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(20,39,63,.94),rgba(11,25,43,.92))!important;
  color:#e7edf5!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  font-size:.76rem!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
html body .v158-manage-toggle svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:transform .18s ease!important;
}
html body .v153-manage-card[open] .v158-manage-toggle{
  border-color:rgba(251,113,133,.28)!important;
  background:linear-gradient(135deg,rgba(225,29,72,.14),rgba(14,29,49,.94))!important;
  color:#fecdd3!important;
}
html body .v153-manage-card[open] .v158-manage-toggle > span::before{content:"Zuklappen";font-size:.76rem}
html body .v153-manage-card[open] .v158-manage-toggle > span{font-size:0!important}
html body .v153-manage-card[open] .v158-manage-toggle svg{transform:rotate(180deg)!important}
html body .v153-manage-card[open] summary{
  border-bottom:1px solid var(--line-soft)!important;
  border-radius:0!important;
}

body[data-theme="light"] .v158-youth-service-card .v158-youth-leader-field input[data-smart-select-search]{
  background:linear-gradient(180deg,#ffffff,#f7fafc)!important;
  border-color:rgba(148,163,184,.30)!important;
  color:#0f172a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 7px 18px rgba(148,163,184,.08)!important;
}
body[data-theme="light"] .v158-youth-service-card .v158-youth-leader-label{color:#172033!important}
body[data-theme="light"] .v158-youth-service-card .v158-youth-leader-help{color:#5b6b82!important}
body[data-theme="light"] .v158-manage-toggle{
  border-color:rgba(148,163,184,.28)!important;
  background:linear-gradient(180deg,#ffffff,#edf3f8)!important;
  color:#26364a!important;
  box-shadow:0 7px 18px rgba(148,163,184,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body[data-theme="light"] .v153-manage-card[open] .v158-manage-toggle{
  border-color:rgba(225,29,72,.22)!important;
  background:linear-gradient(135deg,#fff1f2,#ffffff)!important;
  color:#be123c!important;
}
body[data-theme="light"] .v153-manage-card summary:hover{background:rgba(148,163,184,.055)!important}

@media(max-width:700px){
  html body .v153-manage-card summary{
    min-height:0!important;
    padding:17px 16px!important;
    align-items:flex-start!important;
  }
  html body .v158-manage-toggle{
    min-width:40px!important;
    width:40px!important;
    height:40px!important;
    padding:0!important;
  }
  html body .v158-manage-toggle > span{display:none!important}
  html body .v153-manage-card[open] .v158-manage-toggle > span::before{display:none!important;content:none!important}
  html body .v158-youth-service-card .v158-youth-leader-field input[data-smart-select-search]{min-height:50px!important}
}
html body .v158-youth-service-card .v158-youth-leader-control{
  position:relative!important;
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
}