/* >= 768px */
@media screen and (min-width: 768px) {
  #node-use_case #einleitung {
    padding: 150px 0 0 0;
  }
  #node-use_case #einleitung .wrapper .h1.big {
    margin-bottom: 100px;
  }
  #node-use_case #einleitung .wrapper .button-wrapper {
    flex-direction: row;
    gap: 30px;
  }
}
/* >= 1024px */
@media screen and (min-width: 1024px) {
  #node-use_case #einleitung {
    padding-bottom: 100px;
  }
  #node-use_case #einleitung .section {
    display: grid;
    grid-template-columns: 2fr 1fr;
  }
  #node-use_case #einleitung .section .image {
    margin: -150px -7vw -100px 0;
    aspect-ratio: unset;
  }
  #node-use_case #einleitung .section .wrapper {
    padding-right: 50px;
    margin-bottom: 0;
  }
  #node-use_case #einleitung .section .wrapper .h1.big {
    margin-bottom: 50px;
  }
  #node-use_case #content .h1,
  #node-use_case #content .text {
    padding-right: 20%;
  }
  #node-use_case #content .fakten {
    margin-top: 100px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 100px;
  }
  #node-use_case #content .fakten .fakt {
    padding: 50px 0;
  }
}
/* >= 1248px */
@media screen and (min-width: 1248px) {
  #node-use_case #content {
    padding: 150px 0;
  }
  #node-use_case #video {
    padding: 0 0 150px 0;
  }
}