/* Nur Coloration-Seite: bestehendes style.css und Kopf/Footer bleiben erhalten */
.col-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:linear-gradient(108deg,#f7faf7,#f1f6f1);min-height:500px;overflow:hidden}
.col-description{align-self:center;padding:46px 5.2vw 52px max(24px,calc((100vw - 1220px)/2 + 24px));max-width:760px}
.col-eyebrow{color:var(--deep);letter-spacing:.19em;font-size:13px;margin-bottom:11px}
.col-description h1{font-size:clamp(54px,6vw,90px);margin:0 0 23px}
.col-description h2{font-family:Georgia,'Times New Roman',serif;font-weight:normal;color:var(--deep);font-size:clamp(27px,3vw,43px);line-height:1.18;margin:0 0 26px}
.col-description p{font-size:clamp(16px,1.3vw,19px);line-height:1.7;max-width:640px;margin:0}
.col-photo{background-image:url('assets/coloration-stillleben.jpg');background-size:cover;background-position:center;min-height:500px;position:relative}
.col-photo:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,250,247,.35),transparent 23%)}
.col-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:42px;padding-bottom:60px}
.col-benefits article{text-align:center;padding:0 21px;border-right:1px solid #d0e1d4}.col-benefits article:last-child{border-right:0}
.col-symbol{width:82px;height:82px;background:#e5f1e7;border-radius:50%;display:grid;place-items:center;margin:0 auto 23px}
.col-symbol svg{width:55px;height:55px;fill:none;stroke:var(--deep);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.col-benefits h3{font-size:clamp(20px,1.55vw,25px);margin:0 0 12px}.col-benefits p{font-size:16px;line-height:1.58;margin:0 auto;max-width:245px}
@media(max-width:850px){.col-hero{grid-template-columns:1fr}.col-description{padding:35px 24px 38px}.col-photo{min-height:300px;background-position:center 48%}.col-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 0}.col-benefits article:nth-child(2){border-right:0}}
@media(max-width:520px){.col-description h1{font-size:52px}.col-description h2{font-size:29px}.col-benefits{grid-template-columns:1fr;gap:35px;padding-top:34px}.col-benefits article{border-right:0;padding:0 15px}.col-photo{min-height:240px}}

/* Einheitliche Titelgestaltung */
.col-description h1 {
    color: #00683e;
    text-transform: uppercase;
}

/* Haupttitel wie Home */
.col-description h1 {
    font-size: clamp(34px, 3.1vw, 53px);
}

/* Untertitel wie Home */
.col-description h2{font:normal clamp(21px,2vw,31px)/1.2 Georgia,serif;color:#343434;text-transform:uppercase;letter-spacing:.04em}