.cc-inst{     --blue:#38457D;     --blue-soft:rgba(56,69,125,.72);     --orange:#BA6741;     --beige:#F3E9DD;     --beige-warm:#E9DDCC;     --earth:#B08A72;     --terracotta:#D7AC88;     --ink:#4d4a45;     --muted:#7a756d;     --line:rgba(158,82,72,.16);     --belleza:'Belleza', serif;     --mont:'Montserrat', sans-serif;      background:var(--beige);     font-family:var(--mont);     color:var(--blue);     line-height:1.6;     font-weight:300;     -webkit-font-smoothing:antialiased;   }   .cc-inst *{box-sizing:border-box;margin:0;padding:0}   .cc-inst__wrap{max-width:1070px;margin:0 auto;padding:clamp(60px,8vw,96px) 18px}    /* ---------- Intro: Das Institut ---------- */   .cc-inst__intro{     max-width:720px;margin:0 auto clamp(52px,7vw,80px);text-align:center;   }   .cc-inst__eyebrow{     font-family:var(--belleza);font-size:.82rem;letter-spacing:.22em;     text-transform:uppercase;color:var(--orange);margin-bottom:16px;display:block;   }   .cc-inst__title{     font-family:var(--belleza);font-weight:400;text-transform:uppercase;     letter-spacing:.06em;color:var(--blue);     font-size:clamp(2rem,5vw,3.1rem);line-height:1.12;margin-bottom:26px;   }   .cc-inst__lead{font-size:1.05rem;line-height:1.75;color:var(--ink)}   .cc-inst__lead + .cc-inst__lead{margin-top:18px}   .cc-inst__rule{width:54px;height:1px;background:var(--orange);margin:30px auto 0;opacity:.7}    .cc-inst__cta{     display:inline-block;margin-top:32px;     font-family:var(--mont);font-weight:500;font-size:.82rem;     letter-spacing:.16em;text-transform:uppercase;     color:var(--beige);background:var(--orange);     padding:15px 34px;border-radius:10px;text-decoration:none;     transition:background .3s ease, transform .3s ease, box-shadow .3s ease;     box-shadow:0 12px 26px -16px rgba(158,82,72,.7);   }   .cc-inst__cta:hover{background:#a8583a;transform:translateY(-2px);box-shadow:0 16px 30px -16px rgba(158,82,72,.8)}    /* ---------- Anerkennung ---------- */   .cc-inst__head{     display:grid;grid-template-columns:1fr auto;gap:80px;align-items:center;margin-bottom:50px;   }   .cc-inst__head-text{max-width:640px}   .cc-inst__h2{     font-family:var(--belleza);font-size:clamp(28px,4.4vw,52px);font-weight:400;     line-height:1.1;margin-bottom:28px;color:var(--blue);   }   .cc-inst__h2 .accent{color:var(--orange)}   .cc-inst__sub{font-size:1.05rem;color:var(--blue-soft);line-height:1.7}    /* Siegel */   .cc-inst__seal-wrap{display:flex;flex-direction:column;align-items:center;gap:18px}   .cc-inst__seal{position:relative;width:200px;height:200px}   .cc-inst__ring-o,.cc-inst__ring-i{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--blue)}   .cc-inst__ring-i{inset:14px;border-width:1px;opacity:.5}   .cc-inst__core{position:absolute;inset:32px;display:flex;align-items:center;justify-content:center}   .cc-inst__core svg{width:100%;height:100%}   .cc-inst__seal-label{     font-family:var(--belleza);font-size:.95rem;letter-spacing:.18em;     text-transform:uppercase;color:var(--blue-soft);text-align:center;   }    /* Benefits */   .cc-inst__benefits{     display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));     border-top:1px solid var(--line);border-left:1px solid var(--line);   }   .cc-inst__benefit{     background:var(--beige);padding:44px 36px;     border-right:1px solid var(--line);border-bottom:1px solid var(--line);     transition:background .6s ease;   }   .cc-inst__benefit:hover{background:var(--beige-warm)}   .cc-inst__num{     font-family:var(--belleza);font-size:1.6rem;color:var(--orange);     margin-bottom:20px;display:block;letter-spacing:.05em;   }   .cc-inst__benefit h3{     font-family:var(--belleza);font-size:1.4rem;font-weight:400;color:var(--blue);     margin-bottom:14px;line-height:1.25;   }   .cc-inst__benefit p{font-size:.92rem;color:var(--blue-soft);line-height:1.65}    @media (max-width:900px){     .cc-inst__head{grid-template-columns:1fr;gap:40px;margin-bottom:40px;text-align:center}     .cc-inst__seal-wrap{align-items:center}     .cc-inst__head-text{margin:0 auto}   }   @media (max-width:600px){     .cc-inst__seal{width:150px;height:150px}     .cc-inst__core{inset:24px}     .cc-inst__benefit{padding:32px 24px}   }