@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400&display=swap");
.container .card-38 {
  transform: translate(-800px, -350px);
  background-color: #0b0b0b;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .container .card-38 {
    border: 0.5px solid #989898;
  }
}
.container .card-38 .card-content-container > h1 {
  color: #d6d6d6;
}
.container .card-38 .card-content-container > p {
  color: #989898;
  font-style: normal;
}
.container .card-38 .card-content-container > p .matthias {
  color: #d6d6d6;
  font-style: normal;
}
.container #card-38-1 {
  transform: translate(2484px, -1296px);
}
.container .card-39 {
  transform: translate(-150px, 275px);
  background-color: #0b0b0b;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .container .card-39 {
    border: 0.5px solid #989898;
  }
}
.container .card-39 h1 {
  color: #d6d6d6;
}
.container .card-39 p {
  color: #989898;
  font-style: normal;
}
.container .card-39 p .matthias {
  color: #d6d6d6;
  font-style: normal;
}
.container #card-39-1 {
  transform: translate(-1689px, -2749px);
}
.container .card-40 {
  transform: translate(-650px, -1800px);
  background: #d6d6d6;
  border: 1px solid #707070;
  width: 302.4px;
  height: 590.4px;
  color: #989898;
}
.container .card-40 h1 {
  color: #343434;
}
.container .card-40 p {
  font-style: normal;
}
.container .card-40 p .matthias {
  color: #343434;
  font-style: normal;
}
.container .card-40 .cremasset {
  color: #343434 !important;
}
.container .card-40 .card-links-container .anfrage {
  color: #707070;
}
.container .card-40 .card-links-container .weiter {
  color: #343434;
}
.container #card-40-1 {
  transform: translate(-650px, 2203px);
}
.container .card-41 {
  transform: translate(-925px, 275px);
  width: 319.2px;
  height: 184.8px;
  background: var(--unnamed-color-d6d6d6) 0% 0% no-repeat padding-box;
  background: #d6d6d6 0% 0% no-repeat padding-box;
  border: 0.5px solid #707070;
  color: #000000;
}
.container .card-41 a {
  text-decoration: none;
  color: #000000;
}
.container .card-41 .card-container {
  position: relative;
}
.container .card-41 .card-container h1 {
  font-size: 17.6px !important;
  padding-bottom: 0;
}
.container .card-41 .card-container .contact-info {
  position: absolute;
  bottom: 0;
  left: 0;
}
.container .card-41 .card-links-container {
  display: none;
}
.container #card-41-1 {
  transform: translate(-2851px, -3043px);
}
.container .card-42 {
  transform: translate(625px, -700px);
  background-color: #0b0b0b;
}
.container .card-42 h1 {
  color: #d6d6d6;
}
.container .card-42 p {
  color: #989898;
  font-style: normal;
}
.container .card-42 p .matthias {
  color: #d6d6d6;
  font-style: normal;
}
.container .card-42 {
  z-index: 2;
}
.container #card-42-1 {
  transform: translate(-2624px, -1235px);
}
.container .card-43 {
  transform: translate(626px, 151px);
  background: #d6d6d6;
  border: 1px solid #707070;
  width: 302.4px;
  height: 590.4px;
  color: #989898;
}
.container .card-43 h1 {
  color: #343434;
}
.container .card-43 p {
  font-style: normal;
}
.container .card-43 p .matthias {
  color: #343434;
  font-style: normal;
}
.container .card-43 .cremasset {
  color: #343434 !important;
}
.container .card-43 .card-links-container .anfrage {
  color: #707070;
}
.container .card-43 .card-links-container .weiter {
  color: #343434;
}
.container #card-43-1 {
  transform: translate(-2670px, -2292px);
}
.container .card-44 {
  transform: translate(450px, 1598px);
  background-color: #1d1d1d;
}
.container .card-44 h1 {
  color: #dedede;
}
.container .card-44 p {
  color: #989898;
  font-style: normal;
}
.container .card-44 p .matthias {
  color: #dedede;
  font-style: normal;
}
.container .card-44 {
  width: 703.2px;
  height: 452.8px;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .container .card-44 {
    width: 302.4px;
    height: 590.4px;
  }
}
.container #card-44-1 {
  transform: translate(450px, -2402px);
}
.container .card-45 {
  transform: translate(-300px, 1150px);
  background: #d6d6d6;
  border: 1px solid #707070;
  width: 302.4px;
  height: 590.4px;
  color: #989898;
}
.container .card-45 h1 {
  color: #343434;
}
.container .card-45 p {
  font-style: normal;
}
.container .card-45 p .matthias {
  color: #343434;
  font-style: normal;
}
.container .card-45 .cremasset {
  color: #343434 !important;
}
.container .card-45 .card-links-container .anfrage {
  color: #707070;
}
.container .card-45 .card-links-container .weiter {
  color: #343434;
}
.container #card-45-1 {
  transform: translate(-300px, -2850px);
}
.container .card-46 {
  transform: translate(-1875px, -1050px);
  background-color: #1d1d1d;
}
.container .card-46 h1 {
  color: #dedede;
}
.container .card-46 p {
  color: #989898;
  font-style: normal;
}
.container .card-46 p .matthias {
  color: #dedede;
  font-style: normal;
}
.container .card-46 {
  width: 703.2px;
  height: 452.8px;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .container .card-46 {
    width: 302.4px;
    height: 590.4px;
  }
}
.container #card-46-1 {
  transform: translate(-3093px, 2177px);
}
.container .card-47 {
  transform: translate(-825px, -1000px);
  background-color: #0b0b0b;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .container .card-47 {
    border: 0.5px solid #989898;
  }
}
.container .card-47 h1 {
  color: #d6d6d6;
}
.container .card-47 p {
  color: #989898;
  font-style: normal;
}
.container .card-47 p .matthias {
  color: #d6d6d6;
  font-style: normal;
}
.container #card-47-1 {
  transform: translate(-1829px, 2864px);
}
.container .card-48 {
  transform: translate(325px, -1550px);
  background-color: #0b0b0b;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .container .card-48 {
    border: 0.5px solid #989898;
  }
}
.container .card-48 h1 {
  color: #d6d6d6;
}
.container .card-48 p {
  color: #989898;
  font-style: normal;
}
.container .card-48 p .matthias {
  color: #d6d6d6;
  font-style: normal;
}
.container #card-48-1 {
  transform: translate(325px, 2450px);
}
.container .card-49 {
  transform: translate(1175px, -375px);
  width: 703.2px;
  height: 452.8px;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .container .card-49 {
    width: 302.4px;
    height: 590.4px;
  }
}
.container .card-49 {
  background-color: #1d1d1d;
}
.container .card-49 h1 {
  color: #dedede;
}
.container .card-49 p {
  color: #989898;
  font-style: normal;
}
.container .card-49 p .matthias {
  color: #dedede;
  font-style: normal;
}
.container #card-49-1 {
  transform: translate(-2825px, -375px);
}
.container .card-50 {
  transform: translate(1694px, -2061px);
  background: #d6d6d6;
  border: 1px solid #707070;
  width: 302.4px;
  height: 590.4px;
  color: #989898;
}
.container .card-50 h1 {
  color: #343434;
}
.container .card-50 p {
  font-style: normal;
}
.container .card-50 p .matthias {
  color: #343434;
  font-style: normal;
}
.container .card-50 .cremasset {
  color: #343434 !important;
}
.container .card-50 .card-links-container .anfrage {
  color: #707070;
}
.container .card-50 .card-links-container .weiter {
  color: #343434;
}
.container #card-50-1 {
  transform: translate(1325px, 2225px);
}
.container .card-51 {
  transform: translate(1400px, 450px);
  background: #d6d6d6;
  border: 1px solid #707070;
  width: 302.4px;
  height: 590.4px;
  color: #989898;
}
.container .card-51 h1 {
  color: #343434;
}
.container .card-51 p {
  font-style: normal;
}
.container .card-51 p .matthias {
  color: #343434;
  font-style: normal;
}
.container .card-51 .cremasset {
  color: #343434 !important;
}
.container .card-51 .card-links-container .anfrage {
  color: #707070;
}
.container .card-51 .card-links-container .weiter {
  color: #343434;
}
.container #card-51-1 {
  transform: translate(2634px, -2599px);
}
.container .card-53 {
  transform: translate(-1600px, 1402px);
  width: 703.2px;
  height: 452.8px;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .container .card-53 {
    width: 302.4px;
    height: 590.4px;
    border: 0.5px solid #989898;
  }
}
.container .card-53 {
  background-color: #1d1d1d;
}
.container .card-53 h1 {
  color: #dedede;
}
.container .card-53 p {
  color: #989898;
  font-style: normal;
}
.container .card-53 p .matthias {
  color: #dedede;
  font-style: normal;
}
.container #card-53-1 {
  transform: translate(2400px, 1402px);
}
.container .card-54 {
  transform: translate(-1725px, 275px);
  background-color: #0b0b0b;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .container .card-54 {
    border: 0.5px solid #989898;
  }
}
.container .card-54 h1 {
  color: #d6d6d6;
}
.container .card-54 p {
  color: #989898;
  font-style: normal;
}
.container .card-54 p .matthias {
  color: #d6d6d6;
  font-style: normal;
}
.container #card-54-1 {
  transform: translate(2530px, 501px);
}
.container .card-55 {
  transform: translate(-1575px, 25px);
  background: #d6d6d6;
  border: 1px solid #707070;
  width: 302.4px;
  height: 590.4px;
  color: #989898;
}
.container .card-55 h1 {
  color: #343434;
}
.container .card-55 p {
  font-style: normal;
}
.container .card-55 p .matthias {
  color: #343434;
  font-style: normal;
}
.container .card-55 .cremasset {
  color: #343434 !important;
}
.container .card-55 .card-links-container .anfrage {
  color: #707070;
}
.container .card-55 .card-links-container .weiter {
  color: #343434;
}
.container #card-55-1 {
  transform: translate(2425px, 25px);
}
.container .card-131 {
  transform: translate(-150px, -875px);
  width: 302.4px;
  height: 657px;
  background: #d6d6d6;
  border: 1px solid #707070;
  color: #989898;
}
.container .card-131 h1 {
  color: #343434;
}
.container .card-131 .cremasset {
  color: #343434 !important;
}
.container .card-131 .anfrage {
  color: #707070;
}
.container .card-131 .weiter {
  color: #343434;
}
.container .card-131 .card-links-container {
  padding-top: 0.7rem;
}
.container #card-131-1 {
  transform: translate(2337px, 2377px);
}
.container .card-139 {
  transform: translate(1525px, 1375px);
  background-color: #0b0b0b;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .container .card-139 {
    border: 0.5px solid #989898;
  }
}
.container .card-139 .card-content-container > h1 {
  color: #d6d6d6;
}
.container .card-139 .card-content-container > p {
  color: #989898;
  font-style: normal;
}
.container .card-139 .card-content-container > p .matthias {
  color: #d6d6d6;
  font-style: normal;
}
.container #card-139-1 {
  transform: translate(-2791px, 1174px);
}
.container .card-153 {
  transform: translate(1525px, 1375px);
  background-color: #0b0b0b;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .container .card-153 {
    border: 0.5px solid #989898;
  }
}
.container .card-153 .card-content-container > h1 {
  color: #d6d6d6;
}
.container .card-153 .card-content-container > p {
  color: #989898;
  font-style: normal;
}
.container .card-153 .card-content-container > p .matthias {
  color: #d6d6d6;
  font-style: normal;
}
.container #card-153-1 {
  transform: translate(-2791px, 1174px);
}
.container .info-box {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .container .info-box {
    display: none;
  }
}
.container .info-box {
  background-color: transparent;
  color: white;
  width: 592.8px;
  height: auto;
  position: absolute;
  padding: 20px;
  font-size: 26.6px;
  text-align: left;
  letter-spacing: 0px;
  color: #d6d6d6;
  font-style: normal;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.container .name {
  font-style: normal;
}
.container .info-box-133 {
  width: 814px;
  transform: translate(-91px, -73px);
}
.container #info-box-133-1 {
  transform: translate(-2918px, 532px);
}
.container .info-box-134 {
  width: 700px;
  transform: translate(614px, 1008px);
}
.container #info-box-134-1 {
  transform: translate(614px, -2992px);
}
.container .info-box-135 {
  width: 900px;
  transform: translate(-1139px, 774px);
}
.container #info-box-135-1 {
  transform: translate(-1139px, -3226px);
}
.container .info-box-136 {
  width: 550px;
  transform: translate(-1536px, -293px);
}
.container #info-box-136-1 {
  transform: translate(2464px, -293px);
}
.container .info-box-137 {
  width: 814px;
  transform: translate(-1662px, -1721px);
}
.container #info-box-137-1 {
  transform: translate(-1662px, 2279px);
}
.container .info-box-138 {
  width: 714px;
  transform: translate(938px, -1046px);
}
.container #info-box-138-1 {
  transform: translate(938px, 2954px);
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "IBM Plex Sans", sans-serif;
}

