
/* calendar */
body:has(.training-calendar) {
  --tc-page-margin: 40px;
  --tc-form-row-margin: 20px;
  --tc-form-input-padding-x: 15px;
  --tc-form-input-padding-y: 11px;
  --tc-form-input-placeholder-color: #666666;
  --tc-form-input-placeholder-asterisk-color: red;
  --tc-default-transition: 0.5s;
  --tc-form-field-gap: 20px;
  --tc-max-width: 1340px;
}
body:has(.training-calendar) #pop-up-Formular {
  display: none;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form,
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form + div,
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form + div + div {
  width: calc(100% - (var(--tc-page-margin) * 2)) !important;
  max-height: initial;
  height: calc(100% - (var(--tc-page-margin) * 2)) !important;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block !important;
  visibility: visible !important;
  transition: opacity var(--tc-default-transition);
  max-width: var(--tc-max-width);
  margin: 0px !important;
  position: fixed;
  padding: 2rem !important;
  overflow-y: auto !important;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form .hidden_test {
  border: none;
}
html:has(.training-calendar):has(#pop-up-Formular form[data-on="on"] [aria-label="Startdatum"]),
body:has(.training-calendar):has(#pop-up-Formular form[data-on="on"] [aria-label="Startdatum"]) {
  overscroll-behavior: none;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input),
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > select) {
  position: relative;
  margin-bottom: 0px;
  margin-bottom: var(--tc-form-row-margin);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input) > div:nth-child(1),
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > select) > div:nth-child(1) {
  position: absolute;
  margin-bottom: 0px;
  top: 50%;
  left: calc(var(--tc-form-input-padding-x) + 1px);
  pointer-events: none;
  transform: translateY(-50%);
  opacity: 0.5;
  transition: transform calc(var(--tc-default-transition) * 0.5), left calc(var(--tc-default-transition) * 0.5), font-size calc(var(--tc-default-transition) * 0.5), left calc(var(--tc-default-transition) * 0.5);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input) > div:nth-child(1) label,
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > select) > div:nth-child(1) label {
  color: var(--tc-form-input-placeholder-color);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input) > div:nth-child(1) label:after,
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > select) > div:nth-child(1) label:after {
  color: var(--tc-form-input-placeholder-asterisk-color);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input) > div:nth-child(2) {
  flex-grow: 100;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input) input {
  padding: var(--tc-form-input-padding-y) var(--tc-form-input-padding-x);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input) input::placeholder {
  color: transparent !important;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input:not(:placeholder-shown)) > div:nth-child(1),
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > select) > div:nth-child(1) {
  font-size: 0.7em;
  top: 0px;
  transform: translateY(-90%);
  left: 5px;
  display: block;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > input):has([aria-label="Startdatum"]) {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: var(--tc-form-field-gap);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > input):has([aria-label="Startdatum"]) > div:nth-child(1) {
  width: 100%;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > input):has([aria-label="Startdatum"]) > div:nth-child(n+2) {
  width: calc((100% - (var(--tc-form-field-gap) * 2)) / 3);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > label > input[type="radio"]) > div:nth-child(1) {
  display: none;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > label > input[type="radio"]) > div:nth-child(2) div:has( > label) {
  display: inline-flex;
  margin-right: var(--tc-form-field-gap);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > label > input[type="radio"]) > div:nth-child(2) label {
  display: flex;
  margin-bottom: 0px;
  align-items: center;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > label > input[type="radio"]) > div:nth-child(2) label > * {
  display: inline-block;
  top: auto;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > label > input[type="radio"]) > div:nth-child(2) label span {
  margin-left: calc(var(--tc-form-field-gap) * 0.5);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Vorname"]) {
  display: flex;
  flex-direction: row;
  column-gap: var(--tc-form-field-gap);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Vorname"]) > * {
  width: 50%;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form fieldset {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form fieldset > * {
  width: 100%;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input):has([aria-label="Telefonnummer"]),
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input):has([aria-label="Geburtsdatum"]) {
  width: calc((100% - (var(--tc-form-field-gap) * 1)) / 2);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input):has([aria-label="Telefonnummer"]) {
  margin-right: var(--tc-form-field-gap);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Adresszeile"]) {
  display: flex;
  column-gap: var(--tc-form-field-gap);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Adresszeile"]) > *:nth-child(1) {
  width: calc(((100% - (var(--tc-form-field-gap) * 1)) * 2) / 4);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Adresszeile"]) > *:nth-child(2) {
  width: calc(((100% - (var(--tc-form-field-gap) * 1)) * 2) / 4);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Ort"]) {
  display: flex;
  column-gap: var(--tc-form-field-gap);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Ort"]) > *:nth-child(1) {
  width: calc(((100% - (var(--tc-form-field-gap) * 1)) * 2) / 4);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Ort"]) > *:nth-child(2) {
  width: calc(((100% - (var(--tc-form-field-gap) * 1)) * 2) / 4);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form label:has(input[type="checkbox"]) {
  display: flex;
  column-gap: calc(var(--tc-form-field-gap) * 0.5);
  align-items: center;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form label:has(input[type="checkbox"]) > span:has( > input) {
  padding-top: 0px !important;
  width: auto;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form label:has(input[type="checkbox"]) input {
  top: auto;
  margin: 0px;
  width: auto;
  display: inline-block;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has(> div > label[aria-label="terms & conditions"]) {
  transition: margin-top var(--tc-default-transition);
  margin-top: calc(0px - var(--tc-form-row-margin));
}
body:has(.training-calendar) .flatpickr-calendar {

}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form {
  box-shadow: none;
  overscroll-behavior: contain;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) {
  position: fixed;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  z-index: 12;
  background-color: rgba(0, 0, 0, 0.7);
  transition: opacity var(--tc-default-transition);
}
body:has(.training-calendar):has(#pop-up-Formular form[data-on="on"] [aria-label="Startdatum"]) #pop-up-Formular:has([aria-label="Startdatum"]) {
  opacity: 1;
  pointer-events: auto;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form > span,
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) .ff-message-success > span {
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTQiIGhlaWdodD0iNTMiIHZpZXdCb3g9IjAgMCA1NCA1MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUxLjcgNDUuM0M1My41IDQ3LjEgNTMuNSA0OS45IDUxLjcgNTEuN0M1MC44IDUyLjYgNDkuNyA1MyA0OC41IDUzQzQ3LjMgNTMgNDYuMiA1Mi42IDQ1LjMgNTEuN0wyNyAzMy40TDguNyA1MS43QzcuOCA1Mi42IDYuNyA1MyA1LjUgNTNDNC4zIDUzIDMuMiA1Mi42IDIuMyA1MS43QzAuNDk5OTk3IDQ5LjkgMC40OTk5OTcgNDcuMSAyLjMgNDUuM0wyMC42IDI3TDIuMyA4LjdDMC40OTk5OTcgNi45IDAuNDk5OTk3IDQuMSAyLjMgMi4zQzQuMSAwLjQ5OTk5NyA2LjkgMC40OTk5OTcgOC43IDIuM0wyNyAyMC42TDQ1LjMgMi4zQzQ3LjEgMC40OTk5OTcgNDkuOSAwLjQ5OTk5NyA1MS43IDIuM0M1My41IDQuMSA1My41IDYuOSA1MS43IDguN0wzMy40IDI3TDUxLjcgNDUuM1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  background-size: 10px;
  background-repeat: no-repeat;
  cursor: pointer;
  background-position: center;
  border-radius: 50%;
  border: 2px solid #000000;
  padding: 10px;
  opacity: 0;
  transition: opacity var(--tc-default-transition), transform var(--tc-default-transition);
  animation: tc-show var(--tc-default-transition) forwards 0.5s;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form > span:hover,
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) .ff-message-success > span:hover {
  opacity: 0.7;
  transform: rotateZ(90deg);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input) input + * {
  display: block;
  position: absolute;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input + *) div:has( > input) {
  margin-bottom: calc(1em + 4px);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > input + *) > div:nth-child(1) {
  top: calc(50% - ((1em + 4px) * 0.5));
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > input):has([aria-label="Startdatum"]) > div:nth-child(n+1) {
  width: 100% !important;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > input):has([aria-label="Startdatum"]) > div:nth-child(n+1) > div:nth-child(1) {
  position: relative;
  transform: none;
  font-size: inherit;
  min-width: 160px;
  color: inherit;
  cursor: text;
  pointer-events: auto;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > input):has([aria-label="Startdatum"]) > div:nth-child(n+1) > div:nth-child(1) > label {
  color: inherit;
  font-weight: bold;
  pointer-events: auto;
  cursor: text;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > input):has([aria-label="Startdatum"]) > div:nth-child(n+1) input {
  border: none;
  padding: 0px;
  outline: none;
  border-radius: 0px;
  background-color: none;
  background: none;
  cursor: text;
  width: 100%;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Startdatum"]) {
  margin-bottom: var(--tc-form-field-gap);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]):has([aria-label="Rechnung an Firmenadresse"]:checked) form div:has(> div > label[aria-label="terms & conditions"]) {
  margin-top: var(--tc-form-row-margin);
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]):has(.ff-message-success) form {
  opacity: 0;
  pointer-events: none;
}
body:has(.training-calendar):has(#pop-up-Formular form [aria-label="Startdatum"]) #pop-up-Formular:has([aria-label="Startdatum"]),
body:has(.training-calendar):has(#pop-up-Formular form [aria-label="Startdatum"]) #pop-up-Formular:has([aria-label="Startdatum"]) > div,
body:has(.training-calendar):has(#pop-up-Formular form [aria-label="Startdatum"]) #pop-up-Formular:has([aria-label="Startdatum"]) > div > div,
body:has(.training-calendar):has(#pop-up-Formular form [aria-label="Startdatum"]) #pop-up-Formular:has([aria-label="Startdatum"]) > div > div > div,
body:has(.training-calendar):has(#pop-up-Formular form [aria-label="Startdatum"]) #pop-up-Formular:has([aria-label="Startdatum"]) > div > div > div > div,
body:has(.training-calendar):has(#pop-up-Formular form [aria-label="Startdatum"]) #pop-up-Formular:has([aria-label="Startdatum"]) > div > div > div > div > div {
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  width: 100%;
  height: 100%;
  max-width: initial;
  position: fixed;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) div:has( > form) {
  display: flex;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) .ff-message-success {
  background-color: #ffffff;
  border-radius: 1rem;
  opacity: 0;
  animation: tc-show var(--tc-default-transition) forwards 0.5s;
  padding: 2rem;
  order: 2;
  margin-top: 0px;
  margin: auto;
}
@keyframes tc-show {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) .ff-message-success p:has(a) {
  display: flex;
  justify-content: center;
  margin-bottom: 0px;
}

@media (max-width: 768px) {
  body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > input):has([aria-label="Startdatum"]) > div:nth-child(n+2) {
    width: calc((100% - (var(--tc-form-field-gap) * 1)) / 2);
  }
  body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > input):has([aria-label="Startdatum"]) > div:last-child {
    width: 100%;
  }
  body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Vorname"]) {
    flex-direction: column;
  }
  body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Vorname"]) > * {
    width: 100%;
  }
  body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Adresszeile"]) {
    flex-direction: row;
  }
  body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Ort"]) {
    flex-direction: column;
  }
  body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > div > input):has([aria-label="Ort"]) > *:nth-child(n+1) {
    width: 100%;
  }
  body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form {
    width: calc(100% - (var(--tc-page-margin) * 1)) !important;
    height: calc(100% - (var(--tc-page-margin) * 1)) !important;
  }
  body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > input):has([aria-label="Startdatum"]) > div:nth-child(n+1) > div:nth-child(1) {
    min-width: 130px;
  }
}

