/* Screen reader only - WCAG 2.2 Accessibility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.force-color-1, .force-color-1-extra * {
  color: var(--sd_c-black)!important;
}

.block-type-hero-block .sd-head {
  pointer-events: none;
}
.sd-head a {
  pointer-events: auto;
}
.sd-video-element::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}


.sd-video-element::-webkit-media-controls-overlay-play-button {
  display: none !important;
  -webkit-appearance: none;
}

.mar-t-1 {margin-top: var(--sd_space-xxxs);}
.mar-t-2 {margin-top: var(--sd_space-xxs);}
.mar-t-3 {margin-top: var(--sd_space-xs);}
.mar-t-4 {margin-top: var(--sd_space-s);}
.mar-t-5 {margin-top: var(--sd_space-m);}
.mar-t-6 {margin-top: var(--sd_space-l);}
.mar-t-7 {margin-top: var(--sd_space-xl);}
.mar-t-8 {margin-top: var(--sd_space-xxl);}
.mar-t-9 {margin-top: var(--sd_space-xxxl);}
.mar-t-10 {margin-top: var(--sd_space-xxxxl);}
.mar-t-11 {margin-top: var(--sd_space-xxxxxl);}
.mar-t-12 {margin-top: var(--sd_space-xxxxxxl);}

.mar-b-1 {margin-bottom: var(--sd_space-xxxs);}
.mar-b-2 {margin-bottom: var(--sd_space-xxs);}
.mar-b-3 {margin-bottom: var(--sd_space-xs);}
.mar-b-4 {margin-bottom: var(--sd_space-s);}
.mar-b-5 {margin-bottom: var(--sd_space-m);}
.mar-b-6 {margin-bottom: var(--sd_space-l);}
.mar-b-7 {margin-bottom: var(--sd_space-xl);}
.mar-b-8 {margin-bottom: var(--sd_space-xxl);}
.mar-b-9 {margin-bottom: var(--sd_space-xxxl);}
.mar-b-10 {margin-bottom: var(--sd_space-xxxxl);}
.mar-b-11 {margin-bottom: var(--sd_space-xxxxxl);}
.mar-b-12 {margin-bottom: var(--sd_space-xxxxxxl);}

.mar-l-1 {margin-left: var(--sd_space-xxxs);}
.mar-l-2 {margin-left: var(--sd_space-xxs);}
.mar-l-3 {margin-left: var(--sd_space-xs);}
.mar-l-4 {margin-left: var(--sd_space-s);}
.mar-l-5 {margin-left: var(--sd_space-m);}
.mar-l-6 {margin-left: var(--sd_space-l);}
.mar-l-7 {margin-left: var(--sd_space-xl);}
.mar-l-8 {margin-left: var(--sd_space-xxl);}
.mar-l-9 {margin-left: var(--sd_space-xxxl);}
.mar-l-10 {margin-left: var(--sd_space-xxxxl);}
.mar-l-11 {margin-left: var(--sd_space-xxxxxl);}
.mar-l-12 {margin-left: var(--sd_space-xxxxxxl);}

.mar-r-1 {margin-right: var(--sd_space-xxxs);}
.mar-r-2 {margin-right: var(--sd_space-xxs);}
.mar-r-3 {margin-right: var(--sd_space-xs);}
.mar-r-4 {margin-right: var(--sd_space-s);}
.mar-r-5 {margin-right: var(--sd_space-m);}
.mar-r-6 {margin-right: var(--sd_space-l);}
.mar-r-7 {margin-right: var(--sd_space-xl);}
.mar-r-8 {margin-right: var(--sd_space-xxl);}
.mar-r-9 {margin-right: var(--sd_space-xxxl);}
.mar-r-10 {margin-right: var(--sd_space-xxxxl);}
.mar-r-11 {margin-right: var(--sd_space-xxxxxl);}
.mar-r-12 {margin-right: var(--sd_space-xxxxxxl);}

.pad-b-1 {padding-bottom: var(--sd_space-xxxs);}
.pad-b-2 {padding-bottom: var(--sd_space-xxs);}
.pad-b-3 {padding-bottom: var(--sd_space-xs);}
.pad-b-4 {padding-bottom: var(--sd_space-s);}
.pad-b-5 {padding-bottom: var(--sd_space-m);}
.pad-b-6 {padding-bottom: var(--sd_space-l);}
.pad-b-7 {padding-bottom: var(--sd_space-xl);}
.pad-b-8 {padding-bottom: var(--sd_space-xxl);}
.pad-b-9 {padding-bottom: var(--sd_space-xxxl);}
.pad-b-10 {padding-bottom: var(--sd_space-xxxxl);}
.pad-b-11 {padding-bottom: var(--sd_space-xxxxxl);}
.pad-b-12 {padding-bottom: var(--sd_space-xxxxxxl);}

.pad-t-1 {padding-top: var(--sd_space-xxxs);}
.pad-t-2 {padding-top: var(--sd_space-xxs);}
.pad-t-3 {padding-top: var(--sd_space-xs);}
.pad-t-4 {padding-top: var(--sd_space-s);}
.pad-t-5 {padding-top: var(--sd_space-m);}
.pad-t-6 {padding-top: var(--sd_space-l);}
.pad-t-7 {padding-top: var(--sd_space-xl);}
.pad-t-8 {padding-top: var(--sd_space-xxl);}
.pad-t-9 {padding-top: var(--sd_space-xxxl);}
.pad-t-10 {padding-top: var(--sd_space-xxxxl);}
.pad-t-11 {padding-top: var(--sd_space-xxxxxl);}
.pad-t-12 {padding-top: var(--sd_space-xxxxxxl);}

.pad-l-1 {padding-left: var(--sd_space-xxxs);}
.pad-l-2 {padding-left: var(--sd_space-xxs);}
.pad-l-3 {padding-left: var(--sd_space-xs);}
.pad-l-4 {padding-left: var(--sd_space-s);}
.pad-l-5 {padding-left: var(--sd_space-m);}
.pad-l-6 {padding-left: var(--sd_space-l);}
.pad-l-7 {padding-left: var(--sd_space-xl);}
.pad-l-8 {padding-left: var(--sd_space-xxl);}
.pad-l-9 {padding-left: var(--sd_space-xxxl);}
.pad-l-10 {padding-left: var(--sd_space-xxxxl);}
.pad-l-11 {padding-left: var(--sd_space-xxxxxl);}
.pad-l-12 {padding-left: var(--sd_space-xxxxxxl);}

.pad-r-1 {padding-right: var(--sd_space-xxxs);}
.pad-r-2 {padding-right: var(--sd_space-xxs);}
.pad-r-3 {padding-right: var(--sd_space-xs);}
.pad-r-4 {padding-right: var(--sd_space-s);}
.pad-r-5 {padding-right: var(--sd_space-m);}
.pad-r-6 {padding-right: var(--sd_space-l);}
.pad-r-7 {padding-right: var(--sd_space-xl);}
.pad-r-8 {padding-right: var(--sd_space-xxl);}
.pad-r-9 {padding-right: var(--sd_space-xxxl);}
.pad-r-10 {padding-right: var(--sd_space-xxxxl);}
.pad-r-11 {padding-right: var(--sd_space-xxxxxl);}
.pad-r-12 {padding-right: var(--sd_space-xxxxxxl);}

.gap-1 {gap: var(--sd_space-xxxs);}
.gap-2 {gap: var(--sd_space-xxs);}
.gap-3 {gap: var(--sd_space-xs);}
.gap-4 {gap: var(--sd_space-s);}
.gap-5 {gap: var(--sd_space-m);}
.gap-6 {gap: var(--sd_space-l);}
.gap-7 {gap: var(--sd_space-xl);}
.gap-8 {gap: var(--sd_space-xxl);}
.gap-9 {gap: var(--sd_space-xxxl);}
.gap-10 {gap: var(--sd_space-xxxxl);}
.gap-11 {gap: var(--sd_space-xxxxxl);}
.gap-12 {gap: var(--sd_space-xxxxxxl);}

.width-10 {width: 10px;}
.width-20 {width: 20px;}
.width-30 {width: 30px;}
.width-40 {width: 40px;}
.width-50 {width: 50px;}
.width-60 {width: 60px;}
.width-70 {width: 70px;}
.width-80 {width: 80px;}
.width-90 {width: 90px;}
.width-100 {width: 100px;}
.width-110 {width: 110px;}
.width-120 {width: 120px;}
.width-130 {width: 130px;}
.width-140 {width: 140px;}
.width-150 {width: 150px;}
.width-160 {width: 160px;}
.width-170 {width: 170px;}
.width-180 {width: 180px;}
.width-190 {width: 190px;}
.width-200 {width: 200px;}
.width-50p {width: 50%;}
.width-100p {width: 100%;}
.width-3-4 {width: 75%;}
@media only screen and (max-width: 949px) {
  .width-3-4 {width: auto;}
  .width-50p {width: auto;}
}

.height-10 {height: 10px;}
.height-20 {height: 20px;}
.height-30 {height: 30px;}
.height-40 {height: 40px;}
.height-50 {height: 50px;}
.height-60 {height: 60px;}
.height-70 {height: 70px;}
.height-80 {height: 80px;}
.height-90 {height: 90px;}
.height-100 {height: 100px;}
.height-110 {height: 110px;}
.height-120 {height: 120px;}
.height-130 {height: 130px;}
.height-140 {height: 140px;}
.height-150 {height: 150px;}
.height-160 {height: 160px;}
.height-170 {height: 170px;}
.height-180 {height: 180px;}
.height-190 {height: 190px;}
.height-200 {height: 200px;}

.inl {
  display: inline-block;
}
.bl {
  display: block;
}
.cl {
  cursor: pointer;
}
button {
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}
.praemiert {
 display: flex;
 align-items: center;
 gap: var(--sd_space-s);
}
.praemiert.tagbox svg{
  margin-top: 2.5px;
}



/* Label mit Checkbox - position relative für absolute Input */
.sdf-checkbox-field label,
label:has(.sd-checkbox-hidden),
.sd-checkbox-label {
  position: relative;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  gap: var(--sd_space-s);
}