@media screen and (max-width: 640px) and (min-width: 0px) {
  html {
    overflow: hidden;
    pointer-events: all;
    height: 100%;
    height: 100vh;
  }
}

html,
body {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  position: relative;
  pointer-events: none;
  font-weight: 200 !important;
  background: #0b0b0b;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  body {
    pointer-events: all;
  }
}

h1 {
  font-weight: 200 !important;
}

.menu {
  background-color: #0b0b0b;
  position: fixed;
  top: 0;
  right: 0;
  width: 700px;
  height: 100vh;
  max-width: 100vw;
  z-index: 4000;
  transform: translateX(100%);
  transition: transform 400ms ease 0s;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .menu {
    width: 100%;
    height: 100%;
    width: 100vw;
  }
}
.menu .menu-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
  overflow: visible;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .menu .menu-container {
    width: 100%;
    height: 100%;
    height: 100vh;
  }
}
.menu .menu-container a {
  color: white;
  text-decoration: none;
  font-style: normal;
  font-weight: 200;
}
.menu .menu-container .legal {
  display: flex;
  flex-direction: column;
  font-size: 17.6px;
  opacity: 0;
  transform: translateY(150px);
}
.menu .menu-container .content {
  display: flex;
  flex-direction: column;
  font-size: 36px;
  opacity: 0;
  transform: translateY(150px);
  max-height: 50%;
}
.menu .menu-container .sub-pages::-webkit-scrollbar {
  width: 3px;
}
.menu .menu-container .sub-pages::-webkit-scrollbar-track-piece {
  background-color: #9a9a9a;
}
.menu .menu-container .sub-pages::-webkit-scrollbar-thumb:vertical {
  background-color: #ffffff;
}
.menu .menu-container .sub-pages::-webkit-scrollbar:horizontal {
  display: none;
}
.menu .menu-container .sub-pages {
  scrollbar-width: thin;
  scrollbar-color: white !important;
}
.menu .menu-container .sub-pages::-webkit-scrollbar-track {
  background: white !important;
}
.menu .menu-container .sub-pages::-webkit-scrollbar-thumb {
  background-color: white !important;
}
.menu .menu-container h5 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 18px;
  color: white;
  text-decoration: none;
  font-style: normal;
  font-weight: 200;
}
.menu .menu-container .sub-pages {
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  overflow: scroll;
  max-height: 0;
  transition: max-height 0.8s ease-in-out;
  scrollbar-color: gray white;
}
.menu .menu-container .sub-pages a {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: -moz-fit-content;
  height: fit-content;
  font-size: 18px;
}
.menu .menu-container .sub-pages h5:first-of-type {
  padding-top: 1rem;
}
.menu .menu-container .sub-pages a:last-of-type {
  padding-bottom: 1rem;
}

