@media (min-width: 800px) and (max-width: 850px) {
              .navbar:not(.top-nav-collapse) {
                  background: #1C2331!important;
              }
          }

.carousel,.carousel .carousel-inner,.carousel .carousel-inner .active,.carousel .carousel-inner .carousel-item,.view,body,html{height:100%}
.navbar{background-color:rgba(0,0,0,.2)}
.page-footer,.top-nav-collapse{background-color:#1C2331}
@media only screen and (max-width:768px){.navbar{background-color:#1C2331}}

body {
   margin: 0;
   padding: 0;
   overflow-x: hidden;
   color: #1c2331;
}

h1,h2,h3,h4 {
   font-family: "Montserrat", sans-serif;
}
h1 {
   font-size: 40px;
   font-weight: 600;
   /* color: #F1B1B1;    
   color: #DB1D1D;    */
}
h2 {
   font-size: 32px;
   font-weight: 500;
}
h3 {
   font-size: 24px;
   font-weight: 300;
}

footer p {
   font-size: 0.86em;
}

ul.foot {
   padding: 0 0 0 14px; margin:0;
}


footer.page-footer {
    background-color: #3b295a;
    margin-top: 2rem;
}

#startnow:hover {
   background-color: #ccc;
   color: #1c2331;
}

main {
   margin-top: 20px;
}

.textleft {
   text-align: left;
}

img.img-fluid.px-4 {
   filter: brightness(87%)
           grayscale(100%);
}

img.img-fluid.px-4:hover {
   filter: grayscale(0%)
           brightness(87%);
}

.news_img{
   width: 1000px;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.animation_img{
   width: 1000px;
   display: block;
   margin-left: auto;
   margin-right: auto;
   position: absolute;
}


.animation-2 {
   width: 325px;
   top: 320px;
   left: 1080px;
   animation-name: example;
}

.grey-trapez {
   height: 100%; 
   width: 100%;
   border-right: 100vw solid #DDDDDD;
}
.trapez-height {height: 1100px;}
.grey-slant {
   border-top: 200px solid transparent;
   border-bottom: 200px solid transparent;
}

.a {color: #fe0000 !important;}
.indigo-text {color: #fe0000 !important;}
.red-text {color: #fe0000 !important;} 
.btn-dark {background-color: #1c2331 !important;}
.quotes { margin-top: 0px !important;}
.grey { background-color: #cccccc !important; }
.btn-red {background-color: #fe0000 !important;}

.hr-margin { margin: 7rem 0 7rem 0 !important; }


.carousel-item .row{
   justify-content: center;
}


.grid-container {
  max-width: 1140px;
  width: 100%;
  display: grid;
  /*grid-template-columns: auto 14vw 14vw 14vw;*/
  grid-template-columns: auto auto auto auto;
  grid-template-rows: 50px 100px 40px 60px 40px 60px 50px 50px 50px;
}

.grid-item {
   display: flex;
   justify-content: center;
   align-items: center;
}

/*große Icons*/
.fa-lgg {
   font-size: 1.6em;
   line-height: .75em;
   vertical-align: -.0667em;
}


@keyframes example {
   from  {opacity: 0;}
   to    {opacity: 100;}
}

div.custom-control {
   padding-left: 0;
}
.custom-checkbox label {
   top: -10px !important;
   left: 25px !important;
   font-weight: 400 !important;
}

span.checkit {
   display: none;
}

.workplace-back{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   opacity: 0.4;
   background-size: cover;
   background-position-x: right;
   background-position-y: center; 
}


span.contmail a {
   color: white !important;
}
.mobile{display: none;}
.mobile-slide{}
.mobile-logos{}
.mobile-logos-two{}
.mobile-banner{height: 70vh;}
.mobile-banner-counter{height: 35vh;}

.display-flex {display: flex; justify-content: center; align-items: center;}
.margin-top {margin-top: 0px !important;}

@media only screen and (max-width: 991px) {
   /*graues Trapez größe*/
   .trapez-height {height: 1150px;}
   .grey-slant { border-top: 17vw solid transparent; border-bottom: 17vw solid transparent; }
   .mobile-logos-two{display: none !important;}
   .counter-break{
      flex: none;
      max-width: none;
   }
   .mobile-banner-counter{height: 45vh;}
}


@media only screen and (max-width: 767px) {
   /*graues Trapez größe*/
   .trapez-height {height: 1410px;}
   .grey-slant { border-top: 17vw solid transparent; border-bottom: 17vw solid transparent; }
   .display-flex{display: block;}
   .laptop{display: none;}
   .mobile{display: block; margin-bottom: -29vw;}
   .mobile-slide{background-position-x: -383px; background-position-y: 70px;}
   .mobile-logos{display: none !important;}
   .mobile-banner-counter{height: 50vh;}
   
}

@media only screen and (max-width: 380px) {
   .margin-top {margin-top: 95px !important;}
   .mobile-counter-left{
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
   }
   .mobile-counter-right{
      flex: 0 0 25%;
      max-width: 25%;
   }
   .mobile-banner{height: 80vh;}
   .mobile-banner-counter{height: 65vh;}
}