/* Grid */
/* Links */
.ct-section-inner-wrap .text-und-bild-1-img-left {
  display: grid;
  justify-items: stretch;
  align-items: start;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  
}

.text-und-bild-1-img-left .text-und-bild-1-headline-container {
  grid-area: 1 / 3 / span 1 / span 3;
}

.text-und-bild-1-img-left .text-und-bild-1-p-container {
  grid-area: 2 / 3 / span 1 / span 3;
}

.text-und-bild-1-img-left .text-und-bild-1-img-container {
  position: relative;
  grid-area: 1 / 1 / span 2 / span 2;
}

.text-und-bild-1-img-left .text-und-bild-1-img-container a {
  position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;
  display: block;
}

.text-und-bild-1-img-left .text-und-bild-1-img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

/* Rechts */
.ct-section-inner-wrap .text-und-bild-1-img-right {
  display: grid;
  justify-items: stretch;
  align-items: start;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  
}

.text-und-bild-1-img-right .text-und-bild-1-headline-container {
  grid-area: 1 / 1 / span 1 / span 3;
}

.text-und-bild-1-img-right .text-und-bild-1-p-container {
  grid-area: 2 / 1 / span 1 / span 3;
}

.text-und-bild-1-img-right .text-und-bild-1-img-container {
  position: relative;
  grid-area: 1 / 4 / span 2 / span 2;
}

.text-und-bild-1-img-right .text-und-bild-1-img-container a {
  position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;
  display: block;
}

.text-und-bild-1-img-right .text-und-bild-1-img {
  position: absolute;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

/* Text */
.text-und-bild-1-headline-container {
  width: 100%;
  border-bottom: 1px solid #353535;
  margin-bottom: 20px;
}

.text-und-bild-1-headline-container h2 {
  font-family: 'Roboto Condensed';
  font-size: 36px;
  font-weight: 200;
  text-transform: uppercase;
  margin-bottom: 12px;
  }

.text-und-bild-1-p-container {
  font-weight: 300;
  font-size: 17px;
}

.text-und-bild-1-p-container {
  width: 85%;
}

/* Link */
.text-und-bild-1-headline {
  color: #353535;
}

.text-und-bild-1-headline:hover {
  color: #717171;
}

.text-und-bild-1-link {
  color: #717171;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.text-und-bild-1-link:hover {
  color: #353535;
}

/* Bild und Container */
.text-und-bild-1-img-container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  outline: 1px solid  #353535;
}

.text-und-bild-1-img-container .noimage {
  border: none;
}

.text-und-bild-1-img-container:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.text-und-bild-1-img {
  
}

/* Bildschirmgrößen */
@media (max-width: 1200px) {
  .ct-section-inner-wrap .text-und-bild-1-img-left { grid-template-columns: 1fr 1fr 1fr 1fr; }
  .ct-section-inner-wrap .text-und-bild-1-img-right { grid-template-columns: 1fr 1fr 1fr 1fr; }
  .text-und-bild-1-img-left .text-und-bild-1-headline-container { grid-area: 1 / 3 / span 1 / span 2; }
  .text-und-bild-1-img-left .text-und-bild-1-p-container { grid-area: 2 / 3 / span 1 / span 2; }
  .text-und-bild-1-img-left .text-und-bild-1-img-container { grid-area: 1 / 1 / span 2 / span 2; }
  .text-und-bild-1-img-right .text-und-bild-1-headline-container { grid-area: 1 / 1 / span 1 / span 2; }
  .text-und-bild-1-img-right .text-und-bild-1-p-container { grid-area: 2 / 1 / span 1 / span 2; }
  .text-und-bild-1-img-right .text-und-bild-1-img-container { grid-area: 1 / 3 / span 2 / span 2; }
  .text-und-bild-1-p-container { width: 90%; }
}

@media (max-width: 992px) {
  .ct-section-inner-wrap .text-und-bild-1-img-left { grid-template-columns: 1fr 1fr 1fr; }
  .ct-section-inner-wrap .text-und-bild-1-img-right { grid-template-columns: 1fr 1fr 1fr; }
  .text-und-bild-1-img-left .text-und-bild-1-headline-container { grid-area: 1 / 3 / span 1 / span 1; }
  .text-und-bild-1-img-left .text-und-bild-1-p-container { grid-area: 2 / 3 / span 1 / span 1; }
  .text-und-bild-1-img-left .text-und-bild-1-img-container { grid-area: 1 / 1 / span 2 / span 2; }
  .text-und-bild-1-img-right .text-und-bild-1-headline-container { grid-area: 1 / 1 / span 1 / span 1; }
  .text-und-bild-1-img-right .text-und-bild-1-p-container { grid-area: 2 / 1 / span 1 / span 1; }
  .text-und-bild-1-img-right .text-und-bild-1-img-container  { grid-area: 1 / 2 / span 2 / span 2;  }
  .text-und-bild-1-p-container { width: 100%; }
}

@media (max-width: 768px) {
  .ct-section-inner-wrap .text-und-bild-1-img-left { grid-template-columns: 1fr; }
  .ct-section-inner-wrap .text-und-bild-1-img-right { grid-template-columns: 1fr; }
  .text-und-bild-1-img-left .text-und-bild-1-headline-container { grid-area: 1 / 1 / span 1 / span 1; }
  .text-und-bild-1-img-left .text-und-bild-1-p-container { grid-area: 3 / 1 / span 1 / span 1; }
  .text-und-bild-1-img-left .text-und-bild-1-img-container { grid-area: 2 / 1 / span 1 / span 1; }
  .text-und-bild-1-img-right .text-und-bild-1-headline-container { grid-area: 1 / 1 / span 1 / span 1; }
  .text-und-bild-1-img-right .text-und-bild-1-p-container { grid-area: 3 / 1 / span 1 / span 1; }
  .text-und-bild-1-img-right .text-und-bild-1-img-container { grid-area: 2 / 1 / span 1 / span 1; }
  .text-und-bild-1-p-container { width: 100%; }
  .text-und-bild-1-img-container:before { padding-bottom: 80%; }
}

@media (max-width: 480px) {
  .text-und-bild-1-img-container:before { padding-bottom: 80%; }
  .text-und-bild-1-text-container { padding-top: 16px; }
}