Beschreibung

.vip-schnitzkurs.merch{
–yellow:#f5c400;
–yellow-soft: rgba(245,196,0,.14);
–black:#111315;
–black-soft: rgba(17,19,21,.75);
–bg:#f6f7f9;
–card:#ffffff;
–line: rgba(17,19,21,.10);

font-family: -apple-system, BlinkMacSystemFont, «Segoe UI», Roboto, Inter, Arial, sans-serif;
color: var(–black);
background:
radial-gradient(900px 420px at 12% 0%, var(–yellow-soft), transparent 58%),
radial-gradient(780px 380px at 88% 10%, rgba(0,0,0,.04), transparent 60%),
linear-gradient(180deg, var(–bg), #ffffff);
border: 1px solid var(–line);
border-radius: 18px;
padding: 22px;
max-width: 920px;
margin: 0 auto;
box-shadow: 0 10px 28px rgba(17,19,21,.08);
}

.vip-schnitzkurs.merch *{ box-sizing: border-box; }
.vip-schnitzkurs.merch p{ margin: 0; line-height: 1.7; }
.vip-schnitzkurs.merch ul{
margin: 0;
padding-left: 18px;
color: var(–black-soft);
line-height: 1.75;
}
.vip-schnitzkurs.merch li{ margin: 6px 0; }
.vip-schnitzkurs.merch strong{ color: var(–black); }

.vip-schnitzkurs.merch .header{
display:flex;
flex-wrap: wrap;
align-items:flex-end;
gap: 10px 12px;
margin-bottom: 10px;
}
.vip-schnitzkurs.merch h2{
margin: 0;
font-size: 22px;
letter-spacing: .2px;
font-weight: 950;
}
.vip-schnitzkurs.merch .badge{
display:inline-flex;
align-items:center;
gap:8px;
padding: 6px 10px;
border-radius: 999px;
background: rgba(245,196,0,.18);
border: 1px solid rgba(245,196,0,.35);
color: var(–black);
font-size: 12px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: .5px;
white-space: nowrap;
}
.vip-schnitzkurs.merch .lede{
color: var(–black-soft);
font-size: 15px;
margin-bottom: 14px;
}

.vip-schnitzkurs.merch .grid{
display:grid;
grid-template-columns: 1fr;
gap: 14px;
margin-top: 12px;
}
@media (min-width: 760px){
.vip-schnitzkurs.merch .grid{ grid-template-columns: 1fr 1fr 1fr; }
}

.vip-schnitzkurs.merch .card{
background: var(–card);
border: 1px solid var(–line);
border-radius: 16px;
padding: 16px;
box-shadow: 0 8px 18px rgba(17,19,21,.06);
display:flex;
flex-direction: column;
gap: 10px;
}

.vip-schnitzkurs.merch .card h3{
margin: 0;
font-size: 14px;
letter-spacing: .55px;
text-transform: uppercase;
color: rgba(17,19,21,.80);
display:flex;
align-items:center;
gap: 10px;
}
.vip-schnitzkurs.merch .dot{
width: 10px; height: 10px;
border-radius: 999px;
background: var(–yellow);
box-shadow: 0 0 0 4px rgba(245,196,0,.22);
flex: 0 0 10px;
}

.vip-schnitzkurs.merch .sub{
color: var(–black-soft);
font-size: 14px;
}

.vip-schnitzkurs.merch .chips{
display:flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 2px;
}
.vip-schnitzkurs.merch .chip{
border: 1px solid var(–line);
background: rgba(255,255,255,.75);
border-radius: 999px;
padding: 7px 10px;
font-size: 12px;
color: var(–black-soft);
white-space: nowrap;
}
.vip-schnitzkurs.merch .chip b{ color: var(–black); font-weight: 900; }

.vip-schnitzkurs.merch .notice{
margin-top: 14px;
padding: 12px 14px;
border-radius: 14px;
border: 1px solid rgba(245,196,0,.40);
background: linear-gradient(90deg, rgba(245,196,0,.18), rgba(255,255,255,.85));
color: rgba(17,19,21,.85);
display:flex;
gap:10px;
align-items:flex-start;
}
.vip-schnitzkurs.merch .warn{
border-color: rgba(17,19,21,.16);
background: linear-gradient(90deg, rgba(17,19,21,.06), rgba(255,255,255,.92));
}
.vip-schnitzkurs.merch .icon{
width: 18px; height: 18px;
margin-top: 2px;
flex: 0 0 18px;
}