@charset "UTF-8";
.grid-child {
  max-width: 1850px;
}

@supports (display: grid) {
  .site-grid {
    grid-gap: 0 1em;
    grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 25.3rem)) [main-end] minmax(0, 1fr) [full-end];
  }
}
/** Allgemeine Font Einstellungen nach dem HEADER **/
div.site-grid {
  color: #707070;
  font-family: "Open Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Open Sans", sans-serif;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 19px;
  line-height: 25px;
}

/* Allgemeine Font Einstellungen nach dem HEADER  ENDE */
.container-header {
  background-color: #FFF;
  background-image: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 11;
  position: sticky !important;
  top: 0;
}

.container-header .navbar-brand {
  margin-inline-end: 110px;
  margin-inline-start: 70px;
}

.container-header .container-nav {
  margin-inline-end: auto;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  justify-content: space-between;
  /*gap: 5.0rem; //Abstand zwischen den Elementen*/
  gap: 100px;
}

.container-header .container-nav .mod-menu {
  margin: 0;
  padding: 0;
  display: flex;
  gap: 1rem;
  list-style: none;
}
.container-header .container-nav .mod-menu .mod-menu__toggle-sub {
  display: none;
}

.container-header .container-nav .mod-menu li {
  font-family: "Open Sans", sans-serif;
  font-size: 19px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  letter-spacing: 0;
  line-height: 25px;
}
.container-header .container-nav .mod-menu li a:hover {
  text-decoration: underline;
}
.container-header .container-nav .mod-menu li.active a {
  text-decoration: underline;
}
.container-header .container-nav .mod-menu li ul {
  display: none;
}

.container-header .container-header-submenu {
  width: 100%;
  display: block;
  clear: both;
  margin-top: 0.2rem;
  background-color: #00945E;
  align-items: center;
}

.container-header .container-header-submenu .grid-child {
  justify-content: center;
  padding: 0;
}

.container-header .container-header-submenu ul.bzs-header-submenu {
  /*margin-left: 220px;*/
  margin-left: 93px;
  font-family: "Open Sans", sans-serif;
  font-size: 19px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFF;
  letter-spacing: 0;
  line-height: 25px;
}
.container-header .container-header-submenu ul.bzs-header-submenu li::after {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 1;
  content: "";
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-top: 8.5px solid transparent;
  border-bottom: 8.5px solid transparent;
  border-left: 14px solid #fff;
  /*transform: rotate(-90deg); // Dreieck nach rechts*/
  position: relative;
  bottom: 2px;
  left: initial;
  right: initial;
  /* Erklärung:
  •	width: 0; height: 0;
  Das Pseudoelement hat keine eigene Breite oder Höhe.
  •	border-top: 14px solid transparent;
  Oben wird ein 14px hoher, transparenter Rand erzeugt.
  •	border-bottom: 0 solid transparent;
  Unten wird kein Rand erzeugt.
  •	border-left: 17px solid #fff;
  Links wird ein 17px breiter, weißer Rand erzeugt.
  Warum entsteht ein Dreieck?
  Wenn ein Element keine Breite und Höhe hat, aber unterschiedlich breite Ränder (border) mit verschiedenen Farben, dann treffen sich die Ränder in der Mitte und bilden ein Dreieck.
  In diesem Fall ist nur der linke Rand sichtbar (weiß), die anderen sind transparent. Dadurch sieht man ein nach rechts zeigendes Dreieck.*/
}
.container-header .container-header-submenu ul.bzs-header-submenu li.active a {
  text-decoration: underline;
}
.container-header .container-header-submenu ul.bzs-header-submenu a:hover {
  text-decoration: underline;
}

/** Abschnitt für Kursbuchen Grafik **/
.container-header .container-nav .container-ausbildung {
  width: 190px;
  height: 127px;
  position: relative;
  margin: 0 auto;
}

.container-footer .container-ausbildung {
  width: 190px;
  height: 127px;
  position: relative;
  margin: 0 auto;
  text-transform: initial;
}

.ausbildung-rahmen {
  height: 100%;
  width: 100%;
  position: relative;
}

.rahmen-svg {
  width: 190px;
  max-width: 100%;
  min-height: 100px;
  height: auto;
}

.ausbildung-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  pointer-events: none;
  padding: 19px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pfeil-svg {
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
  pointer-events: auto;
  position: absolute;
  top: 45px;
  left: 100px;
}

.ausbildung-link {
  pointer-events: auto;
  color: #00945E;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
  border: none;
  font-size: 1rem;
  word-break: break-word;
  overflow-wrap: break-word;
  text-align: left;
  max-width: 158px;
  display: block;
  padding-left: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  line-height: 30px;
}

.container-footer .container-ausbildung .ausbildung-link {
  pointer-events: auto;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
  border: none;
  font-size: 1rem;
  word-break: break-word;
  overflow-wrap: break-word;
  text-align: left;
  max-width: 158px;
  display: block;
  padding-left: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  line-height: 30px;
}

/** Ende Abschnitt Kursbuchen **/
/** Abschnitt Newsletter buchen Konstrukt **/
.container-footer .container-newsletter {
  width: 190px;
  height: 127px;
  position: relative;
  margin: 0 auto;
  text-transform: initial;
}

.newsletter-rahmen {
  height: 100%;
  width: 100%;
  position: relative;
}

.container-newsletter .rahmen-svg {
  width: 190px;
  max-width: 100%;
  min-height: 100px;
  height: auto;
}

.newsletter-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  pointer-events: none;
  padding: 19px 12px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.container-footer .container-newsletter .newsletter-link {
  pointer-events: auto;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  background: transparent;
  border: none;
  font-size: 1rem;
  word-break: break-word;
  overflow-wrap: break-word;
  text-align: left;
  max-width: 150px;
  display: block;
  padding-left: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  line-height: 30px;
}

/** Ende Newsletter buchen Konstrukt **/
/** Abschnitt Rahmen für Kategorien Beschreibungungen und Listungs */
.bzs-categories-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-left: 15%;
  margin-right: 15%;
}

.bzs-categories-columns .container-bzs-kategorie {
  width: 100%;
}

.container-bzs-kategorie {
  min-width: 190px;
  /*height: 127px;*/
  height: 230px;
  max-height: 230px;
  position: relative;
  /*margin: 0 auto;*/
}

.bzs-kategorie-rahmen {
  height: 100%;
  width: 100%;
  position: relative;
}

.bzs-kategorie-rahmen-svg {
  width: 190px;
  max-width: 100%;
  min-height: 100px;
  height: auto;
}

