.cc-tst{     --blue:#38457D;     --orange:#BA6741;     --beige:#F3E9DD;     --earth:#B08A72;     --terracotta:#D7AC88;     --ink:#4d4a45;     --muted:#7a756d;     --card:#FBF6EF;     --line:rgba(158,82,72,.20);     --belleza:'Belleza', serif;     --mont:'Montserrat', sans-serif;      background:var(--beige);     font-family:var(--mont);     color:var(--ink);     padding:clamp(56px,8vw,100px) 0;     -webkit-font-smoothing:antialiased;   }   .cc-tst *{box-sizing:border-box;margin:0;padding:0}    /* ---------- Header (optional, kannst du löschen) ---------- */   .cc-tst__head{text-align:center;max-width:640px;margin:0 auto clamp(40px,6vw,64px);padding:0 20px}   .cc-tst__eyebrow{     font-family:var(--belleza);font-size:.82rem;letter-spacing:.22em;     text-transform:uppercase;color:var(--orange);margin-bottom:14px;display:block;   }   .cc-tst__title{     font-family:var(--belleza);font-weight:400;text-transform:uppercase;     letter-spacing:.06em;color:var(--blue);     font-size:clamp(1.8rem,4.6vw,2.8rem);line-height:1.14;   }    /* ---------- Swiper Grundlayout ---------- */   .cc-tst .swiper{padding:8px clamp(48px,6vw,64px) 12px;overflow:hidden}   .cc-tst .swiper-slide{height:auto;display:flex}    /* ---------- Karte ---------- */   .cc-tst .testimonial-card{     display:flex;flex-direction:column;     background:var(--card);     border:1px solid var(--line);     border-radius:16px;     padding:34px 30px 30px;     width:100%;     box-shadow:0 20px 44px -30px rgba(56,69,125,.45);     position:relative;   }   /* dezentes Anführungszeichen als Signatur */   .cc-tst .testimonial-card::before{     content:"\201E";     font-family:var(--belleza);     font-size:3.4rem;line-height:1;     color:var(--terracotta);     position:absolute;top:16px;right:24px;opacity:.55;   }     .cc-tst .title{     font-family:var(--belleza);font-weight:400;     text-transform:uppercase;letter-spacing:.045em;     color:var(--blue);     font-size:1.18rem;line-height:1.25;     margin-bottom:14px;     padding-right:28px;   }   .cc-tst .description{     font-weight:300;font-size:.96rem;line-height:1.72;color:var(--ink);     margin-bottom:22px;   }   .cc-tst .designation{     font-weight:500;font-size:.86rem;color:var(--earth);     margin-top:auto;letter-spacing:.01em;   }    /* ---------- Navigation ---------- */   .cc-tst .swiper-button-next,   .cc-tst .swiper-button-prev{     width:44px;height:44px;border-radius:50%;     background:var(--card);     border:1px solid var(--line);     box-shadow:0 8px 20px -12px rgba(56,69,125,.5);     transition:transform .25s ease, background .25s ease;   }   .cc-tst .swiper-button-next:hover,   .cc-tst .swiper-button-prev:hover{transform:scale(1.06);background:#fff}   .cc-tst .swiper-button-next::after,   .cc-tst .swiper-button-prev::after{display:none}   /* Swiper-Standardpfeil aus */   .cc-tst .swiper-button-next img,   .cc-tst .swiper-button-prev img{width:16px;height:16px;object-fit:contain}   .cc-tst .swiper-button-prev{left:6px}   .cc-tst .swiper-button-next{right:6px}    @media (max-width:600px){     .cc-tst .swiper{padding-left:20px;padding-right:20px}     .cc-tst .swiper-button-next,.cc-tst .swiper-button-prev{display:none}   }