/* Verstecke das echte Checkbox-Input visuell, aber behalte Funktionalität */
input[type="checkbox"].sd-checkbox-hidden {
  position: absolute !important;
  opacity: 0 !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  cursor: pointer;
  z-index: 2;
  left: 0;
  top: 2px;
  clip-path: none !important;
}

/* Custom Checkbox Visual */
.sd-checkbox-custom {
  display: inline-block;
  width: 22px;
  height: 22px;
  border: var(--sd_border-black);
  background-color: transparent;
  position: relative;
  flex-shrink: 0;
  transition: var(--sd_transition-normal);
  cursor: pointer;
  vertical-align: middle;
  pointer-events: none;
  z-index: 1;
}

/* Checked State */
input[type="checkbox"].sd-checkbox-hidden:checked + .sd-checkbox-custom {
  background-color: var(--sd_c-black);
  box-shadow:
    0 0 0 1px var(--sd_c-white),
    0 0 0 2px var(--sd_c-black);
}


@media only screen and (min-width: 949px) {
  textarea, input[type="text"], input[type="email"], input[type="tel"] {
    font-size: 16px;
  }
}



/* Active State */
input[type="checkbox"].sd-checkbox-hidden:active + .sd-checkbox-custom {
  box-shadow: 0 0 0 1px var(--sd_c-black);
}

/* Focus State - WCAG 2.2 compliant */
input[type="checkbox"].sd-checkbox-hidden:focus + .sd-checkbox-custom {
  outline: none;
  box-shadow:
    0 0 0 2px var(--sd_c-white),
    0 0 0 4px var(--sd_c-black);
}

