div[class*="brick_"],
a[class*="brick_"],
section[class*="brick_"],
article[class*="brick_"] {
  margin-top: 48px;
}
@media print, screen and (min-width: 1024px) {
  div[class*="brick_"],
  a[class*="brick_"],
  section[class*="brick_"],
  article[class*="brick_"] {
    margin-top: 80px;
  }
}
@media print, screen and (min-width: 1440px) {
  div[class*="brick_"],
  a[class*="brick_"],
  section[class*="brick_"],
  article[class*="brick_"] {
    margin-top: 80px;
  }
}
@media print, screen and (min-width: 1920px) {
  div[class*="brick_"],
  a[class*="brick_"],
  section[class*="brick_"],
  article[class*="brick_"] {
    margin-top: 144px;
  }
}
div[class*="brick_"] div[class*="brick_"],
a[class*="brick_"] div[class*="brick_"],
section[class*="brick_"] div[class*="brick_"],
article[class*="brick_"] div[class*="brick_"],
div[class*="brick_"] a[class*="brick_"],
a[class*="brick_"] a[class*="brick_"],
section[class*="brick_"] a[class*="brick_"],
article[class*="brick_"] a[class*="brick_"],
div[class*="brick_"] section[class*="brick_"],
a[class*="brick_"] section[class*="brick_"],
section[class*="brick_"] section[class*="brick_"],
article[class*="brick_"] section[class*="brick_"],
div[class*="brick_"] article[class*="brick_"],
a[class*="brick_"] article[class*="brick_"],
section[class*="brick_"] article[class*="brick_"],
article[class*="brick_"] article[class*="brick_"] {
  margin-top: 0;
}
article.brick_header {
  position: relative;
  margin: 0 auto;
  max-width: 1920px;
}
article.brick_header .copy-box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  text-align: center;
  max-width: 790px;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  row-gap: 16px;
  align-items: center;
  padding: 16px;
}
@media print, screen and (min-width: 1440px) {
  article.brick_header .copy-box {
    padding: 0;
  }
}
article.brick_header .copy-box .btn {
  border-color: #F2F2F2;
  background-image: none;
}
article.brick_header .img-box {
  z-index: 1;
  position: relative;
  opacity: 0.6;
}
article.brick_header .img-box:after {
  content: "";
  display: table;
  padding-bottom: 500px;
}
@media print, screen and (min-width: 1440px) {
  article.brick_header .img-box:after {
    padding-bottom: 800px;
  }
}
article.brick_header .img-box picture,
article.brick_header .img-box video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
article.brick_teaser .h1 {
  margin-bottom: 24px;
}
@media print, screen and (min-width: 1440px) {
  article.brick_teaser .h1 {
    margin-bottom: 32px;
  }
}
article.brick_teaserlist picture,
article.brick_teaserlist img {
  width: 100%;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 16px;
}
article.brick_teaserlist h2 {
  text-align: center;
  margin-bottom: 32px;
}
article.brick_teaserlist h3 {
  margin-bottom: 8px;
}
article.brick_teaserlist .grid-x {
  row-gap: 24px;
}
@media print, screen and (min-width: 1440px) {
  article.brick_teaserlist .grid-x {
    row-gap: 40px;
  }
}
article.brick_teasercta .box {
  border-radius: 32px;
  padding: 32px 24px;
  display: flex;
  flex-flow: column;
  row-gap: 32px;
  align-items: center;
  border: 2px solid transparent;
  background-image: linear-gradient(#0E0214, #0E0214), linear-gradient(15deg, #A78BFA, #6D28D9);
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
@media print, screen and (min-width: 1440px) {
  article.brick_teasercta .box {
    flex-flow: row;
    column-gap: 32px;
    border-radius: 64px;
    padding: 64px 72px;
  }
}
article.brick_cardlist .h1 {
  margin-bottom: 24px;
}
@media print, screen and (min-width: 1440px) {
  article.brick_cardlist .h1 {
    margin-bottom: 32px;
  }
}
article.brick_cardlist picture,
article.brick_cardlist img {
  width: 100%;
  display: block;
  overflow: hidden;
  border-radius: 8px;
}
article.brick_cardlist .grid-x {
  row-gap: 24px;
}
@media print, screen and (min-width: 1440px) {
  article.brick_cardlist .grid-x {
    row-gap: 40px;
  }
}
article.brick_cardlist h3 {
  margin-top: 16px;
  color: #F2F2F2;
}
@media print, screen and (min-width: 1440px) {
  article.brick_cardlist h3 {
    row-gap: 24px;
  }
}
article.brick_copyimg picture,
article.brick_copyimg img {
  width: 100%;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 24px;
}
article.brick_copyimg .btn {
  margin-top: 24px;
}
article.brick_form h1 {
  margin-bottom: 32px;
}
article.brick_form form {
  margin-bottom: 24px;
}
/*# sourceMappingURL=bricks.css.map */