:root{     --blue:#38457D;        /* primary-blue – Text, Buttons */     --orange:#BA6741;       /* orange – Akzent, Buttons */     --beige:#F3E9DD;        /* Hintergrund */     --green:#738162;        /* Tag Retreat/Immersion */     --earth:#B08A72;        /* Tag Training */     --terracotta:#D7AC88;   /* Akzent */     --ink:#4d4a45;          /* Fließtext */     --line:rgba(158,82,72,.22);     --belleza:'Belleza', serif;     --mont:'Montserrat', sans-serif;   }    *{box-sizing:border-box;margin:0;padding:0}    .cc-faq{     background:var(--beige);     font-family:var(--mont);     color:var(--ink);     padding:clamp(48px,8vw,96px) 20px;     -webkit-font-smoothing:antialiased;   }   .cc-faq__inner{max-width:860px;margin:0 auto}    /* ---------- Header ---------- */   .cc-faq__head{text-align:center;margin-bottom:clamp(32px,5vw,52px)}   .cc-faq__title{     font-family:var(--belleza);     font-weight:400;     text-transform:uppercase;     letter-spacing:.06em;     color:var(--blue);     font-size:clamp(2rem,5.5vw,3.1rem);     line-height:1.1;   }   .cc-faq__sub{     margin:18px auto 0;     max-width:520px;     font-size:.98rem;     line-height:1.65;     color:var(--blue);   }    /* ---------- Controls ---------- */   .cc-faq__controls{     display:flex;flex-direction:column;gap:18px;     margin-bottom:clamp(28px,4vw,40px);   }   .cc-faq__search{position:relative}   .cc-faq__search svg{     position:absolute;left:18px;top:50%;transform:translateY(-50%);     width:18px;height:18px;stroke:var(--orange);pointer-events:none   }   .cc-faq__search input{     width:100%;     font-family:var(--mont);font-size:.95rem;color:var(--blue);     padding:14px 18px 14px 48px;     border:1px solid var(--terracotta);     border-radius:10px;     background:rgba(255,255,255,.45);     outline:none;transition:border-color .2s,background .2s,box-shadow .2s;   }   .cc-faq__search input::placeholder{color:#a99e8f}   .cc-faq__search input:focus{     border-color:var(--blue);background:#fff;     box-shadow:0 0 0 3px rgba(56,69,125,.08)   }    .cc-faq__pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}   .cc-pill{     font-family:var(--mont);font-weight:500;font-size:.82rem;     letter-spacing:.02em;     padding:9px 18px;border-radius:999px;cursor:pointer;     border:1px solid var(--terracotta);     background:transparent;color:var(--blue);     transition:all .22s ease;white-space:nowrap;   }   .cc-pill:hover{background:var(--blue) !important;border-color:var(--blue) !important;color:var(--beige) !important}   .cc-pill[aria-selected="true"]{     background:var(--blue) !important;border-color:var(--blue) !important;color:var(--beige) !important   }    /* ---------- Groups ---------- */   .cc-group{margin-top:clamp(30px,4vw,44px)}   .cc-group:first-of-type{margin-top:0}   .cc-group__title{     font-family:var(--belleza);     font-size:1.4rem;color:var(--blue);     margin-bottom:6px;letter-spacing:.02em;     display:flex;align-items:center;gap:12px;   }   .cc-group__title::before{     content:"";width:9px;height:9px;border-radius:50%;     background:var(--dot,var(--orange));flex:0 0 auto;   }   .cc-group[data-category="festival"] .cc-group__title{--dot:var(--green)}   .cc-group[data-category="campus"] .cc-group__title{--dot:var(--earth)}   .cc-group[data-category="ytt"] .cc-group__title{--dot:var(--earth)}   .cc-group[data-category="allgemein"] .cc-group__title{--dot:var(--blue)}    /* ---------- Item ---------- */   .cc-item{border-bottom:1px solid var(--line)}   .cc-faq .cc-item__q{     width:100%;text-align:left;cursor:pointer;border:none;     background:none !important;     font-family:var(--mont);font-weight:500;font-size:1.04rem;     color:var(--blue) !important;     padding:20px 44px 20px 16px;position:relative;border-radius:8px;     display:flex;line-height:1.45;transition:none;   }   .cc-faq .cc-item__q:hover,   .cc-faq .cc-item__q:focus,   .cc-faq .cc-item__q:active,   .cc-faq .cc-item.open .cc-item__q{     background:none !important;     color:var(--blue) !important;   }   .cc-item__q .chev{     position:absolute;right:16px;top:22px;width:18px;height:18px;     stroke:var(--orange) !important;stroke-width:1.8;fill:none;     transition:transform .3s ease;flex:0 0 auto;   }   .cc-item.open .cc-item__q .chev{transform:rotate(180deg)}    .cc-item__a{     display:grid;grid-template-rows:0fr;     transition:grid-template-rows .32s ease;   }   .cc-item.open .cc-item__a{grid-template-rows:1fr}   .cc-item__a > div{overflow:hidden}   .cc-item__a p,.cc-item__a ul{     font-size:.96rem;line-height:1.72;color:var(--ink);     padding:0 40px 22px 2px;   }   .cc-item__a p + p{padding-top:0;margin-top:-8px}   .cc-item__a ul{list-style:none}   .cc-item__a li{position:relative;padding-left:18px;margin-bottom:5px}   .cc-item__a li::before{     content:"";position:absolute;left:0;top:.62em;     width:6px;height:6px;border-radius:50%;background:var(--terracotta)   }   .cc-item__a a{color:var(--orange);text-decoration:none;border-bottom:1px solid var(--terracotta)}   .cc-item__a a:hover{color:var(--blue);border-color:var(--blue)}   .cc-item__a strong{font-weight:600;color:var(--blue)}    .cc-storno{margin:4px 0 6px;border-collapse:collapse;width:100%;font-size:.93rem}   .cc-storno td{padding:7px 0;border-bottom:1px solid var(--line);vertical-align:top}   .cc-storno td:last-child{text-align:right;font-weight:600;color:var(--blue);white-space:nowrap;padding-left:14px}   .cc-storno tr:last-child td{border-bottom:none}    .cc-noresult{text-align:center;color:#9a9085;padding:36px 0;font-size:.95rem;display:none}    /* ---------- CTA ---------- */   .cc-cta{     text-align:center;margin-top:clamp(40px,6vw,64px);     padding-top:clamp(34px,5vw,48px);border-top:1px solid var(--line);   }   .cc-cta__t{font-family:var(--belleza);font-size:1.5rem;color:var(--blue);margin-bottom:6px}   .cc-cta__s{font-size:.95rem;color:#7a756d;margin-bottom:22px}   .cc-cta__btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}   .cc-btn{     display:inline-flex;align-items:center;gap:9px;     font-family:var(--mont);font-weight:600;font-size:.92rem;     padding:13px 26px;border-radius:10px;text-decoration:none;     border:1.5px solid var(--blue);color:var(--blue);background:transparent;     transition:all .22s ease;   }   .cc-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}   .cc-btn:hover{background:var(--blue) !important;color:var(--beige) !important}   .cc-btn--orange{border-color:var(--orange);color:var(--orange)}   .cc-btn--orange:hover{background:var(--blue) !important;border-color:var(--blue) !important;color:var(--beige) !important}    /* ---------- Reveal ---------- */   .cc-group{opacity:0;transform:translateY(14px);animation:ccUp .6s ease forwards}   .cc-group:nth-of-type(2){animation-delay:.08s}   .cc-group:nth-of-type(3){animation-delay:.16s}   .cc-group:nth-of-type(4){animation-delay:.24s}   @keyframes ccUp{to{opacity:1;transform:none}}   @media (prefers-reduced-motion:reduce){.cc-group{animation:none;opacity:1;transform:none}}    @media(max-width:560px){     .cc-item__q{font-size:.98rem;padding-right:34px}     .cc-item__a p,.cc-item__a ul{padding-right:6px}   }