/**
 * Formatierung-Anweisungen die in der Datei html/dachimpraegnierung-lotus-effekt.html benoetigt werden.
 */ 

.dachimpraegnierung-lotus-effekt-intro {
    padding-left: 1rem;
    padding-right: 1rem;
}

.lotus-effect-image {
    margin: 2rem 0;
    text-align: center;
}

.lotus-effect-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.lotus-effect-image figcaption {
    margin-top: .75rem;
    font-size: .95rem;
    font-style: italic;
}

.lotus-benefits {
   list-style: none;
   margin: 1rem 0;
   padding: 0;
}

.lotus-benefits li {
   margin-bottom: .7rem;
}

.lotus-benefits li::before {
   display: inline-block;
   width: 1.5rem;
   margin-right: .3rem;
}

.lotus-benefits .water::before {
   content: "💧";
}

.lotus-benefits .clean::before {
   content: "🧹";
}

.lotus-benefits .rain::before {
   content: "🌧️";
}

.lotus-benefits .house::before {
   content: "🏠";
}

.lotus-benefits .effect::before {
   content: "🔬";
}

.dachimpraegnierung-lotus-effekt-cta {
    text-align: center;
    margin: 1rem 0;
}
.dachimpraegnierung-lotus-effekt-cta .cta-button {
    margin: 0;
}