input[type="checkbox"].sd-checkbox-hidden:focus:checked + .sd-checkbox-custom {
  box-shadow:
    0 0 0 1px var(--sd_c-white),
    0 0 0 2px var(--sd_c-black),
    0 0 0 4px var(--sd_c-white),
    0 0 0 6px var(--sd_c-black);
}

/* Focus-visible für Keyboard-Navigation */
input[type="checkbox"].sd-checkbox-hidden:focus-visible + .sd-checkbox-custom {
  outline: none;
  box-shadow:
    0 0 0 2px var(--sd_c-white),
    0 0 0 4px var(--sd_c-black);
}

input[type="checkbox"].sd-checkbox-hidden:focus-visible:checked + .sd-checkbox-custom {
  box-shadow:
    0 0 0 1px var(--sd_c-white),
    0 0 0 2px var(--sd_c-black),
    0 0 0 4px var(--sd_c-white),
    0 0 0 6px var(--sd_c-black);
}

/* Hover State (Desktop) */
@media only screen and (min-width: 1440px) {
  input[type="checkbox"].sd-checkbox-hidden:not(:checked):not(:focus):not(:focus-visible) + .sd-checkbox-custom:hover {
    box-shadow: 0 0 0 1px var(--sd_c-black);
  }
}


/* Screen Reader Only Text für bessere Accessibility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

input[type="checkbox"]:not(.sd-checkbox-hidden):active {
  box-shadow:
    0 0 0 1px var(--sd_c-black);
}

@media only screen and (min-width: 1440px) {
  input[type="checkbox"]:not(.sd-checkbox-hidden):hover:not(:checked) {
    box-shadow:
      0 0 0 1px var(--sd_c-black);
  }
}


/* DEFAULT STYLES */
.list li {
  list-style: none;
  margin-bottom: var(--sd_space-s);
  font-size: var(--sd_font-size-m);
  font-weight: var(--sd_font-weight-bold);
  color: var(--sd_c-black);
  text-transform: uppercase;
  text-align: left;
}
.list li::before {
  content: "—";
  margin-right: 0.5em;
  display: inline-block;
}
.sd-form-input {
  padding: var(--sd_button-padding);
  transition: var(--sd_transition-normal);
  border: var(--sd_border-button-black);
  background-color: transparent;
  display: block;
  width: 100%;
} 
.sd-form-field {
  margin-bottom: var(--sd_space-xl);
}
.sd-form-field label{
  margin-bottom: var(--sd_space-xl);
}
.sd-form-field input, .sd-form-field textarea, .sd-form-select{
  margin-top: var(--sd_space-xs);
}

.img-desc {
  margin-top: var(--sd_space-s);
}
.text-element {
  margin-bottom: var(--sd_space-xl);
}
.mobile-hide {
  display: none;
}
.desktop-only {
  display: block;
}
.no-t-trans {
  text-transform: none!important;
}
@media only screen and (max-width: 949px) {
  .desktop-only {
    display: none;
  }
}

.komma .ch:after {
  content: ",";
  margin-right: 0.5em;
  display: inline-block;

}
.komma .ch:last-child:after {
  content: "";
  margin-right: 0;
  display: none;
}

.flex-align-center, .flex {
  display: flex;
  align-items: center;
}
.al-r {
  text-align: right;
}
.f-start {
  align-items: flex-start;
}
.f-d-column {
  flex-direction: column;
}
.f-between {
  justify-content: space-between;
}

.Grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 949px) {
  .Grid-2 {
    grid-template-columns: 1fr;
  }
}



/* image-text-block.php */
/* video-player-block.php */
.sd-video-text-wrapper, .sd-image-text-wrapper {
  display: grid!important;
  grid-template-columns: 1fr 1fr!important;
  gap: var(--sd_space-xxxl)!important;
  align-items: start!important;
}
.image-left .sd-image-column, .video-left .sd-video-column {
  grid-column: 1;
  grid-row: 1;
}
.image-left .sd-text-column, .video-left .sd-text-column {
  grid-column: 2;
  grid-row: 1;
}
.image-right .sd-text-column, .video-right .sd-text-column {
  grid-column: 1;
  grid-row: 1;
}

.sd-image-column-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--sd_space-l);
}

.image-right .sd-image-column.ExtraGap,
.image-right .sdic-two-note.ExtraGap {
  padding-left: 10vw;
}

.image-left .sd-image-column.ExtraGap,
.image-left .sdic-two-note.ExtraGap  {
  padding-right: 10vw;
}

@media only screen and (max-width: 1440px) {
  .image-right .sd-image-column.ExtraGap,
  .image-right .sdic-two-note.ExtraGap {
    padding-left: 15vw;
  }
}

@media only screen and (max-width: 949px) {
  .sd-video-text-wrapper, .sd-image-text-wrapper {
    grid-template-columns: 1fr 1fr !important;
    gap: var(--sd_space-xxl)!important;
  }
  .sd-video-text-wrapper {
    grid-template-columns: 1fr !important;
  }
  .sd-video-column {
    margin-top: var(--sd_space-xxl);
  }
  .video-left .sd-text-column,
  .video-right .sd-text-column {
    grid-row: 1;
    grid-column: 1 !important;
  }
  .video-left .sd-video-column,
  .video-right .sd-video-column {
    grid-row: 2;
    grid-column: 1 !important;
  }
  .sd-image-text-wrapper {
    grid-template-columns: 1.5fr 1fr;
  }
  .image-right .sdic-two-note.ExtraGap {
    padding-left: 0vw;
  }
}

@media (max-width: 700px) {
  .sd-image-text-wrapper, .sd-video-text-wrapper {
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto;
  }
  .image-left .sd-text-column,
  .image-right .sd-text-column,
  .video-left .sd-text-column,
  .video-right .sd-text-column {
    grid-row: 1;
    grid-column: 1 !important;
  }
  .image-left .sd-image-column,
  .image-right .sd-image-column,
  .video-left .sd-video-column,
  .video-right .sd-video-column {
    grid-row: 2;
    grid-column: 1 !important;
  }
  .image-right .sd-image-column.ExtraGap {
    padding-left: 0vw;
  }
}