.bzs-kategorie-rahmen-svg-lo {
  position: absolute;
  width: 40px;
  max-width: 100%;
  min-height: 40px;
  height: auto;
  top: 0;
  left: 0;
}

.bzs-kategorie-rahmen-svg-lu {
  position: absolute;
  width: 40px;
  max-width: 100%;
  min-height: 40px;
  height: auto;
  bottom: 0;
  left: 0;
}

.bzs-kategorie-rahmen-svg-ro {
  position: absolute;
  width: 40px;
  max-width: 100%;
  min-height: 40px;
  height: auto;
  top: 0;
  right: 0;
}

.bzs-kategorie-rahmen-svg-ru {
  position: absolute;
  width: 40px;
  max-width: 100%;
  min-height: 40px;
  height: auto;
  bottom: 0;
  right: 0;
}

.bzs-kategorie-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  /*pointer-events: none; // Damit nur der Link klickbar ist*/
  padding: 15px 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*    div.com-content-categories__item {
      position: relative;
      top:0;
      left:0;
  }*/
}
.bzs-kategorie-content .com-content-categories__item {
  border-bottom: none;
}
.bzs-kategorie-content .com-content-categories__item-title {
  font-family: "Open Sans", sans-serif;
  font-size: 36px;
  line-height: 48px;
  font-weight: bold;
  color: #707070;
}
.bzs-kategorie-content .com-content-categories__item-title a {
  color: #707070;
  text-decoration: none;
}
.bzs-kategorie-content .com-content-categories__item-title a:hover {
  text-decoration: underline;
  color: #00945E;
}
.bzs-kategorie-content .com-content-categories__description {
  margin-top: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 19px;
  line-height: 25px;
  color: #707070;
}
.bzs-kategorie-content .com-content-categories__description a {
  color: #707070;
  text-decoration: none;
}
.bzs-kategorie-content .com-content-categories__description a:hover {
  text-decoration: none;
  color: #00945E;
}

/** Abschnitt Rahmen für Kategorien Beschreibungungen und Listungs Ende */
/** Abschnitt Rahmen für Team - Kategorie Blog Beiträge */
.container-bzs-team {
  position: relative;
}

.bzs-team-rahmen {
  height: 100%;
  width: 100%;
  position: relative;
}

.bzs-team-rahmen-svg {
  width: 190px;
  max-width: 100%;
  min-height: 100px;
  height: auto;
}

.bzs-team-rahmen-svg-lo {
  position: absolute;
  width: 40px;
  max-width: 100%;
  min-height: 40px;
  height: auto;
  top: 0;
  left: 0;
}

.bzs-team-rahmen-svg-lu {
  position: absolute;
  width: 40px;
  max-width: 100%;
  min-height: 40px;
  height: auto;
  bottom: 0;
  left: 0;
}

.bzs-team-rahmen-svg-ro {
  position: absolute;
  width: 40px;
  max-width: 100%;
  min-height: 40px;
  height: auto;
  top: 0;
  right: 0;
}

.bzs-team-rahmen-svg-ru {
  position: absolute;
  width: 40px;
  max-width: 100%;
  min-height: 40px;
  height: auto;
  bottom: 0;
  right: 0;
}

.bzs-team-content {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: start;
  padding: 15px 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: 2rem;
  /*    div.com-content-categories__item {
      position: relative;
      top:0;
      left:0;
  }*/
}
.bzs-team-content figure {
  margin: 0;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  height: 100%;
  /* fixed first-column width */
  flex: 0 0 252px;
  width: 252px;
}
.bzs-team-content figure img {
  display: block;
  height: 100%;
  width: auto;
  object-fit: cover;
}
.bzs-team-content .item-content {
  padding: 10px 0;
  /* zweite Spalte nimmt den restlichen Platz */
  flex: 1 1 0;
}
.bzs-team-content .com-content-categories__item {
  border-bottom: none;
}
.bzs-team-content .com-content-categories__item-title {
  font-family: "Open Sans", sans-serif;
  font-size: 36px;
  line-height: 48px;
  font-weight: bold;
  color: #707070;
}
.bzs-team-content .com-content-categories__item-title a {
  color: #707070;
  text-decoration: none;
}
.bzs-team-content .com-content-categories__item-title a:hover {
  text-decoration: underline;
  color: #00945E;
}
.bzs-team-content .com-content-categories__description {
  margin-top: 10px;
  font-family: "Open Sans", sans-serif;
  font-size: 19px;
  line-height: 25px;
  color: #707070;
}
.bzs-team-content .com-content-categories__description a {
  color: #707070;
  text-decoration: none;
}
.bzs-team-content .com-content-categories__description a:hover {
  text-decoration: none;
  color: #00945E;
}

/** Abschnitt Rahmen für Team - Kategorie Blog Beiträge ENDE */
/** Abschnitt Rahmen für Content */
.container-bzs-content {
  position: relative;
}

.bzs-content-rahmen {
  height: 100%;
  width: 100%;
  position: relative;
}

.bzs-content-rahmen-svg {
  width: 190px;
  max-width: 100%;
  min-height: 100px;
  height: auto;
}

.bzs-content-rahmen-svg-lo {
  position: absolute;
  width: 40px;
  max-width: 100%;
  min-height: 40px;
  height: auto;
  top: 0;
  left: 0;
}

.bzs-content-rahmen-svg-lu {
  position: absolute;
  width: 40px;
  max-width: 100%;
  min-height: 40px;
  height: auto;
  bottom: 0;
  left: 0;
}

.bzs-content-rahmen-svg-ro {
  position: absolute;
  width: 40px;
  max-width: 100%;
  min-height: 40px;
  height: auto;
  top: 0;
  right: 0;
}

.bzs-content-rahmen-svg-ru {
  position: absolute;
  width: 40px;
  max-width: 100%;
  min-height: 40px;
  height: auto;
  bottom: 0;
  right: 0;
}

.bzs-content-content {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  /*pointer-events: none; // Damit nur der Link klickbar ist*/
  padding: 25px 25px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*    div.com-content-categories__item {
      position: relative;
      top:0;
      left:0;
  }*/
}

/**Beispiel

     <div class="container-bzs-content">
                        <img class="bzs-content-rahmen-svg-lo" src="/media/templates/site/bzs_cassiopeia/images/rahmen-lo.svg" />
                        <img class="bzs-content-rahmen-svg-lu" src="/media/templates/site/bzs_cassiopeia/images/rahmen-lu.svg" />
                        <img class="bzs-content-rahmen-svg-ro" src="/media/templates/site/bzs_cassiopeia/images/rahmen-ro.svg" />
                        <img class="bzs-content-rahmen-svg-ru" src="/media/templates/site/bzs_cassiopeia/images/rahmen-ru.svg" />
                        <div class="bzs-content-content">
                        </div>
    </div>
*/
/** Abschnitt Rahmen für Kategorien Beschreibungungen und Listungs Ende */
.container-header .container-nav .container-search {
  display: flex;
  align-items: center;
}

