service-grid.css

service-grid.css CSS stylesheet, 1 KB

Dateiinhalt

/* lokales CSS */

.service-grid {
 display: grid;
/* grid-gap: 20px;*/
 grid-column-gap: 5px;
 grid-row-gap: 5px;
 grid-template-columns: 1fr 2fr;
 justify-items: left;
 align-items: end;
/* border: 1px solid black; */
}

 @media only screen and (max-width: 959px) {
 .service-grid {
  grid-template-columns: 1fr 1fr;
 }
}

@media only screen and (max-width: 600px) {
 .service-grid {
  grid-template-columns: 100%;
 }
}

.service-image {

}

.service-image img {
  filter: saturate(100%);
  width: 100%;
}

.service-image-title { 
  font-size: 11pt;
  font-weight: bold;
  position: relative;
  text-align: left;
  color: darkorange;
/*  text-shadow: -1px -1px 0 #0000008f, 1px -1px 0 #0000008f, -1px 1px 0 #0000008f, 1px 1px 0 #0000008f*/
/*  text-shadow: 0 0 10px black;*/
/*  text-shadow: 5px 10px 10px rgba(0, 0, 0, 0.75),
              -3px 10px 12px rgba(0, 0, 0, 0.75);*/
}

.service-image-teaser {
  font-size: 9pt;
  width: 100%;
}


/* Centered text */
.service-image-overlay {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -80%);
}