@media (max-width: 375px) {
  .mobile-hide {
    display: none!important
  }
}


/* image-video-block.php */
.sd-video-wrapper {
  display: grid !important;
  gap: var(--sd_space-l);
  align-items: start;
}

:root {
  --legend-number-size: 22px;
}
.legend-number {
  display: inline-block;
  width: var(--legend-number-size);
  min-width: var(--legend-number-size);
  height: var(--legend-number-size);
  border-radius: var(--legend-number-size);
  color: white;
  background: var(--sd_c-black);
  font-size: var(--sd_f-size-p-s);
  font-family: "ABCDiatype-Light", sans-serif!important;
  text-align: center;
  margin-right: var(--sd_space-s);
  line-height: calc(var(--legend-number-size) * 0.96);
}
.legend-number-top {
  position: absolute;
  z-index: 10;
  margin: var(--sd_space-s);
}
@media only screen and (max-width: 375px) {
  .sd-video-wrapper, .sd-video-grid {
    display: flex !important;
    flex-wrap: wrap;
    gap: var(--sd_space-m);
  }
  .legend-block {
    width: 100%!important;
    flex: 0 0 100%!important;
    display: block!important;
    margin-top: var(--sd_space-m);
  }
  .no-legend-block {
    /* width: calc(50% - var(--sd_space-m) / 2)!important;
    flex: 0 0 calc(50% - var(--sd_space-m) / 2)!important; */
    display: block!important;
    box-sizing: border-box;
  }
}



/* team-block.php */
.MainGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sd_space-l);
}
.SmallGrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--sd_space-l);
}

.team-member-hidden {
  display: none;
}
.more-button {
  display: flex;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-size: var(--sd_font-size-m);
  font-weight: var(--sd_font-weight-bold);
  color: var(--sd_c-black);
  text-align: left;
  gap: var(--sd_space-m);
  align-items: center;
}

@media only screen and (max-width: 600px) {
  .MainGrid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}


/* publikationen-block.php */
.SmallGrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--sd_space-l);
}
.BigGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--sd_space-l);
}


/* zahlen-daten-fakten-block.php */
.sd-facts-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--sd_space-xl);
  align-items: start;
}
.sd-fact-item {
  text-align: left;
}

@media only screen and (max-width: 1100px) { 
  /* Sonderfall 1100px */
  .sd-facts-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--sd_space-xxxxxxl) + var(--sd_space-xl)) var(--sd_space-xxxl);
  }
  /* Sonderfall 1100px */
}

@media only screen and (max-width: 375px) {
  .sd-facts-grid {
    grid-template-columns: 1fr;
    gap: calc(var(--sd_space-xxl) * 2);
  }
}




/* list-block.php */
.border {
  border: 1px solid var(--sd_c-black);
}
.list-item-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-item-type {
  padding: 0px 6px;
  padding-top: 3.5px;
  border-top: none;
}
.sticky-grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sd_space-xxxl);
  align-items: start;
}
/* index.css: .sd_block-inner { display:flex } — höhere Spezifität, sonst kann Sticky-Zweispalt u. a. bei
   list-block / downloads-2-block im Cascade unzuverlässig sein */
.sd_block-inner.sticky-grid-container {
  display: grid;
}
.sd-dbic-item-img-downloads {
  border-bottom: none!important;
}
.list-downloads:last-child {
  border-bottom: var(--sd_border-black);
}
.normal-container {
  display: block;
}
.sticky-header {
  position: -webkit-sticky;
  position: sticky;
  top: var(--sd_block-ver-padding);
  z-index: 10;
}
.sticky-content {
  flex: 1;
}
.sticky-content-margin-1 {
  margin-top:  calc(var(--sd_space-xxxxxl) - 10px);
}
@media only screen and (max-width: 949px) {
  .sticky-grid-container {
    grid-template-columns: 1fr;
    gap: var(--sd_space-xl);
  }
  .sticky-content {
    margin-top: 0px;
  }

  .sticky-header {
    top: auto;
    position: relative;
    margin-bottom: var(--sd_space-xxxxl);
  }
}


.list-item-text-img-header {
  display: flex;
  align-items: center;
  height: var(--sd_space-xxxxxl);
  justify-content: space-between;
}

.list-item-img-inner {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: var(--sd_space-xl);
  align-items: start;
}

.list-item-img-2-inner {
  display: grid;
  grid-template-columns: 40% 1fr;
  gap: var(--sd_space-xl);
  align-items: start;
}
.list-item-content {
  display: flex;
  justify-content: space-between;
  gap: var(--sd_space-xl);
  align-items: center;  
}
.list-item-text-img-inner button h4 {
  text-align: left;
  color: var(--sd_c-black) !important;
}

.container {
  padding-top: var(--sd_space-s);
} 
@media only screen and (max-width: 949px) {
  .container {
    padding-top: 0;
  }
}

/* item-job.php */
.Job-Item, .Job-Item-Link {
  display: block;
  width: 100%;
}
.list-item-job {
  display: grid;
  grid-template-columns: 50% 1fr;
  gap: var(--sd_space-l);
  align-items: center;
}
.ltj-desc {
  display: flex;
}
.list-item-job-right {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--sd_space-l);
  align-items: center;
}
@media only screen and (max-width: 949px) {
  .list-item-job  {
    grid-template-columns: repeat(1, 1fr);
  }
  .list-item-job-right {
    display: block;
    padding-left: 23px;
  }
  .list-item-job-right * {
    display: inline-block;
    margin-right: var(--sd_space-xxxxl);
  }
}

