.u-section-1 {background-image: linear-gradient(#e5e5e5, #bbd8a6)}
.u-section-1 .u-sheet-1 {min-height: 700px}
.u-section-1 .u-layout-wrap-1 {margin-top: 15px; margin-bottom: 15px}
.u-section-1 .u-layout-cell-1 {min-height: 600px; background-image: none}
.u-section-1 .u-container-layout-1 {padding: 30px}
.u-section-1 .u-text-1 {margin-top: 0; margin-bottom: 0}
.u-section-1 .u-text-2 {font-weight: 400; margin: 20px auto 20px 0}

/* Angebots-Bloecke - im Webseiten-Design (Marken-Gruen #3c5927) */
.u-section-1 .ang-offer {
  padding: 16px 0;
  border-top: 1px solid rgba(60, 89, 39, 0.25);
}
.u-section-1 .ang-offer--highlight {
  background-color: rgba(60, 89, 39, 0.06);
  border: 1px solid rgba(60, 89, 39, 0.30);
  border-radius: 6px;
  padding: 16px 18px;
  margin-bottom: 6px;
}
.u-section-1 .ang-title {
  color: #3c5927;
  font-weight: 700;
  font-size: 1.15em;
  margin: 0 0 6px 0;
}
.u-section-1 .ang-desc {
  margin: 0;
  line-height: 1.55;
  color: #3a3a3a;
}
.u-section-1 .ang-price {
  margin: 8px 0 0 0;
  font-weight: 700;
  color: #2d431e;
  font-size: 1.05em;
}
.u-section-1 .ang-note {
  margin-top: 24px;
  font-style: italic;
}

@media (max-width: 1199px){ .u-section-1 .u-layout-wrap-1 {position: relative}
.u-section-1 .u-layout-cell-1 {min-height: 500px} }

@media (max-width: 991px){ .u-section-1 .u-layout-cell-1 {min-height: 100px} }

@media (max-width: 767px){ .u-section-1 .u-container-layout-1 {padding-left: 12px; padding-right: 12px}
.u-section-1 .ang-offer--highlight {padding-left: 12px; padding-right: 12px}
.u-section-1 .ang-title {font-size: 1.08em} }