.cc-mod{     --blue:#38457D;     --orange:#BA6741;     --beige:#F3E9DD;     --earth:#B08A72;     --terracotta:#D7AC88;     --ink:#4d4a45;     --muted:#7a756d;     --belleza:'Belleza', serif;     --mont:'Montserrat', sans-serif;      background:var(--beige);     font-family:var(--mont);     color:var(--ink);     padding:clamp(56px,8vw,104px) 20px;     -webkit-font-smoothing:antialiased;   }   .cc-mod *{box-sizing:border-box;margin:0;padding:0}   .cc-mod__inner{max-width:1080px;margin:0 auto}    /* ---------- Header ---------- */   .cc-mod__head{text-align:center;margin-bottom:clamp(48px,7vw,86px)}   .cc-mod__title{     font-family:var(--belleza);font-weight:400;text-transform:uppercase;     letter-spacing:.07em;color:var(--blue);     font-size:clamp(2rem,5.2vw,3.15rem);line-height:1.12;   }   .cc-mod__sub{     margin:20px auto 0;max-width:600px;     font-size:1.02rem;font-weight:300;line-height:1.7;color:var(--muted);   }   .cc-mod__rule{width:54px;height:1px;background:var(--orange);margin:26px auto 0;opacity:.7}    /* ---------- Module row ---------- */   .cc-mod__item{     display:grid;grid-template-columns:1fr 1fr;     gap:clamp(28px,5vw,64px);align-items:center;     margin-bottom:clamp(48px,7vw,92px);   }   .cc-mod__item:last-child{margin-bottom:0}   .cc-mod__item:nth-child(even) .cc-mod__media{order:2}    .cc-mod__media{     position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;     background:linear-gradient(135deg, var(--terracotta) 0%, var(--earth) 100%);     box-shadow:0 18px 40px -24px rgba(56,69,125,.45);   }   .cc-mod__media img{width:100%;height:100%;object-fit:cover;display:block}   .cc-mod__media[data-empty]::after{     content:attr(data-empty);position:absolute;inset:0;     display:flex;align-items:center;justify-content:center;     font-family:var(--belleza);letter-spacing:.14em;text-transform:uppercase;     font-size:.78rem;color:rgba(255,255,255,.82);   }    .cc-mod__num{     font-family:var(--belleza);font-size:.82rem;letter-spacing:.22em;     text-transform:uppercase;color:var(--orange);margin-bottom:14px;display:block;   }   .cc-mod__name{     font-family:var(--belleza);font-weight:400;text-transform:uppercase;     letter-spacing:.05em;color:var(--blue);     font-size:clamp(1.5rem,3vw,1.95rem);line-height:1.15;margin-bottom:8px;   }   .cc-mod__tag{font-family:var(--mont);font-weight:500;font-size:1rem;color:var(--earth);margin-bottom:18px}   .cc-mod__text{font-weight:300;font-size:1rem;line-height:1.78;color:var(--ink)}   .cc-mod__text + .cc-mod__text{margin-top:14px}    /* ---------- Responsive ---------- */   @media (max-width:820px){     .cc-mod__item{grid-template-columns:1fr;gap:24px}     .cc-mod__item:nth-child(even) .cc-mod__media{order:0}     .cc-mod__media{aspect-ratio:16/10}   }    /* ---------- Animation (nur als Zugabe, versteckt nie den Inhalt) ---------- */   .cc-mod.is-ready .cc-mod__item{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}   .cc-mod.is-ready .cc-mod__item.is-in{opacity:1;transform:none}   @media (prefers-reduced-motion:reduce){     .cc-mod.is-ready .cc-mod__item{opacity:1;transform:none;transition:none}   }