.w3-display-left {
   position:absolute;
   left:.5em;
   top:40%;
   }
.w3-large {
   font-size: 100%; !important;
   }
.w3-container {
   border:1px solid #DC143C;
   }
.w3-black, .w3-hover-black:hover {
   color: #DC143C !important;
   font-weight:750;
   text-decoration:underline;
   background-color: rgba(255,255,255,.8) !important;
   }
@media screen and (max-width:799px) {
   .w3-large {
      font-size: 75%; !important;
   }
   .w3-display-left {
     top:75%;
    }
}
@media screen and (max-width:420px) {
   .w3-large {
      font-size: 65%; !important;
   }
   .w3-display-left {
     top:75%;
    }
}   
  
#kerndaemmung-bilder .slick-dots {
    bottom:-.8em;
    } 
.einblasverfahren-media-grid {
    display: grid;
    gap: 1.5rem;
    margin-top: 2rem;
    padding: 1rem;
    background: #fafafa;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
}
@media (min-width: 640px) {
    .einblasverfahren-media-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 960px) {
    .einblasverfahren-media-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
.media-card {
    text-align:left;
    }
.bodendecke-geschoss-media-grid {
    display: grid;
    gap: 1.5rem;
    margin-top: 2rem;
    padding: 1rem;
    background: #fafafa;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
}
@media (min-width: 800px) {
    .bodendecke-geschoss-media-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}
#dachschraege-bilder figcaption {
    font-size:85%;
    }
     
#dachschraege-bilder .slick-dots {
   bottom: -1.25em;    
   } 
   
.partnerbilder {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1em;
  margin: .5em;
}
.partnerbild-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;  
  padding: .5em;
  border: 1px solid #D8D8D8;    
  border-radius: 8px;
  background: #FAFAFA;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}