.container-header .container-nav .container-search .form-control {
  padding: 0.1rem 0.1rem;
  font-weight: bold;
  border-radius: 0;
  color: #000;
}

label.visually-hidden.finder {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  color: #000 !important;
}

/** Fußzeile **/
.footer {
  background-color: #00945E;
  background-image: none;
}

.container-footer {
  width: 100%;
  display: block;
  clear: both;
  margin-top: 0.2rem;
  background-color: #00945E;
  align-items: center;
  font-family: "Open Sans", sans-serif;
  font-size: 19px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFF;
  letter-spacing: 0;
  line-height: 25px;
}
.container-footer a {
  text-decoration: none;
}
.container-footer a:hover {
  text-decoration: underline;
}
.container-footer .grid-child .bzs-footer-a .bzs-footer-a-content {
  margin-inline-start: 70px;
}
.container-footer .grid-child .bzs-footer-a .bzs-footer-a-content .linkedin-svg {
  width: 38px;
  height: 38px;
  margin-bottom: 1.5rem;
}
.container-footer .grid-child .bzs-footer-a .bzs-footer-a-content .bzs-footer-link-vsoe::after {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 1;
  content: "";
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-top: 8.5px solid transparent;
  border-bottom: 8.5px solid transparent;
  border-left: 14px solid #fff;
  /*transform: rotate(-90deg); // Dreieck nach rechts*/
  position: relative;
  bottom: 2px;
  left: initial;
  right: initial;
}
.container-footer .grid-child .bzs-footer-c {
  align-self: flex-start;
}
.container-footer .grid-child .bzs-footer-c .bzs-footer-c-content {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  align-items: flex-start;
}
/* Abschnitt Main TOP Startseite Grafik*/
div.main-top.bzs_slogan {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  position: relative;
}
div.main-top.bzs_slogan div.bzs-slogan-text {
  margin-top: 70px;
  z-index: 10;
  position: relative;
  overflow-wrap: break-word;
  word-break: break-word;
}
div.main-top.bzs_slogan span.bzs_slogan_gross {
  font-size: 144px;
  line-height: 144px;
  letter-spacing: 0;
  font-weight: 700;
}
div.main-top.bzs_slogan span.bzs_slogan_klein {
  font-size: 30px;
  line-height: 33px;
  letter-spacing: 0;
}
div.main-top.bzs_slogan div.bzs-kreise-a {
  z-index: 5;
  width: 300px;
  height: 300px;
  top: -70px;
  left: 30px;
  position: absolute;
  opacity: 0.3;
}
div.main-top.bzs_slogan div.bzs-kreise-b {
  z-index: 5;
  width: 150px;
  height: 150px;
  top: 150px;
  left: 430px;
  position: absolute;
  opacity: 0.3;
}
div.main-top.bzs_slogan div.bzs-kreise-c {
  z-index: 5;
  width: 400px;
  height: 400px;
  top: 120px;
  left: 900px;
  position: absolute;
  opacity: 0.3;
}
div.main-top.bzs_slogan div.bzs-slogan-video {
  z-index: 4;
  width: 1380px;
  height: 660px;
  top: -100px;
  left: 0;
  position: absolute;
  outline: none;
  border: none;
  box-shadow: none;
}
div.main-top.bzs_slogan div.bzs-slogan-video video {
  width: 1380px;
  height: 660px;
  box-shadow: none;
  outline: none;
  border: none;
}

div.bzs-slogan-subtext {
  position: relative;
  left: 10rem;
  top: 5rem;
}

/* Abschnitt Main TOP Ende Grafik */
/* Abschnitt Main TOP Team Slogan und Kreise */
div.main-top.bzs_slogan.team {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  position: relative;
  margin-bottom: 90px;
}
div.main-top.bzs_slogan.team div.bzs-slogan-text {
  margin-top: 70px;
  z-index: 10;
  position: relative;
  left: 70px;
  top: 50px;
}
div.main-top.bzs_slogan.team span.bzs_slogan_gross {
  font-size: 144px;
  line-height: 144px;
  letter-spacing: 0;
  font-weight: 700;
}
div.main-top.bzs_slogan.team span.bzs_slogan_medium {
  font-size: 110px;
  line-height: 110px;
  letter-spacing: 0;
  font-weight: 700;
}
div.main-top.bzs_slogan.team div.bzs-kreise-d {
  z-index: 5;
  width: 300px;
  height: 300px;
  top: -290px;
  left: 1030px;
  position: absolute;
  opacity: 0.2;
}
div.main-top.bzs_slogan.team div.bzs-kreise-e {
  z-index: 5;
  width: 100px;
  height: 100px;
  top: -120px;
  left: 330px;
  position: absolute;
  opacity: 0.2;
}

div.bzs-slogan-subtext {
  position: relative;
  left: 10rem;
  top: 5rem;
}

/* Abschnitt Main TOP Team Slogan und Kreise ENDE */
/* Abschnitt Main TOP Videos einzelen */
div.bzs-image-video {
  display: flex;
  justify-content: center;
  align-items: center;
}

div.bzs-seminare-video {
  width: 1000px;
  height: 600px;
  overflow: hidden;
  position: relative;
}
div.bzs-seminare-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

div.bzs-lehrgaenge-video {
  width: 600px;
  height: 600px;
  overflow: hidden;
  position: relative;
}
div.bzs-lehrgaenge-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

div.bzs-managementausbildungen-video {
  width: 600px;
  height: 600px;
  overflow: hidden;
  position: relative;
}
div.bzs-managementausbildungen-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

div.bzs-unternehmensausbildungen-video {
  width: 400px;
  height: 400px;
  overflow: hidden;
  position: relative;
}
div.bzs-unternehmensausbildungen-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

div.bzs-sicherheitsdienste-video {
  width: 1000px;
  height: 600px;
  overflow: hidden;
  position: relative;
}
div.bzs-sicherheitsdienste-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Abschnitt Main Top Image Bilder */
div.bzs_image_bilder_modul {
  margin-top: 120px;
}

div.bzs_image_bilder {
  /*margin-top: 70px;*/
  display: flex;
  flex-direction: row;
  gap: 0.8rem;
}
div.bzs_image_bilder > * {
  flex: 1 1 0;
  min-width: 0;
}

