@charset "UTF-8";
/* -------------------------------------------
   ROW & SPALTEN: Equal Height Karten pro Reihe
-------------------------------------------- */
.row.teaserWrap > [class^=col-],
.row.teaserWrap > [class*=" col-"] {
  display: flex; /* Spalten werden Flex-Container */
}

/* -------------------------------------------
   KARTENBASIS: Flex + Grid-Layout im Inhalt
   - Keine min-height mehr an H3!
   - Beschreibung startet überall in Reihe 2
-------------------------------------------- */
.teaserItem {
  display: flex;
  flex-direction: column;
  width: 100%;
  /* ======= NEU: Grid im Inhalt, kein min-height an H3 ======= */
}
.teaserItem .topBar {
  top: -13px;
}
@media (max-width: 1023.98px) {
  .teaserItem .topBar {
    top: -18px;
    left: 20px;
  }
}
.teaserItem .topBar span {
  border-radius: 4px;
  padding-top: 7px;
  padding-bottom: 8px;
}
.teaserItem.noImage .innerWrap {
  margin-top: 0px;
}
.teaserItem .morecontent span {
  display: none;
}
.teaserItem .morelink {
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  color: #0069B4;
  line-height: 30px;
  text-decoration: none;
  position: relative;
  padding-right: 15px;
}
.teaserItem .morelink:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7'%3E%3Cpath d='m9.75.75-4.5 4.5L.75.75' stroke='%230069B4' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 12px;
  height: 11px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: -2px;
  top: 10px;
  transition: transform 0.3s ease-in-out;
}
.teaserItem .morelink.less:after {
  transform: rotate(180deg);
}
.teaserItem .morelink + .morelink {
  display: none;
}
.teaserItem .more.less .moreellipses {
  display: none;
}
.teaserItem .more.less .morecontent span {
  display: inline;
}
.teaserItem .more p {
  margin-bottom: 0px;
}
.teaserItem picture {
  display: block;
  position: relative;
}
.teaserItem picture:before {
  content: "";
  background-color: rgba(244, 244, 244, 0.92);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.teaserItem picture img.lazy {
  opacity: 0;
  display: block;
  transition: opacity 0.5s ease-in-out 0.5s;
}
.teaserItem picture img.lazy.loaded {
  opacity: 1;
}
.teaserItem .innerWrap {
  position: relative;
  margin-left: 30px;
  margin-right: 30px;
  background-color: rgba(244, 244, 244, 0.92);
  padding: 35px 40px 40px 40px;
  margin-top: -145px;
  /* Grid für konsistenten Startpunkt der Beschreibung */
  display: grid;
  grid-template-rows: var(--title-row, auto) auto 1fr auto;
  /* Reihen:
     1 = Titel (H3)    -> Höhe wird pro .row via CSS-Var gesetzt
     2 = Beschreibung  -> beginnt in jeder Karte exakt gleich
     3 = flexibler Inhalt (hr, info, adresse)
     4 = CTA (unten)   -> über margin-top:auto zusätzlich gesichert
  */
  row-gap: 10px;
  flex: 1 1 auto; /* füllt Spaltenhöhe */
  /* Beschreibung immer in Reihe 2 */
  /* CTA immer ans untere Ende drücken */
}
@media (max-width: 1199.98px) {
  .teaserItem .innerWrap {
    margin-left: 20px;
    margin-right: 20px;
    padding: 25px 30px 30px;
  }
}
@media (max-width: 1023.98px) {
  .teaserItem .innerWrap {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 20px 20px 25px;
    /* Auf sehr kleinen Screens normale Reihenhöhen */
    grid-template-rows: auto auto 1fr auto;
  }
}
.teaserItem .innerWrap svg {
  height: 18px;
  width: auto;
  margin-bottom: 15px;
}
.teaserItem .innerWrap h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  margin: 0 30px 0 0; /* kein min-height mehr! */
  grid-row: 1; /* Titel in erste Grid-Reihe */
}
@media (max-width: 1199.98px) {
  .teaserItem .innerWrap h3 {
    font-size: 22px;
    line-height: 30px;
  }
}
@media (max-width: 1023.98px) {
  .teaserItem .innerWrap h3 {
    font-size: 19px;
    line-height: 28px;
    margin-right: 0;
  }
}
.teaserItem .innerWrap .more {
  grid-row: 2;
}
@media (max-width: 1199.98px) {
  .teaserItem .innerWrap p {
    font-size: 15px;
  }
}
@media (max-width: 1023.98px) {
  .teaserItem .innerWrap p {
    font-size: 14px;
  }
}
.teaserItem .innerWrap hr {
  margin-top: 15px;
  margin-bottom: 25px;
  border: none;
  background-color: #DDDDDD;
  width: calc(100% + 10px);
  height: 1px;
  position: relative;
  left: -5px;
}
@media (max-width: 1023.98px) {
  .teaserItem .innerWrap .info {
    margin-bottom: 0px;
  }
}
.teaserItem .innerWrap .info li.list-inline-item:not(:last-child) {
  margin-right: 40px;
}
@media (max-width: 1199.98px) {
  .teaserItem .innerWrap .info li.list-inline-item:not(:last-child) {
    margin-right: 30px;
  }
}
@media (max-width: 1023.98px) {
  .teaserItem .innerWrap .info li.list-inline-item:not(:last-child) {
    margin-right: 0px;
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .teaserItem .innerWrap .info li {
    margin-bottom: 5px;
  }
}
@media (max-width: 1023.98px) {
  .teaserItem .innerWrap .info li {
    margin-bottom: 10px;
  }
}
.teaserItem .innerWrap .info li span {
  font-weight: 600;
  font-size: 15px;
  color: #002F50;
  line-height: 24px;
  position: relative;
  padding-left: 27px;
}
@media (max-width: 1439.98px) {
  .teaserItem .innerWrap .info li span {
    font-size: 14px;
  }
}
.teaserItem .innerWrap .info li span.datum:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 21'%3E%3Cg stroke='%230069B4' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Cpath stroke-linejoin='round' d='M1 3.005h18.119v16.472H1z'/%3E%3Cpath d='M5.09 1.358v3.294M15.443 1.358v3.294' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 7.947h18.119'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  width: 18px;
  height: 18px;
  background-size: 18px;
  position: absolute;
  left: 0;
  top: 1px;
  background-repeat: no-repeat;
  background-position: left center;
}
.teaserItem .innerWrap .info li span.uhrzeit:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 20'%3E%3Cg fill='%230069B4' stroke='%230069B4' stroke-width='.5' fill-rule='evenodd'%3E%3Cpath d='M10.512 17.996c-4.48 0-8.124-3.645-8.124-8.124 0-4.48 3.645-8.124 8.124-8.124 4.48 0 8.125 3.644 8.125 8.124s-3.645 8.124-8.125 8.124M1 9.872c0 5.246 4.266 9.512 9.512 9.512s9.513-4.266 9.513-9.512S15.758.358 10.512.358C5.266.358 1 4.626 1 9.872Z'/%3E%3Cpath d='M13.02 13.35c.259.261.713.261.97 0a.68.68 0 0 0 .203-.487.678.678 0 0 0-.202-.485l-2.785-2.796v-4.65a.695.695 0 0 0-1.388 0v4.94c0 .187.072.362.203.49l2.998 2.989Z'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  width: 19px;
  height: 19px;
  background-size: 19px;
  position: absolute;
  left: 0;
  top: 1px;
  background-repeat: no-repeat;
  background-position: left center;
}
.teaserItem .innerWrap .info li span.dauer {
  padding-left: 25px;
}
.teaserItem .innerWrap .info li span.dauer:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 23'%3E%3Cg transform='translate(1 1.358)' stroke='%230069B4' stroke-width='2' fill='none' fill-rule='evenodd'%3E%3Ccircle cx='8.079' cy='11.721' r='8.079'/%3E%3Cpath stroke-linejoin='round' d='M8.079.425v11.552l5.164-6.818'/%3E%3Cpath d='M5.458.425h5.203'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  width: 20px;
  height: 20px;
  background-size: 17px;
  position: absolute;
  left: 0;
  top: 1px;
  background-repeat: no-repeat;
  background-position: left center;
}
.teaserItem .innerWrap .info li span.preis {
  padding-left: 25px;
}
.teaserItem .innerWrap .info li span.preis:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath d='M11.666 16.1c1.25 0 2.329-.275 3.237-.825.909-.55 1.605-1.333 2.088-2.35h2.7c-.633 1.667-1.658 2.954-3.075 3.863-1.417.908-3.067 1.362-4.95 1.362-1.967 0-3.7-.542-5.2-1.625s-2.533-2.533-3.1-4.35H.94v-1.6h2.075c-.05-.433-.075-.867-.075-1.3 0-.417.025-.825.075-1.225H.94V6.475h2.4a8.582 8.582 0 0 1 1.762-3.212 8.4 8.4 0 0 1 2.9-2.15C9.128.603 10.35.35 11.666.35c1.883 0 3.533.458 4.95 1.375 1.417.917 2.442 2.217 3.075 3.9h-2.7c-.483-1.033-1.175-1.825-2.075-2.375-.9-.55-1.983-.825-3.25-.825-1.4 0-2.621.358-3.663 1.075-1.041.717-1.787 1.708-2.237 2.975h5.9V8.05h-6.3c-.05.4-.075.808-.075 1.225 0 .483.033.917.1 1.3h6.275v1.6H5.79c.483 1.233 1.246 2.196 2.287 2.887 1.042.692 2.238 1.038 3.588 1.038Z' fill='%230069B4' fill-rule='nonzero' stroke='%230069B4' stroke-width='.35'/%3E%3C/svg%3E");
  content: "";
  width: 20px;
  height: 20px;
  background-size: 17px;
  position: absolute;
  left: 0;
  top: 1px;
  background-repeat: no-repeat;
  background-position: left center;
}
.teaserItem .innerWrap p.adresse {
  font-size: 15px;
  color: #002F50;
  line-height: 24px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 30px;
}
.teaserItem .innerWrap p.adresse strong {
  font-weight: 600;
}
@media (max-width: 1023.98px) {
  .teaserItem .innerWrap p.adresse {
    padding-left: 26px;
    font-size: 14px;
    line-height: 22px;
    min-height: 66px;
  }
}
@media (max-width: 767.98px) {
  .teaserItem .innerWrap p.adresse {
    margin-bottom: 20px;
    min-height: auto;
  }
}
.teaserItem .innerWrap p.adresse:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 26'%3E%3Cpath d='M9.728 1a8.728 8.728 0 0 1 8.729 8.728C18.457 16.903 9.728 24 9.728 24S1 16.903 1 9.728A8.727 8.727 0 0 1 9.728 1Zm0 4.524a3.902 3.902 0 1 0 0 7.805 3.902 3.902 0 1 0 0-7.805Z' stroke='%230069B4' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  width: 23px;
  height: 23px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: left top;
  position: absolute;
  top: 1px;
  left: 0;
}
@media (max-width: 1023.98px) {
  .teaserItem .innerWrap p.adresse:before {
    width: 21px;
    height: 21px;
    background-size: 16px;
  }
}
.teaserItem .innerWrap .cta {
  margin-top: auto;
}
.teaserItem.onlineSeminare {
  /* >>> entfernt: h3 min-height (war 100px) */
}
.teaserItem.onlineSeminare .info li.list-inline-item:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 767.98px) {
  .teaserItem.onlineSeminare .info li.list-inline-item {
    display: inline-block !important;
    width: calc(50% - 5px) !important;
    margin-right: 0px !important;
  }
}
.teaserItem.onlineSeminare .zusatzInfo {
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  font-weight: 300;
  font-size: 12px;
  color: #ABABAB;
  letter-spacing: 0;
  line-height: 12px;
}
@media (max-width: 767.98px) {
  .teaserItem.baumarktkurs .info li.list-inline-item {
    display: inline-block !important;
    width: 35% !important;
    margin-right: 0px !important;
  }
  .teaserItem.baumarktkurs .info li.list-inline-item:last-child {
    width: 25% !important;
  }
}
.teaserItem.werkstattkurs .info li.list-inline-item:not(:last-child) {
  margin-right: 20px;
}
.teaserItem.werkstattkurs .zusatzInfo {
  display: block;
  position: absolute;
  bottom: -20px;
  left: 0;
  font-weight: 300;
  font-size: 12px;
  color: #ABABAB;
  letter-spacing: 0;
  line-height: 12px;
}
.teaserItem.small .innerWrap h3 { /* kein min-height */ }
.teaserItem.small .innerWrap {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.teaserItem.small + .teaserItem {
  margin-top: 20px;
}

/* Optional: auf XS normal stapeln, falls gewünscht */
@media (max-width: 575.98px) {
  .row.teaserWrap > [class^=col-],
  .row.teaserWrap > [class*=" col-"] {
    display: block;
  }
}
/* Module-Padding */
@media (max-width: 1023.98px) {
  .moduleKursTeaser > .container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media (max-width: 767.98px) {
  .moduleKursTeaser > .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* Pfeil-Animationen (unverändert) */
@keyframes moveArrowMoreDown {
  0% {
    top: 10px;
  }
  50% {
    top: 12px;
  }
  100% {
    top: 10px;
  }
}
@keyframes moveArrowMoreUp {
  0% {
    top: 10px;
  }
  50% {
    top: 8px;
  }
  100% {
    top: 10px;
  }
}
html.no-touchevents .teaserItem .morelink {
  transition: color 0.3s;
}
html.no-touchevents .teaserItem .morelink:after {
  transition: background-image 0.3s;
}
html.no-touchevents .teaserItem .morelink:hover {
  color: #00406e;
}
html.no-touchevents .teaserItem .morelink:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 7'%3E%3Cpath d='m9.75.75-4.5 4.5L.75.75' stroke='%2300406e' stroke-width='2' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");
  animation: moveArrowMoreDown 0.9s ease-in-out infinite;
}
html.no-touchevents .teaserItem .morelink.less:hover:after {
  animation: moveArrowMoreUp 0.9s ease-in-out infinite;
}

/* Ursprüngliche .topBar-Badges (unverändert) */
.topBar {
  top: -10px;
  left: 25px;
  position: absolute;
}
.topBar span + span {
  margin-left: 15px;
}
.topBar span.frau, .topBar span.elternkind, .topBar span.werkstattkurs {
  display: inline-block;
  background: #003053;
  border-radius: 3px;
  font-size: 10px;
  color: #fff;
  letter-spacing: 0;
  line-height: 14px;
  padding: 5px 12px 6px 30px;
  position: relative;
}
.topBar span.frau:before, .topBar span.elternkind:before, .topBar span.werkstattkurs:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 5px;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-position: top left;
  background-repeat: no-repeat;
}
.topBar span.frau:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14.9 17.76'%3E%3Cg data-name='Ebene 2'%3E%3Cpath d='m12.72 11.27-1-.53V3.86C11.71 1.35 9.47 0 7.37 0a4.18 4.18 0 0 0-2.74.94 3.69 3.69 0 0 0-1.24 2.92v7L2 11.57a3.55 3.55 0 0 0-2 3v3.17h14.9v-3.26a3.57 3.57 0 0 0-2.18-3.21ZM4.14 3.86a3 3 0 0 1 1-2.35A3.44 3.44 0 0 1 7.37.75 3.32 3.32 0 0 1 11 3.86v6.48l-1.2-.63V8.38a5.74 5.74 0 0 0 1-3.95v-.34h-.34c-.66 0-2.88-.08-3.9-1l-.35-.31-.23.41a2.24 2.24 0 0 1-1.35 1l-.26.07v.25a5.52 5.52 0 0 0 .87 3.9c.06.07.14.13.2.19v1.25l-1.2.6c-.1-1.56-.1-3.98-.1-6.59ZM9 9.93c-.09.28-.6 1.8-1.53 1.8s-1.36-1.61-1.37-1.61V9.05a3.4 3.4 0 0 0 1.36.26A3.27 3.27 0 0 0 9 9Zm.22-2.08a2.25 2.25 0 0 1-1.77.71 2.18 2.18 0 0 1-1.75-.71A4.64 4.64 0 0 1 5 4.77a3 3 0 0 0 1.33-.9 7.69 7.69 0 0 0 3.7.92 4.76 4.76 0 0 1-.8 3.06Zm4.92 6.6V17h-2v-2h-.75v2H3.6v-2h-.75v2H.75v-2.41a2.83 2.83 0 0 1 1.65-2.36c1.45-.8 2.53-1.34 3.08-1.61.22.66.79 1.86 2 1.86s1.88-1.32 2.14-2l2.75 1.45a2.84 2.84 0 0 1 1.78 2.52Z' style='fill:%23fff'/%3E%3C/g%3E%3C/svg%3E");
}
.topBar span.elternkind:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.06 17.75'%3E%3Cg data-name='Ebene 2'%3E%3Cpath d='m14.8 14-1.49-.79v-.48a1.29 1.29 0 0 0 .17-.16 2.11 2.11 0 0 0 .44-1.2l.16.1.09-.57a3 3 0 0 0-.4-2.45 2.13 2.13 0 0 0-1.7-.64 3.87 3.87 0 0 0-1 .11V3.67C11.12 1.29 9 0 7 0a4 4 0 0 0-2.6.89 3.5 3.5 0 0 0-1.19 2.78v6.59L1.94 11A3.36 3.36 0 0 0 0 13.82v3h7.76v.92h8.3v-1.9A2.08 2.08 0 0 0 14.8 14Zm-2.23-.59c-.09.29-.34.81-.65.81s-.55-.68-.56-.69v-.43a2.62 2.62 0 0 0 .57.07 2.45 2.45 0 0 0 .63-.09Zm-1.41-2.9a2.46 2.46 0 0 0 1.23.35 3 3 0 0 1 .78.13 1.63 1.63 0 0 1-.27 1.11 1.19 1.19 0 0 1-1 .36 1.24 1.24 0 0 1-1-.35 1.77 1.77 0 0 1-.31-1.26 2.58 2.58 0 0 0 .57-.38Zm2-1.57a1.8 1.8 0 0 1 .28 1.35 3.73 3.73 0 0 0-1.09-.18 1.67 1.67 0 0 1-1.05-.39l-.3-.38-.21.47a1.26 1.26 0 0 1-.41.32 1.54 1.54 0 0 1 .2-1.13 1.85 1.85 0 0 1 1.49-.46 1.4 1.4 0 0 1 1.13.36Z' style='fill:%23fff'/%3E%3C/g%3E%3C/svg%3E");
}
.topBar span.werkstattkurs:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.26 18.51'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff%7D%3C/style%3E%3C/defs%3E%3Cg id='Ebene_2' data-name='Ebene 2'%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Cpath class='cls-1' d='M6.89 17.23a.21.21 0 0 0-.3.3.21.21 0 1 0 .3-.3Z'/%3E%3Cpath class='cls-1' d='m16.16 12.11-.73-.73a.54.54 0 0 0-.67-.07l-.2-.21a.6.6 0 0 0 .08-.29.55.55 0 0 0-.16-.38l-.94-.94a4.07 4.07 0 0 0-3.49-1 .34.34 0 0 0-.23.22s0 0 0 .07a.35.35 0 0 0 .2.31c.8.34 1.95 1 2 1.41a.17.17 0 0 1 0 .14l-.22.22-2.55-1.34V8.38A2.9 2.9 0 0 0 9.6 8a4.1 4.1 0 0 0 .68-3c0-3.71-.58-5-2.21-5h-.52l.17.49a.54.54 0 0 1 0 .31.29.29 0 0 1-.22.06C4.14.86 3.79 2.11 3.79 5v.58a3.84 3.84 0 0 0 .83 2.53 2.93 2.93 0 0 0 .38.34v1.2c-.44.22-1.56.77-3.11 1.62A3.37 3.37 0 0 0 0 14.14v3h5.7a1 1 0 0 0 1.72 1.06l1.05-1.05h5.62V14a1.32 1.32 0 0 0 0-.37l.27.26a.34.34 0 0 0 .46 0l1.36-1.36a.32.32 0 0 0-.02-.42Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* Blur-Block (unverändert, aktuell auskommentiert) */
.teaserWrap.blur {
  /* .teaserItem{ filter:blur(3px); transition: filter .3s ease-in-out; } */
}

/* (leer) */
/* Keyframes bleiben oben definiert */

/*# sourceMappingURL=teaserItem.css.map */