
.sv-kurs-reset-link,
.sv-kurs-reset-link:hover,
.sv-kurs-reset-link:focus {
  text-decoration: none !important;
  color: inherit !important;
}

.sv-kurs-grid { display:grid; gap:28px; }
.sv-kurs-grid--inarbeit { grid-template-columns:repeat(3,minmax(0,1fr)); }

.sv-kurs-card,
.sv-kurs-slider,
.sv-kurs-top-card { border-radius:10px !important; }
.sv-kurs-accordion { border-radius:24px !important; }

.sv-kurs-card {
  overflow:hidden !important;
  background:#faf5ed;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 24px 60px rgba(35,40,55,.18);
}
.sv-kurs-card__image-wrap { height:250px; overflow:hidden; background:linear-gradient(180deg,#69859a 0%,#41506e 100%); }
.sv-kurs-card__image { width:100%; height:100%; object-fit:cover; display:block; }
.sv-kurs-card__image-placeholder { width:100%; height:100%; background:linear-gradient(180deg,#69859a 0%,#41506e 100%); }
.sv-kurs-card__content { padding:32px !important; }
.sv-kurs-card__badges, .sv-kurs-list-row__badges { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px !important; }

.sv-kurs-title {
  margin:0 !important;
  font-family:'Sen', system-ui, sans-serif !important;
  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  color:#232837 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}
.sv-kurs-copy {
  margin:16px 0 0 !important;
  font-family:'Sen', system-ui, sans-serif !important;
  font-size:20px !important;
  line-height:1.55 !important;
  color:#526072 !important;
}
.sv-kurs-progress { margin-top:28px; }
.sv-kurs-progress__meta {
  display:flex; justify-content:space-between; gap:16px; margin-bottom:8px;
  text-transform:uppercase; letter-spacing:.16em; color:#8b4f0c; font-size:13px; font-weight:700;
}
.sv-kurs-progress__bar { height:8px; border-radius:999px; background:rgba(89,119,136,.16); overflow:hidden; }
.sv-kurs-progress__bar span { display:block; height:100%; border-radius:999px; background:linear-gradient(180deg,#ffdb80 0%,#d4af4f 52%,#ae8625 100%); }
.sv-kurs-card__footer, .sv-kurs-top-card__footer { margin-top:28px; padding-top:20px; border-top:1px solid rgba(35,40,55,.08); }

.sv-kurs-button {
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px; padding:12px 20px;
  font-size:14px; line-height:1; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  background:linear-gradient(180deg,#ffdb80 0%,#d4af4f 52%,#ae8625 100%);
  color:#232837; border:none; box-shadow:0 10px 24px rgba(174,134,37,.14);
}

.sv-kurs-badge {
  display:inline-flex; align-items:center;
  border-radius:999px; padding:6px 12px;
  font-size:14px; line-height:1; font-weight:700; letter-spacing:0; text-transform:none;
  background:#597788; color:#faf5ed;
}
.sv-kurs-badge--light { background:rgba(255,255,255,.72); color:#41506e; border:1px solid rgba(65,80,110,.12); }
.sv-kurs-badge--dark { background:#232837; color:#faf5ed; }

.sv-kurs-accordion-list { display:flex; flex-direction:column; gap:18px; }
.sv-kurs-accordion {
  overflow:hidden !important;
  border-radius:24px !important;
  background:#ffffff;
  color:#232837;
  border:1px solid rgba(35,40,55,.08);
  box-shadow:0 20px 48px rgba(35,40,55,.12);
}
.sv-kurs-accordion__toggle {
  position:relative; isolation:isolate; overflow:hidden;
  width:100%; display:flex; align-items:center; justify-content:flex-start; gap:14px;
  padding:20px 26px !important; text-align:left; border:0; cursor:pointer; color:#232837; background:#ffffff;
}
.sv-kurs-accordion__toggle::before {
  content:""; position:absolute; inset:0;
  background-image:var(--sv-header-image, linear-gradient(135deg, rgba(89,119,136,.08), rgba(255,219,128,.14)));
  background-size:cover; background-position:center;
  z-index:-2;
}
.sv-kurs-accordion__toggle::after {
  content:""; position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(250,245,237,.8), rgba(250,245,237,.8));
  z-index:-1;
}
.sv-kurs-accordion__title {
  font-family:'Sen', system-ui, sans-serif !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  color:#232837 !important;
}
.sv-kurs-accordion__count {
  display:inline-flex; margin-left:0; border-radius:999px; padding:6px 12px;
  font-size:11px; line-height:1; font-weight:600; letter-spacing:0; text-transform:none;
  background:#faf5ed; color:#41506e; border:1px solid rgba(65,80,110,.12);
}
.sv-kurs-accordion__chevron {
  display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 auto; width:20px; height:20px; color:#41506e; transition:transform .25s ease;
}
.sv-kurs-accordion__chevron-svg { width:20px; height:20px; display:block; }
.sv-kurs-accordion__toggle.is-open .sv-kurs-accordion__chevron { transform:rotate(180deg); }
.sv-kurs-accordion__panel { background:#faf5ed; overflow:hidden; max-height:0; opacity:0; transition:max-height .35s ease, opacity .35s ease; }
.sv-kurs-accordion__panel.is-open { opacity:1; }

.sv-kurs-list-row {
  display:grid; align-items:center; gap:14px;
  grid-template-columns:84px 12px minmax(0,1fr) auto;
  padding:16px 22px !important;
  border-top:1px solid rgba(35,40,55,.08);
  border-bottom:1px solid rgba(255,255,255,.28);
  background:#faf5ed;
  transition:background-color .2s ease;
}
.sv-kurs-list-row:hover { background:rgba(250,245,237,.8); }
.sv-kurs-list-row--more { grid-template-columns:minmax(0,1fr) auto; }
.sv-kurs-list-row__date { font-size:16px; line-height:1.05; font-weight:700; color:#41506e; }
.sv-kurs-list-row__dot { width:8px; height:8px; border-radius:999px; background:rgba(35,40,55,.12); }
.sv-kurs-list-row__content { min-width:0; }
.sv-kurs-list-row__content--full { min-width:0; }
.sv-kurs-list-row__head {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  flex-wrap:wrap;
}
.sv-kurs-list-row__badges { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.sv-kurs-list-row__head .sv-kurs-list-row__badges { margin-bottom:0 !important; }
.sv-kurs-list-row__cta { display:flex; justify-content:flex-end; }

.sv-kurs-list-row .sv-kurs-badge {
  padding:5px 10px;
  font-size:14px;
}

.sv-kurs-list-row .sv-kurs-title,
.sv-kurs-list-row--more .sv-kurs-title {
  font-size:16px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
}

.sv-kurs-list-row--more .sv-kurs-list-row__badges {
  margin-bottom:0 !important;
  justify-content:flex-start;
  flex-shrink:0;
}

.sv-kurs-list-row--more .sv-kurs-title,
.sv-kurs-list-row .sv-kurs-title {
  flex:0 1 auto;
  margin:0;
}

.sv-kurs-top-wrap {
  display:block;
  margin-bottom:32px !important;
}
.sv-kurs-top-grid--desktop { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.sv-kurs-top-grid--mobile { display:none; }

.sv-kurs-top-card {
  display:flex; flex-direction:column; height:100%;
  background:#faf5ed; border:1px solid rgba(255,255,255,.18);
  box-shadow:0 24px 60px rgba(35,40,55,.14);
  overflow:hidden;
  padding:28px !important;
}
.sv-kurs-top-card__head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.sv-kurs-top-card__number {
  width:56px; height:56px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg,#ffdb80 0%,#d4af4f 52%,#ae8625 100%);
  color:#232837; font-size:22px; font-weight:700; font-family:'Playfair Display', Georgia, serif;
}
.sv-kurs-top-card__number.is-accent { background:#597788; color:#faf5ed; }
.sv-kurs-top-card__body { margin-top:28px; flex:1; }
.sv-kurs-top-card__meta { margin-top:16px; display:flex; flex-wrap:wrap; gap:8px; }

.sv-kurs-slider { overflow:hidden; }
.sv-kurs-slider__nav { display:flex; justify-content:flex-end; gap:8px; margin-bottom:12px; }
.sv-kurs-slider__arrow { width:43px; height:43px; display:inline-flex; align-items:center; justify-content:center; background:transparent; border:0; padding:0; cursor:pointer; }
.sv-kurs-arrow-svg { width:36px; height:36px; }
.sv-kurs-slider__track {
  display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory;
  scrollbar-width:none; -ms-overflow-style:none;
}
.sv-kurs-slider__track::-webkit-scrollbar { display:none; }
.sv-kurs-slider__slide { flex:0 0 88%; scroll-snap-align:start; }

@media (max-width:1199px) {
  .sv-kurs-grid--inarbeit { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sv-kurs-top-grid--desktop { display:none; }
  .sv-kurs-top-grid--mobile { display:block; }
  .sv-kurs-slider__slide { flex-basis:calc(50% - 10px); }
}
@media (max-width:767px) {
  .sv-kurs-grid--inarbeit { grid-template-columns:1fr; }
  .sv-kurs-card__content,
  .sv-kurs-accordion__toggle,
  .sv-kurs-list-row,
  .sv-kurs-top-card { padding:18px !important; }
  .sv-kurs-list-row { grid-template-columns:1fr; }
  .sv-kurs-list-row__dot, .sv-kurs-list-row__date { display:none; }
  .sv-kurs-list-row__head { flex-direction:column; align-items:flex-start; gap:10px; }
  .sv-kurs-list-row__badges { gap:8px; }
  .sv-kurs-list-row--more .sv-kurs-list-row__badges { justify-content:flex-start; }
  .sv-kurs-list-row__cta { justify-content:flex-start; }
  .sv-kurs-accordion__title { font-size:15px !important; }
  .sv-kurs-accordion__count { font-size:10px; padding:6px 9px; }
  .sv-kurs-list-row .sv-kurs-title,
  .sv-kurs-list-row--more .sv-kurs-title { font-size:14px !important; }
  .sv-kurs-slider__slide { flex-basis:88%; }
  .sv-kurs-top-wrap { margin-bottom:24px !important; }
}
