.wrapper {
  max-width: 1280px;
  padding: 24px 32px;
  margin-inline: auto;
}

/* Header */
header .wrapper,
footer > .container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  padding-inline: 2.4rem;
}
.header__branding {
  position: relative;
  z-index: 3;
}
.header__branding a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
}
.header__branding strong {
  font-size: 24px;
  font-weight: 900;
  padding-right: 10px;
}
.siemens-logo {
  background-image: url(https://images.sw.cdn.siemens.com/logo/logo-white.svg);
  background-size: 120px 20px;
  display: block;
  height: 20px;
  width: 120px;
}

@media (min-width: 720px) {
  header .wrapper,
  footer > .container {
    padding-inline: 7.2rem;
  }
}

@media (min-width: 1080px) {
  header .wrapper,
  footer > .container {
    padding-inline: 8rem;
  }
}

/* Footer layout */
footer {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
footer .footer__columns {
  display: flex;
  flex-wrap: wrap;
}
footer .footer__columns .footer__column {
  flex: 0 0 25%;
}
footer .footer__columns .footer__social {
  flex-grow: 0;
}
footer .footer__columns .footer__panel {
  display: flex;
  flex: 1 1 0;
}
footer .footer__columns .footer__panel li {
  font-size: 1.6rem;
}

/* Nav columns */
.nav-column {
  flex: 1 1 0;
  padding: 2.4rem;
}
.nav-column ul,
.nav-column li {
  display: block;
  margin: 0;
  padding: 0;
}
.nav-column ul {
  font-size: 1.6rem;
  line-height: 2.6rem;
}
.nav-column .nav-column__title {
  display: block;
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 2.4rem;
  margin: 0 0 0.6em;
  text-transform: uppercase;
}
.nav-column .nav-column__title#nav-column--footer--brand {
  font-size: 3rem;
}
.nav-column .nav-column__subtitle {
  color: #00e6dc;
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2.4rem;
  margin-top: -0.5em;
  margin-bottom: 2.4rem;
}

.nav-column__links.links--social img {
  display: block;
  border-radius: 3px;
  width: 24px;
  height: 24px;
  aspect-ratio: 1 / 1;
}

/* Nav link lists */
.links--nav a,
.links--nav a:visited {
  color: #fff;
  display: block;
  margin-inline: -1.2rem;
  padding: 0.8rem 1.2rem;
  text-decoration: none;
}
.links--nav a:hover,
.links--nav a:active {
  background-color: #002949;
  color: #fff;
  text-decoration: none;
}

/* Footer accordion (mobile collapsible columns) */
footer .footer-nav__column > summary {
  cursor: pointer;
  list-style: none;
}
footer .footer-nav__column > summary::-webkit-details-marker {
  display: none;
}
footer .footer-nav__column .footer-nav__column-arrow {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  margin-right: 2px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
footer .footer-nav__column[open] .footer-nav__column-arrow {
  transform: rotate(-135deg);
}

/* Footer social nav */
footer .footer__social ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-top: 0.8rem;
  margin-inline: -0.8rem;
}
footer .footer__social ul > li > a {
  display: block;
  margin: 0;
  padding: 1rem;
}
footer .footer__social ul > li > a:hover {
  background-color: #002949;
}

/* Footer legal bar */
footer .footer__legal {
  border-top: 1px solid #66667e;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 1.6rem;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}
footer .footer__legal p {
  font-size: 1.6rem;
  margin: 0 auto 0 0;
}
footer .footer__legal ul {
  display: inline-block;
  margin: 0 0 0 auto;
  line-height: 2rem;
}
footer .footer__legal ul li {
  display: inline-block;
  font-size: 1.6rem;
  padding-left: 1em;
}
footer .footer__legal ul li a {
  text-decoration: none;
}

/* Social icons */
.icon-facebook {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C6.77454 1.99188 2.42385 6.00828 2.01506 11.2177C1.60628 16.4271 5.27723 21.073 10.44 21.88V14.88H7.89995V12H10.44V9.8C10.3268 8.75905 10.6829 7.72176 11.4116 6.96986C12.1403 6.21796 13.166 5.8295 14.21 5.91C14.9602 5.9198 15.7088 5.98329 16.45 6.1V8.56H15.19C14.7554 8.50406 14.3188 8.64763 14.0023 8.95058C13.6857 9.25354 13.5231 9.68339 13.56 10.12V12H16.34L15.89 14.89H13.56V21.89C18.754 21.1144 22.4631 16.4533 22.0525 11.2177C21.6419 5.98223 17.2514 1.95633 12 2Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.icon-twitter {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='none'%3E%3Cpath d='M3 2L12 12L21 2H15L12 5.5L9 2H3ZM3 22L12 12L21 22H15L12 18.5L9 22H3Z' fill='%23ffffff'/%3E%3C/svg%3E");
}
.icon-linked-in {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.52 2.00002H20.52C20.9072 1.99468 21.2807 2.1434 21.5583 2.41346C21.8358 2.68352 21.9947 3.05279 22 3.44002V20.56C21.9949 20.9544 21.8305 21.3299 21.5442 21.6011C21.2579 21.8724 20.8741 22.0163 20.48 22H3.48C3.09277 22.0054 2.71929 21.8566 2.44173 21.5866C2.16416 21.3165 2.00527 20.9472 2 20.56V3.44002C2.00507 3.04566 2.16946 2.67013 2.45577 2.39889C2.74208 2.12765 3.12594 1.98378 3.52 2.00002ZM5 19H7.93L8 9.50002H5V19ZM6.45 8.19002C5.50007 8.19002 4.73 7.41995 4.73 6.47002C4.73 5.52009 5.50007 4.75002 6.45 4.75002C7.39993 4.75002 8.17 5.52009 8.17 6.47002C8.17 7.41995 7.39993 8.19002 6.45 8.19002ZM16 19H19L18.89 13.81C18.89 11.26 18.33 9.26002 15.33 9.26002C14.1836 9.21569 13.1065 9.80812 12.53 10.8V9.50002H9.68V19H12.68V14.32C12.68 13.08 12.92 11.87 14.46 11.87C16 11.87 16 13.29 16 14.4V19Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.icon-instagram {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.54 6.66C18.54 7.32274 18.0027 7.86 17.34 7.86C16.6773 7.86 16.14 7.32274 16.14 6.66C16.14 5.99726 16.6773 5.46 17.34 5.46C18.0027 5.46 18.54 5.99726 18.54 6.66Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.86 12C6.86 9.16126 9.16126 6.86 12 6.86C13.3632 6.86 14.6706 7.40153 15.6345 8.36547C16.5985 9.32941 17.14 10.6368 17.14 12C17.14 14.8387 14.8387 17.14 12 17.14C9.16126 17.14 6.86 14.8387 6.86 12ZM8.67 12C8.67 13.8391 10.1609 15.33 12 15.33C12.8832 15.33 13.7302 14.9792 14.3547 14.3547C14.9792 13.7302 15.33 12.8832 15.33 12C15.33 10.1609 13.8391 8.67 12 8.67C10.1609 8.67 8.67 10.1609 8.67 12Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C9.28 2 8.94 2 7.88 2.06C7.0503 2.07945 6.2294 2.23484 5.45 2.52C4.78181 2.77166 4.17742 3.16776 3.68 3.68C3.16776 4.17742 2.77166 4.78181 2.52 5.45C2.23484 6.2294 2.07945 7.0503 2.06 7.88C2 8.94 2 9.28 2 12C2 14.72 2 15.06 2.06 16.12C2.07945 16.9497 2.23484 17.7706 2.52 18.55C2.77166 19.2182 3.16776 19.8226 3.68 20.32C4.17742 20.8322 4.78181 21.2283 5.45 21.48C6.2294 21.7652 7.0503 21.9206 7.88 21.94C8.94 22 9.28 22 12 22C14.72 22 15.06 22 16.12 21.94C16.9497 21.9206 17.7706 21.7652 18.55 21.48C19.8911 20.9525 20.9525 19.8911 21.48 18.55C21.7652 17.7706 21.9206 16.9497 21.94 16.12C21.94 15.7127 21.9489 15.4116 21.9598 15.041C21.9773 14.4472 22 13.6745 22 12C22 9.28 22 8.94 21.94 7.88C21.9206 7.0503 21.7652 6.2294 21.48 5.45C21.2283 4.78181 20.8322 4.17742 20.32 3.68C19.8226 3.16776 19.2182 2.77166 18.55 2.52C17.7706 2.23484 16.9497 2.07945 16.12 2.06C15.06 2 14.72 2 12 2ZM12 3.8C14.67 3.8 15 3.8 16 3.86C16.6348 3.86728 17.2637 3.98225 17.86 4.2C18.7321 4.53836 19.4216 5.22792 19.76 6.1C19.9959 6.7065 20.1245 7.34942 20.14 8C20.19 9 20.2 9.37 20.2 12C20.2 14.6298 20.2 15 20.14 16C20.1327 16.6348 20.0178 17.2637 19.8 17.86C19.4616 18.7321 18.7721 19.4216 17.9 19.76C17.3037 19.9778 16.6748 20.0927 16.04 20.1C15.04 20.15 14.67 20.16 12.04 20.16C9.41 20.16 9.04 20.16 8.04 20.1C7.38073 20.1148 6.72401 20.0132 6.1 19.8C5.22792 19.4616 4.53836 18.7721 4.2 17.9C3.97775 17.2911 3.86271 16.6482 3.86 16C3.86 15.6186 3.85127 15.3288 3.84047 14.9703C3.82296 14.3889 3.8 13.6268 3.8 12C3.8 9.37 3.8 9 3.86 8C3.86271 7.35178 3.97775 6.70893 4.2 6.1C4.53836 5.22792 5.22792 4.53836 6.1 4.2C6.70893 3.97775 7.35178 3.86271 8 3.86C8.38143 3.86 8.6712 3.85127 9.02969 3.84047C9.61106 3.82296 10.3732 3.8 12 3.8Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.icon-youtube {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.95449 15.0189V9.07188L15.1825 12.0449L9.95449 15.0189ZM21.5825 7.20088C21.3515 6.33388 20.6745 5.65188 19.8135 5.41988C18.2545 4.99988 12.0005 4.99988 12.0005 4.99988C12.0005 4.99988 5.74549 4.99988 4.18549 5.41988C3.32549 5.65188 2.64749 6.33388 2.41749 7.20088C2.00049 8.76988 2.00049 12.0449 2.00049 12.0449C2.00049 12.0449 2.00049 15.3209 2.41749 16.8909C2.64749 17.7559 3.32549 18.4389 4.18549 18.6699C5.74549 19.0909 12.0005 19.0909 12.0005 19.0909C12.0005 19.0909 18.2545 19.0909 19.8135 18.6699C20.6745 18.4389 21.3515 17.7559 21.5825 16.8909C22.0005 15.3209 22.0005 12.0449 22.0005 12.0449C22.0005 12.0449 22.0005 8.76988 21.5825 7.20088Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

/* Responsive */
@media (min-width: 720px) {
  footer .footer__columns {
    container-type: inline-size;
    margin-left: -2.4rem;
    margin-right: -2.4rem;
    overflow: auto;
  }
  footer .footer-nav__column .nav-column__links {
    display: block;
  }
  footer .footer-nav__column::details-content {
    content-visibility: visible;
  }
  footer .footer-nav__column .footer-nav__column-arrow {
    display: none;
  }
  footer .footer-nav__column .footer-nav__column-title {
    pointer-events: none;
  }
  footer .footer-nav__column .footer-nav__column-title a {
    pointer-events: auto;
  }
}
@media (width < 720px) {
  footer .nav-column {
    padding-inline: 0;
  }
  footer .footer__columns {
    flex-direction: column;
  }
  footer .footer__columns .footer__panel {
    flex-direction: column;
  }
  footer .footer-nav__column .footer-nav__column-title {
    align-items: center;
    border-bottom: 1px solid #66667e;
    cursor: pointer;
    display: flex;
    gap: 0.8rem;
    justify-content: space-between;
    padding-bottom: 0.8rem;
  }
  footer .footer-nav__column .footer-nav__column-arrow {
    display: inline-block;
  }
  footer .footer__legal {
    border-top: none;
    flex-direction: column;
    gap: 2.4rem;
    margin-inline: 0;
  }
  footer .footer__legal ul {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-left: 0;
    padding-left: 0;
  }
  footer .footer__legal ul li {
    display: block;
    padding-left: 0;
  }
}
@media (max-width: 70rem) {
  footer .footer__columns .footer__social {
    width: 100%;
  }
}