.menu-button {
  position: fixed;
  top: 13px;
  right: 13px;
  width: 54px;
  height: 58.2px;
  pointer-events: all;
  z-index: 5000;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  background-color: #0e0e0e;
  filter: invert(1);
  mix-blend-mode: difference;
  transition: all 0.3s ease-in-out;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="17 17 80 80" ><path d="M-1355.878,19875.363l-7.588-19.914a9.948,9.948,0,0,1-.728-2.437h-.081a9.961,9.961,0,0,1-.727,2.438l-7.588,19.914h-5.451v-25.895H-1406v-5.047l21.5-7.031a11.934,11.934,0,0,1,2.638-.676v-.07a12.3,12.3,0,0,1-2.638-.678l-21.5-7.025v-5.051h27.958v.008l.015-.008h-.015v-25.9h5.451l7.588,19.922a9.833,9.833,0,0,1,.728,2.441h.08a9.834,9.834,0,0,1,.728-2.441l7.588-19.922h5.449v25.9h27.957v5.053l-21.5,7.023a12.292,12.292,0,0,1-2.638.676v.074a11.931,11.931,0,0,1,2.638.674l21.5,7.029v5.051h-27.95l-.01,0v25.891Zm-22.154-25.895h0l-.007,0v0Z" transform="translate(15048.265 -13005.159) rotate(45)" fill="black"/></svg>') center/contain no-repeat;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="113.775" height="113.775" viewBox="0 0 113.775 113.775" ><path d="M-1355.878,19875.363l-7.588-19.914a9.948,9.948,0,0,1-.728-2.437h-.081a9.961,9.961,0,0,1-.727,2.438l-7.588,19.914h-5.451v-25.895H-1406v-5.047l21.5-7.031a11.934,11.934,0,0,1,2.638-.676v-.07a12.3,12.3,0,0,1-2.638-.678l-21.5-7.025v-5.051h27.958v.008l.015-.008h-.015v-25.9h5.451l7.588,19.922a9.833,9.833,0,0,1,.728,2.441h.08a9.834,9.834,0,0,1,.728-2.441l7.588-19.922h5.449v25.9h27.957v5.053l-21.5,7.023a12.292,12.292,0,0,1-2.638.676v.074a11.931,11.931,0,0,1,2.638.674l21.5,7.029v5.051h-27.95l-.01,0v25.891Zm-22.154-25.895h0l-.007,0v0Z" transform="translate(15048.265 -13005.159) rotate(45)" fill="black"/></svg>') center/contain no-repeat;
  display: inline-block;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .menu-button {
    width: 71.42px;
    height: 76.96px;
    top: 100%;
    right: 50%;
    transform: translate(50%, -150%);
  }
}