@media (max-width: 480px) {
  body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) form div:has( > div > div > input):has([aria-label="Startdatum"]) > div:nth-child(n+1) > div:nth-child(1) {
    min-width: 120px;
  }
}

body:has(.training-calendar) {
  --tc-col-title-size: 20%;
  --tc-col-date-size: 20%;
  --tc-col-middle-size: 45%;
  --tc-col-button-size: 15%;
  --tc-border-radius: 5px;
  --tc-transition-duration: 0.5s;
  --tc-primary-color: var(--e-global-color-uicore_primary);
  --tc-secondary-color: var(--e-global-color-uicore_secondary);
}
.training-calendar {
  background-color: #efefef;
  padding-top: 40px;
  padding-bottom: 40px;
}
.training-calendar, .training-calendar * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  box-sizing: border-box;
}
.training-calendar .elementor-loop-container {
  grid-row-gap: 15px;
  grid-template-columns: 1fr;
}
.training-calendar [data-element_type="container"]:not(:has(.tc-kurs-training)) {
  display: none;
}
.training-calendar div:has( > div > .tc-kurs-training) {
  border-radius: var(--tc-border-radius);
  background-color: #ffffff !important;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  transition: background-color var(--tc-transition-duration);
}
.training-calendar div:has( > div > .tc-kurs-training):hover {
  background-color: #F4FFF6 !important;
}
.training-calendar div:has( > .tc-kurs-training) {
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
}
.training-calendar div:has( > .tc-kurs-training) > * {
  max-width: initial !important;
}
.training-calendar .tc-kurs-training {
  width: var(--tc-col-title-size) !important;
  padding-left: 0px !important;
  text-align: left;
}
.training-calendar .tc-kurs-start:not(.tc-kurs-start-2) {
  display: none !important;
}
.training-calendar .tc-kurs-start {
  width: var(--tc-col-date-size) !important;
}
.training-calendar .tc-kurs-sprache:not(.tc-kurs-sprache-2) {
  display: none !important;
}
.training-calendar .tc-kurs-sprache {
  width: var(--tc-col-middle-size) !important;
}
.training-calendar #tc-kurs-button {
  width: var(--tc-col-button-size) !important;
  align-items: flex-end;
  justify-content: flex-end;
}
.training-calendar .tc-kurs-ende,
.training-calendar .tc-kurs-standort,
.training-calendar .tc-kurs-trainer,
.training-calendar .tc-kurs-preis,
.training-calendar #tc-kurs-status {
  display: none !important;
}
.training-calendar .tc-kurs-start p:has(a:nth-child(2)) {
  display: flex;
  column-gap: 30px;
}
.training-calendar .tc-kurs-start p:has(a:nth-child(2)) > a {
  display: flex;
  flex-direction: column;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--tc-primary-color);
  border-radius: var(--tc-border-radius);
  color: #ffffff;
  font-size: 0.8em !important;
  position: relative;
  pointer-events: none;
}
.training-calendar .tc-kurs-start p:has(a:nth-child(2)) a:nth-child(1):before {
  content: "";
  position: absolute;
  left: calc(100% + 9px);
  top: 50%;
  transform: translateY(-50%);
  background-image: var(--wpr-bg-5bb9f3b2-82b9-46aa-b662-c9724ff46451);
  width: 12px;
  height: 9.6px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.training-calendar .tc-kurs-start p:has(a:nth-child(2)) > a > span {
  white-space: nowrap;
}
.training-calendar .tc-kurs-start p:has(a:nth-child(2)) > a > span:nth-child(1) {
  font-size: 2em !important;
  white-space: nowrap;
  display: block;
}
.training-calendar .tc-kurs-start p:has(a:nth-child(2)) > a > span:nth-child(3) {
  color: #aaaaaa;
  font-size: 1em !important;
}
.training-calendar .tc-kurs-sprache > div:nth-child(1) {
  flex-grow: 100;
  justify-content: flex-start !important;
  text-align: left !important;
}
.training-calendar .tc-kurs-sprache > div:nth-child(1) *:not(:has( > * > *)):has(*) > * {
  display: block !important;
  position: relative;
  padding-left: 20px;
  line-height: 1;
}
.training-calendar .tc-kurs-sprache > div:nth-child(1) *:not(:has( > * > *)):has(*) > *:not(:last-child) {
  margin-bottom: 5px;
}
.training-calendar .tc-kurs-sprache > div:nth-child(1) *:not(:has( > * > *)):has(*) > *:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: var(--wpr-bg-e9455ede-ed4d-4700-b6d4-fac720c60bd5);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}
.training-calendar .tc-kurs-sprache > div:nth-child(1) *:not(:has( > * > *)):has(*) > *:nth-child(2):before {
  background-image: var(--wpr-bg-52cf25f5-6043-4db7-a4f1-1a7d1e71eb43);
}
.training-calendar .tc-kurs-sprache > div:nth-child(1) *:not(:has( > * > *)):has(*) > *:nth-child(3):before {
  background-image: var(--wpr-bg-085c60cd-57e3-47b1-b28d-e6a10de9e3b9);
}
.training-calendar .tc-kurs-sprache > div:nth-child(2) {
  display: flex;
  flex-direction: column-reverse;
  row-gap: 5px;
  text-align: right !important;
  align-items: flex-end !important;
}
.training-calendar .tc-kurs-sprache > div:nth-child(2) > *:nth-child(1) {
  font-size: 1.6em !important;
  display: block;
  position: relative;
}
.training-calendar .tc-kurs-sprache > div:nth-child(2) > *:nth-child(1):before {
  content: "CHF";
  position: absolute;
  right: calc(100% + 5px);
  white-space: nowrap;
  font-size: 0.7em !important;
  color: #aaaaaa;
  top: 50%;
  transform: translateY(-50%);
}
.training-calendar div:has( > div > .tc-kurs-training):has(.VerfÃ¼gbar) .tc-kurs-sprache > div:nth-child(2) > *:nth-child(2),
.training-calendar div:has( > div > .tc-kurs-training):has(.Available) .tc-kurs-sprache > div:nth-child(2) > *:nth-child(2) {
  color: #58ba6d;
}
.training-calendar div:has( > div > .tc-kurs-training):has(.wenige) .tc-kurs-sprache > div:nth-child(2) > *:nth-child(2),
.training-calendar div:has( > div > .tc-kurs-training):has(.Wenige.PlÃ¤tze.frei) .tc-kurs-sprache > div:nth-child(2) > *:nth-child(2),
.training-calendar div:has( > div > .tc-kurs-training):has(.Few.seats.left) .tc-kurs-sprache > div:nth-child(2) > *:nth-child(2) {
  color: #f0a67a;
}
.training-calendar div:has( > div > .tc-kurs-training):has(.Ausgebucht) .tc-kurs-sprache > div:nth-child(2) > *:nth-child(2),
.training-calendar div:has( > div > .tc-kurs-training):has(.Fully.booked) .tc-kurs-sprache > div:nth-child(2) > *:nth-child(2) {
  color: #eb6763;
}
.training-calendar li {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.training-calendar #tc-kurs-button {
  white-space: nowrap;
}
.training-calendar .tc-kurs-sprache-mobile {
  display: none !important;
}
body:has(.training-calendar) #pop-up-Formular:has([aria-label="Startdatum"]) fieldset > div:has([aria-label="Startdatum"]) {
  display: none !important;
}
body:has(.training-calendar) #pop-up-Formular .tc-form-data-display {
  display: flex;
  column-gap: 20px;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 20px;
}
body:has(.training-calendar) #pop-up-Formular .tc-form-data-display > div:nth-child(1) {
  width: 100%;
}
body:has(.training-calendar) #pop-up-Formular .tc-form-data-display .tc-form-date {
  display: flex;
  column-gap: 30px;
}
body:has(.training-calendar) #pop-up-Formular .tc-form-data-display .tc-form-date > div {
  background-color: var(--tc-primary-color);
  color: #ffffff;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
  line-height: 1;
  row-gap: 0px;
  font-size: 0.8em;
  position: relative;
}
body:has(.training-calendar) #pop-up-Formular .tc-form-data-display .tc-form-date > div:nth-child(1):before {
  content: "";
  position: absolute;
  left: calc(100% + 9px);
  top: 50%;
  transform: translateY(-50%);
  background-image: var(--wpr-bg-d0259acf-6a9c-4017-9997-9ff196ce7834);
  width: 12px;
  height: 9.6px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
