/* COLORS */
/* FONTS */
/* >= 768px */
@media screen and (min-width: 768px) {
  #node-blog #intro {
    padding-top: 100px;
  }
  #node-blog #blog .blog {
    grid-template-columns: 1fr 1fr;
  }
}
/* >= 1024 */
@media screen and (min-width: 1023px) {
  #node-blog #intro {
    padding-top: 9.6vw;
    border-bottom-left-radius: 1.56vw;
    border-bottom-right-radius: 1.56vw;
  }
  #node-blog #intro .introwrapper {
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: 4.8vw;
    grid-template-rows: auto 1fr;
    grid-template-areas: "titel icon" "text icon";
  }
  #node-blog #intro .introwrapper .icon {
    grid-area: icon;
    height: auto;
    width: auto;
    padding: 0 20px;
    padding-top: 50px;
    padding: 0vw 2.95vw 4.8vw 1.95vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
  }
  #node-blog #intro .introwrapper .icon .lottie {
    height: auto;
    width: auto;
  }
  #node-blog #intro .introwrapper .h1 {
    grid-area: titel;
    margin-bottom: 4.7vw;
  }
  #node-blog #intro .introwrapper .text {
    grid-area: text;
    margin-bottom: 4.8vw;
  }
  #node-blog #intro .introwrapper .button-wrapper {
    grid-area: button;
    margin-bottom: 4.7vw;
  }
  #node-blog #intro .introwrapper .button {
    width: auto;
    display: inline-block;
  }
  #node-blog #blog {
    border-bottom-left-radius: 1.56vw;
    border-bottom-right-radius: 1.56vw;
  }
  #node-blog #blog .h1 {
    padding-right: 25%;
  }
  #node-blog #blog .blog {
    gap: 2vw;
    margin-bottom: 4.8vw;
  }
  #node-blog #blog .blog .blogbeitrag a {
    padding: 1.46vw 1.95vw;
    border-radius: 0.625vw;
  }
}
/* >= 1248 */