.rotate {
  transform: rotate(45deg);
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .rotate {
    transform: translate(50%, -150%) rotate(45deg);
  }
}

.container::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.container {
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
  width: 7000px;
  height: 7000px;
  background-color: #282a2f;
  cursor: grab;
  background-size: 25px 25px;
  background-image: linear-gradient(to right, #323439 1px, transparent 1px), linear-gradient(to bottom, #323439 1px, transparent 1px);
  position: relative;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .container {
    height: 100%;
    height: 100vh;
    width: 100%;
    padding: none;
    overflow: hidden;
  }
}
.container .tagline {
  display: none;
}

.card:hover {
  cursor: pointer;
}

.card {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 320px;
  height: 404px;
  background-color: #575757;
  position: absolute;
  padding: 20px;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 17.6px !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .card {
    margin-bottom: 20px;
    transform: translate(-50%, -50%);
  }
}
.card .card-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 1s ease-in-out;
}
.card .card-container img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  pointer-events: none;
}
.card .card-content-container {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}
.card .card-content-container h1 {
  font-size: 17.6px !important;
  padding-bottom: 1.5rem;
}
.card .card-links-container {
  padding-top: 1rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.card .card-links-container a {
  font-style: normal;
  text-decoration: none !important;
}
.card .card-links-container .anfrage {
  color: #ffffff;
}
.card .card-links-container .weiter {
  color: #989898;
  transition: all 0.5s ease-in-out;
}
.card .card-links-container .weiter:hover {
  font-style: italic;
}

.card.transition {
  transition: all 1s ease-in-out;
}

.ajax-container {
  overflow-x: hidden !important;
  transition: all 1s ease-in-out;
}

.ajax-card {
  background-color: transparent;
  color: white;
}

.ajax-card-container {
  background-color: #0b0b0b;
}

footer {
  background-color: #0b0b0b;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  footer {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 5vw;
    padding-top: 2rem;
  }
}
footer p,
footer a {
  font-size: 44px;
  color: white;
  text-decoration: none;
  font-style: thin;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  footer p,
  footer a {
    font-size: 24px;
  }
}
footer .footerleft {
  display: flex;
  flex-direction: column;
}
footer .footerright {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  footer .footerright {
    padding-top: 56px;
  }
}