body:has(.training-calendar) #pop-up-Formular .tc-form-data-display .tc-form-date > div > *:nth-child(1) {
  font-size: 2em !important;
}
body:has(.training-calendar) #pop-up-Formular .tc-form-data-display .tc-form-date > div > *:nth-child(3) {
  color: #aaaaaa;
}
body:has(.training-calendar) #pop-up-Formular .tc-form-data-display .tc-form-info > div:nth-child(2) {
  display: none;
}
body:has(.training-calendar) #pop-up-Formular .tc-form-data-display .tc-form-info > div:nth-child(1) > * {
  position: relative;
  display: block;
  padding-left: 20px;
}
body:has(.training-calendar) #pop-up-Formular .tc-form-data-display .tc-form-info > div:nth-child(1) > *:before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: var(--wpr-bg-a7d62887-891d-4ae9-9920-d86908778921);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
}
body:has(.training-calendar) #pop-up-Formular .tc-form-data-display .tc-form-info > div:nth-child(1) > *:nth-child(2):before {
  background-image: var(--wpr-bg-22e0bc07-0552-4238-9d3a-be81887ef2ae);
}
body:has(.training-calendar) #pop-up-Formular .tc-form-data-display .tc-form-info > div:nth-child(1) > *:nth-child(3):before {
  background-image: var(--wpr-bg-2521731a-b45b-4d63-8d76-fc4a0a765b97);
}

