@charset "UTF-8";
/***********************
Farben
***********************/
/***********************
Variablen
***********************

var(--so_primaer)
var(--so_sekundaer)
var(--so_text)

/***********************
Allgemein
***********************/
.spoc-orga {
  color: var(--so_text);
  font-size: clamp(14px, 2vw, 16px);
  line-height: 140%;
  padding-top: clamp(30px, 3vw, 50px);
  padding-bottom: clamp(20px, 3vw, 40px);
}
.spoc-orga .row {
  margin-left: 0px;
  margin-right: 0px;
}
.spoc-orga .veranstaltungsgruppe {
  padding-top: 30px;
}
.spoc-orga .row:first-child .veranstaltungsgruppe {
  padding-top: 0px;
}
.spoc-orga p, .spoc-orga ul, .spoc-orga ol, .spoc-orga table {
  color: var(--so_text);
  /*font-size: clamp(15px, 2vw, 18px);*/
  font-size: clamp(14px, 2vw, 16px);
  line-height: 140%;
  margin: 0px 0px 25px 0px;
}
.spoc-orga a, .spoc-orga a:link, .spoc-orga a:visited {
  color: var(--so_primaer);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.spoc-orga a.so_button, .spoc-orga a:link.so_button, .spoc-orga a:visited.so_button {
  display: inline-block;
  vertical-align: top;
  padding: 5px 10px;
  font-weight: normal;
  border: 1px solid var(--so_primaer);
  color: var(--so_primaer);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
.spoc-orga a.so_button.so_primaer, .spoc-orga a:link.so_button.so_primaer, .spoc-orga a:visited.so_button.so_primaer {
  background: var(--so_primaer);
  color: #ffffff;
}
.spoc-orga a:hover, .spoc-orga a:focus, .spoc-orga a:active {
  color: var(--so_text);
  text-decoration: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.spoc-orga .ampel {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 25px;
  height: 65px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  position: relative;
  background: #1C1C1C;
  position: relative;
}
.spoc-orga .ampel span {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #3B3B3B;
  position: absolute;
  left: 5px;
  z-index: 20;
}
.spoc-orga .ampel span.rot {
  top: 5px;
}
.spoc-orga .ampel span.rot.aktiv {
  background: #C1121C;
}
.spoc-orga .ampel span.gelb {
  top: 25px;
}
.spoc-orga .ampel span.gelb.aktiv {
  background: #F0CA00;
}
.spoc-orga .ampel span.gruen {
  bottom: 5px;
}
.spoc-orga .ampel span.gruen.aktiv {
  background: #308446;
}
.spoc-orga .ampel.horizontal {
  height: 20px;
  width: 50px;
  margin-right: 7px;
}
.spoc-orga .ampel.horizontal span {
  width: 10px;
  height: 10px;
  top: 5px;
  left: inherit;
}
.spoc-orga .ampel.horizontal span.rot {
  left: 5px;
}
.spoc-orga .ampel.horizontal span.gelb {
  left: 20px;
}
.spoc-orga .ampel.horizontal span.gruen {
  right: 5px;
}

.tippy-box {
  margin: 0 auto;
}

/***********************
Material Icons
***********************/
@font-face {
  font-family: "Material Symbols Rounded";
  font-style: normal;
  font-weight: 100 700;
  src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v222/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxeJKJBiCa8.woff2) format("woff2");
}
.material-symbols-rounded {
  font-family: "Material Symbols Rounded";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

.material-symbols-rounded {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

/***********************
Modal allgemein
***********************/
.so_modal .modal-dialog .modal-content .modal-header .modal-title {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.so_modal .modal-dialog .modal-content .modal-body .row {
  padding-top: calc(var(--bs-gutter-x) * 0.5);
}
.so_modal .modal-dialog .modal-content .modal-body img.img-thumbnail {
  padding: 0px;
  border: none;
  background: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-bottom: 15px;
}
.so_modal .modal-dialog .modal-content .modal-body table td:first-child {
  padding-left: 0px;
  font-weight: bold;
}
.so_modal .modal-dialog .modal-content .modal-footer {
  border: none;
  padding: 0px;
}

/***********************
Liste
***********************/
.so_veranstaltungsliste.liste, .so_verleihartikel_liste.liste, .so_verleihartikel_akkordeon.liste, .so_verleihartikel_liste.liste {
  padding-bottom: 30px;
}
.so_veranstaltungsliste.liste .filter, .so_verleihartikel_liste.liste .filter, .so_verleihartikel_akkordeon.liste .filter, .so_verleihartikel_liste.liste .filter {
  margin-bottom: 30px;
}
.so_veranstaltungsliste.liste .filter form, .so_verleihartikel_liste.liste .filter form, .so_verleihartikel_akkordeon.liste .filter form, .so_verleihartikel_liste.liste .filter form {
  width: 100%;
}
.so_veranstaltungsliste.liste .filter form select, .so_verleihartikel_liste.liste .filter form select, .so_verleihartikel_akkordeon.liste .filter form select, .so_verleihartikel_liste.liste .filter form select {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  padding: 0px 15px;
}
.so_veranstaltungsliste.liste .filter form a.button.primaer,
.so_veranstaltungsliste.liste .filter form input[type=submit].button.primaer, .so_verleihartikel_liste.liste .filter form a.button.primaer,
.so_verleihartikel_liste.liste .filter form input[type=submit].button.primaer, .so_verleihartikel_akkordeon.liste .filter form a.button.primaer,
.so_verleihartikel_akkordeon.liste .filter form input[type=submit].button.primaer, .so_verleihartikel_liste.liste .filter form a.button.primaer,
.so_verleihartikel_liste.liste .filter form input[type=submit].button.primaer {
  width: 100%;
  text-align: center;
}
.so_veranstaltungsliste.liste a, .so_verleihartikel_liste.liste a, .so_verleihartikel_akkordeon.liste a, .so_verleihartikel_liste.liste a {
  text-decoration: none;
}
.so_veranstaltungsliste.liste .abstand, .so_verleihartikel_liste.liste .abstand, .so_verleihartikel_akkordeon.liste .abstand, .so_verleihartikel_liste.liste .abstand {
  height: 40px;
}
.so_veranstaltungsliste.liste .align_right, .so_verleihartikel_liste.liste .align_right, .so_verleihartikel_akkordeon.liste .align_right, .so_verleihartikel_liste.liste .align_right {
  text-align: right;
}
.so_veranstaltungsliste.liste .artikelgruppe h3, .so_verleihartikel_liste.liste .artikelgruppe h3, .so_verleihartikel_akkordeon.liste .artikelgruppe h3, .so_verleihartikel_liste.liste .artikelgruppe h3 {
  background: var(--so_primaer);
  color: #ffffff;
  padding: 10px 40px 12px 20px;
  position: relative;
  cursor: pointer;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  -webkit-box-shadow: 0px 3px 6px 0px rgb(204, 204, 204);
  -moz-box-shadow: 0px 3px 6px 0px rgb(204, 204, 204);
  box-shadow: 0px 3px 6px 0px rgb(204, 204, 204);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.so_veranstaltungsliste.liste .artikelgruppe h3:hover, .so_veranstaltungsliste.liste .artikelgruppe h3:focus, .so_veranstaltungsliste.liste .artikelgruppe h3:active, .so_verleihartikel_liste.liste .artikelgruppe h3:hover, .so_verleihartikel_liste.liste .artikelgruppe h3:focus, .so_verleihartikel_liste.liste .artikelgruppe h3:active, .so_verleihartikel_akkordeon.liste .artikelgruppe h3:hover, .so_verleihartikel_akkordeon.liste .artikelgruppe h3:focus, .so_verleihartikel_akkordeon.liste .artikelgruppe h3:active, .so_verleihartikel_liste.liste .artikelgruppe h3:hover, .so_verleihartikel_liste.liste .artikelgruppe h3:focus, .so_verleihartikel_liste.liste .artikelgruppe h3:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.so_veranstaltungsliste.liste .artikelgruppe h3:after, .so_verleihartikel_liste.liste .artikelgruppe h3:after, .so_verleihartikel_akkordeon.liste .artikelgruppe h3:after, .so_verleihartikel_liste.liste .artikelgruppe h3:after {
  font-family: "Material Symbols Rounded";
  content: "\e313";
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 12px;
  font-weight: 500;
  font-size: 35px;
  color: #ffffff;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.so_veranstaltungsliste.liste .artikelgruppe h3.offen, .so_verleihartikel_liste.liste .artikelgruppe h3.offen, .so_verleihartikel_akkordeon.liste .artikelgruppe h3.offen, .so_verleihartikel_liste.liste .artikelgruppe h3.offen {
  background: var(--so_text);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.so_veranstaltungsliste.liste .artikelgruppe h3.offen:after, .so_verleihartikel_liste.liste .artikelgruppe h3.offen:after, .so_verleihartikel_akkordeon.liste .artikelgruppe h3.offen:after, .so_verleihartikel_liste.liste .artikelgruppe h3.offen:after {
  content: "\e316";
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.so_veranstaltungsliste.liste .gruppenartikel, .so_verleihartikel_liste.liste .gruppenartikel, .so_verleihartikel_akkordeon.liste .gruppenartikel, .so_verleihartikel_liste.liste .gruppenartikel {
  margin-bottom: clamp(15px, 2vw, 25px);
}
.so_veranstaltungsliste.liste .gruppenartikel .box:hover, .so_veranstaltungsliste.liste .gruppenartikel .box:focus, .so_veranstaltungsliste.liste .gruppenartikel .box:active, .so_verleihartikel_liste.liste .gruppenartikel .box:hover, .so_verleihartikel_liste.liste .gruppenartikel .box:focus, .so_verleihartikel_liste.liste .gruppenartikel .box:active, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active, .so_verleihartikel_liste.liste .gruppenartikel .box:hover, .so_verleihartikel_liste.liste .gruppenartikel .box:focus, .so_verleihartikel_liste.liste .gruppenartikel .box:active {
  background: #f2f5f7;
}
.so_veranstaltungsliste.liste .gruppenartikel .box:hover p, .so_veranstaltungsliste.liste .gruppenartikel .box:focus p, .so_veranstaltungsliste.liste .gruppenartikel .box:active p, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p, .so_verleihartikel_liste.liste .gruppenartikel .box:active p, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover p, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus p, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active p, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p, .so_verleihartikel_liste.liste .gruppenartikel .box:active p {
  color: var(--so_text);
}
.so_veranstaltungsliste.liste .gruppenartikel .box:hover p.headline, .so_veranstaltungsliste.liste .gruppenartikel .box:focus p.headline, .so_veranstaltungsliste.liste .gruppenartikel .box:active p.headline, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p.headline, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p.headline, .so_verleihartikel_liste.liste .gruppenartikel .box:active p.headline, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover p.headline, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus p.headline, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active p.headline, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p.headline, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p.headline, .so_verleihartikel_liste.liste .gruppenartikel .box:active p.headline {
  color: var(--so_primaer);
}
.so_veranstaltungsliste.liste .gruppenartikel .box:hover p a, .so_veranstaltungsliste.liste .gruppenartikel .box:hover p a:link, .so_veranstaltungsliste.liste .gruppenartikel .box:hover p a:visited, .so_veranstaltungsliste.liste .gruppenartikel .box:focus p a, .so_veranstaltungsliste.liste .gruppenartikel .box:focus p a:link, .so_veranstaltungsliste.liste .gruppenartikel .box:focus p a:visited, .so_veranstaltungsliste.liste .gruppenartikel .box:active p a, .so_veranstaltungsliste.liste .gruppenartikel .box:active p a:link, .so_veranstaltungsliste.liste .gruppenartikel .box:active p a:visited, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p a, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p a:link, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p a:visited, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p a, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p a:link, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p a:visited, .so_verleihartikel_liste.liste .gruppenartikel .box:active p a, .so_verleihartikel_liste.liste .gruppenartikel .box:active p a:link, .so_verleihartikel_liste.liste .gruppenartikel .box:active p a:visited, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover p a, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover p a:link, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover p a:visited, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus p a, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus p a:link, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus p a:visited, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active p a, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active p a:link, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active p a:visited, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p a, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p a:link, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p a:visited, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p a, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p a:link, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p a:visited, .so_verleihartikel_liste.liste .gruppenartikel .box:active p a, .so_verleihartikel_liste.liste .gruppenartikel .box:active p a:link, .so_verleihartikel_liste.liste .gruppenartikel .box:active p a:visited {
  color: var(--so_primaer);
}
.so_veranstaltungsliste.liste .gruppenartikel .box:hover p a:hover, .so_veranstaltungsliste.liste .gruppenartikel .box:hover p a:focus, .so_veranstaltungsliste.liste .gruppenartikel .box:hover p a:active, .so_veranstaltungsliste.liste .gruppenartikel .box:focus p a:hover, .so_veranstaltungsliste.liste .gruppenartikel .box:focus p a:focus, .so_veranstaltungsliste.liste .gruppenartikel .box:focus p a:active, .so_veranstaltungsliste.liste .gruppenartikel .box:active p a:hover, .so_veranstaltungsliste.liste .gruppenartikel .box:active p a:focus, .so_veranstaltungsliste.liste .gruppenartikel .box:active p a:active, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p a:hover, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p a:focus, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p a:active, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p a:hover, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p a:focus, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p a:active, .so_verleihartikel_liste.liste .gruppenartikel .box:active p a:hover, .so_verleihartikel_liste.liste .gruppenartikel .box:active p a:focus, .so_verleihartikel_liste.liste .gruppenartikel .box:active p a:active, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover p a:hover, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover p a:focus, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover p a:active, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus p a:hover, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus p a:focus, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus p a:active, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active p a:hover, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active p a:focus, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active p a:active, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p a:hover, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p a:focus, .so_verleihartikel_liste.liste .gruppenartikel .box:hover p a:active, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p a:hover, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p a:focus, .so_verleihartikel_liste.liste .gruppenartikel .box:focus p a:active, .so_verleihartikel_liste.liste .gruppenartikel .box:active p a:hover, .so_verleihartikel_liste.liste .gruppenartikel .box:active p a:focus, .so_verleihartikel_liste.liste .gruppenartikel .box:active p a:active {
  color: var(--so_text);
  opacity: 1;
}
.so_veranstaltungsliste.liste .gruppenartikel .box:hover a.so_button, .so_veranstaltungsliste.liste .gruppenartikel .box:hover a.so_button:link, .so_veranstaltungsliste.liste .gruppenartikel .box:hover a.so_button:visited, .so_veranstaltungsliste.liste .gruppenartikel .box:focus a.so_button, .so_veranstaltungsliste.liste .gruppenartikel .box:focus a.so_button:link, .so_veranstaltungsliste.liste .gruppenartikel .box:focus a.so_button:visited, .so_veranstaltungsliste.liste .gruppenartikel .box:active a.so_button, .so_veranstaltungsliste.liste .gruppenartikel .box:active a.so_button:link, .so_veranstaltungsliste.liste .gruppenartikel .box:active a.so_button:visited, .so_verleihartikel_liste.liste .gruppenartikel .box:hover a.so_button, .so_verleihartikel_liste.liste .gruppenartikel .box:hover a.so_button:link, .so_verleihartikel_liste.liste .gruppenartikel .box:hover a.so_button:visited, .so_verleihartikel_liste.liste .gruppenartikel .box:focus a.so_button, .so_verleihartikel_liste.liste .gruppenartikel .box:focus a.so_button:link, .so_verleihartikel_liste.liste .gruppenartikel .box:focus a.so_button:visited, .so_verleihartikel_liste.liste .gruppenartikel .box:active a.so_button, .so_verleihartikel_liste.liste .gruppenartikel .box:active a.so_button:link, .so_verleihartikel_liste.liste .gruppenartikel .box:active a.so_button:visited, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover a.so_button, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover a.so_button:link, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover a.so_button:visited, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus a.so_button, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus a.so_button:link, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus a.so_button:visited, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active a.so_button, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active a.so_button:link, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active a.so_button:visited, .so_verleihartikel_liste.liste .gruppenartikel .box:hover a.so_button, .so_verleihartikel_liste.liste .gruppenartikel .box:hover a.so_button:link, .so_verleihartikel_liste.liste .gruppenartikel .box:hover a.so_button:visited, .so_verleihartikel_liste.liste .gruppenartikel .box:focus a.so_button, .so_verleihartikel_liste.liste .gruppenartikel .box:focus a.so_button:link, .so_verleihartikel_liste.liste .gruppenartikel .box:focus a.so_button:visited, .so_verleihartikel_liste.liste .gruppenartikel .box:active a.so_button, .so_verleihartikel_liste.liste .gruppenartikel .box:active a.so_button:link, .so_verleihartikel_liste.liste .gruppenartikel .box:active a.so_button:visited {
  border-color: var(--so_primaer);
  color: var(--so_primaer);
}
.so_veranstaltungsliste.liste .gruppenartikel .box:hover a.so_button.so_primaer, .so_veranstaltungsliste.liste .gruppenartikel .box:hover a.so_button:link.so_primaer, .so_veranstaltungsliste.liste .gruppenartikel .box:hover a.so_button:visited.so_primaer, .so_veranstaltungsliste.liste .gruppenartikel .box:focus a.so_button.so_primaer, .so_veranstaltungsliste.liste .gruppenartikel .box:focus a.so_button:link.so_primaer, .so_veranstaltungsliste.liste .gruppenartikel .box:focus a.so_button:visited.so_primaer, .so_veranstaltungsliste.liste .gruppenartikel .box:active a.so_button.so_primaer, .so_veranstaltungsliste.liste .gruppenartikel .box:active a.so_button:link.so_primaer, .so_veranstaltungsliste.liste .gruppenartikel .box:active a.so_button:visited.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:hover a.so_button.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:hover a.so_button:link.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:hover a.so_button:visited.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:focus a.so_button.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:focus a.so_button:link.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:focus a.so_button:visited.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:active a.so_button.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:active a.so_button:link.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:active a.so_button:visited.so_primaer, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover a.so_button.so_primaer, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover a.so_button:link.so_primaer, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover a.so_button:visited.so_primaer, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus a.so_button.so_primaer, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus a.so_button:link.so_primaer, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus a.so_button:visited.so_primaer, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active a.so_button.so_primaer, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active a.so_button:link.so_primaer, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active a.so_button:visited.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:hover a.so_button.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:hover a.so_button:link.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:hover a.so_button:visited.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:focus a.so_button.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:focus a.so_button:link.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:focus a.so_button:visited.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:active a.so_button.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:active a.so_button:link.so_primaer, .so_verleihartikel_liste.liste .gruppenartikel .box:active a.so_button:visited.so_primaer {
  color: #ffffff;
  background: var(--so_primaer);
}
.so_veranstaltungsliste.liste .gruppenartikel .box:hover select, .so_veranstaltungsliste.liste .gruppenartikel .box:focus select, .so_veranstaltungsliste.liste .gruppenartikel .box:active select, .so_verleihartikel_liste.liste .gruppenartikel .box:hover select, .so_verleihartikel_liste.liste .gruppenartikel .box:focus select, .so_verleihartikel_liste.liste .gruppenartikel .box:active select, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:hover select, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:focus select, .so_verleihartikel_akkordeon.liste .gruppenartikel .box:active select, .so_verleihartikel_liste.liste .gruppenartikel .box:hover select, .so_verleihartikel_liste.liste .gruppenartikel .box:focus select, .so_verleihartikel_liste.liste .gruppenartikel .box:active select {
  border-color: var(--so_primaer);
  color: var(--so_primaer);
}
.so_veranstaltungsliste.liste .box, .so_verleihartikel_liste.liste .box, .so_verleihartikel_akkordeon.liste .box, .so_verleihartikel_liste.liste .box {
  background: #f2f5f7;
  margin-bottom: 5px;
  -webkit-box-shadow: 0px 3px 6px 0px rgb(204, 204, 204);
  -moz-box-shadow: 0px 3px 6px 0px rgb(204, 204, 204);
  box-shadow: 0px 3px 6px 0px rgb(204, 204, 204);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  padding: 25px 15px 10px 15px;
  cursor: pointer;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.so_veranstaltungsliste.liste .box:hover, .so_veranstaltungsliste.liste .box:focus, .so_veranstaltungsliste.liste .box:active, .so_verleihartikel_liste.liste .box:hover, .so_verleihartikel_liste.liste .box:focus, .so_verleihartikel_liste.liste .box:active, .so_verleihartikel_akkordeon.liste .box:hover, .so_verleihartikel_akkordeon.liste .box:focus, .so_verleihartikel_akkordeon.liste .box:active, .so_verleihartikel_liste.liste .box:hover, .so_verleihartikel_liste.liste .box:focus, .so_verleihartikel_liste.liste .box:active {
  background: var(--so_primaer);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.so_veranstaltungsliste.liste .box:hover p, .so_veranstaltungsliste.liste .box:focus p, .so_veranstaltungsliste.liste .box:active p, .so_verleihartikel_liste.liste .box:hover p, .so_verleihartikel_liste.liste .box:focus p, .so_verleihartikel_liste.liste .box:active p, .so_verleihartikel_akkordeon.liste .box:hover p, .so_verleihartikel_akkordeon.liste .box:focus p, .so_verleihartikel_akkordeon.liste .box:active p, .so_verleihartikel_liste.liste .box:hover p, .so_verleihartikel_liste.liste .box:focus p, .so_verleihartikel_liste.liste .box:active p {
  color: #ffffff;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.so_veranstaltungsliste.liste .box:hover p.headline, .so_veranstaltungsliste.liste .box:focus p.headline, .so_veranstaltungsliste.liste .box:active p.headline, .so_verleihartikel_liste.liste .box:hover p.headline, .so_verleihartikel_liste.liste .box:focus p.headline, .so_verleihartikel_liste.liste .box:active p.headline, .so_verleihartikel_akkordeon.liste .box:hover p.headline, .so_verleihartikel_akkordeon.liste .box:focus p.headline, .so_verleihartikel_akkordeon.liste .box:active p.headline, .so_verleihartikel_liste.liste .box:hover p.headline, .so_verleihartikel_liste.liste .box:focus p.headline, .so_verleihartikel_liste.liste .box:active p.headline {
  color: #ffffff;
}
.so_veranstaltungsliste.liste .box:hover p a, .so_veranstaltungsliste.liste .box:hover p a:link, .so_veranstaltungsliste.liste .box:hover p a:visited, .so_veranstaltungsliste.liste .box:focus p a, .so_veranstaltungsliste.liste .box:focus p a:link, .so_veranstaltungsliste.liste .box:focus p a:visited, .so_veranstaltungsliste.liste .box:active p a, .so_veranstaltungsliste.liste .box:active p a:link, .so_veranstaltungsliste.liste .box:active p a:visited, .so_verleihartikel_liste.liste .box:hover p a, .so_verleihartikel_liste.liste .box:hover p a:link, .so_verleihartikel_liste.liste .box:hover p a:visited, .so_verleihartikel_liste.liste .box:focus p a, .so_verleihartikel_liste.liste .box:focus p a:link, .so_verleihartikel_liste.liste .box:focus p a:visited, .so_verleihartikel_liste.liste .box:active p a, .so_verleihartikel_liste.liste .box:active p a:link, .so_verleihartikel_liste.liste .box:active p a:visited, .so_verleihartikel_akkordeon.liste .box:hover p a, .so_verleihartikel_akkordeon.liste .box:hover p a:link, .so_verleihartikel_akkordeon.liste .box:hover p a:visited, .so_verleihartikel_akkordeon.liste .box:focus p a, .so_verleihartikel_akkordeon.liste .box:focus p a:link, .so_verleihartikel_akkordeon.liste .box:focus p a:visited, .so_verleihartikel_akkordeon.liste .box:active p a, .so_verleihartikel_akkordeon.liste .box:active p a:link, .so_verleihartikel_akkordeon.liste .box:active p a:visited, .so_verleihartikel_liste.liste .box:hover p a, .so_verleihartikel_liste.liste .box:hover p a:link, .so_verleihartikel_liste.liste .box:hover p a:visited, .so_verleihartikel_liste.liste .box:focus p a, .so_verleihartikel_liste.liste .box:focus p a:link, .so_verleihartikel_liste.liste .box:focus p a:visited, .so_verleihartikel_liste.liste .box:active p a, .so_verleihartikel_liste.liste .box:active p a:link, .so_verleihartikel_liste.liste .box:active p a:visited {
  color: #ffffff;
}
.so_veranstaltungsliste.liste .box:hover p a:hover, .so_veranstaltungsliste.liste .box:hover p a:focus, .so_veranstaltungsliste.liste .box:hover p a:active, .so_veranstaltungsliste.liste .box:focus p a:hover, .so_veranstaltungsliste.liste .box:focus p a:focus, .so_veranstaltungsliste.liste .box:focus p a:active, .so_veranstaltungsliste.liste .box:active p a:hover, .so_veranstaltungsliste.liste .box:active p a:focus, .so_veranstaltungsliste.liste .box:active p a:active, .so_verleihartikel_liste.liste .box:hover p a:hover, .so_verleihartikel_liste.liste .box:hover p a:focus, .so_verleihartikel_liste.liste .box:hover p a:active, .so_verleihartikel_liste.liste .box:focus p a:hover, .so_verleihartikel_liste.liste .box:focus p a:focus, .so_verleihartikel_liste.liste .box:focus p a:active, .so_verleihartikel_liste.liste .box:active p a:hover, .so_verleihartikel_liste.liste .box:active p a:focus, .so_verleihartikel_liste.liste .box:active p a:active, .so_verleihartikel_akkordeon.liste .box:hover p a:hover, .so_verleihartikel_akkordeon.liste .box:hover p a:focus, .so_verleihartikel_akkordeon.liste .box:hover p a:active, .so_verleihartikel_akkordeon.liste .box:focus p a:hover, .so_verleihartikel_akkordeon.liste .box:focus p a:focus, .so_verleihartikel_akkordeon.liste .box:focus p a:active, .so_verleihartikel_akkordeon.liste .box:active p a:hover, .so_verleihartikel_akkordeon.liste .box:active p a:focus, .so_verleihartikel_akkordeon.liste .box:active p a:active, .so_verleihartikel_liste.liste .box:hover p a:hover, .so_verleihartikel_liste.liste .box:hover p a:focus, .so_verleihartikel_liste.liste .box:hover p a:active, .so_verleihartikel_liste.liste .box:focus p a:hover, .so_verleihartikel_liste.liste .box:focus p a:focus, .so_verleihartikel_liste.liste .box:focus p a:active, .so_verleihartikel_liste.liste .box:active p a:hover, .so_verleihartikel_liste.liste .box:active p a:focus, .so_verleihartikel_liste.liste .box:active p a:active {
  color: #ffffff;
  opacity: 0.7;
}
.so_veranstaltungsliste.liste .box:hover a.so_button, .so_veranstaltungsliste.liste .box:hover a.so_button:link, .so_veranstaltungsliste.liste .box:hover a.so_button:visited, .so_veranstaltungsliste.liste .box:focus a.so_button, .so_veranstaltungsliste.liste .box:focus a.so_button:link, .so_veranstaltungsliste.liste .box:focus a.so_button:visited, .so_veranstaltungsliste.liste .box:active a.so_button, .so_veranstaltungsliste.liste .box:active a.so_button:link, .so_veranstaltungsliste.liste .box:active a.so_button:visited, .so_verleihartikel_liste.liste .box:hover a.so_button, .so_verleihartikel_liste.liste .box:hover a.so_button:link, .so_verleihartikel_liste.liste .box:hover a.so_button:visited, .so_verleihartikel_liste.liste .box:focus a.so_button, .so_verleihartikel_liste.liste .box:focus a.so_button:link, .so_verleihartikel_liste.liste .box:focus a.so_button:visited, .so_verleihartikel_liste.liste .box:active a.so_button, .so_verleihartikel_liste.liste .box:active a.so_button:link, .so_verleihartikel_liste.liste .box:active a.so_button:visited, .so_verleihartikel_akkordeon.liste .box:hover a.so_button, .so_verleihartikel_akkordeon.liste .box:hover a.so_button:link, .so_verleihartikel_akkordeon.liste .box:hover a.so_button:visited, .so_verleihartikel_akkordeon.liste .box:focus a.so_button, .so_verleihartikel_akkordeon.liste .box:focus a.so_button:link, .so_verleihartikel_akkordeon.liste .box:focus a.so_button:visited, .so_verleihartikel_akkordeon.liste .box:active a.so_button, .so_verleihartikel_akkordeon.liste .box:active a.so_button:link, .so_verleihartikel_akkordeon.liste .box:active a.so_button:visited, .so_verleihartikel_liste.liste .box:hover a.so_button, .so_verleihartikel_liste.liste .box:hover a.so_button:link, .so_verleihartikel_liste.liste .box:hover a.so_button:visited, .so_verleihartikel_liste.liste .box:focus a.so_button, .so_verleihartikel_liste.liste .box:focus a.so_button:link, .so_verleihartikel_liste.liste .box:focus a.so_button:visited, .so_verleihartikel_liste.liste .box:active a.so_button, .so_verleihartikel_liste.liste .box:active a.so_button:link, .so_verleihartikel_liste.liste .box:active a.so_button:visited {
  border-color: #ffffff;
  color: #ffffff;
}
.so_veranstaltungsliste.liste .box:hover a.so_button.so_primaer, .so_veranstaltungsliste.liste .box:hover a.so_button:link.so_primaer, .so_veranstaltungsliste.liste .box:hover a.so_button:visited.so_primaer, .so_veranstaltungsliste.liste .box:focus a.so_button.so_primaer, .so_veranstaltungsliste.liste .box:focus a.so_button:link.so_primaer, .so_veranstaltungsliste.liste .box:focus a.so_button:visited.so_primaer, .so_veranstaltungsliste.liste .box:active a.so_button.so_primaer, .so_veranstaltungsliste.liste .box:active a.so_button:link.so_primaer, .so_veranstaltungsliste.liste .box:active a.so_button:visited.so_primaer, .so_verleihartikel_liste.liste .box:hover a.so_button.so_primaer, .so_verleihartikel_liste.liste .box:hover a.so_button:link.so_primaer, .so_verleihartikel_liste.liste .box:hover a.so_button:visited.so_primaer, .so_verleihartikel_liste.liste .box:focus a.so_button.so_primaer, .so_verleihartikel_liste.liste .box:focus a.so_button:link.so_primaer, .so_verleihartikel_liste.liste .box:focus a.so_button:visited.so_primaer, .so_verleihartikel_liste.liste .box:active a.so_button.so_primaer, .so_verleihartikel_liste.liste .box:active a.so_button:link.so_primaer, .so_verleihartikel_liste.liste .box:active a.so_button:visited.so_primaer, .so_verleihartikel_akkordeon.liste .box:hover a.so_button.so_primaer, .so_verleihartikel_akkordeon.liste .box:hover a.so_button:link.so_primaer, .so_verleihartikel_akkordeon.liste .box:hover a.so_button:visited.so_primaer, .so_verleihartikel_akkordeon.liste .box:focus a.so_button.so_primaer, .so_verleihartikel_akkordeon.liste .box:focus a.so_button:link.so_primaer, .so_verleihartikel_akkordeon.liste .box:focus a.so_button:visited.so_primaer, .so_verleihartikel_akkordeon.liste .box:active a.so_button.so_primaer, .so_verleihartikel_akkordeon.liste .box:active a.so_button:link.so_primaer, .so_verleihartikel_akkordeon.liste .box:active a.so_button:visited.so_primaer, .so_verleihartikel_liste.liste .box:hover a.so_button.so_primaer, .so_verleihartikel_liste.liste .box:hover a.so_button:link.so_primaer, .so_verleihartikel_liste.liste .box:hover a.so_button:visited.so_primaer, .so_verleihartikel_liste.liste .box:focus a.so_button.so_primaer, .so_verleihartikel_liste.liste .box:focus a.so_button:link.so_primaer, .so_verleihartikel_liste.liste .box:focus a.so_button:visited.so_primaer, .so_verleihartikel_liste.liste .box:active a.so_button.so_primaer, .so_verleihartikel_liste.liste .box:active a.so_button:link.so_primaer, .so_verleihartikel_liste.liste .box:active a.so_button:visited.so_primaer {
  color: var(--so_primaer);
  background: #ffffff;
}
.so_veranstaltungsliste.liste .box:hover select, .so_veranstaltungsliste.liste .box:focus select, .so_veranstaltungsliste.liste .box:active select, .so_verleihartikel_liste.liste .box:hover select, .so_verleihartikel_liste.liste .box:focus select, .so_verleihartikel_liste.liste .box:active select, .so_verleihartikel_akkordeon.liste .box:hover select, .so_verleihartikel_akkordeon.liste .box:focus select, .so_verleihartikel_akkordeon.liste .box:active select, .so_verleihartikel_liste.liste .box:hover select, .so_verleihartikel_liste.liste .box:focus select, .so_verleihartikel_liste.liste .box:active select {
  border-color: #ffffff;
  color: #ffffff;
}
.so_veranstaltungsliste.liste .box.header, .so_verleihartikel_liste.liste .box.header, .so_verleihartikel_akkordeon.liste .box.header, .so_verleihartikel_liste.liste .box.header {
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  cursor: inherit;
  background: var(--so_text);
  padding-bottom: 20px;
}
.so_veranstaltungsliste.liste .box.header p, .so_verleihartikel_liste.liste .box.header p, .so_verleihartikel_akkordeon.liste .box.header p, .so_verleihartikel_liste.liste .box.header p {
  color: #ffffff;
}
.so_veranstaltungsliste.liste .box h3, .so_verleihartikel_liste.liste .box h3, .so_verleihartikel_akkordeon.liste .box h3, .so_verleihartikel_liste.liste .box h3 {
  font-weight: bold;
  margin-bottom: 20px;
}
.so_veranstaltungsliste.liste .box h3 span, .so_verleihartikel_liste.liste .box h3 span, .so_verleihartikel_akkordeon.liste .box h3 span, .so_verleihartikel_liste.liste .box h3 span {
  font-size: 16px;
  font-weight: 300;
  display: block;
}
.so_veranstaltungsliste.liste .box p, .so_verleihartikel_liste.liste .box p, .so_verleihartikel_akkordeon.liste .box p, .so_verleihartikel_liste.liste .box p {
  margin-bottom: 5px;
  font-weight: 300;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.so_veranstaltungsliste.liste .box p.abstand_unten, .so_verleihartikel_liste.liste .box p.abstand_unten, .so_verleihartikel_akkordeon.liste .box p.abstand_unten, .so_verleihartikel_liste.liste .box p.abstand_unten {
  margin-bottom: 15px;
}
.so_veranstaltungsliste.liste .box p.datum, .so_verleihartikel_liste.liste .box p.datum, .so_verleihartikel_akkordeon.liste .box p.datum, .so_verleihartikel_liste.liste .box p.datum {
  font-size: clamp(11px, 2vw, 14px);
  font-weight: 300;
  margin: 0px;
}
.so_veranstaltungsliste.liste .box p.headline, .so_verleihartikel_liste.liste .box p.headline, .so_verleihartikel_akkordeon.liste .box p.headline, .so_verleihartikel_liste.liste .box p.headline {
  font-size: clamp(16px, 2vw, 20px);
  color: var(--so_primaer);
}
.so_veranstaltungsliste.liste .box p .inaktiv, .so_verleihartikel_liste.liste .box p .inaktiv, .so_verleihartikel_akkordeon.liste .box p .inaktiv, .so_verleihartikel_liste.liste .box p .inaktiv {
  font-size: clamp(11px, 2vw, 14px);
  line-height: normal;
}
.so_veranstaltungsliste.liste .box p strong, .so_verleihartikel_liste.liste .box p strong, .so_verleihartikel_akkordeon.liste .box p strong, .so_verleihartikel_liste.liste .box p strong {
  font-weight: bold;
}
.so_veranstaltungsliste.liste .box .bild, .so_verleihartikel_liste.liste .box .bild, .so_verleihartikel_akkordeon.liste .box .bild, .so_verleihartikel_liste.liste .box .bild {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px;
}
.so_veranstaltungsliste.liste .box .bild img, .so_verleihartikel_liste.liste .box .bild img, .so_verleihartikel_akkordeon.liste .box .bild img, .so_verleihartikel_liste.liste .box .bild img {
  width: 100%;
  height: auto;
}
.so_veranstaltungsliste.liste .box a.so_button, .so_veranstaltungsliste.liste .box a.so_button:link, .so_veranstaltungsliste.liste .box a.so_button:visited, .so_verleihartikel_liste.liste .box a.so_button, .so_verleihartikel_liste.liste .box a.so_button:link, .so_verleihartikel_liste.liste .box a.so_button:visited, .so_verleihartikel_akkordeon.liste .box a.so_button, .so_verleihartikel_akkordeon.liste .box a.so_button:link, .so_verleihartikel_akkordeon.liste .box a.so_button:visited, .so_verleihartikel_liste.liste .box a.so_button, .so_verleihartikel_liste.liste .box a.so_button:link, .so_verleihartikel_liste.liste .box a.so_button:visited {
  text-align: center;
  width: 150px;
  max-width: 100%;
}
.so_veranstaltungsliste.liste .box select, .so_verleihartikel_liste.liste .box select, .so_verleihartikel_akkordeon.liste .box select, .so_verleihartikel_liste.liste .box select {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 10px;
  font-weight: normal;
  border: 1px solid var(--so_primaer);
  color: var(--so_primaer);
  background: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

/***********************
Boxen
***********************/
.so_veranstaltungsboxen p {
  moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.so_veranstaltungsboxen .kategorieauswahl {
  padding-bottom: 25px;
}
.so_veranstaltungsboxen .kategorieauswahl select {
  height: 42px;
  background: #ffffff;
  border: none;
  color: var(--so_primaer);
  font-size: 15px;
  font-weight: normal;
  padding: 0px 50px 0px 20px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  background-image: url(#WE:606#);
  background-repeat: no-repeat;
  background-position: right 20px center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-box-shadow: 0px 3px 20px 0px rgba(145, 133, 120, 0.3);
  -moz-box-shadow: 0px 3px 20px 0px rgba(145, 133, 120, 0.3);
  box-shadow: 0px 3px 20px 0px rgba(145, 133, 120, 0.3);
}
.so_veranstaltungsboxen .box {
  margin-bottom: 20px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-box-shadow: 0px 3px 20px 0px rgba(145, 133, 120, 0.3);
  -moz-box-shadow: 0px 3px 20px 0px rgba(145, 133, 120, 0.3);
  box-shadow: 0px 3px 20px 0px rgba(145, 133, 120, 0.3);
  text-align: center;
  height: 100%;
  height: calc(100% - 20px);
}
.so_veranstaltungsboxen .box.kein_link:hover .header:before, .so_veranstaltungsboxen .box.kein_link:focus .header:before, .so_veranstaltungsboxen .box.kein_link:active .header:before {
  display: none;
}
.so_veranstaltungsboxen .box.kein_link:hover .inhalt .kreis, .so_veranstaltungsboxen .box.kein_link:focus .inhalt .kreis, .so_veranstaltungsboxen .box.kein_link:active .inhalt .kreis {
  display: none;
}
.so_veranstaltungsboxen .box:hover .header, .so_veranstaltungsboxen .box:focus .header, .so_veranstaltungsboxen .box:active .header {
  background: var(--so_sekundaer);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.so_veranstaltungsboxen .box:hover .inhalt .kreis, .so_veranstaltungsboxen .box:focus .inhalt .kreis, .so_veranstaltungsboxen .box:active .inhalt .kreis {
  opacity: 1;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.so_veranstaltungsboxen .box .header {
  background: var(--so_primaer);
  padding: 10px 15px;
  position: relative;
  overflow: hidden;
  border-radius: 10px 10px 0px 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.so_veranstaltungsboxen .box .header:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  background: #045146;
  background: -moz-linear-gradient(-45deg, #045146 0%, #07a28b 100%);
  background: -webkit-linear-gradient(-45deg, #045146 0%, #07a28b 100%);
  background: linear-gradient(135deg, #045146 0%, #07a28b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#045146", endColorstr="#07a28b",GradientType=1);
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.so_veranstaltungsboxen .box .header p {
  font-size: clamp(12px, 2vw, 14px);
  font-weight: normal;
  line-height: normal;
  color: #ffffff;
  margin: 0px;
  position: relative;
  z-index: 20;
}
.so_veranstaltungsboxen .box .bild img {
  width: 100%;
  height: auto;
}
.so_veranstaltungsboxen .box .inhalt {
  padding: 15px;
  position: relative;
  background: #ffffff;
  border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -ms-border-radius: 0px 0px 10px 10px;
  -o-border-radius: 0px 0px 10px 10px;
}
.so_veranstaltungsboxen .box .inhalt p.tag {
  color: var(--so_sekundaer);
  font-size: 50px;
  letter-spacing: 0.3px;
  margin-bottom: 8px;
  display: inline-block;
  width: 85px;
  height: 85px;
  line-height: 85px;
  background: rgba(7, 162, 139, 0.1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.so_veranstaltungsboxen .box .inhalt p.monat {
  color: var(--so_sekundaer);
  font-size: 22px;
  line-height: 22px;
  letter-spacing: -0.18px;
  margin-bottom: 15px;
}
.so_veranstaltungsboxen .box .inhalt p.name {
  font-size: 20px;
  color: #0A4038;
  font-weight: bold;
  letter-spacing: -0.18px;
  margin-bottom: 0px;
}
.so_veranstaltungsboxen .box .inhalt .infos, .so_veranstaltungsboxen .box .inhalt .text {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #DDDBDA;
  text-align: left;
}
.so_veranstaltungsboxen .box .inhalt .infos p, .so_veranstaltungsboxen .box .inhalt .text p {
  margin: 0px 0px 5px 0px;
  font-size: 16px;
  line-height: normal;
  color: var(--so_text);
  letter-spacing: -0.18px;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left center;
}
.so_veranstaltungsboxen .box .inhalt .infos p.referent, .so_veranstaltungsboxen .box .inhalt .text p.referent {
  position: relative;
}
.so_veranstaltungsboxen .box .inhalt .infos p.datum, .so_veranstaltungsboxen .box .inhalt .text p.datum {
  position: relative;
}
.so_veranstaltungsboxen .box .inhalt .infos p.datum:before, .so_veranstaltungsboxen .box .inhalt .text p.datum:before {
  font-family: "Material Symbols Rounded";
  content: "\e935";
  display: inline-block;
  position: absolute;
  left: 0px;
  top: -1px;
  font-weight: 500;
  font-size: 20px;
  color: var(--so_primaer);
}
.so_veranstaltungsboxen .box .inhalt .infos p.zeit, .so_veranstaltungsboxen .box .inhalt .text p.zeit {
  position: relative;
}
.so_veranstaltungsboxen .box .inhalt .infos p.zeit:before, .so_veranstaltungsboxen .box .inhalt .text p.zeit:before {
  font-family: "Material Symbols Rounded";
  content: "\e8b5";
  display: inline-block;
  position: absolute;
  left: 0px;
  top: -1px;
  font-weight: 500;
  font-size: 20px;
  color: var(--so_primaer);
}
.so_veranstaltungsboxen .box .inhalt .infos p.ort, .so_veranstaltungsboxen .box .inhalt .text p.ort {
  position: relative;
}
.so_veranstaltungsboxen .box .inhalt .infos p.ort:before, .so_veranstaltungsboxen .box .inhalt .text p.ort:before {
  font-family: "Material Symbols Rounded";
  content: "\e0c8";
  display: inline-block;
  position: absolute;
  left: 0px;
  top: -1px;
  font-weight: 500;
  font-size: 20px;
  color: var(--so_primaer);
}
.so_veranstaltungsboxen .box .inhalt .infos p.status, .so_veranstaltungsboxen .box .inhalt .text p.status {
  padding: 0px;
  display: inline-block;
  margin: 0px;
}
.so_veranstaltungsboxen .box .inhalt .text p {
  padding: 0px;
  margin-bottom: 10px;
}
.so_veranstaltungsboxen .box .inhalt .kreis {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background-color: var(--so_sekundaer);
  background-image: url(#WE:492#);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-box-shadow: 0px 10px 30px 0px #00d0b2;
  -moz-box-shadow: 0px 10px 30px 0px #00d0b2;
  box-shadow: 0px 10px 30px 0px #00d0b2;
  position: absolute;
  left: 45%;
  left: calc(50% - 24px);
  bottom: -24px;
  z-index: 20;
  opacity: 0;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.so_veranstaltungsboxen .box .inhalt .so_buttonbox {
  text-align: center;
  padding: 10px 0px;
}
.so_veranstaltungsboxen .box .inhalt .so_buttonbox .inaktiv {
  display: inline-block;
  padding: 5px;
}
.so_veranstaltungsboxen .veranstaltungen_slider {
  margin: 0px;
}
.so_veranstaltungsboxen .veranstaltungen_slider .slick-dots {
  padding: 0px;
}
.so_veranstaltungsboxen .veranstaltungen_slider .box {
  height: auto;
}
.so_veranstaltungsboxen .veranstaltungen_slider .box .inhalt {
  height: auto;
}
.so_veranstaltungsboxen .veranstaltungen_slider + .buttonbox {
  padding-top: 40px;
}
.so_veranstaltungsboxen .buttonbox {
  text-align: center;
  margin-bottom: 60px;
}

.tippy-popper .tippy-tooltip {
  background: #504f4a;
}

.tippy-popper .tippy-tooltip[data-placement^=top] > .tippy-arrow {
  border-top-color: #504f4a;
}

.tippy-popper .tippy-tooltip .tippy-content table {
  margin: 0px;
}

.tippy-popper .tippy-tooltip .tippy-content table td {
  padding: 0px !important;
  background: none !important;
  padding: 0px !important;
  border: none !important;
  color: #ffffff;
}

.kalender-row td {
  padding: 0 !important;
  background: transparent !important;
}

.flatpickr_verleihe {
  display: none; /* Initial versteckt */
  position: absolute; /* Absolut positioniert */
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: 1060; /* Über anderen Ebenen */
  padding: 10px; /* Platzierung des Inhalts */
}

.flatpickr_rot {
  background-color: #C73900 !important;
  color: white !important;
}

.flatpickr_gelb {
  background-color: #FFD20F !important;
  color: white !important;
}

.flatpickr_gruen {
  background-color: #87bf87 !important;
  color: white !important;
}

.modal .flatpickr-calendar {
  width: 100% !important;
}

.modal .flatpickr-calendar .flatpickr-innerContainer {
  width: 100%;
}

.modal .flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer {
  width: 100%;
}

.modal .flatpickr-calendar .flatpickr-days {
  width: 100%;
}

.modal .flatpickr-calendar .flatpickr-days .dayContainer {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}

.flatpickr-calendar .flatpickr-clear a.flatpickr-clear-button,
.flatpickr-calendar .flatpickr-clear a.flatpickr-clear-button:link,
.flatpickr-calendar .flatpickr-clear a.flatpickr-clear-button:visited {
  background: #4D4D4D;
  color: #fff;
  display: inline-block;
  padding: 3px;
  text-decoration: none;
}

.flatpickr-calendar .flatpickr-clear a.flatpickr-clear-button:hover,
.flatpickr-calendar .flatpickr-clear a.flatpickr-clear-button:focus,
.flatpickr-calendar .flatpickr-clear a.flatpickr-clear-button:active {
  background: #4D4D4D;
  color: #fff;
  text-decoration: none;
}

.flatpickr-day {
  pointer-events: auto;
  cursor: default;
}

.flatpickr-day.flatpickr_rot:not(.flatpickr-disabled) {
  background-color: #C73900 !important;
  color: white !important;
}

.flatpickr-day.flatpickr_gelb:not(.flatpickr-disabled) {
  background-color: #FFD20F !important;
  color: white !important;
}

.flatpickr-day.flatpickr_halb_ausgebucht:not(.flatpickr-disabled) {
  background-color: #87BF87 !important;
  color: #FFFFFF !important;
  position: relative;
  background: linear-gradient(to bottom right, #87BF87 0%, #87BF87 50%, #C73900 50%, #C73900 100%);
}

.flatpickr-day.flatpickr_gruen:not(.flatpickr-disabled) {
  background-color: #87bf87 !important;
  color: white !important;
}

.flatpickr-day.selected {
  border-color: #e9e9e9 !important;
}

span.flatpickr-day:nth-child(n+8), span.flatpickr-day.prevMonthDay:nth-child(n+8), span.flatpickr-day.nextMonthDay:nth-child(n+8) {
  border-top: none;
}

span.flatpickr-day, span.flatpickr-day.prevMonthDay, span.flatpickr-day.nextMonthDay {
  border-right: none;
}

span.flatpickr-day, span.flatpickr-day.prevMonthDay, span.flatpickr-day.nextMonthDay {
  border-right: none;
}

span.flatpickr-day.today:not(.selected), span.flatpickr-day.prevMonthDay.today:not(.selected), span.flatpickr-day.nextMonthDay.today:not(.selected) {
  border-bottom-color: #E9E9E9;
}

span.flatpickr-day, span.flatpickr-day.prevMonthDay, span.flatpickr-day.nextMonthDay {
  border-right: none;
}

.tippy-popper .tippy-tooltip .tippy-content table.tippy_verleihzeiten tr td {
  padding: 5px !important;
  border-top: 1px solid #ffffff !important;
  font-size: 13px;
  line-height: 120%;
  vertical-align: middle;
}
.tippy-popper .tippy-tooltip .tippy-content table.tippy_verleihzeiten tr td a, .tippy-popper .tippy-tooltip .tippy-content table.tippy_verleihzeiten tr td a:link, .tippy-popper .tippy-tooltip .tippy-content table.tippy_verleihzeiten tr td a:visited {
  text-decoration: none;
  display: inline-block;
  padding: 5px 10px;
  background: #ffffff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  margin-left: 5px;
}
.tippy-popper .tippy-tooltip .tippy-content table.tippy_verleihzeiten tr:first-child td {
  border-top: none !important;
}

.tippy-box .tippy-content table.tippy_verleihzeiten {
  margin: 0px;
  color: #ffffff;
}
.tippy-box .tippy-content table.tippy_verleihzeiten tr td {
  padding: 5px !important;
  border-top: 1px solid #ffffff !important;
  font-size: 13px;
  line-height: 120%;
  vertical-align: middle;
}
.tippy-box .tippy-content table.tippy_verleihzeiten tr td a, .tippy-box .tippy-content table.tippy_verleihzeiten tr td a:link, .tippy-box .tippy-content table.tippy_verleihzeiten tr td a:visited {
  text-decoration: none;
  display: inline-block;
  padding: 5px 10px;
  background: #ffffff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  margin-left: 5px;
}
.tippy-box .tippy-content table.tippy_verleihzeiten tr:first-child td {
  border-top: none !important;
}

/*.tippy-popper .tippy-tooltip .tippy-content table.tippy_verleihzeiten tr td {
  padding: 5px !important;
  border-top: 1px solid #ffffff !important;
  font-size: 13px;
  line-height: 120%;
  vertical-align: middle;
}

.tippy-popper .tippy-tooltip .tippy-content table.tippy_verleihzeiten tr:first-child td {
  border-top: none !important;
}

.tippy-popper .tippy-tooltip .tippy-content table.tippy_verleihzeiten tr td a,
.tippy-popper .tippy-tooltip .tippy-content table.tippy_verleihzeiten tr td a:link,
.tippy-popper .tippy-tooltip .tippy-content table.tippy_verleihzeiten tr td a:visited {
  text-decoration: none;
  display: inline-block;
  padding: 5px 10px;
  background: #ffffff;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  margin-left: 5px;
}*/

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