.card-header {
  padding-left: 60px;
  background-color: transparent;
  position: sticky;
  font-size: 22px;
  top: 0;
  padding-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 500;
  font-style: italic;
  float: right;
  padding-left: 0px;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .card-header {
    padding-left: 5vw;
    float: none;
  }
}
.card-header .card-header-text {
  color: #e0e0e0;
  display: none;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .card-header .card-header-text {
    display: none;
  }
}
.card-header .card-header-text span {
  font-style: normal;
}
.card-header .card-header-links {
  padding-right: 30px;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .card-header .card-header-links {
    padding-right: 0px;
    padding-bottom: 1rem;
  }
}
.card-header .card-header-links a {
  color: #e0e0e0;
  text-decoration: none;
  padding-right: 1rem;
}
.card-header .card-header-links button,
.card-header .card-header-links input[type=submit],
.card-header .card-header-links input[type=reset] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.card-header-text-2 {
  padding-left: 30px;
  font-size: 22px;
  padding-top: 20px;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .card-header-text-2 {
    display: block;
    padding-top: 0;
    padding-left: 5vw;
    padding-bottom: 1rem;
    color: #e0e0e0;
    font-size: 22px;
  }
}

.card-content {
  background-color: #0b0b0b;
}

.scroll {
  pointer-events: all;
}