@media (max-width: 768px) {
  .training-calendar .tc-kurs-training {
    width: 100% !important;
    justify-content: flex-start !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .training-calendar .tc-kurs-training * {
    width: 100%;
  }
  .training-calendar .tc-kurs-training span {
    text-align: left;
  }
  .training-calendar .tc-kurs-start {
    width: 40% !important;
    justify-content: flex-start !important;
    padding-left: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  .training-calendar .tc-kurs-sprache:not(.tc-kurs-sprache-mobile) {
    padding-top: 0px !important;
  }
  .training-calendar .tc-kurs-sprache:not(.tc-kurs-sprache-mobile) > div:nth-child(2) {
    display: none !important;
  }
  .training-calendar #tc-kurs-button {
    width: 100% !important;
    justify-content: flex-start !important;
  }
  .training-calendar #tc-kurs-button * {
    width: 100%;
  }
  .training-calendar div:has( > .tc-kurs-training) {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0px;
    max-width: 100%;
  }
  .training-calendar .tc-kurs-sprache-mobile {
    display: flex !important;
    padding-right: 0px !important;
    width: calc(60% - 20px) !important;
    justify-content: flex-end !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .training-calendar .tc-kurs-sprache-mobile > div:nth-child(1) {
    display: none !important;
  }
  .training-calendar .tc-kurs-sprache:not(.tc-kurs-sprache-mobile) {
    width: 100% !important;
  }
}

body:has(.training-calendar) #pop-up-Formular fieldset .ff-el-section-title {
  display: none;
}
body:has(.training-calendar) #pop-up-Formular .tc-form-data-display > div:nth-child(1) {
  font-size: var(--uicore-typography--h3-s, "10px");
  font-weight: 600;
  font-family: var(--uicore-typography--h3-f, "Inter");
}
body:has(.training-calendar) #pop-up-Formular form + div .tc-form-data-display > div:nth-child(1) {
  font-size: var(--uicore-typography--h3-s, "10px");
  font-weight: 500;
  font-family: var(--uicore-typography--h3-f, "Inter");
}
body:has(.training-calendar) #pop-up-Formular #fluentform_6_errors:empty {
  pointer-events: none;
}

