/* =========================
   ACCORDION HEADER
========================= */
.accordion-header {
  font-family: 'poppins-regular';
  font-size: 13px;
  font-weight:bold;
  color: #33333F;
  background-color: #eff3f4;
  cursor: pointer;
  padding: 18px 18px 18px 38px;
  margin-bottom: 2px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.3s;
  position: relative;
  line-height:20px;
}

.accordion { margin-bottom:30px;} 

/* =========================
   ACCORDION PANEL
========================= */
.accordion-panel {
  padding: 0 18px 0 38px;
  background-color: none;
  height:0;
  overflow: hidden;
  transition: height 0.35s ease;
  color: #00477F;
}

.accordion-panel p { margin-top: 10px; }

.accordion-panel ul { margin-top:10px; padding-inline-start: 20px; }

/* =========================
   ICON (PFEIL)
========================= */
.accordion-header::before {
  content: url('arrow_down.png');
  width: 8px;
  height: 10px;
  position: absolute;
  left: 18px;
  top: 42%;
  transform: translateY(-50%);
}

/* aktiv */
.accordion-item.active .accordion-header::before {
  content: url('arrow_right.png');
}


/* =========================
   FOCUS FIX
========================= */
button:focus { outline: none !important; }


/* =========================
   DESKTOP
========================= */
@media (min-width: 1140px) {
  .accordion-header { font-size: 18px; }
  .accordion-header::before { top: 40%; }
}