.tablet,
.tablet2 { display:block;}
.notablet,
.notablet2 { display:none;}

@media (min-width: 480px) {
    .kontaktformular .itemname{width:25%!important;}
    .kontaktformular .item {width:65%!important;}
    .kontaktformular .reqitem {width:10%!important;}
    .iweb_cfd_bcol {padding:10px 0 10px 25%!important;}
}

@media (min-width: 768px) {
    .tablet { display:none;}
    .notablet { display:block;}
    
    
}

@media (min-width:992px){
    .tablet2 { display:none;}
    .notablet2 { display:block;}
    #headerwrapper{
        margin-top: 125px!Important;
    }
}
@media (min-width:992px) and (max-width:1200px){
    ul.desktopnav li.root a {font-size:19px;}
    #logo {width:200px;}
}

@media (min-width:1200px){
    .grid-masonry {
    grid-template-columns: repeat(4, 1fr) !important;
    grid-template-rows: repeat(11, minmax(120px, auto)) !important;
    gap: 10px !important;
    column-gap: 130px !important;
    .DNNModuleContent {
        > div {
            img {
                width:210px!important;
            }
        }
    }

    > div {
      &:nth-child(1) {
        grid-column: 1 / 3 !important;
        grid-row: 1 / 4 !important;
      }

      &:nth-child(2) {
        grid-column: 3 / 5 !important;
        grid-row: 3 / 6 !important;
      }

      &:nth-child(3) {
        grid-column: 1 / 3 !important;
        grid-row: 5 / 8 !important;
      }

      &:nth-child(4) {
        grid-column: 3 / 5 !important;
        grid-row: 7 / 10 !important;
      }

      &:nth-child(5) {
        grid-column: 1 / 3 !important;
        grid-row: 9 / 12 !important;
      }
    }
  }
}