.content_start_hero {
  position: relative;
  background-color: var(--body-background, var(--background-default-primary));
  padding-top: 0 !important;
}
.content_start_hero > .container-fluid {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .content_start_hero > .container-fluid > [class*=wrapper] {
    flex: 0 0 auto;
    height: 100svh;
  }
}
.content_start_hero > .container-fluid > .image-wrapper {
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .content_start_hero > .container-fluid > .image-wrapper {
    width: 45%;
  }
}
.content_start_hero > .container-fluid > .image-wrapper img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 375/250;
}
@media (min-width: 992px) {
  .content_start_hero > .container-fluid > .image-wrapper img {
    min-width: 100%;
    height: 100svh;
    aspect-ratio: unset;
  }
}
.content_start_hero > .container-fluid > .image-wrapper .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  max-width: 50%;
  width: 201px;
}
@media (min-width: 992px) {
  .content_start_hero > .container-fluid > .image-wrapper .logo {
    top: 44px;
    left: 56px;
    transform: none;
    text-align: start;
    max-width: unset;
    width: 80%;
    max-width: 450px;
  }
}
.content_start_hero > .container-fluid > .image-wrapper .logo .row {
  align-items: end;
}
.content_start_hero > .container-fluid > .image-wrapper .logo #logo-bildmarke,
.content_start_hero > .container-fluid > .image-wrapper .logo #logo-line-1,
.content_start_hero > .container-fluid > .image-wrapper .logo #logo-line-2 {
  height: auto;
  vertical-align: unset;
}
.content_start_hero > .container-fluid > .image-wrapper .logo #logo-bildmarke {
  width: 29%;
}
@media (min-width: 992px) {
  .content_start_hero > .container-fluid > .image-wrapper .logo #logo-bildmarke {
    width: 100%;
  }
}
.content_start_hero > .container-fluid > .image-wrapper .logo #logo-line-1 {
  width: 100%;
}
@media (min-width: 992px) {
  .content_start_hero > .container-fluid > .image-wrapper .logo #logo-line-1 {
    width: 70%;
  }
}
.content_start_hero > .container-fluid > .image-wrapper .logo #logo-line-2 {
  width: 59%;
}
@media (min-width: 992px) {
  .content_start_hero > .container-fluid > .image-wrapper .logo #logo-line-2 {
    width: 40%;
  }
}
.content_start_hero > .container-fluid > .content-wrapper {
  position: relative;
  align-content: center;
  padding: var(--margin-padding-container-margin-updown) var(--margin-padding-row-fluid-extra-padding);
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  .content_start_hero > .container-fluid > .content-wrapper {
    padding-block: 0;
    text-align: start;
    width: 55%;
  }
}
.content_start_hero > .container-fluid > .content-wrapper [class^=subline-] {
  color: var(--text-default-primary);
}
.content_start_hero > .container-fluid > .content-wrapper h1,
.content_start_hero > .container-fluid > .content-wrapper h2,
.content_start_hero > .container-fluid > .content-wrapper h3 {
  color: var(--text-default-secondary);
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper {
  position: absolute;
  top: 20px;
  right: var(--margin-padding-row-fluid-extra-padding);
  width: calc(100% - 2 * var(--margin-padding-row-fluid-extra-padding));
  display: none;
}
@media (min-width: 1340px) {
  .content_start_hero > .container-fluid > .content-wrapper .menu-wrapper {
    display: block;
  }
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu {
  display: flex;
  justify-content: end;
  margin-bottom: 5px;
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu nav,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu .accessibility-icons-wrapper,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu nav,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu .accessibility-icons-wrapper {
  display: inline-flex;
  justify-content: end;
  align-items: center;
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu nav ul,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu .accessibility-icons-wrapper ul,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu nav ul,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu .accessibility-icons-wrapper ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  border-radius: 12px;
  background: var(--background-default-primary);
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu nav ul li,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu .accessibility-icons-wrapper ul li,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu nav ul li,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu .accessibility-icons-wrapper ul li {
  display: flex;
  min-height: var(--buttons-sm);
  justify-content: center;
  align-items: center;
  border-radius: var(--general-border-radius);
  transition: 0.2s;
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu nav ul li:hover,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu .accessibility-icons-wrapper ul li:hover,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu nav ul li:hover,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu .accessibility-icons-wrapper ul li:hover {
  background: var(--background-brand-tertiary);
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu nav ul li a,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu .accessibility-icons-wrapper ul li a,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu nav ul li a,
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu .accessibility-icons-wrapper ul li a {
  color: var(--text-neutral-on-primary);
  font-family: var(--font-family-buttons);
  line-height: 120%;
  font-style: normal;
  text-decoration: none !important;
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu ul li {
  height: var(--buttons-sm);
  padding: var(--buttons-padding-updown-sm) var(--buttons-padding-leftright-sm);
  gap: var(--margin-padding-general-1);
  background: var(--background-default-primary);
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu ul li .toggle-checkbox {
  display: none;
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu ul li a {
  font-size: var(--font-size-button-sm);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-button-sm);
  text-decoration: none !important;
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu .accessibility-icons-wrapper .accessibility-icons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu .accessibility-icons-wrapper .accessibility-icons .accessibility-icon {
  display: flex;
  height: var(--buttons-sm);
  min-height: var(--buttons-sm);
  padding: var(--buttons-padding-updown-sm) var(--buttons-padding-leftright-sm);
  justify-content: center;
  align-items: center;
  border-radius: var(--general-border-radius);
  gap: var(--margin-padding-general-1);
  transition: 0.2s;
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu .accessibility-icons-wrapper .accessibility-icons .accessibility-icon:hover {
  background: var(--background-brand-tertiary);
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu .accessibility-icons-wrapper .accessibility-icons .accessibility-icon label {
  cursor: pointer;
  margin-top: -2px;
}
@media (min-width: 1600px) {
  .content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu .accessibility-icons-wrapper .accessibility-icons .accessibility-icon label {
    margin-top: unset;
  }
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .info-menu .accessibility-icons-wrapper .accessibility-icons .accessibility-icon svg {
  width: var(--icon-sm);
  height: var(--icon-sm);
  aspect-ratio: 1/1;
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu {
  position: relative;
}
@media (min-width: 1265px) {
  .content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu:before {
    content: "";
    position: absolute;
    width: 60px;
    border-bottom: 1px solid var(--border-brand-tertiary);
    left: 0;
    top: 50%;
  }
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu ul li {
  height: var(--buttons-md);
  padding: var(--buttons-padding-updown-md) var(--buttons-padding-leftright-md);
  gap: var(--margin-padding-general-1);
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu ul li .toggle-checkbox {
  display: none;
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu ul li a {
  font-size: var(--font-size-button-md);
  font-weight: 500;
  letter-spacing: var(--letter-spacing-button-md);
}
.content_start_hero > .container-fluid > .content-wrapper .menu-wrapper .main-menu #desktop-login-btn {
  margin: 0 0 0 var(--margin-padding-general-1);
}
.content_start_hero .product-menu-content {
  padding-top: calc(var(--margin-padding-container-row-gap) - var(--typografie-hero-bottom, var(--paragraph-spacing-hero-bottom)));
}
@media (min-width: 1330px) {
  .content_start_hero .product-menu-content {
    display: none;
  }
}
.content_start_hero .product-menu-content #product-search,
.content_start_hero .product-menu-content #product-menu {
  position: relative;
  background: var(--background-default-secondary);
  padding: 8px;
  margin-bottom: var(--margin-padding-general-2);
  border-radius: var(--general-border-radius);
  width: 100%;
}
.content_start_hero .product-menu-content #product-search #search-submit-mobile,
.content_start_hero .product-menu-content #product-menu #search-submit-mobile {
  display: none;
}
.content_start_hero .product-menu-content #product-search [for=search-submit-mobile],
.content_start_hero .product-menu-content #product-menu [for=search-submit-mobile] {
  position: absolute;
  top: 50%;
  right: 21px;
  cursor: pointer;
  transform: translateY(-50%);
}
.content_start_hero .product-menu-content #product-search [for=search-submit-mobile]:after,
.content_start_hero .product-menu-content #product-menu [for=search-submit-mobile]:after {
  content: "";
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='13' viewBox='0 0 20 13' fill='none'%3E%3Cpath d='M0 13V11H10V13H0ZM0 8V6H5V8H0ZM0 3V1H5V3H0ZM18.6 13L14.75 9.15C14.35 9.43333 13.9125 9.64583 13.4375 9.7875C12.9625 9.92917 12.4833 10 12 10C10.6167 10 9.4375 9.5125 8.4625 8.5375C7.4875 7.5625 7 6.38333 7 5C7 3.61667 7.4875 2.4375 8.4625 1.4625C9.4375 0.4875 10.6167 0 12 0C13.3833 0 14.5625 0.4875 15.5375 1.4625C16.5125 2.4375 17 3.61667 17 5C17 5.48333 16.9292 5.9625 16.7875 6.4375C16.6458 6.9125 16.4333 7.35 16.15 7.75L20 11.6L18.6 13ZM12 8C12.8333 8 13.5417 7.70833 14.125 7.125C14.7083 6.54167 15 5.83333 15 5C15 4.16667 14.7083 3.45833 14.125 2.875C13.5417 2.29167 12.8333 2 12 2C11.1667 2 10.4583 2.29167 9.875 2.875C9.29167 3.45833 9 4.16667 9 5C9 5.83333 9.29167 6.54167 9.875 7.125C10.4583 7.70833 11.1667 8 12 8Z' fill='%23333333'/%3E%3C/svg%3E");
  background-color: var(--icon-neutral-on-primary);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 20px;
  height: 20px;
  display: block;
}
.content_start_hero .product-menu-content #product-search input,
.content_start_hero .product-menu-content #product-menu input {
  border: none !important;
  outline: none !important;
  color: var(--text-default-secondary);
  font-family: var(--font-family-paragraphs);
  font-size: var(--font-size-body-xs);
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  letter-spacing: var(--letter-spacing-body-xs);
  width: 100%;
  padding: calc(var(--input-fields-padding-updown) / 2) var(--input-fields-padding-leftright);
  border-radius: var(--general-border-radius);
}
.content_start_hero .product-menu-content #product-search input::placeholder,
.content_start_hero .product-menu-content #product-menu input::placeholder {
  color: var(--text-default-secondary);
  opacity: 1;
}
.content_start_hero .product-menu-content #product-search ul,
.content_start_hero .product-menu-content #product-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  padding: 0px;
  gap: 8px;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.content_start_hero .product-menu-content #product-search ul li,
.content_start_hero .product-menu-content #product-menu ul li {
  padding: var(--buttons-padding-updown-md) var(--buttons-padding-leftright-md);
  border-radius: var(--general-border-radius);
  background: var(--background-default-primary);
  width: calc(50% - 4px);
  max-width: 100%;
  flex: 0 0 auto;
  box-sizing: border-box;
}
.content_start_hero .product-menu-content #product-search ul li a,
.content_start_hero .product-menu-content #product-menu ul li a {
  color: var(--text-neutral-on-primary);
  font-family: var(--font-family-buttons);
  font-size: var(--font-size-button-lg);
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: var(--letter-spacing-button-md);
  text-decoration: none;
}