/* >= 768px */
/* >= 1024px */
@media screen and (min-width: 1024px) {
  #node-schluesselfertig_projekt #einleitung {
    padding-bottom: 75px;
  }
  #node-schluesselfertig_projekt #beschreibung .fakten .line.line-top-vertical {
    top: -75px;
  }
  #node-schluesselfertig_projekt #beschreibung .fakten .fakten-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
  #node-schluesselfertig_projekt #beschreibung .fakten .fakt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  #node-schluesselfertig_projekt #beschreibung .fakten .fakt strong {
    font-size: var(--font-size-h1);
    line-height: var(--line-height-h1);
  }
  #node-schluesselfertig_projekt #beschreibung .text {
    width: 50%;
  }
  #node-schluesselfertig_projekt #diagram .content .wrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "text diagram" "legend diagram";
    column-gap: 100px;
  }
  #node-schluesselfertig_projekt #diagram .content .wrapper .text {
    grid-area: text;
  }
  #node-schluesselfertig_projekt #diagram .content .wrapper .diagram {
    grid-area: diagram;
    margin-bottom: 0;
  }
  #node-schluesselfertig_projekt #diagram .content .wrapper .segmente {
    grid-area: legend;
  }
  #node-schluesselfertig_projekt #bild .text {
    width: 50%;
  }
  #node-schluesselfertig_projekt #features .wrapper {
    margin-left: -7vw;
    padding-left: 7vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 100px;
    grid-template-areas: "content images";
  }
  #node-schluesselfertig_projekt #features .wrapper .swiper-content .swiper-slide .titel {
    font-size: var(--font-size-h4);
    line-height: var(--line-height-h4);
  }
  #node-schluesselfertig_projekt #features .wrapper .content {
    grid-area: content;
    width: calc(43vw - 50px);
    align-self: center;
  }
  #node-schluesselfertig_projekt #features .wrapper .content .h1 {
    display: block;
  }
  #node-schluesselfertig_projekt #features .wrapper .content .swiper-navigation {
    display: flex;
    margin-top: 50px;
  }
  #node-schluesselfertig_projekt #features .wrapper .images {
    grid-area: images;
    width: calc((43vw - 50px) + 7vw);
    margin-bottom: 0;
    margin-right: 0;
  }
  #node-schluesselfertig_projekt #features .wrapper .h1.mobile {
    display: none;
  }
  #node-schluesselfertig_projekt #features .wrapper .swiper-navigation.mobile {
    display: none;
  }
  #node-schluesselfertig_projekt #banner .banner {
    padding: 50px;
  }
  #node-schluesselfertig_projekt #anwendungen .wrapper {
    display: flex;
    margin-bottom: 50px;
  }
  #node-schluesselfertig_projekt #anwendungen .wrapper .untertitel {
    width: 50%;
    margin-bottom: 0;
  }
  #node-schluesselfertig_projekt #anwendungen .wrapper .video_overlay {
    align-self: flex-end;
    margin-left: auto;
  }
}
/* >= 1248px */
@media screen and (min-width: 1248px) {
  #node-schluesselfertig_projekt #einleitung .untertitel {
    width: 100%;
  }
  #node-schluesselfertig_projekt #anwendungen .wrapper .overlay.preview {
    width: 200px;
    height: 100px;
    grid-template-columns: 100px 100px;
    bottom: 30px;
    left: 30px;
  }
  #node-schluesselfertig_projekt #anwendungen .wrapper .overlay.preview .image {
    height: 100px;
    width: 100px;
  }
  #node-schluesselfertig_projekt #anwendungen .wrapper .overlay.preview .preview-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}