@media only screen and (max-width: 375px) {
  .list-item-job-right * {
    display: block;
    margin-right: 0;
    margin-bottom: var(--sd_space-s);
  }
}
/* list-item-award.php */
.list-item-award {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.award-inner-right{
  display: flex;
  grid-gap: var(--sd_space-l);
  align-items: center;
}
.award-inner-right img{
  height: 50px;
  width: auto;
}

.list-item-award .award-img-wrapper {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.5s;
}
.award-type,
.award-title {
  gap: var(--sd_space-m);
}
.aw-label {
  padding-left: 0;
}
.list-item-award:hover .award-img-wrapper {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s;
}

.sd_publikationen-block > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.publikationen-list {
  max-width: var(--sd_max-width);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: var(--sd_space-m);
}
.publikationen-list .sd_list-item a {
  width: 100%;
}
.publikationen-list .sd_list-item a .img-wrapper {
  background-color: var(--sd_c-grey);
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 949px) {
  .award-type,
.award-title {
  gap: var(--sd_space-l);
}
.award-title-label {
  padding-left: 2.5px;
}
/* .aw-label {
  padding-left: var(--sd_space-s);
} */
  .publikationen-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 600px) {
  .publikationen-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

.tagbox {
  position: absolute;
  top: 0;
  z-index: 10;
  margin: var(--sd_space-s);
  right: 0;
  padding: var(--sd_space-xxs) var(--sd_space-xs);
  padding-bottom: 1px;
}



/* projekte.php */
.sd_projekte-filter, .sd_list-filter {
  display: grid;
  gap: var(--sd_space-m);
  grid-template-columns: repeat(3, 1fr);
}
.sd_projekte-grid {
  display: grid;
  gap: var(--sd_space-m);
  grid-template-columns: repeat(3, 1fr);
}
.sd_projekte-item-large {
  grid-column: span 2;
}
.sd_projekte-filter-item {
  display: none;
}
.sd_projekte-filter-item.active {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sd_space-m);
}
.sd_projekte-filter-display button{
  padding-top: var(--sd_space-s)!important;
}
.sd_projekte-filter-display button .label {
  padding-top: .5px;
  margin-left: var(--sd_space-s);
}
.sd_projekte-filter-extra {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sd_projekte-filter-extra div {
  cursor: pointer;
}
.sd_projekte-filter-extra label:has(.sd-checkbox-hidden),
.sd_projekte-filter-extra .sd-checkbox-label {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: var(--sd_space-s);
}
.sd_projekte-list .projekt-list-item-img-inner {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: var(--sd_space-xl);
  align-items: start;
  padding-top: var(--sd_space-m);
}
.sd_projekte-list .container {
  padding-top: 0!important;
  margin-top: 0!important;
  border-top: none!important;
}
.sd_projekte-list h3 {
  padding-top: 0!important;
  margin-top: 0!important;
  border-top: none!important;
}
.sd_projekte-list .sd_projekte-item-view  {
  border-top: var(--sd_border-black)!important;
}
@media only screen and (max-width: 600px) {
  .sd_projekte-filter {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 949px) {
  .sd_projekte-grid {
    grid-template-columns: 1fr;
  }
  .sd_projekte-item-large {
    grid-column: span 1;
  }
}



/* teaser-produkte-block.php */
.Teaser-Grid {
  display: grid;
  grid-template-columns: 33.33% 1fr;
  gap: var(--sd_space-xl);
  align-items: start;
  margin-bottom: calc(var(--sd_space-xxxxl) * 3);
}
.Teaser-Grid:last-child {
  margin-bottom: 0;
}
.Teaser-Block {
  display: block;
  margin-bottom: calc(var(--sd_space-xxxxl) * 5);
}
.Teaser-Block:last-child {
  margin-bottom: 0;
}
.Teaser-Item-Grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sd_space-xl);
  align-items: start;
}
.ptb-legend-item h3 {
  transition: var(--sd_transition-normal);
}
.ptb-legend-item:hover h3 {
  transform: translate(4px);
}

@media only screen and (max-width: 949px) {
  .Teaser-Grid {
    grid-template-columns: 1fr;
    margin-bottom: calc(var(--sd_space-xxxxl) * 2.5);
  }
  .Teaser-Grid .sticky-header {
    margin-bottom: var(--sd_space-xl);
  }
}
@media only screen and (max-width: 375px) {
  .Teaser-Item-Grid {
    grid-template-columns: 1fr
  }
}


/* projekte-teaser-block.php */
.Grid-3 {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: var(--sd_space-l);
}
.Grid-2-1 {
  grid-template-columns: 2fr 1fr;
  grid-gap: var(--sd_space-l);
}
.Grid-1-2 {
  grid-template-columns: 1fr 2fr;
  grid-gap: var(--sd_space-l);
}
.Left-Headline {
  font-size: var(--sd_f-size-h2);
}
@media only screen and (max-width: 949px) {
  .Grid-3, .Grid-2-1, .Grid-1-2 {
    grid-gap: var(--sd_space-m);
  }
  .Left-Headline {
    font-size: var(--sd_f-size-h3);
  }
}
@media only screen and (max-width: 600px) {
  .Grid-3 {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 375px) {
  .Grid-3, .Grid-2-1, .Grid-1-2 {
    grid-template-columns: 1fr;
  }
  .Left-Headline {
    font-size: var(--sd_f-size-h3);
  }
}


/* projekt-detail.php */
.projekt-detail {
  display: flex;
  align-items: flex-start;
  gap: var(--sd_space-xs);
}
/* .projekt-detail-dot {
margin-right: var(--sd_space-s);
} */
.projekt-detail-items-grid-2 {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 var(--sd_space-xl);
}
.projekt-detail-structure-item {
  display: flex;
  align-items: flex-start;
  gap: var(--sd_space-xs);
}
.projekt-detail-structure-item-arrow-s {
  width: 16px;
  height: 16px;
  padding-top: var(--sd_space-xxxs);
}
.projekt-detail-structure-item-arrow-m {
  width: 24px;
  height: 24px;
  padding-top: var(--sd_space-xxxs);
}
.projekt-detail-structure-item-inline {
  display: inline-block!important;
}



/* contact-form-block.php */
.contact-form .sd_block-inner {
  background-color: var(--sd_c-grey);
  padding: var(--sd_space-xxxl) var(--sd_space-xxl);
}
.success {
  padding-bottom: 300px;
}
@media only screen and (max-width: 949px) {
  .contact-form .sd_block-inner {
    padding: var(--sd_space-xl) var(--sd_space-l);
  }
}

/* apply-form-block.php */
.sd-upload-input-hidden {
  position: absolute;
  left: -9999px;
  opacity: 0;
  pointer-events: none;
}

.sd-upload-wrapper-custom {
  position: relative;
}

.sd-upload-button-custom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border: 1px solid #000;
  margin-top: var(--sd_space-xs);
  background: #fff;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}

.sd-upload-button-custom:hover {
  background: #f5f5f5;
}

.sd-upload-button-custom.has-file {
  background: #000;
  color: #fff;
}

.sd-upload-button-custom.has-file .sd-upload-filename {
  color: #fff;
}

.sd-upload-label {
  flex: 1;
  text-align: left;
}

.sd-upload-filename {
  flex: 1;
  text-align: left;
  display: block;
  width: 100%;
  margin-bottom: 0.25rem;
}

.sd-upload-file-info {
  display: block;
  font-size: 0.875rem;
  color: #666;
  margin-top: 0.5rem;
  width: 100%;
  line-height: 1.4;
}

.sd-upload-icon {
  flex-shrink: 0;
  margin-left: 1rem;
}

.sd-upload-remove {
  flex-shrink: 0;
  margin-left: 1rem;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.sd-upload-button-custom.has-file .sd-svg line {
  stroke: #fff;
}

.sd-upload-button-custom.has-file .sd-upload-remove .sd-svg line {
  stroke: #fff;
}

.application-step {
  margin-top: var(--sd_space-xxxl);
}
.application-steps-nav {
  display: flex;
  justify-content: flex-start;
  gap: var(--sd_space-l);
}
.application-steps-nav button {
  display: flex;
  align-items: center;
}
.application-steps-nav button p{
  white-space: nowrap;
}

.application-steps-nav .legend-number {
  background: transparent;
  color: black;
  border: var(--sd_border-black);
  cursor: pointer;
}
.step-3 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--sd_space-l);
}

.application-steps-nav button.is-active .legend-number {
  background-color: #000;
  color: #fff;
}
.application-back {
  gap: var(--sd_space-s);
}

.application-progress-bar {
  width: 100%;
  height: 2px;
  margin-top: var(--sd_space-l);
  margin-bottom: var(--sd_space-xxxl);
  position: relative;
  overflow: hidden;
}

.application-progress-bar-fill {
  height: 100%;
  background-color: var(--sd_c-black);
  transition: width 0.3s ease;
}


.application-navigation {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
}


.sd-form-input.error {
  border-color: #ff0000;
}

.step-validation-error {
  margin-bottom: 1.5rem;
}



/* Filter Buttons */
.nostylebutton {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  font-size: var(--sd_font-size-m);
  font-weight: var(--sd_font-weight-bold);
  color: var(--sd_c-black);
  text-align: left;
}
.filter-button, .filter-button-big, .sd_form-select {
  border: var(--sd_border-black);
  padding: var(--sd_space-xs) var(--sd_space-s);
  background: transparent;
  display: inline-block;
  color: var(--sd_c-black);
  font-size: var(--sd_font-size-m);
  font-weight: var(--sd_font-weight-bold);
  text-align: left;
  box-sizing: border-box;
  transition: var(--sd_transition-short);
}

.filter-button:hover,
.filter-button-big:hover {
  box-shadow: 0 0 0 1px var(--sd_c-black);
}
.filter-button.selected {
  background: var(--sd_c-black);
  color: var(--sd_c-white);
}
.filter-button-big {
  padding: var(--sd_space-s) var(--sd_space-m);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filter-button-big {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}

.filter-button-big .filter-arrow {
  display: inline-flex;
}

.filter-button-big .filter-arrow-up {
  display: none;
}

.filter-button-big.active .filter-arrow-down {
  display: none;
}

.filter-button-big.active .filter-arrow-up {
  display: inline-flex;
}

.filter-button-big .filter-clear {
  display: none;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: inherit;
  line-height: 1;
  padding: 0;
}

.filter-button-big.has-selection .filter-clear {
  display: inline-flex;
}

.filter-button-big.has-selection .filter-arrow {
  display: none;
}

.filter-button-big.active {
  background: var(--sd_c-grey, #f0f0f0);
  color: var(--sd_c-black);
}

.filter-button-big.active .filter-button-label {
  color: var(--sd_c-black);
}

.filter-button-big.has-selection {
  background: var(--sd_c-black);
  color: var(--sd_c-white);
}

.filter-button-big.has-selection .filter-button-label {
  color: var(--sd_c-white);
}

.filter-button-big.has-selection .filter-clear {
  color: var(--sd_c-white);
}

.filter-button-grid,
.filter-button-list {
  border-top: 1px solid transparent;
  position: relative;
  overflow: hidden;
}

.filter-button-grid::before,
.filter-button-list::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--sd_c-black);
  transition: width 0.3s ease;
}

.filter-button-grid:hover::before,
.filter-button-list:hover::before,
.filter-button-grid.active::before,
.filter-button-list.active::before {
  width: 100%;
}

/* .filter-button-grid.active,
.filter-button-list.active {
  border-top: var(--sd_border-black);
} */






/* ---------[ SD NAV ]--------- */

/* sd_nav.php  */

.NavGrid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--sd_space-xxxxl) var(--sd_space-l);
  height: 0;
  overflow: hidden;
  transition: var(--sd_transition-normal);
  opacity: 0;
}
#subcontainer-produkte .NavGrid {
  grid-template-columns: repeat(3, 1fr);
}
.MainMenuTitle {
  padding-top: var(--sd_space-xs);
}
.sd_nav {
  max-height: 100vh;
  overflow-y: scroll;
}
.menu-logo {
  width: 180px;
}
.SubContainer h3 {
  line-height: 1;
}
.sub-menu-item-separator {
  display: inline-block;
  border-bottom: var(--sd_border-black);
  width: 20px;
  height: 0;
  padding-top: 18px;
  font-size: 0;
  line-height: 0;
}
.nav-item-container .MenuItemTitle {
  width: 520px;
  overflow-y: hidden;
}
@media only screen and (max-width: 949px) {
  .MenuItemTitle {
    justify-content: space-between;
  }
  .nav-item-container .MenuItemTitle {
    width: auto;
  }
  .NavGrid,
  #subcontainer-produkte .NavGrid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--sd_space-xxxl) var(--sd_space-m);
  }
  .sub-menu-item-separator {
  padding-top: 12px;
  }
}
@media only screen and (max-width: 500px) {
  .NavGrid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.BottomNav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: var(--sd_c-reisch);
  padding: var(--sd_space-xl);
  gap: var(--sd_space-xxxl);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

#bottom-nav.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.3s ease, visibility 0s linear 0s;
}