.no-scroll {
  pointer-events: none;
}

.boxtransition {
  transition: all 1s ease-in-out;
}

.center {
  transform: translate(-50%, -50%);
  top: 50% !important;
  left: 50% !important;
}

.veryShortTransition {
  transition: all 0.3s ease-in-out;
}

.shortTransition {
  transition: all 0.9s ease-in-out;
}

.longTransition {
  transition: all 10s ease-out;
}

.startTransition {
  transition: all ease-in-out;
  transition-duration: 1.5s;
}

.menuTransition {
  transition: all 0.8s ease 0.5s;
}

.view {
  opacity: 1;
}

.hide {
  opacity: 0;
}

.gone {
  display: none;
}

.ajax-card .card-header-text {
  opacity: 0;
}
.ajax-card .card-header-links {
  opacity: 0;
}
.ajax-card .card-header-text-2 {
  opacity: 0;
}
.ajax-card .lg-grid {
  opacity: 0;
}

.show-content .card-header-text {
  transition: all 1s ease-in-out;
  opacity: 1;
}
.show-content .card-header-links {
  opacity: 1;
  transition: all 1s ease-in-out;
}
.show-content .card-header-text-2 {
  opacity: 1;
  transition: all 1s ease-in-out;
}
.show-content .lg-grid {
  opacity: 1;
  transition: all 1s ease-in-out;
}

.impressum-wrapper,
.datenschutz-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #0b0b0b;
  overflow: scroll;
}
.impressum-wrapper footer,
.datenschutz-wrapper footer {
  margin-top: auto;
}

.cremasset {
  text-transform: uppercase;
  color: #d6d6d6 !important;
  font-weight: 900 !important;
}

.pre-intro * {
  display: none;
}

.intro-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 300;
  background-color: transparent;
  transition: opacity 0.5s ease;
}

.intro {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.5s ease-in-out;
  width: -moz-max-content;
  width: max-content;
}
.intro .introitem {
  opacity: 0;
  transition: all 0.5s ease;
  transform: translateY(-100%);
}
.intro p {
  font-size: 32px;
  color: #c6c6c6;
}
@media screen and (max-width: 640px) and (min-width: 0px) {
  .intro p {
    font-size: 21px;
  }
}

.sub-menu-heading {
  font-weight: 900 !important;
  text-transform: uppercase;
}

.ajax-container {
  visibility: hidden !important;
}

.ajax-container:first-of-type {
  visibility: visible !important;
}

.sub-menu-heading {
  font-weight: 900 !important;
  text-transform: uppercase;
}

.lg-textformat-parent ol,
.lg-textformat-parent ul {
  list-style-position: inside;
  padding-left: 0; /* Ensures the list itself isn't adding extra space */
}

.lg-textformat-parent li {
  padding-left: 1.5em; /* 1. Pushes the entire block of text to the right */
  text-indent: -1.4em; /* 2. Pulls ONLY the first line (with the bullet) back to the left */
}/*# sourceMappingURL=style.css.map */