#veranstaltung-ext-anmeldung {
  padding: 15px 30px;
  color: var(--button-color);
  background-image: url("../images/icons/link-icon-light.svg");
  background-color: var(--button-background-color);
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: 25px center;
  box-shadow: none;
  text-decoration: none;
  transition: 0.3s;
  height: var(--sp3);
  cursor: pointer;
  text-align: center;
  border-radius: 50px;
  font-family: var(--font-sans);
  font-size: var(--font-size-l);
  font-weight: 500;
  padding-left: 55px;
}

#veranstaltung-ext-anmeldung:hover {
  background-color: var(--button-background-color-hover);
  background-image: url("../images/icons/link-icon.svg");
  color: var(--button-color-hover);
  border: none;
}

.veranstaltung-info-unter-titel {
  margin-bottom: var(--spacing-m);
}

#main .anmeldungsformular h3,
#main .anmeldungsformular h4 {
  margin-top: 1.5rem;
}

/* Info Top-Bar */
.info-topbar {
  background: var(--menu-color);
  border-radius: var(--border-radius-m);
  box-shadow: var(--box-shadow-more);
  padding: var(--spacing-l);
  display: grid;
  grid-template-columns: 1fr;
  justify-content: space-between;
  margin-bottom: 4rem;
  flex-wrap: wrap;
}

@media (min-width: 600px) {
  .info-topbar {
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing-l);
  }

  .info-topbar .box-left {
    grid-column: 1/2;
    max-height: 100px;
  }

  .info-topbar .box-center {
    grid-column: 1/2;
  }

  .info-topbar .box-right {
    grid-row: 1/3;
    grid-column: 2/3;
  }
  .info-topbar .ausbildung-akkordeon-content {
    grid-row: 3;
    grid-column: 1/3;
  }
}

@media (min-width: 1050px) {
  .info-topbar {
    grid-template-columns: max(150px) 1fr 1fr;
  }
  .info-topbar .box-left {
    grid-row: 1;
    grid-column: 1/2;
    max-height: unset;
  }

  .info-topbar .box-center {
    grid-row: 1;
    grid-column: 2/3;
  }

  .info-topbar .box-right {
    grid-row: 1;
    grid-column: 3/4;
  }
  .info-topbar .ausbildung-akkordeon-content {
    grid-row: 2;
    grid-column: 2/4;
  }
  .info-topbar .wide-content img {
    max-height: 100%;
  }
}

.info-topbar .wide-content {
  width: 100%;
  margin: 0;
  height: 100%;
}

.info-topbar .wide-content img {
  max-height: 200px;
  height: 100%;
  object-fit: contain;
  object-position: top left;
}

.info-topbar .box-center,
.info-topbar .box-right {
  flex: 1;
}

.info-topbar .box-left {
  position: relative;
}

.info-topbar .field {
  margin-bottom: var(--spacing-m);
}

.ausbildung_headerbild {
  margin: 2rem 0;
}

.info-topbar .ausbildung-akkordeon-content {
  padding: 0;
}

.info-topbar .ausbildung-akkordeon-clicker {
  margin-left: auto;
  display: block;
}

#ausbildung-bewerbungslink {
  padding-right: 55px;
  margin-right: auto;
  background-image: url(../images/icons/mail-icon-light.svg);
  background-size: 1rem;
  background-position: calc(100% - 25px) center;
  background-repeat: no-repeat;
}
.node--type-ausbildungsangebot-quereinstieg header .field__label {
  display: inline-block;
}
/************* Veranstaltungs-Sidebar ******************/
.info-sidebar {
  box-shadow: var(--box-shadow-more);
  border-radius: var(--border-radius-m);
  padding: var(--spacing-m);
  margin-bottom: var(--spacing-l);
}

.info-sidebar .field,
.info-sidebar p,
.address {
  margin: 0;
}

.field--label-inline .field__label {
  float: unset;
}

.info-sidebar .field--name-field-veranstaltungsdatum {
  font-size: 1rem;
  color: var(--font-color-background-light);
}

.info-sidebar .field,
.info-sidebar .veranstaltung-uhrzeit,
.info-sidebar .veranstaltung-adressinfo,
.info-sidebar .veranstaltung-ical,
.info-sidebar .field--name-field-email,
.mitglied-akkordeon-adresse,
.mitglied-akkordeon-telefon,
.mitglied-akkordeon-mail,
.info-topbar .field:not(.field--name-field-logo) {
  margin-left: 1.4rem;
}

.info-sidebar .veranstaltung-adressinfo .field--name-field-veranstaltungsort,
.info-sidebar .veranstaltung-adressinfo .field--name-field-adresse {
  margin-left: 0;
  padding-left: 0;
}

.info-sidebar > .field:not(:last-child),
.info-sidebar .veranstaltung-uhrzeit,
.info-sidebar .veranstaltung-adressinfo,
.info-sidebar .veranstaltung-ical,
.info-sidebar .field--name-field-email,
.mitglied-akkordeon-adresse,
.mitglied-akkordeon-telefon,
.mitglied-akkordeon-mail,
.info-topbar > .field:not(:last-child) {
  margin-bottom: var(--spacing-m);
}