.icon-arrow-right {
  transform: rotate(-45deg);
}
.sd_nav {
  padding: var(--sd_space-xl) var(--sd_space-xl) var(--sd_space-xl) var(--sd_space-xl);
  width: 100%;
  z-index: 99;
  position: absolute;
  top: 0;
  display: flex;
  justify-content: space-between;
  position: fixed;
}

.sd_nav nav {
  display: flex;
  gap: var(--sd_space-s);
  flex-direction: column;
}

.sdn-logo {
  width: 180px;
  transition: var(--sd_transition-normal);
  opacity: 1;
  pointer-events: all;
}

.sdn-logo.invisible {
  opacity: 0;
  pointer-events: none;
}

.sdn-logo svg {
  width: 100%;
  height: auto;
  overflow: visible;
}

.sd_button.menu-button {
  padding: var(--sd_button-menu-padding);
  background-color: var(--sd_c-white);
  cursor: pointer;
}

.sdn-overlay {
  background-color: var(--sd_c-reisch);
  transform: translateY(-100%);
  height: 100%;
  overflow-y: scroll;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  transition: var(--sd_transition-cubic);
  padding: var(--sd_space-xl) var(--sd_space-xl);
}

.sdn-overlay.active {
  transform: translateY(0%);
}




/* Animation für SubContainer-Titel beim Öffnen */
:root {
  --delay-time-1: 0.6s;
  --delay-time-2: 0.15s;
}