div.bzs_no_top_margin {
  margin-top: 0 !important;
}
div.bzs_no_top_margin .bzs_image_bilder_modul {
  margin-top: 0;
}

div.bzs_image_bilder.bzs_no_top_margin {
  margin-top: 0 !important;
}

/* Abschnitt Main Top Image Bilder Ende */
/* Abschnitt Main Component Abschnitt Flex Styling mit inneren Sidebars */
.container-component-row {
  display: flex;
  /*gap: 2rem;*/
  gap: 4rem;
  margin-top: 50px;
  margin-bottom: 150px;
}

.bzs-site-team .container-component-row {
  margin-bottom: 30px;
}

.component-left-container,
.component-right-container {
  flex: 0 0 auto; /* or your desired width */
}

.component-left-container {
  /*padding-right: 50px;*/
  padding-right: 4rem;
  border-right: 2px solid #707070;
}

.component-main {
  flex: 1 1 0;
}

/* Nur auf der Startseite soll beim Hauptcontent die Kreise im Background sein */
.bzs-startseite .component-main {
  position: relative;
  background: url("/media/templates/site/bzs_cassiopeia/images/kreise.svg") no-repeat 40% 80%;
  background-size: 550px;
}
.bzs-startseite .component-main::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
.bzs-startseite .component-main > * {
  position: relative;
  z-index: 2;
}

/* Nur auf der Startseite soll beim Hauptcontent die Kreise im Background sein ENDE */
.component-main h1 {
  font-size: 48px;
  line-height: 50px;
  text-transform: uppercase;
  max-width: 69%;
}

.component-main .com-content-article h1 {
  /*color: $bzs-primary-bzs-color;*/
  /*color: $bzs-primary-bzs-color;*/
  font-size: 40px;
  line-height: 47px;
}