body:has(.training-calendar) #pop-up-Formular fieldset .ff-el-section-title {
  display: block;
}
body:has(.training-calendar) #pop-up-Formular fieldset input + div > h3.ff-el-section-title {
  display: none;
}

.training-calendar .tc-kurs-training {
  padding-left: 0 !important;
  text-align: left;
  padding-right: 0px !important;
  font-family: Montserrat !important;
  font-size: 20px !important;
  font-weight: inherit !important;
}

@media not (max-width: 768px) {
  .training-calendar .tc-kurs-start {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: auto !important;
  }
}

@media not (max-width: 1200px) {
  body:has(.training-calendar) {
    --tc-col-title-size: 30%;
    --tc-col-middle-size: 35%;
  }
}

@media (max-width: 1024px) {
  .training-calendar .tc-kurs-training {
    font-size: 18px !important;
  }
}

/* hubspot form */
.hbspt-form {
  padding-top: 40px;
  padding-bottom: 40px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s;
}
.hbspt-form.show {
  opacity: 1;
  pointer-events: auto;
}
.hbspt-form label[for^="aktuelles_training"] {
  display: none !important;
}
.hbspt-form input[id^="aktuelles_training"] {
  font-size: var(--uicore-typography--h3-s, "10px") !important;
  font-weight: 600 !important;
  font-family: var(--uicore-typography--h3-f, "Inter");
  padding: 0px !important;
  border: 0px !important;
  pointer-events: none;
  width: 0px;
  height: 0px;
  overflow: hidden;
  opacity: 0;
}
.hbspt-form .input:has( > input[id^="aktuelles_training"]) {
  font-size: var(--uicore-typography--h3-s, "10px") !important;
  font-weight: 600 !important;
  font-family: var(--uicore-typography--h3-f, "Inter");
  padding: 0px !important;
  border: 0px !important;
}
.hbspt-form form {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.hbspt-form fieldset:has( > .hs_training_startdatum),
.hbspt-form fieldset:has( > .hs_training_enddatum) {
  display: none;
}
.hbspt-form fieldset {
  width: 100%;
  max-width: initial;
}
.hbspt-form > form > fieldset {
  min-width: 100%;
}
.hbspt-form div:has( > .dt-left) {
  display: flex;
  column-gap: 20px;
}
.hbspt-form .dt-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.hbspt-form .dt-right > fieldset label,
.hbspt-form label[for^="trainingsstartdatum"],
.hbspt-form label[for^="trainingsenddatum"],
.hbspt-form input[id^="trainingsstartdatum"],
.hbspt-form input[id^="trainingsenddatum"] {
  display: none;
}
.hbspt-form div:has( > .dt-left) div:has( > span) {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: var(--e-global-color-uicore_primary);
  border-radius: 5px;
  color: #ffffff;
  line-height: 1;
  font-size: 0.8em;
  position: relative;
}
.hbspt-form div:has( > .dt-left) .dt-left {
  display: flex;
  pointer-events: none;
  position: relative;
  column-gap: 30px;
}
.hbspt-form div:has( > .dt-left) div:has( > span) > span:nth-child(1) {
  font-size: 2em !important;
}
.hbspt-form div:has( > .dt-left) div:has( > span) > span:nth-child(3) {
  color: #aaa;
}
.hbspt-form div:has( > .dt-left) .dt-left > fieldset:nth-child(1) div:has( > span):before {
  content: "";
  position: absolute;
  left: calc(100% + 9px);
  top: 50%;
  transform: translateY(-50%);
  background-image: var(--wpr-bg-bf29c02c-2066-4a12-ba7a-0f1dc33ddeb9);
  width: 12px;
  height: 9.6px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.hbspt-form div:has( > .dt-left) .input {
  margin: 0px;
  display: flex;
  align-items: flex-start;
}
.hbspt-form .dt-right > fieldset {
  margin-bottom: 5px;
}
.hbspt-form .dt-right > fieldset .input input {
  border: none;
  pointer-events: none;
  padding: 0px;
  padding-left: 20px;
  opacity: 0;
  width: 0px;
  height: 0px;
  overflow: hidden;
}
.hbspt-form .dt-right > fieldset .input i {
  display: inline-block;
  line-height: 1;
  font-style: normal;
}
.hbspt-form .dt-right > fieldset .input:has(input) {
  position: relative;
}
.hbspt-form .dt-right > fieldset .input:has(input):before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: var(--wpr-bg-f34c8330-71ba-4fa3-b8aa-bded6b39e5e4);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  top: 0%;
  left: 0;
  transform: none;
}
.hbspt-form .dt-right > fieldset:has([id^="training_lucerne"]) .input:has(input):before {
  background-image: var(--wpr-bg-0bb11b05-6609-4122-8176-ab4fbc79baaa);
}
.hbspt-form .dt-right > fieldset:has([id^="training_person"]) .input:has(input):before,
.hbspt-form .dt-right > fieldset:has([id^="training_trainer"]) .input:has(input):before {
  background-image: var(--wpr-bg-20d2f23a-bd0f-4b40-8d83-b0e3bf568cb3);
}
.hbspt-form fieldset h1 {
  font-size: var(--uicore-typography--h3-s,"10px");
  font-weight: 600;
  font-family: var(--uicore-typography--h3-f,"Inter");
  margin: 0px;
}
.hbspt-form fieldset:has([id^="aa_anrede"]) > div:last-child {
  display: block;
  width: 100%;
}
.hbspt-form fieldset:has([id^="aa_anrede"]) {
  display: flex;
  column-gap: 20px;
}
.hbspt-form fieldset:has([id^="aa_anrede"]) > div {
  display: flex;
  column-gap: 10px;
  cursor: pointer;
}
.hbspt-form fieldset:has([id^="aa_anrede"]) > div label {
  cursor: pointer;
}
.hbspt-form fieldset ul[role="alert"] {
  display: none;
}
/* placeholders - start */
.hbspt-form > form > fieldset div:has( > label) {
  position: relative;
}
.hbspt-form > form > fieldset > div:has( > .input > input:not([type="radio"])) > label,
.hbspt-form > form > fieldset > div:has( > .input > div > input) > label,
.hbspt-form > form > fieldset > div:has( > .input > select) > label,
.hbspt-form > form > fieldset > div > div:has( > .input > input:not([type="radio"])) > label {
  position: absolute;
  margin-bottom: 0;
  top: 50%;
  left: calc(15px + 1px);
  pointer-events: none;
  transform: translateY(-50%);
  opacity: .5;
  transition: transform 0.25s, left 0.25s, font-size 0.25s, left 0.25s;
}
.hbspt-form > form > fieldset > div > .input > input:not([type="radio"]),
.hbspt-form > form > fieldset > div > .input > div > input,
.hbspt-form > form > fieldset > div > .input > select,
.hbspt-form > form > fieldset > div > div > .input > input:not([type="radio"]) {
  padding: 12px 15px;
  border-radius: 7px;
  line-height: 1;
  width: 100% !important;
  font-size: 1em;
}
.hbspt-form > form > fieldset > div > .input > select:invalid {
  color: rgba(117, 117, 117, 1);
}
.hbspt-form > form > fieldset > div > .input > input:not([type="radio"]):focus,
.hbspt-form > form > fieldset > div > .input > div > input:focus,
.hbspt-form > form > fieldset > div > .input > select:focus,
.hbspt-form > form > fieldset > div > div > .input > input:not([type="radio"]):focus {
  border: 1px solid #1a7efb;
}
.hbspt-form > form > fieldset > div:has( > .input > input:not([type="radio"]):not(:placeholder-shown)) > label,
.hbspt-form > form > fieldset > div:has( > .input > div > input:not([type="radio"]):not(:placeholder-shown)) > label,
.hbspt-form > form > fieldset > div:has( > .input > select:not(:placeholder-shown)) > label,
.hbspt-form > form > fieldset > div > div:has( > .input > input:not([type="radio"]):not(:placeholder-shown)) > label {
  font-size: 0.7em;
  top: 0px;
  transform: translateY(-90%);
  left: 5px;
  display: block;
}
.hbspt-form > form > fieldset input:not([type="radio"])::placeholder {
/*  color: transparent !important;*/
}
/* placeholders - end */
.hbspt-form fieldset:has( > div:nth-child(2)) {
  display: flex;
  column-gap: 20px;
}
.hbspt-form fieldset:has(input[id^="rechnung_an_firmenadresse"]) > div {
  display: flex;
  row-gap: 20px;
  flex-wrap: wrap;
  column-gap: 20px;
}
.hbspt-form fieldset:has(input[id^="rechnung_an_firmenadresse"]) > div > div:not(:nth-child(2)):not(:nth-child(3)) {
  width: 100%;
}
.hbspt-form .input {
  margin-right: 0px !important;
}
.hbspt-form ul {
  margin: 0px;
  padding: 0px;
}
.hbspt-form ul li:has( > label > input[type="checkbox"]) > label {
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  column-gap: 10px;
}
.hbspt-form ul li:has( > label > input[type="checkbox"]) > label > input {
  width: auto;
  min-width: 15px;
  margin: 0;
  display: inline-block;
}
.hbspt-form div:has( > label[for^="rechnung_vorname"]),
.hbspt-form div:has( > label[for^="rechnung_nachname"]) {
  width: calc(50% - 10px);
}
.hbspt-form fieldset:has( > div > a) {
  display: none;
}
.hbspt-form div.hs_submit .actions {
  display: flex;
  justify-content: center;
}
.hbspt-form span.hs-form-required {
  color: red;
  display: inline-block;
  margin-left: 10px;
}

@media (max-width: 768px) {
  .hbspt-form fieldset:has(label[for^="firstname"]),
  .hbspt-form fieldset:has(label[for^="zip"]) {
    flex-direction: column;
    row-gap: 20px;
  }
  .hbspt-form fieldset:has(label[for^="firstname"]) > div,
  .hbspt-form fieldset:has(label[for^="zip"]) > div {
    width: 100% !important;
  }
  .hbspt-form div:has( > label[for^="rechnung_vorname"]), .hbspt-form div:has( > label[for^="rechnung_nachname"]) {
    width: 100%;
  }
}

.dialog-widget:has(.hbspt-form) {
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  user-select: none;
}
.dialog-widget:has(.hbspt-form) .dialog-widget-content {
  width: calc(100% - 40px) !important;
  height: calc(100% - 40px) !important;
  max-width: calc(1340px - 40px) !important;
  width: 100%;
  border-radius: 10px;
  transition: height 0.5s;
}
.dialog-widget:has(.hbspt-form) .dialog-message {
  width: 100% !important;
  height: 100% !important;
}
.dialog-widget:has(.hbspt-form) a.dialog-close-button {
  padding: 5px;
  border: 1px solid #000000;
  border-radius: 50%;
  transition: transform 0.5s;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
.dialog-widget:has(.hbspt-form) a.dialog-close-button:hover {
  transform: rotateZ(90deg);
}
.dialog-widget:has(.hbspt-form) .dialog-buttons-wrapper {
  display: block;
  position: absolute !important;
  left: calc(50% - 0.5em);
  top: calc(50% - 1em);
  transition: opacity 0.5s;
}
.dialog-widget:has(.hbspt-form.show) .dialog-buttons-wrapper {
  opacity: 0;
}
.dialog-widget:has(.hbspt-form) .dialog-buttons-wrapper {
  color: #666666;
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  transform: translateZ(0);
  animation: load6 1s infinite ease, round 1s infinite ease;
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes round {
  0% { transform: rotate(0deg) scale(0.5); }
  100% { transform: rotate(360deg) scale(0.5); }
}
.hbspt-form > form > fieldset > div:has([type="date"][name="aa_geburtsdatum"]) div,
.hbspt-form > form > fieldset > div:has([type="date"][name="aa_geburtsdatum"]) input {
  width: 100% !important;
}




.hbspt-form input[type="date"][name="aa_geburtsdatum"] {
  width: 100%;
  padding: 12px 15px;
  font-size: 1em;
  border: 1px solid #e6e9ec;
  border-radius: 7px;
  color: #333333;
  box-shadow: none;
  transition: border-color 0.2s ease;
  -webkit-appearance: none;
  background-color: #fff;
}

/* iOS specific styles */
@supports (-webkit-touch-callout: none) {
  .hbspt-form input[type="date"][name="aa_geburtsdatum"] {
    -webkit-appearance: none;
    display: block;
    min-height: 44px;
    line-height: normal;
    position: relative;
  }

  .hbspt-form input[type="date"][name="aa_geburtsdatum"]::-webkit-datetime-edit-fields-wrapper { 
    color: transparent;
  }

  .hbspt-form input[type="date"][name="aa_geburtsdatum"]::-webkit-datetime-edit { 
    color: transparent;
  }

  .hbspt-form input[type="date"][name="aa_geburtsdatum"].is-empty:before {
    content: attr(placeholder);
    color: #aaaaaa;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
  }

  .hbspt-form input[type="date"][name="aa_geburtsdatum"]:focus::-webkit-datetime-edit-fields-wrapper,
  .hbspt-form input[type="date"][name="aa_geburtsdatum"]:valid::-webkit-datetime-edit-fields-wrapper,
  .hbspt-form input[type="date"][name="aa_geburtsdatum"]:focus::-webkit-datetime-edit,
  .hbspt-form input[type="date"][name="aa_geburtsdatum"]:valid::-webkit-datetime-edit {
    color: #333;
  }

  .hbspt-form input[type="date"][name="aa_geburtsdatum"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0.7;
    padding: 5px;
  }
}

.dialog-widget:has(.hbspt-form) .dialog-widget-content:has(.submitted-message) {
  height: auto !important;
}
.hbspt-form form label.hs-main-font-element {
  color: red;
}
.training-calendar div:has(>div>.tc-kurs-training):has(.Ausgebucht) #tc-kurs-button .elementor-button-wrapper .elementor-button {
  background-color: #aaaaaa !important;
  pointer-events: none;
  user-select: none;
}