.ZurueckWrapper {
  height: 40px;
  width: auto;
}

.move-link-wrapper, .move-link {
  transition: 0.7s ease;
}
.sdno-nav li {
  overflow-x: hidden;
}
.move-link-wrapper:hover .move-link,
.move-link:hover{
  margin-left: var(--sd_space-xxs);
  transition: 0.7s ease;
}
.btn-text-zurueck,
.move-link {
  transition: 0.7s ease;
}

.ZurueckWrapper .btn-text-zurueck {
  margin-left: var(--sd_space-m);
  transition: 0.7s ease;
}
.ZurueckWrapper:hover .btn-text-zurueck {
  margin-left: var(--sd_space-l);
  transition: 0.7s ease;
}

#back-button {
  opacity: 0;
  transition: var(--sd_transition-normal);
  pointer-events: none;
}

#back-button.is-visible {
  opacity: 1;
  pointer-events: auto;
}

.sdn-overlay.active .sdno-nav-inner > ul > div,
.sdn-overlay.closing .sdno-nav-inner > ul > div,
.sdn-overlay .sdno-nav-inner > ul > div {
  overflow: hidden;
}

@keyframes slideUpFromBottom {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideUpFromBottom2 {
  to {
    opacity: 1;
    transform: translateY(0);
  }
  from {
    opacity: 0;
    transform: translateY(20%);
  }
}
.sdn-overlay.active .sdno-nav-inner > ul > div > .MenuItemTitle,
.sdn-overlay.active .sdno-nav-inner > ul > div > .overflow-title {
  opacity: 0;
  transform: translateY(100%);
  animation: slideUpFromBottom var(--delay-time-1) cubic-bezier(0.4, 0, 0.2, 1) var(--delay-time-1) forwards;
}
.sdn-overlay.active .sdno-nav-inner > ul > div:nth-child(1) > .MenuItemTitle,
.sdn-overlay.active .sdno-nav-inner > ul > div:nth-child(1) > .overflow-title {
  animation: slideUpFromBottom var(--delay-time-1) cubic-bezier(0.4, 0, 0.2, 1) var(--delay-time-1) forwards;
}
.sdn-overlay.active .sdno-nav-inner > ul > div:nth-child(2) > .MenuItemTitle,
.sdn-overlay.active .sdno-nav-inner > ul > div:nth-child(2) > .overflow-title {
  animation: slideUpFromBottom var(--delay-time-1) cubic-bezier(0.4, 0, 0.2, 1) var(--delay-time-1) forwards;
}
.sdn-overlay.active .sdno-nav-inner > ul > div:nth-child(3) > .MenuItemTitle,
.sdn-overlay.active .sdno-nav-inner > ul > div:nth-child(3) > .overflow-title {
  animation: slideUpFromBottom var(--delay-time-1) cubic-bezier(0.4, 0, 0.2, 1) var(--delay-time-1) forwards;
}
.sdn-overlay.active .sdno-nav-inner > ul > div:nth-child(4) > .MenuItemTitle,
.sdn-overlay.active .sdno-nav-inner > ul > div:nth-child(4) > .overflow-title {
  animation: slideUpFromBottom var(--delay-time-1) cubic-bezier(0.4, 0, 0.2, 1) var(--delay-time-1) forwards;
}

.sdn-overlay .MainSubMenu .MainMenuTitle h2 {
  word-break: break-word;
  hyphens: auto;
}

.SubContainer.is-visible .SubContainer-title,
.SubContainer.is-visible .SubContainer-MoveWrapper-hidden .SubContainer-title,
.SubContainer.is-visible.SubContainer-MoveWrapper .SubContainer-title {
  opacity: 0;
  transform: translateY(100%);
  animation: slideUpFromBottom var(--delay-time-1) cubic-bezier(0.4, 0, 0.2, 1) var(--delay-time-2) forwards;
}

/* Animation für SubContainer-Inhalte beim Öffnen */
.SubContainer.is-visible .SubContainer-MoveWrapper,
.SubContainer.is-visible.SubContainer-MoveWrapper {
  opacity: 0;
  transform: translateY(100%);
  animation: slideUpFromBottom2 var(--delay-time-1) cubic-bezier(0.4, 0, 0.2, 1) var(--delay-time-2) forwards;
}


@keyframes slideDownToBottom {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(100%);
  }
}