.component-left-container h3 {
  font-size: 48px;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.main-bottom h3 {
  font-size: 48px;
  line-height: 50px;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.component-main .bzs_content_gross_startseite {
  font-size: 20px;
  line-height: 36px;
  font-weight: bold;
  margin-top: 25px;
  width: 90%;
}

.component-left-container .bzs_sidebar_philosophie {
  font-size: 19px;
  line-height: 25px;
  width: 350px;
}

/* Abschnitt Main Component Abschnitt Flex Styling mit inneren Sidebars ENDE */
/* Abschnitt Main Bottom */
.bzs-site-team .main-bottom {
  margin-bottom: 40px;
}

/* Abschnitt Main Bottom ENDE */
/* Abschnitt Menü Sidebar Ebene 3*/
.component-left-container .mod-menu.mod-list {
  max-width: 450px;
}

.component-left-container .mod-menu.mod-list li {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #707070;
  letter-spacing: 0;
  line-height: 35px;
}
.component-left-container .mod-menu.mod-list li a {
  color: #707070;
  text-decoration: none;
}
.component-left-container .mod-menu.mod-list li a:hover {
  text-decoration: underline;
  color: #00945E;
}
.component-left-container .mod-menu.mod-list li.current a {
  text-decoration: underline;
  color: #00945E;
}

.component-left-container .mod-menu.mod-list li.bzs-sidebar-inline-content {
  font-size: 19px;
  font-weight: normal;
  text-transform: none;
  line-height: 25px;
  letter-spacing: 0;
}
.component-left-container .mod-menu.mod-list li.bzs-sidebar-inline-content ul {
  display: block;
  list-style: disc;
  padding-left: 1.5em;
  margin: 0.5em 0;
}
.component-left-container .mod-menu.mod-list li.bzs-sidebar-inline-content li {
  font-size: 19px;
  font-weight: normal;
  text-transform: none;
  line-height: 25px;
  letter-spacing: 0;
  color: #707070;
  flex: unset;
  text-align: left;
}
.component-left-container .mod-menu.mod-list li.bzs-sidebar-inline-content a {
  color: inherit;
  text-decoration: none;
}
.component-left-container .mod-menu.mod-list li.bzs-sidebar-inline-content a:hover {
  color: inherit;
  text-decoration: none;
}

/* Abschnitt Menü Sidebar Ebene 3 ENDE */
/* Mobiles umreihen für mobile Ansicht mit Sidebar */
.container-component-row.bzs-has-inline-content .component-left-container {
  flex: 1 1 0;
  padding-right: 0;
  border-right: none;
}

.component-left-container li.bzs-sidebar-inline-content {
  list-style: none;
  padding: 2rem 0;
  font-size: 19px;
  font-weight: normal;
  text-transform: none;
  line-height: 25px;
  color: #707070;
  letter-spacing: 0;
}

/* Mobiles umreihen für mobile Ansicht mit Sidebar */
/* Abschnitt Blog Layout Aktuelles */
/* Blog Ansicht */
div.bzs-aktuelles div.page-header h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  line-height: 47px;
  color: #707070;
}
div.bzs-aktuelles div.page-header h2 a {
  text-decoration: none;
  color: #707070;
}
div.bzs-aktuelles div.page-header h2 a:hover {
  color: #00945E;
}

/* Abschnitt Blog Layout Aktuelles ENDE */
/* Abschnitt Artikel BZS Default Ansicht */
div.bzs_article_default {
  display: flex;
  flex-direction: column;
  align-items: center;
}
div.bzs_article_default figure {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
div.bzs_article_default div.page-header {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  max-width: 1088px;
}
div.bzs_article_default div.page-header h1 {
  max-width: 100%;
}
div.bzs_article_default div.com-content-article__body {
  margin-left: auto;
  margin-right: auto;
  max-width: 1088px;
  text-align: justify;
}

/* Abschnitt Artikel BZS Default Ansicht ENDE*/
/* Abschnitt Akkordion BEGINN */
.bzs-faq {
  margin-top: 2rem;
}

.bzs-faq-item {
  /*border-top: 2px solid $bzs-border-color-primary;*/
  padding: 0.75rem 0;
}
.bzs-faq-item:last-child {
  /*border-bottom: 2px solid $bzs-border-color-primary;*/
}
.bzs-faq-item summary {
  list-style: none;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
  color: #00945E;
  position: relative;
  padding-left: 2rem;
}
.bzs-faq-item summary::-webkit-details-marker {
  display: none;
}
.bzs-faq-item summary::after {
  content: "+";
  position: absolute;
  left: 0;
  top: 0;
  color: #00945E;
  /*            font-size: 1.5rem;
              line-height: 1;*/
}
.bzs-faq-item[open] summary {
  color: #00945E;
}
.bzs-faq-item[open] summary::after {
  content: "−";
}

.bzs-faq-answer {
  padding-top: 1.25rem;
}
.bzs-faq-answer p:last-child {
  margin-bottom: 0;
}

/* Abschnitt Akkordion ENDE*/
/* Abschnitt Read More Button */
.readmore a,
.readmore a.btn,
.readmore a.btn-primary {
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  color: #707070;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0;
}
.readmore a::before,
.readmore a.btn::before,
.readmore a.btn-primary::before {
  content: "";
  display: none;
}
.readmore a::after,
.readmore a.btn::after,
.readmore a.btn-primary::after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #707070;
  position: relative;
  bottom: 1px;
  flex-shrink: 0;
}
.readmore a:hover,
.readmore a.btn:hover,
.readmore a.btn-primary:hover {
  color: #00945E;
  background: none;
  text-decoration: none;
}
.readmore a:hover::after,
.readmore a.btn:hover::after,
.readmore a.btn-primary:hover::after {
  border-left-color: #00945E;
}
.readmore a span.icon-chevron-right,
.readmore a.btn span.icon-chevron-right,
.readmore a.btn-primary span.icon-chevron-right {
  display: none;
  content: "";
}

/* Abschnitt Read More Button ENDE */
/* Abschnitt Bild-Text nebeneinander Layout */
.bzs-bild-text {
  display: flex;
  gap: 1.5rem;
  align-items: stretch;
}
.bzs-bild-text .image_links {
  flex: 0 0 auto;
  display: flex;
}
.bzs-bild-text .image_links img {
  float: none !important;
  display: block;
  width: 229px;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.bzs-bild-text .text_neben_bild {
  flex: 1 1 0;
  min-width: 0;
}

/* Abschnitt Bild-Text nebeneinander Layout ENDE */
/***********************************************************/
/* Abschnitt Anpassungen für die Events Plugin Darstellung */
/***********************************************************/
.ah-bzs-event-header {
  background: #00945E !important;
}

.ah-bzs-event-footer a.btn-primary.ah-bzs-reg-link {
  background: #00945E !important;
  border-color: #00945E !important;
  color: #FFF !important;
}

/**************************************************/
/* Abschnitt Anpassungen für Mediengrößen         */
/**************************************************/
@media (max-width: 1660px) {
  .container-header .navbar-brand {
    margin-inline-end: 50px;
    margin-inline-start: 30px;
  }
  .container-header .container-nav .mod-menu li {
    font-size: 16px;
    line-height: 22px;
  }
  .container-header .container-nav {
    gap: 30px;
  }
  .container-header .container-header-submenu ul.bzs-header-submenu {
    margin-left: 120px;
    font-size: 16px;
    line-height: 22px;
  }
  .container-header .container-header-submenu ul.bzs-header-submenu li::after {
    margin-left: 6px;
    vertical-align: middle;
    border-top: 6.5px solid transparent;
    border-bottom: 6.5px solid transparent;
    border-left: 12px solid #fff;
  }
  .bzs-kategorie-content .com-content-categories__item-title {
    font-size: 25px;
    line-height: 33px;
  }
  .bzs-kategorie-content .com-content-categories__description {
    margin-top: 10px;
    font-size: 16px;
    line-height: 22px;
  }
  /* Blog Ansicht */
  div.bzs-aktuelles div.page-header h2 {
    font-size: 32px;
    line-height: 38px;
  }
}
@media (max-width: 1350px) {
  .container-header .navbar-brand {
    margin-inline-end: 10px;
    margin-inline-start: 5px;
  }
  .container-header .container-nav {
    gap: 10px;
  }
  .container-header .container-header-submenu ul.bzs-header-submenu {
    margin-left: 40px;
  }
  div.main-top.bzs_slogan.team div.bzs-slogan-text {
    margin-top: 70px;
    z-index: 10;
    position: relative;
    left: 50px;
    top: 30px;
  }
  div.main-top.bzs_slogan.team span.bzs_slogan_gross {
    font-size: 100px;
    line-height: 100px;
    font-weight: 700;
  }
  div.main-top.bzs_slogan.team span.bzs_slogan_medium {
    font-size: 100px;
    line-height: 100px;
    font-weight: 700;
  }
  .awesomplete > input {
    max-width: 150px;
  }
}
@media (max-width: 1200px) {
  .container-header .navbar-brand {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
  }
  .container-header .navbar-brand .brand-logo {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
  }
  .container-header .navbar-brand .brand-logo img {
    display: block;
    max-width: 200px;
  }
  .container-bzs-kategorie {
    height: 280px;
    max-height: 280px;
  }
  .bzs-kategorie-content .com-content-categories__item-title {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 1001px) {
  .mobile_intro_kategorie {
    display: none;
  }
}
/** Alles unter 1000 Pixel wird nun als Mobile Ansicht betrachtet */
@media (max-width: 1000px) {
  .container-header > .grid-child {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 1rem;
  }
  .container-header .navbar-brand {
    margin: 0;
    padding-right: 170px;
    min-height: 100px;
    width: 100%;
    display: flex;
    align-items: flex-start;
  }
  .container-header .navbar-brand .brand-logo {
    display: block;
    flex: 0 0 auto;
    max-width: 180px;
  }
  .container-header .navbar-brand .brand-logo img {
    display: block;
    max-width: 180px;
    width: 100%;
    /*height: auto;*/
    height: 90px;
  }
  .container-header .container-nav {
    margin-inline-end: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 1rem;
  }
  .container-header .container-nav .mod-menu {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.75rem 1.25rem;
    width: 100%;
  }
  .container-header .container-nav .mod-menu li {
    flex: 1 1 0;
    text-align: center;
    font-size: 16px;
    line-height: 22px;
  }
  .container-header .container-nav .mod-menu li a {
    display: block;
    width: 100%;
  }
  .container-header .container-nav .container-ausbildung {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 150px;
    height: 100px;
    margin: 0;
  }
  .container-header .container-nav .container-search {
    display: none;
  }
  .container-header .container-ausbildung .rahmen-svg {
    width: 150px;
    min-height: 100px;
  }
  .container-header .container-ausbildung .ausbildung-content {
    padding: 14px 10px;
  }
  .container-header .container-ausbildung .pfeil-svg {
    width: 24px;
    height: 24px;
    top: 34px;
    left: 82px;
  }
  .container-header .container-ausbildung .ausbildung-link {
    max-width: 126px;
    padding-left: 8px;
    font-size: 20px;
    line-height: 24px;
  }
  .container-header .container-header-submenu {
    display: none;
    position: fixed;
    inset: 0;
    margin-top: 0;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1000;
    overflow-y: auto;
  }
  .container-header .container-header-submenu .grid-child {
    max-width: 380px;
    /*margin: 5.5rem auto 0;*/
    margin: 150px auto 0 0;
    padding: 1.25rem;
    background-color: #00945E;
  }
  .container-header .container-header-submenu .grid-child:not(.bzs-mobile-injected) {
    display: none;
  }
  .container-header .container-header-submenu .grid-child.bzs-mobile-injected {
    position: relative;
  }
  .container-header .container-header-submenu .grid-child.bzs-mobile-injected .bzs-submenu-close {
    position: absolute;
    top: 0.6rem;
    right: 0.75rem;
    background: transparent;
    border: none;
    color: #FFF;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .container-header .container-header-submenu .grid-child.bzs-mobile-injected .bzs-submenu-close:hover {
    opacity: 0.75;
  }
  .container-header .container-header-submenu ul.bzs-header-submenu {
    margin-left: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 16px;
    line-height: 22px;
  }
  .container-header .container-header-submenu ul.bzs-header-submenu li {
    display: block;
  }
  .container-header .container-header-submenu ul.bzs-header-submenu li::after {
    margin-left: 10px;
    border-top: 6.5px solid transparent;
    border-bottom: 6.5px solid transparent;
    border-left: 12px solid #FFF;
    display: none;
  }
  .container-header .container-header-submenu ul.bzs-header-submenu a {
    display: inline-block;
    color: #FFF;
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  .container-header .container-header-submenu ul.bzs-header-submenu a:hover {
    text-decoration: underline;
    -webkit-text-decoration: underline;
  }
  .container-header.submenu-open .container-header-submenu {
    display: block;
  }
  div.main-top.bzs_slogan {
    overflow: visible;
    padding-top: 1rem;
    padding-bottom: 3rem;
  }
  div.main-top.bzs_slogan div.bzs-slogan-text {
    margin-top: 0;
    width: 100%;
  }
  div.main-top.bzs_slogan span.bzs_slogan_gross {
    display: block;
    font-size: clamp(40px, 14vw, 100px);
    line-height: 1;
  }
  div.main-top.bzs_slogan span.bzs_slogan_medium {
    display: block;
    font-size: clamp(40px, 14vw, 100px);
    line-height: 1;
  }
  div.main-top.bzs_slogan span.bzs_slogan_klein {
    display: block;
    font-size: clamp(16px, 4.5vw, 30px);
    line-height: 1.3;
  }
  div.main-top.bzs_slogan div.bzs-kreise-a {
    width: 32vw;
    height: 32vw;
    top: 0;
    left: 0;
  }
  div.main-top.bzs_slogan div.bzs-kreise-b {
    width: 16vw;
    height: 16vw;
    top: 18vw;
    left: 32vw;
  }
  div.main-top.bzs_slogan div.bzs-kreise-c {
    width: 40vw;
    height: 40vw;
    top: 10vw;
    left: auto;
    right: 0;
  }
  div.main-top.bzs_slogan div.bzs-slogan-video {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
  }
  div.main-top.bzs_slogan div.bzs-slogan-video video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1380/660;
    object-fit: cover;
  }
  div.main-top.bzs_slogan.team {
    margin-bottom: 40px;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
  div.main-top.bzs_slogan.team div.bzs-slogan-text {
    margin-top: 0;
    left: 0;
    top: 0;
  }
  div.main-top.bzs_slogan.team span.bzs_slogan_gross {
    display: block;
    font-size: clamp(40px, 14vw, 100px);
    line-height: 1;
  }
  div.main-top.bzs_slogan.team span.bzs_slogan_medium {
    display: block;
    font-size: clamp(40px, 14vw, 100px);
    line-height: 1;
  }
  div.main-top.bzs_slogan.team div.bzs-kreise-d {
    width: 28vw;
    height: 28vw;
    top: 0;
    left: auto;
    right: 0;
  }
  div.main-top.bzs_slogan.team div.bzs-kreise-e {
    width: 12vw;
    height: 12vw;
    top: 8vw;
    left: 18vw;
  }
  div.bzs-slogan-subtext {
    left: 0;
    top: 1rem;
  }
  div.bzs_image_bilder_modul {
    margin-top: 0;
  }
  div.bzs_image_bilder {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
  }
  div.bzs_image_bilder > * {
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
  }
  div.bzs_image_bilder > :nth-child(n+3) {
    display: none;
  }
  div.bzs_image_bilder img,
  div.bzs_image_bilder video {
    display: block;
    width: 100%;
    height: auto;
  }
  .container-component-row {
    flex-direction: column;
    margin-top: 0px;
    gap: 1rem;
  }
  .component-main,
  .component-left-container,
  .component-right-container {
    /*width: 100%;*/
    width: 95%;
  }
  .component-left-container {
    padding-right: 0;
    border-right: none;
  }
  .component-left-container .mod-menu.mod-list li {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    overflow-wrap: break-word;
    word-break: normal;
  }
  .container-component-row > .bzs-image-mobile-1,
  .container-component-row > .bzs-image-mobile-2 {
    width: 100%;
  }
  .container-component-row > .bzs-image-mobile-1 img,
  .container-component-row > .bzs-image-mobile-1 video,
  .container-component-row > .bzs-image-mobile-2 img,
  .container-component-row > .bzs-image-mobile-2 video {
    display: block;
    width: 100%;
    height: auto;
  }
  /* Nur auf der Startseite soll beim Hauptcontent die Kreise im Background sein ENDE */
  .component-main h1 {
    font-size: 36px;
    line-height: 42px;
    text-transform: uppercase;
    max-width: 89%;
  }
  .component-main .com-content-article h1 {
    color: #00945E;
    font-size: 32px;
    line-height: 38px;
    word-wrap: break-word;
  }
  .component-left-container h3 {
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 2rem;
  }
  .main-bottom h3 {
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase;
    margin-bottom: 2rem;
  }
  .component-main .bzs_content_gross_startseite {
    font-size: 16px;
    line-height: 36px;
    font-weight: bold;
    margin-top: 25px;
    width: 90%;
  }
  .component-left-container .bzs_sidebar_philosophie {
    font-size: 16px;
    line-height: 22px;
    width: 350px;
  }
  /* Verstecken des Main Component Content auf Mobil, wenn hide_on_mobile KLasse */
  .item-page.hide_content_on_mobile {
    display: none;
  }
  /* Abschnitt Main Component Abschnitt Flex Styling mit inneren Sidebars ENDE */
  div.bzs-image-video {
    width: 100%;
  }
  div.bzs-image-video div.bzs-seminare-video,
  div.bzs-image-video div.bzs-sicherheitsdienste-video {
    width: 100%;
    height: auto;
    aspect-ratio: 5/3;
  }
  div.bzs-image-video div.bzs-seminare-video video,
  div.bzs-image-video div.bzs-sicherheitsdienste-video video {
    width: 100%;
    height: 100%;
  }
  div.bzs-image-video div.bzs-lehrgaenge-video,
  div.bzs-image-video div.bzs-managementausbildungen-video,
  div.bzs-image-video div.bzs-unternehmensausbildungen-video {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
  div.bzs-image-video div.bzs-lehrgaenge-video video,
  div.bzs-image-video div.bzs-managementausbildungen-video video,
  div.bzs-image-video div.bzs-unternehmensausbildungen-video video {
    width: 100%;
    height: 100%;
  }
  .container-footer .nav-item {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height: 22px;
  }
  .container-footer .grid-child {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.3rem;
  }
  .container-footer .grid-child .bzs-footer-b {
    grid-column: 1;
    grid-row: 1;
  }
  .container-footer .grid-child .bzs-footer-c {
    grid-column: 2;
    grid-row: 1;
  }
  .container-footer .grid-child .bzs-footer-a {
    grid-column: 1/3;
    grid-row: 2;
  }
  .container-footer .grid-child .bzs-footer-d {
    grid-column: 1/3;
    grid-row: 3;
  }
  .container-footer .grid-child .bzs-footer-a {
    margin-top: 1rem;
  }
  .container-footer .grid-child .bzs-footer-a .bzs-footer-a-content {
    margin-inline-start: 0;
  }
  .container-footer .grid-child .bzs-footer-c .bzs-footer-c-content {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .container-footer .grid-child .bzs-footer-c .container-ausbildung,
  .container-footer .grid-child .bzs-footer-c .container-newsletter {
    width: 120px;
    height: 87px;
    margin: 0;
  }
  .container-footer .grid-child .bzs-footer-c .ausbildung-link,
  .container-footer .grid-child .bzs-footer-c .newsletter-link {
    font-size: 15px;
    line-height: 19px;
    max-width: 100px;
    padding-left: 8px;
    padding-top: 12px;
  }
  .container-footer .grid-child .bzs-footer-c .pfeil-svg {
    width: 18px;
    height: 18px;
    top: 35px;
    left: 72px;
  }
  .container-footer .grid-child .bzs-footer-b {
    font-size: 16px;
    line-height: 22px;
  }
  .bzs-bild-text {
    flex-direction: column;
  }
  .bzs-bild-text .image_links img {
    display: none;
  }
}
/** Abschnitt Rahmen für Team - Responsive Mobile **/
/* Mittlere Breite: Bild etwas kleiner, Text bleibt daneben */
@media (max-width: 1000px) {
  .bzs-team-content {
    gap: 1rem;
    padding: 12px 18px;
  }
  .bzs-team-content figure {
    flex: 0 0 160px;
    width: 160px;
  }
  .bzs-team-content figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .bzs-team-content .item-content {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
  }
}
/* Kleine Breite: Bild und Text untereinander stapeln */
@media (max-width: 480px) {
  .bzs-team-content {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 10px 14px;
  }
  .bzs-team-content figure {
    flex: 0 0 auto;
    width: 100%;
    max-width: 220px;
    height: auto;
  }
  .bzs-team-content figure img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .bzs-team-content .item-content {
    flex: 1 1 auto;
    width: 100%;
    padding: 0;
  }
  /* Rahmen-SVGs bei sehr kleinen Screens etwas verkleinern */
  .bzs-team-rahmen-svg-lo,
  .bzs-team-rahmen-svg-lu,
  .bzs-team-rahmen-svg-ro,
  .bzs-team-rahmen-svg-ru {
    width: 28px;
    min-height: 28px;
  }
}
/** Abschnitt Rahmen für Team - Responsive Mobile ENDE **/
/**************************************************/
/* Abschnitt Anpassungen für Mediengrößen         */
/**************************************************/

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/vs/repos/BZS2026/Web/media/templates/site/bzs_cassiopeia/scss/override.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22;AAsFA;EACI;;;AAGJ;EACI;IACI;IACA;;;AAIR;AAEA;EACI,OA9DqB;EA+DrB,aAnGc;;;AAuGlB;EACI,aAxGc;;;AA2GlB;EACI,aA5Gc;EA6Gd,WA5GoB;EA6GpB,aAxEqB;;;AA4EzB;AAEA;EACI,kBAvH4B;EAwH5B;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;AACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI,aA7Jc;EA8Jd,WA3JwB;EA4JxB;EACA;EACA,OAlIyB;EAmIzB,gBA9F4B;EA+F5B,aA3HyB;;AA6HzB;EACI;;AAIA;EACI;;AAIR;EACI;;;AAKR;EACI;EACA;EACA;EACA;EACA,kBA3L6B;EA4L7B;;;AAGJ;EACI;EACA;;;AAGJ;AACI;EACA;EACA,aAtMc;EAuMd,WAjM2B;EAkM3B;EACA;EACA,OA1K4B;EA2K5B,gBAtI+B;EAuI/B,aAlK4B;;AAqK5B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAcJ;EACI;;AAGJ;EACI;;;AAOR;AAEA;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA,OAnRoB;EAoRpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAjUc;EAkUd,WA1TwB;EA2TxB,aAtRyB;;;AAyR7B;EACI;EACA,OAvSoB;EAwSpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aApVc;EAqVd,WA7UwB;EA8UxB,aAzSyB;;;AA2S7B;AAEA;AAEA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA,OAnWoB;EAoWpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAhZc;EAiZd,WAzYwB;EA0YxB,aArWyB;;;AA0W7B;AAGA;AAGA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;AACA;EACA;EACA;EACA;AACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;AACA;AAAA;AAAA;AAAA;AAAA;;AAMA;EACI;;AAGJ;EACI,aAjgBU;EAkgBV,WAte8B;EAue9B,aAnc+B;EAoc/B;EACA,OAjeiB;;AAmejB;EACI,OApea;EAqeb;;AAEA;EACI;EACA,OA3eQ;;AAgfpB;EACI;EACA,aAphBU;EAqhBV,WAphBgB;EAqhBhB,aAhfiB;EAifjB,OAnfiB;;AAqfjB;EACI,OAtfa;EAufb;;AAEA;EACI;EACA,OA7fQ;;;AAogBxB;AAEA;AAEA;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;AAAA;AAAA;AAAA;AAAA;;AAMA;EACI;EACA;EACA;EACA;EACA;AACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAIR;EACI;AACA;EACA;;AAGJ;EACI;;AAGJ;EACI,aAppBU;EAqpBV,WAznB8B;EA0nB9B,aAtlB+B;EAulB/B;EACA,OApnBiB;;AAsnBjB;EACI,OAvnBa;EAwnBb;;AAEA;EACI;EACA,OA9nBQ;;AAmoBpB;EACI;EACA,aAvqBU;EAwqBV,WAvqBgB;EAwqBhB,aAnoBiB;EAooBjB,OAtoBiB;;AAwoBjB;EACI,OAzoBa;EA0oBb;;AAEA;EACI;EACA,OAhpBQ;;;AAspBxB;AAEA;AAGA;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;AACA;AAAA;AAAA;AAAA;AAAA;;;AAOJ;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;AAGA;EACI;EACA;;;AAIJ;EACI;EACA;EACA;EACA,OAnwBoB;;;AAswBxB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;AAEA;EACI,kBA1zB6B;EA2zB7B;;;AAGJ;EACI;EACA;EACA;EACA;EACA,kBAn0B6B;EAo0B7B;EACA,aAp0Bc;EAq0Bd,WA5zBmB;EA6zBnB;EACA;EACA,OAvyBoB;EAwyBpB,gBAlwBuB;EAmwBvB,aA5xBoB;;AA8xBpB;EACI;;AAGJ;EACI;;AAKA;EACI;;AAGA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;;AAUZ;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAWZ;AAEA;EACI;EACA,aAh5Bc;EAi5Bd;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI,WAj5Be;EAk5Bf,aA72BgB;EA82BhB,gBAr1BmB;EAs1BnB;;AAGJ;EACI,WAr5BuB;EAs5BvB,aAj3BwB;EAk3BxB,gBA11B2B;;AA61B/B;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA;;;AAGJ;AAEA;AAEA;EACI;EACA,aAv+Bc;EAw+Bd;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI,WAz+Be;EA0+Bf,aAr8BgB;EAs8BhB,gBA76BmB;EA86BnB;;AAGJ;EACI,WA/+BsB;EAg/BtB,aA38BuB;EA48BvB,gBAn7B0B;EAo7B1B;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;AAEA;AAEA;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;;AAIR;AAEA;EACI;;;AAGJ;AACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AAIR;EACI;;AAEA;EACI;;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oDa;IA2oDb,aAtmDc;IAumDd;;EAIR;IACI;;;AAIR;EACI;IACI;IACA;IACA;;EAGA;IACI;IACA;IACA;;EAEA;IACI;IACA;;EAKZ;IACI;IACA;;EAGJ;IACI,WA7pDgC;IA8pDhC,aA1nDiC;;;AAgoDzC;EACI;IACI;;;AAIR;AAEA;EAMQ;IACI;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;IACA;IACA;;EAEA;IACI;IACA;IACA;;EAEA;IACI;IACA;IACA;AACA;IACA;;EAKZ;IACI;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACI;IACA;IACA,WAlwDU;IAmwDV,aA9tDW;;EAguDX;IACI;IACA;;EAKZ;IACI;IACA;IACA;IACA;IACA;IACA;;EAGJ;IACI;;EAKJ;IACI;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;;EAIR;IACI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACI;AACA;IACA;IACA;IACA,kBAv0DiB;;EA20DrB;IACI;;EAGJ;IACI;;EAEA;IACI;IACA;IACA;IACA;IACA;IACA,OAlzDW;IAmzDX;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACI;;EAKZ;IACI;IACA;IACA;IACA;IACA;IACA;IACA,WAt2DiB;IAu2DjB,aAn0DkB;;EAq0DlB;IACI;;EAGJ;IACI;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA,OAz1DW;IA01DX;IACA;;EAEA;IACI;IACA;;EAOZ;IACI;;EASZ;IACI;IACA;IACA;;EAEA;IACI;IACA;;EAGJ;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;;EAEA;IACI;IACA;IACA;IACA;IACA;;EAKZ;IACI;IACA;IACA;;EAEA;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;;EAIR;IACI;IACA;;EAOJ;IACI;;EAGJ;IACI;IACA;IACA;IACA;;EAEA;IACI;IACA;IACA;;EAGJ;IACI;;EAGJ;AAAA;IAEI;IACA;IACA;;EASR;IACI;IACA;IACA;;EAGJ;AAAA;AAAA;AAGI;IACA;;EAGJ;IACI;IACA;;EAEA;IAGI;IACA;IACA;IACA;IACA;;EAIR;AAAA;IAEI;;EAGJ;AAAA;AAAA;AAAA;IAII;IACA;IACA;;AAKJ;EAEA;IACI,WAvkE4B;IAwkE5B,aAniE6B;IAoiE7B;IACA;;EAGJ;IACI,OA5jEgB;IA6jEhB,WA7kEoC;IA8kEpC,aAziEqC;IA0iErC;;EAGJ;IACI,WA/kE4B;IAglE5B,aA3iE6B;IA4iE7B;IACA;;EAGJ;IACI,WAplEmC;IAqlEnC,aAhjEoC;IAijEpC;IACA;;EAGJ;IACI,WAzlEoC;IA0lEpC,aArjEqC;IAsjErC;IACA;IACA;;EAGJ;IACI,WAznEkB;IA0nElB,aArlEmB;IAslEnB;;AAGJ;EAEA;IACI;;AAGJ;EAGA;IACI;;EAEA;AAAA;IAEI;IACA;IACA;;EAEA;AAAA;IACI;IACA;;EAIR;AAAA;AAAA;IAGI;IACA;IACA;;EAEA;AAAA;AAAA;IACI;IACA;;EASR;IACI,WAjqEkB;IAkqElB;IACA;IACA,gBAtmEsB;IAumEtB,aAhoEmB;;EAmoEvB;IAEI;IACA;IACA;;EAEA;IACI;IACA;;EAGJ;IACI;IACA;;EAGJ;IACI;IACA;;EAGJ;IACI;IACA;;EAIR;IACI;;EAGJ;IACI;;EAGJ;IACI;IACA;IACA;;EAIA;AAAA;IAEI;IACA;IACA;;EAGJ;AAAA;IAEI;IACA;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;;EAIR;IACI,WAnvEc;IAovEd,aA/sEe;;EAqtEvB;IACI;;EAEA;IACI;;;AAMZ;AAEA;AACA;EACI;IACI;IACA;;EAGJ;IACI;IACA;;EAGJ;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;;;AAIR;AACA;EACI;IACI;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;IACA;;EAGJ;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;;AAGJ;EACA;AAAA;AAAA;AAAA;IAII;IACA;;;AAIR;AAGA;AACA;AACA%22%7D */