.info-sidebar .field > div,
.info-sidebar .veranstaltung-uhrzeit > div,
.info-sidebar .veranstaltung-ical > div,
.info-sidebar .veranstaltung-adressinfo .field__label,
.info-sidebar .field--name-field-email .field__label,
.mitglied-akkordeon-adresse .field__label,
.mitglied-akkordeon-telefon .field__label,
.mitglied-akkordeon-mail .field__label,
.info-topbar .field > div {
  display: inline-block;
  margin-left: 0;
}

.info-sidebar .field.field--name-field-adresse > div.field__item,
.info-topbar .field.field--name-field-adresse > .field__item,
.info-topbar .field.field--name-field-ort-der-ausbildung > .field__item {
  display: block;
}

.info-sidebar .field.field--name-field-logo {
  width: fit-content;
  margin: auto;
  margin-bottom: var(--spacing-m);
  padding: 0;
}

.info-sidebar .field.field--name-field-logo::before {
  content: none;
}

.info-sidebar .mitglied-socialmedia-links {
  display: block;
  margin-left: 1.4rem;
}

.info-sidebar .mitglied-socialmedia-links::before,
.mitglied-akkordeon-adresse::before,
.mitglied-akkordeon-telefon::before,
.mitglied-akkordeon-mail::before {
  content: url(../images/icons/mail-icon.svg);
  display: inline-block;
  height: 1rem;
  width: 1rem;
  margin-right: 0.4rem;
  vertical-align: text-top;
}

.mitglied-akkordeon-adresse::before,
.mitglied-akkordeon-telefon::before,
.mitglied-akkordeon-mail::before {
  margin-left: -1.4rem;
}

#facebook-link::before {
  content: url(../images/icons/facebook-icon.svg);
}

#instagram-link::before {
  content: url(../images/icons/instagram-icon.svg);
}

#linkedin-link::before {
  content: url(../images/icons/linkedin-icon.svg);
}
#youtube-link::before {
  content: url(../images/icons/you-tube-icon.svg);
}

.info-sidebar > .field::before,
.info-sidebar .veranstaltung-uhrzeit::before,
.info-sidebar .veranstaltung-adressinfo::before,
.info-sidebar .veranstaltung-ical::before,
.info-sidebar .field--name-field-email::before,
.info-topbar .field:not(.field--name-field-logo)::before {
  content: url(../images/icons/mail-icon.svg);
  display: inline-block;
  height: 1rem;
  width: 1rem;
  margin-right: 0.2rem;
  margin-left: -1.4rem;
  vertical-align: text-top;
}
.info-sidebar .field--name-field-email::before {
  margin-right: 0.4rem;
}

.info-sidebar .veranstaltung-uhrzeit .field__label {
  margin-left: 0.2rem;
}

.info-sidebar .field--name-field-veranstaltungsdatum::before,
.info-topbar .field.field--name-field-datum::before {
  content: url(../images/icons/datum-icon.svg);
}

.info-sidebar .veranstaltung-uhrzeit::before,
.info-topbar .field.field--name-field-umfang::before {
  content: url(../images/icons/uhrzeit-icon.svg);
}

.info-sidebar .field--name-field-anmeldeschluss::before,
.info-topbar .field.field--name-field-frist::before {
  content: url(../images/icons/anmeldeschluss-icon.svg);
}

.info-sidebar .field--name-field-kosten::before {
  content: url(../images/icons/kosten-icon.svg);
}

.info-sidebar .field--name-field-zielgruppe::before {
  content: url(../images/icons/zielgruppe-icon.svg);
}

.info-sidebar .field--name-field-organisation::before,
.info-topbar .field.field--name-field-ausbildungstraeger::before {
  content: url(../images/icons/organisation-icon.svg);
}
.info-sidebar .veranstaltung-ical::before {
  content: url(../images/icons/datum-icon.svg);
}
.info-sidebar .field--name-field-referent::before {
  content: url(../images/icons/referent-in-icon.svg);
}
.info-sidebar .veranstaltung-adressinfo::before,
.info-sidebar .field--name-field-adresse::before,
.mitglied-akkordeon-adresse::before,
.info-topbar .field.field--name-field-arbeitsort::before,
.info-topbar .field.field--name-field-adresse::before,
.info-topbar .field.field--name-field-ort-der-ausbildung::before {
  content: url(../images/icons/veranstaltungsort-icon.svg);
}

.info-sidebar .field--name-field-veranstaltungsart::before {
  content: url(../images/icons/veranstaltungsort-icon.svg);
}

.info-sidebar .field--name-field-telefon::before,
.mitglied-akkordeon-telefon::before {
  content: url(../images/icons/tel-icon.svg);
}

.info-sidebar .field--name-field-webadresse::before,
.info-topbar .field.field--name-field-link::before,
.info-topbar .field.field-ausbildungstraeger-link::before {
  content: url(../images/icons/web-icon.svg);
}

.info-topbar .field.field--name-field-link .field__label {
  font-size: 1rem;
  margin-bottom: 0;
}

.info-topbar .field--name-field-link a {
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 0;
  display: inline-block;
  color: var(--primary-color);
}

.info-topbar .field--name-field-link a:before {
  content: unset;
}

.info-sidebar
  .veranstaltung-adressinfo
  .field--name-field-veranstaltungsort::before,
.info-sidebar .veranstaltung-adressinfo .field--name-field-adresse::before {
  content: none;
}

@media (min-width: 650px) {
  .info-sidebar {
    float: right;
    width: 40%;
    margin-left: var(--spacing-l);
  }
}