@keyframes slideDownToBottom2 {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(25%);
  }
}
.sdn-overlay.closing-subcontainers .sdno-nav-inner .SubContainer-MoveWrapper-hidden h2 {
  animation: slideDownToBottom var(--delay-time-1) cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}
.sdn-overlay.closing-subcontainers .sdno-nav-inner .SubContainer-MoveWrapper {
  animation: slideDownToBottom2 var(--delay-time-1) cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}


.SubContainer-MoveWrapper {
  overflow-y: visible!important;
  margin-top: var(--sd_space-xxxl);
  padding-bottom: calc(var(--sd_space-xxxxl) * 3);
}
.sdn-overlay .SubContainer-MoveWrapper-hidden,
.overflow-title {
  overflow-y: hidden;
  height: auto;
  padding-bottom: var(--sd_space-s);
  padding-top: var(--sd_space-s);
}

@media only screen and (max-width: 949px) {
  .sdn-overlay .SubContainer-MoveWrapper-hidden {
    overflow-y: hidden;
    height: auto;
  }
}



/* Menü */

.menu-button {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  min-width: 133px;
  min-height: 52px;
}

.btn-text {
  position: absolute;
  width: 100%;
  left: 0;
  top: 100%;
  text-align: center;
  transition: var(--sd_transition-normal);
}
.SubContainer {
  display: none;
}
.SubContainer.is-visible {
  display: block !important;
}

.btn-text.default {
  top: 17%;
  transform: translateY(0);
}

.menu-button:hover .btn-text.default {
  transform: translateY(-200%);
}

.menu-button:hover .btn-text.hover {
  transform: translateY(0%);
  top: 17%;
}

.menu-button.active .btn-text {
  opacity: 0;
  transform: translateY(100%);
}

.menu-button.active .btn-text.active {
  opacity: 1;
  top: 17%;
  transform: translateY(0);
}

.sdno-nav {
  opacity: 0;
  transition: var(--sd_transition-normal);
}

.sdno-nav.active {
  opacity: 1;
}

.sdno-nav ul {
  display: flex;
  flex-direction: column;
  gap: var(--sd_space-l);
}

.sdno-nav-inner {
  margin-top: 50px;
  padding-bottom: var(--sd_space-xxxxl);
  /* margin-top: 138px; */
} 

.subcontainer-icon-wrapper {
  height: 37px;
  overflow: visible;
  padding-top: 2.5px;
}
.icon-plus-desktop {
  height: 37px;
  display: inline-block;
}
@media only screen and (max-width: 375px) {
  .icon-plus-mobile,
  .subcontainer-icon-wrapper {
    height: 24px;
    padding-top: 1px;
  }
}
/* Nav toggle button icon rotation */
.subcontainer-icon-wrapper .icon-plus {
  display: inline-block;
  transition: transform 0.6s ease;
}

.subcontainer-icon-wrapper .icon-plus svg {
  display: inline-block;
  transition: transform 0.6s ease;
}

.MenuItemTitle:hover .subcontainer-icon-wrapper .icon-plus,
.MenuItemTitle:hover .subcontainer-icon-wrapper .icon-plus svg {
  transform: rotate(45deg);
}

.nav-toggle-button .icon-plus {
  display: inline-block;
  transition: transform 0.6s ease;
}

.nav-toggle-button .icon-plus svg {
  display: inline-block;
  transition: transform 0.6s ease;
}

.nav-item-container .MenuItemTitle:hover .nav-toggle-button .icon-plus,
.nav-item-container .MenuItemTitle:hover .nav-toggle-button .icon-plus svg {
  transform: rotate(22.5deg);
}

.nav-item-container .MenuItemTitle.is-expanded .nav-toggle-button .icon-plus,
.nav-item-container .MenuItemTitle.is-expanded .nav-toggle-button .icon-plus svg {
  transform: rotate(22.5deg);
}




.icon-plus-mobile {
  display: none!important;
}
.submenu-icon-plus-desktop {
  display: inline-block!important;
}
.submenu-icon-plus-mobile {
  display: none!important;
}
@media only screen and (max-width: 945px) {
  .submenu-icon-plus-desktop {
    display: none!important;
  }
  .submenu-icon-plus-mobile {
    display: inline-block!important;
  }
  .menu-button {
      min-width: 95px;
  }
  .btn-text.default,
  .menu-button:hover .btn-text.hover,
  .menu-button.active .btn-text.active {
      top: 25%;
  }
  .menu-button .btn-text svg {
      width: 24px;
      height: 24px;
  }
}

@media only screen and (max-width: 375px) {
  .icon-plus-desktop {
    display: none!important;
  }
  .icon-plus-mobile {
    display: inline-block!important;
  }
  .sdn-logo {
      width: 130px;
  }
  .menu-button {
      min-width: 90px;
      min-height: 45px;
  }
  .btn-text.default, 
  .menu-button:hover .btn-text.hover, 
  .menu-button.active .btn-text.active {
      top: 22%;
  }
}



/* --^---^-- SD NAV --^---^-- */
/* --^---^-- SD NAV --^---^-- */