start-grid.css

start-grid.css CSS stylesheet, 1 KB

Dateiinhalt

/* lokales CSS */

.start-grid {
 display: grid;
/* grid-gap: 0px;*/
 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) {
 .start-grid {
  grid-template-columns: 1fr 1fr;
 }
}

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

.start-image {

}

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

.start-image-title {
  font-size: 11pt;
  font-weight: bold;
  position: relative;
  text-align: left;
/*  transform: translate(-0%, -120%);*/
  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);*/
}

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

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

/*
@media only screen and (max-width: 959px) {
 .start-image-title {
  font-size: 9pt;
 }
}
*/