/* ============================================================
 * Chikara Club Erfurt - Layout-Stylesheet
 * Erzeugt aus den Entwurfsdateien: Inline-Styles dedupliziert.
 * Klassen sind nach Haeufigkeit sortiert (ck-001 = haeufigste).
 * ============================================================ */

:root {
    --ck-red: #E23D28;
    --ck-red-btn: #C9341B;
    --ck-red-btn-hover: #A8260F;
    --ck-ink: #131114;
    --ck-ink-deep: #0E0C0F;
    --ck-ink-darkest: #0B090C;
    --ck-ink-soft: #141215;
    --ck-surface-dark: #1C1920;
    --ck-cream: #F4F1EB;
    --ck-cream-light: #FFFEFB;
    --ck-muted: #5C5548;
    --ck-muted-soft: #8A8172;
    --ck-green: #46B36B;
    --ck-white: #FFFFFF;
}

/* --- Basis --- */
body { margin: 0; background: var(--ck-ink); font-family: "Archivo", sans-serif; color: var(--ck-ink-soft); -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--ck-red); }
::selection { background: var(--ck-red); color: #fff; }
summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }
details[open] .fx { transform: rotate(45deg); }
details[open] { background: var(--ck-cream-light); }
@keyframes mq { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes rise { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: none; } }
.dd { display: none; } .ddw:hover .dd { display: block; }
[data-rv] { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }

/* --- Layout-Klassen --- */
/* ck-001: 45x */
.ck-001 { color:var(--ck-red); }
/* ck-002: 28x */
.ck-002 { width:30px;height:2px;background:var(--ck-red); }
/* ck-003: 27x */
.ck-003 { color:var(--ck-red);font-weight:800; }
/* ck-004: 21x */
.ck-004 { overflow:hidden;position:relative; }
/* ck-005: 20x */
.ck-005 { display:flex;align-items:center;gap:14px;color:var(--ck-red);font:800 13px 'Archivo',sans-serif;letter-spacing:.26em;text-transform:uppercase; }
/* ck-006: 18x */
.ck-006 { margin:10px 0 0;font:400 14.5px/1.6 'Archivo',sans-serif;color:var(--ck-muted); }
/* ck-007: 18x */
.ck-007 { margin-top:16px;color:var(--ck-red);font:800 12.5px 'Archivo',sans-serif;letter-spacing:.16em;text-transform:uppercase; }
/* ck-008: 18x */
.ck-008 { padding:26px 28px 30px; }
/* ck-009: 18x */
.ck-009 { position:absolute;left:0;bottom:0;background:var(--ck-ink-soft);color:var(--ck-cream);font-family:'Anton',sans-serif;font-size:15px;padding:8px 14px;letter-spacing:.08em; }
/* ck-010: 18x */
.ck-010 { width:100%;height:250px;object-fit:cover;display:block; }
/* ck-011: 17x */
.ck-011 { padding:6px 0;font:500 14.5px 'Archivo',sans-serif;color:rgba(244,241,235,.78);transition:color .2s; }
/* ck-012: 16x */
.ck-012 { display:block;font:700 12px 'Archivo',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ck-muted);margin-bottom:8px; }
/* ck-013: 15x */
.ck-013 { position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,17,20,0) 30%,rgba(19,17,20,.88) 100%); }
/* ck-014: 15x */
.ck-014 { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s; }
/* ck-015: 14x */
.ck-015 { display:block;padding:10px 20px;font:500 13.5px 'Archivo',sans-serif;color:var(--ck-cream);transition:all .15s; }
/* ck-016: 13x */
.ck-016 { background:var(--ck-ink);color:var(--ck-cream);position:relative;overflow:hidden; }
/* ck-017: 13x */
.ck-017 { color:rgba(244,241,235,.55);transition:color .2s; }
/* ck-018: 13x */
.ck-018 { overflow:hidden; }
/* ck-019: 13x */
.ck-019 { width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s; }
/* ck-020: 12x */
.ck-020 { display:flex;align-items:center;gap:16px; }
/* ck-021: 12x */
.ck-021 { display:flex;gap:12px; }
/* ck-022: 12x */
.ck-022 { font:500 12.5px 'Archivo',sans-serif;color:var(--ck-muted-soft); }
/* ck-023: 12x */
.ck-023 { font:800 15px 'Archivo',sans-serif; }
/* ck-024: 12x */
.ck-024 { margin:20px 0 0;font:400 15px/1.7 'Archivo',sans-serif;color:var(--ck-muted); }
/* ck-025: 12x */
.ck-025 { margin-left:auto;color:var(--ck-red);letter-spacing:2px;font-size:13px; }
/* ck-026: 12x */
.ck-026 { padding:11px 24px;font:600 14.5px 'Archivo',sans-serif;border-bottom:1px solid rgba(20,18,21,.06);transition:all .15s;display:flex;justify-content:space-between; }
/* ck-027: 12x */
.ck-027 { width:380px;flex-shrink:0;background:var(--ck-cream-light);border:1px solid rgba(20,18,21,.1);padding:32px; }
/* ck-028: 12x */
.ck-028 { width:54px;height:54px;object-fit:cover;border-radius:50%; }
/* ck-029: 10x */
.ck-029 { color:rgba(244,241,235,.6); }
/* ck-030: 10x */
.ck-030 { margin:18px 0 0;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(36px,3.6vw,54px);line-height:1.04;text-transform:uppercase; }
/* ck-031: 9x */
.ck-031 { background:var(--ck-cream-light);border:1px solid rgba(20,18,21,.1);display:block;transition:transform .3s,border-color .3s,box-shadow .3s; }
/* ck-032: 9x */
.ck-032 { background:var(--ck-cream-light);border:1px solid rgba(20,18,21,.1);display:block;transition:transform .3s,border-color .3s,box-shadow .3s;opacity:0;transform:translateY(26px); }
/* ck-033: 9x */
.ck-033 { color:var(--ck-cream); }
/* ck-034: 9x */
.ck-034 { display:flex;gap:14px;align-items:center;font:600 15.5px 'Archivo',sans-serif; }
/* ck-035: 9x */
.ck-035 { display:grid;grid-template-columns:repeat(3,1fr);gap:28px; }
/* ck-036: 9x */
.ck-036 { font-family:'Anton',sans-serif;font-size:24px;text-transform:uppercase; }
/* ck-037: 9x */
.ck-037 { font-family:'Anton',sans-serif;font-size:24px;text-transform:uppercase;letter-spacing:.02em; }
/* ck-038: 9x */
.ck-038 { width:26px;height:26px;background:var(--ck-red);color:#FFF;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0; }
/* ck-039: 8x */
.ck-039 { cursor:pointer;background:transparent;border-radius:999px;border:2px solid rgba(244,241,235,.3);color:var(--ck-cream);padding:16px 26px;font:800 13px 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:all .2s; }
/* ck-040: 8x */
.ck-040 { display:flex;align-items:center;gap:10px;font:600 13px 'Archivo',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,241,235,.55); }
/* ck-041: 8x */
.ck-041 { display:flex;align-items:center;gap:16px;margin-top:24px; }
/* ck-042: 8x */
.ck-042 { margin:0;font:500 18px/1.6 'Archivo',sans-serif;color:rgba(244,241,235,.75);max-width:640px; }
/* ck-043: 8x */
.ck-043 { max-width:1320px;margin:0 auto;padding:168px 28px 72px;position:relative; }
/* ck-044: 8x */
.ck-044 { position:absolute;right:-30px;top:-60px;font-family:'Anton',sans-serif;font-size:380px;line-height:1;color:rgba(244,241,235,.05);pointer-events:none;user-select:none; }
/* ck-045: 8x */
.ck-045 { width:100%;box-sizing:border-box;background:var(--ck-cream);border:1px solid rgba(20,18,21,.16);padding:15px 16px;font:500 15px 'Archivo',sans-serif;color:var(--ck-ink-soft);outline:none;transition:border-color .2s; }
/* ck-046: 8x */
.ck-046 { width:100%;height:560px;object-fit:cover;display:block;transition:transform .7s; }
/* ck-047: 8x */
.ck-047 { width:44px;height:3px;background:var(--ck-red);flex-shrink:0; }
/* ck-048: 7x */
.ck-048 { background:var(--ck-cream); }
/* ck-049: 7x */
.ck-049 { font:800 12px 'Archivo',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--ck-red); }
/* ck-050: 7x */
.ck-050 { margin:22px 0 0;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(48px,6vw,88px);line-height:1.02;text-transform:uppercase;letter-spacing:.01em; }
/* ck-051: 7x */
.ck-051 { margin:26px 0 0;font:400 16.5px/1.8 'Archivo',sans-serif;color:var(--ck-muted); }
/* ck-052: 7x */
.ck-052 { max-width:1320px;margin:0 auto;padding:110px 28px; }
/* ck-053: 7x */
.ck-053 { max-width:1320px;margin:0 auto;padding:110px 28px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center; }
/* ck-054: 6x */
.ck-054 { background:var(--ck-red);color:var(--ck-white);position:relative;overflow:hidden; }
/* ck-055: 6x */
.ck-055 { border:1px solid rgba(20,18,21,.12);background:transparent;transition:background .2s; }
/* ck-056: 6x */
.ck-056 { border-left:3px solid var(--ck-red);padding:18px 0 0 20px;margin-top:18px; }
/* ck-057: 6x */
.ck-057 { display:flex;align-items:center;gap:20px;padding:24px 28px; }
/* ck-058: 6x */
.ck-058 { display:flex;gap:12px;font:500 15px/1.55 'Archivo',sans-serif;color:#3B362D; }
/* ck-059: 6x */
.ck-059 { display:grid;grid-template-columns:1.3fr 1fr 1fr;border-top:1px solid rgba(244,241,235,.08); }
/* ck-060: 6x */
.ck-060 { display:inline-block;margin-top:36px;background:var(--ck-red-btn);color:var(--ck-white);border-radius:999px;box-shadow:0 10px 24px rgba(160,35,12,.32);padding:18px 32px;font:800 13px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,transform .2s; }
/* ck-061: 6x */
.ck-061 { font:700 16.5px 'Archivo',sans-serif;flex:1; }
/* ck-062: 6x */
.ck-062 { font-family:'Anton',sans-serif;font-size:17px;color:var(--ck-red); }
/* ck-063: 6x */
.ck-063 { font-family:'Anton',sans-serif;font-size:44px;color:var(--ck-red); }
/* ck-064: 6x */
.ck-064 { font-size:22px;color:var(--ck-red);transition:transform .25s;font-weight:400; }
/* ck-065: 6x */
.ck-065 { margin:0;padding:0 28px 26px 76px;font:400 15.5px/1.75 'Archivo',sans-serif;color:var(--ck-muted); }
/* ck-066: 6x */
.ck-066 { margin:14px 0 0;font:400 15px/1.7 'Archivo',sans-serif;color:rgba(244,241,235,.62); }
/* ck-067: 6x */
.ck-067 { margin-top:18px;font-family:'Anton',sans-serif;font-size:26px;text-transform:uppercase; }
/* ck-068: 6x */
.ck-068 { padding:20px 28px;background:rgba(201,52,27,.14);display:flex;align-items:center;gap:10px;font:700 14.5px 'Archivo',sans-serif; }
/* ck-069: 6x */
.ck-069 { padding:20px 28px;display:flex;align-items:center;gap:10px;font:500 14.5px 'Archivo',sans-serif;color:rgba(244,241,235,.45); }
/* ck-070: 6x */
.ck-070 { padding:20px 28px;font:600 15px 'Archivo',sans-serif;color:rgba(244,241,235,.85);display:flex;align-items:center; }
/* ck-071: 5x */
.ck-071 { background:var(--ck-ink);color:var(--ck-cream); }
/* ck-072: 5x */
.ck-072 { color:var(--ck-muted-soft); }
/* ck-073: 5x */
.ck-073 { font:800 13px 'Archivo',sans-serif;letter-spacing:.24em;text-transform:uppercase;opacity:.85; }
/* ck-074: 5x */
.ck-074 { height:52px;filter:grayscale(1);opacity:.55;transition:all .3s; }
/* ck-075: 5x */
.ck-075 { margin:20px 0 0;font:400 16.5px/1.8 'Archivo',sans-serif;color:var(--ck-muted); }
/* ck-076: 5x */
.ck-076 { margin-top:10px;font-family:'Anton',sans-serif;font-size:clamp(34px,4vw,54px);line-height:1.05;text-transform:uppercase; }
/* ck-077: 5x */
.ck-077 { max-width:1320px;margin:0 auto;padding:76px 28px;display:flex;align-items:center;gap:40px;flex-wrap:wrap;position:relative; }
/* ck-078: 5x */
.ck-078 { opacity:0;transform:translateY(26px);transition:all .8s cubic-bezier(.2,.7,.2,1); }
/* ck-079: 5x */
.ck-079 { position:absolute;left:26px;right:26px;bottom:24px;color:var(--ck-cream);font-family:'Anton',sans-serif;font-size:25px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;gap:12px; }
/* ck-080: 5x */
.ck-080 { position:absolute;left:26px;right:26px;bottom:24px;color:var(--ck-cream);font-family:'Anton',sans-serif;font-size:26px;text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;gap:12px; }
/* ck-081: 5x */
.ck-081 { position:absolute;left:26px;right:26px;bottom:24px;color:var(--ck-cream);font-family:'Anton',sans-serif;font-size:26px;text-transform:uppercase;letter-spacing:.02em;display:flex;justify-content:space-between;align-items:center;gap:12px; }
/* ck-082: 5x */
.ck-082 { position:absolute;right:20px;top:-70px;font-family:'Anton',sans-serif;font-size:300px;line-height:1;color:rgba(255,255,255,.1);pointer-events:none;user-select:none; }
/* ck-083: 5x */
.ck-083 { position:relative;display:block;overflow:hidden;height:300px; }
/* ck-084: 5x */
.ck-084 { position:relative;display:block;overflow:hidden;height:320px; }
/* ck-085: 5x */
.ck-085 { width:100%;box-sizing:border-box;background:var(--ck-cream);border:1px solid rgba(20,18,21,.16);padding:15px 12px;font:500 15px 'Archivo',sans-serif;color:var(--ck-ink-soft);outline:none;transition:border-color .2s; }
/* ck-086: 4x */
.ck-086 { color:var(--ck-red);text-decoration:underline; }
/* ck-087: 4x */
.ck-087 { display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(20,18,21,.08); }
/* ck-088: 4x */
.ck-088 { display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(244,241,235,.1); }
/* ck-089: 4x */
.ck-089 { display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(244,241,235,.09); }
/* ck-090: 4x */
.ck-090 { font:600 12.5px 'Archivo',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(244,241,235,.55);margin-top:6px; }
/* ck-091: 4x */
.ck-091 { font-family:'Anton',sans-serif;font-size:38px;color:var(--ck-cream); }
/* ck-092: 4x */
.ck-092 { grid-column:span 2; }
/* ck-093: 4x */
.ck-093 { max-width:1320px;margin:0 auto;padding:100px 28px; }
/* ck-094: 4x */
.ck-094 { opacity:0;transform:translateY(26px);transition:all .8s .12s cubic-bezier(.2,.7,.2,1); }
/* ck-095: 3x */
.ck-095 { background:var(--ck-cream);border-top:1px solid rgba(20,18,21,.08); }
/* ck-096: 3x */
.ck-096 { background:var(--ck-cream-light);border:1px solid rgba(20,18,21,.1);padding:32px 34px;display:block;box-shadow:0 20px 44px rgba(20,18,21,.1);transition:transform .25s,border-color .25s; }
/* ck-097: 3x */
.ck-097 { color:var(--ck-red);font-size:13px; }
/* ck-098: 3x */
.ck-098 { color:rgba(244,241,235,.6);transition:color .2s; }
/* ck-099: 3x */
.ck-099 { display:block;padding:11px 20px;font:500 13.5px 'Archivo',sans-serif;color:var(--ck-cream);transition:all .15s; }
/* ck-100: 3x */
.ck-100 { display:flex;align-items:center;gap:12px;color:var(--ck-cream);transition:color .2s; }
/* ck-101: 3x */
.ck-101 { display:flex;flex-direction:column;gap:13px;font:500 15px 'Archivo',sans-serif;color:rgba(244,241,235,.8); }
/* ck-102: 3x */
.ck-102 { display:flex;flex-direction:column;gap:14px;margin-top:30px; }
/* ck-103: 3x */
.ck-103 { display:flex;flex-direction:column;gap:2px; }
/* ck-104: 3x */
.ck-104 { display:flex;gap:18px; }
/* ck-105: 3x */
.ck-105 { display:inline-flex;align-items:center;gap:14px;color:var(--ck-red);font:800 13px 'Archivo',sans-serif;letter-spacing:.26em;text-transform:uppercase; }
/* ck-106: 3x */
.ck-106 { display:inline-flex;align-items:center;gap:8px; }
/* ck-107: 3x */
.ck-107 { font:700 15px 'Archivo',sans-serif; }
/* ck-108: 3x */
.ck-108 { font:800 12px 'Archivo',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,241,235,.45);margin-bottom:20px; }
/* ck-109: 3x */
.ck-109 { font:800 13px 'Archivo',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(244,241,235,.55); }
/* ck-110: 3x */
.ck-110 { font-family:'Anton',sans-serif;font-size:22px;color:var(--ck-red);flex-shrink:0; }
/* ck-111: 3x */
.ck-111 { font-family:'Anton',sans-serif;font-size:26px;text-transform:uppercase; }
/* ck-112: 3x */
.ck-112 { font-family:'Anton',sans-serif;font-size:26px;text-transform:uppercase;letter-spacing:.02em; }
/* ck-113: 3x */
.ck-113 { font-size:20px;color:rgba(244,241,235,.5); }
/* ck-114: 3x */
.ck-114 { font-size:8px;opacity:.55;transform:translateY(1px); }
/* ck-115: 3x */
.ck-115 { height:1px;background:rgba(244,241,235,.12);margin:28px 0; }
/* ck-116: 3x */
.ck-116 { margin:18px 0 52px;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(36px,3.6vw,54px);line-height:1.04;text-transform:uppercase;max-width:860px; }
/* ck-117: 3x */
.ck-117 { margin:6px 0 0;font:400 14px/1.6 'Archivo',sans-serif;color:rgba(244,241,235,.6); }
/* ck-118: 3x */
.ck-118 { margin-left:auto;background:var(--ck-ink-soft);color:var(--ck-cream);border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.3);padding:20px 34px;font:800 13px 'Archivo',sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:transform .2s;white-space:nowrap; }
/* ck-119: 3x */
.ck-119 { margin-top:12px;font:600 13px 'Archivo',sans-serif;color:var(--ck-muted-soft); }
/* ck-120: 3x */
.ck-120 { margin-top:14px;font:800 13px 'Archivo',sans-serif;letter-spacing:.16em;text-transform:uppercase;position:relative; }
/* ck-121: 3x */
.ck-121 { margin-top:20px;font-family:'Anton',sans-serif;font-size:62px;line-height:1; }
/* ck-122: 3x */
.ck-122 { margin-top:6px;font:600 13px 'Archivo',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ck-muted-soft); }
/* ck-123: 3x */
.ck-123 { margin-top:6px;font:600 13px 'Archivo',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,241,235,.55); }
/* ck-124: 3x */
.ck-124 { margin-top:8px;font:600 13px 'Archivo',sans-serif;color:var(--ck-red);letter-spacing:.1em;text-transform:uppercase; }
/* ck-125: 3x */
.ck-125 { overflow:hidden;grid-column:span 2; }
/* ck-126: 3x */
.ck-126 { overflow:hidden;opacity:0;transform:translateY(26px);transition:all .8s .12s cubic-bezier(.2,.7,.2,1); }
/* ck-127: 3x */
.ck-127 { position:absolute;right:-20px;bottom:-46px;font-family:'Anton',sans-serif;font-size:170px;line-height:1;color:rgba(244,241,235,.05);user-select:none; }
/* ck-128: 3x */
.ck-128 { position:absolute;top:100%;left:0;padding-top:12px;z-index:95; }
/* ck-129: 3x */
.ck-129 { position:relative; }
/* ck-130: 3x */
.ck-130 { width:100%;height:420px;object-fit:cover;display:block;filter:grayscale(.25);transition:transform .7s,filter .7s; }
/* ck-131: 3x */
.ck-131 { width:100%;height:420px;object-fit:cover;display:block;transition:transform .7s; }
/* ck-132: 2x */
.ck-132 { background:var(--ck-ink-soft);color:var(--ck-cream);border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.3);padding:19px 32px;font:800 13px 'Archivo',sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:transform .2s; }
/* ck-133: 2x */
.ck-133 { background:var(--ck-ink-soft);color:var(--ck-cream);padding:16px 24px;font:800 12.5px 'Archivo',sans-serif;letter-spacing:.2em;text-transform:uppercase; }
/* ck-134: 2x */
.ck-134 { background:var(--ck-ink-soft);color:var(--ck-cream);padding:36px 32px;position:relative;overflow:hidden; }
/* ck-135: 2x */
.ck-135 { background:var(--ck-cream-light);border:1px solid rgba(20,18,21,.1); }
/* ck-136: 2x */
.ck-136 { background:var(--ck-cream-light);border:1px solid rgba(20,18,21,.1);padding:48px 52px; }
/* ck-137: 2x */
.ck-137 { border:1px solid rgba(244,241,235,.12);padding:40px 36px;opacity:0;transform:translateY(26px);transition:all .8s .08s cubic-bezier(.2,.7,.2,1); }
/* ck-138: 2x */
.ck-138 { border:1px solid rgba(244,241,235,.12);padding:40px 36px;opacity:0;transform:translateY(26px);transition:all .8s .16s cubic-bezier(.2,.7,.2,1); }
/* ck-139: 2x */
.ck-139 { border:1px solid rgba(244,241,235,.12);padding:40px 36px;opacity:0;transform:translateY(26px);transition:all .8s cubic-bezier(.2,.7,.2,1); }
/* ck-140: 2x */
.ck-140 { color:rgba(244,241,235,.45);font-weight:600;font-style:italic; }
/* ck-141: 2x */
.ck-141 { display:block;padding:11px 20px;font:600 13.5px 'Archivo',sans-serif;color:var(--ck-red);transition:all .15s; }
/* ck-142: 2x */
.ck-142 { display:flex;align-items:flex-end;gap:40px;flex-wrap:wrap;margin-bottom:56px; }
/* ck-143: 2x */
.ck-143 { display:flex;background:var(--ck-cream-light);border:1px solid rgba(20,18,21,.1);transition:transform .3s,box-shadow .3s; }
/* ck-144: 2x */
.ck-144 { display:flex;flex-direction:column;gap:26px;position:sticky;top:108px; }
/* ck-145: 2x */
.ck-145 { display:flex;flex-wrap:wrap;gap:14px;margin-top:26px; }
/* ck-146: 2x */
.ck-146 { display:flex;gap:12px;align-items:flex-start;margin-top:26px;font:400 13.5px/1.6 'Archivo',sans-serif;color:var(--ck-muted);cursor:pointer; }
/* ck-147: 2x */
.ck-147 { display:flex;justify-content:space-between;gap:12px;padding:8px 0; }
/* ck-148: 2x */
.ck-148 { display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:36px; }
/* ck-149: 2x */
.ck-149 { font:700 12px 'Archivo',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ck-red); }
/* ck-150: 2x */
.ck-150 { font:800 12px 'Archivo',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(20,18,21,.45); }
/* ck-151: 2x */
.ck-151 { font-family:'Anton',sans-serif;font-size:22px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding-right:28px; }
/* ck-152: 2x */
.ck-152 { font-family:'Anton',sans-serif;font-size:30px;line-height:1.1;text-transform:uppercase;position:relative; }
/* ck-153: 2x */
.ck-153 { height:1px;background:rgba(244,241,235,.1);margin:6px 0; }
/* ck-154: 2x */
.ck-154 { margin:0;font-family:'Anton',sans-serif;font-weight:400;font-size:32px;text-transform:uppercase; }
/* ck-155: 2x */
.ck-155 { margin:12px 0 0;font:400 14.5px/1.65 'Archivo',sans-serif;color:var(--ck-muted); }
/* ck-156: 2x */
.ck-156 { margin:16px 0 0;font:400 16.5px/1.8 'Archivo',sans-serif;color:var(--ck-muted); }
/* ck-157: 2x */
.ck-157 { margin:18px 0 52px;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(36px,3.6vw,54px);line-height:1.04;text-transform:uppercase; }
/* ck-158: 2x */
.ck-158 { margin-left:auto;display:flex;gap:16px;flex-wrap:wrap; }
/* ck-159: 2x */
.ck-159 { margin-top:10px;font-family:'Anton',sans-serif;font-size:28px;text-transform:uppercase; }
/* ck-160: 2x */
.ck-160 { margin-top:12px;font-family:'Anton',sans-serif;font-size:23px;line-height:1.2;text-transform:uppercase; }
/* ck-161: 2x */
.ck-161 { margin-top:22px;border-left:3px solid var(--ck-red);background:rgba(226,61,40,.07);padding:16px 20px;font:600 14.5px/1.6 'Archivo',sans-serif;color:var(--ck-ink-soft); }
/* ck-162: 2x */
.ck-162 { margin-top:30px;background:var(--ck-red-btn);color:var(--ck-white);border:none;border-radius:999px;box-shadow:0 10px 24px rgba(160,35,12,.32);cursor:pointer;padding:19px 36px;font:800 13.5px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,transform .2s; }
/* ck-163: 2x */
.ck-163 { margin-top:34px;display:block;text-align:center;border-radius:999px;border:2px solid rgba(244,241,235,.3);color:var(--ck-cream);padding:16px 20px;font:800 13px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:all .2s; }
/* ck-164: 2x */
.ck-164 { margin-top:3px;accent-color:var(--ck-red);width:16px;height:16px; }
/* ck-165: 2x */
.ck-165 { opacity:0;transform:translateY(26px);transition:all .8s .08s cubic-bezier(.2,.7,.2,1); }
/* ck-166: 2x */
.ck-166 { opacity:0;transform:translateY(26px);transition:all .8s .16s cubic-bezier(.2,.7,.2,1); }
/* ck-167: 2x */
.ck-167 { overflow:hidden;grid-column:span 3; }
/* ck-168: 2x */
.ck-168 { overflow:hidden;grid-row:span 2; }
/* ck-169: 2x */
.ck-169 { overflow:hidden;opacity:0;transform:translateY(26px);transition:all .8s cubic-bezier(.2,.7,.2,1); }
/* ck-170: 2x */
.ck-170 { overflow:hidden;width:250px;flex-shrink:0; }
/* ck-171: 2x */
.ck-171 { padding:10px 0;display:flex;flex-direction:column; }
/* ck-172: 2x */
.ck-172 { padding:11px 24px;font:600 14.5px 'Archivo',sans-serif;transition:all .15s;display:flex;justify-content:space-between; }
/* ck-173: 2x */
.ck-173 { padding:30px 32px; }
/* ck-174: 2x */
.ck-174 { position:absolute;left:-2px;bottom:-26px;background:var(--ck-red);color:var(--ck-white);padding:22px 28px;font-family:'Anton',sans-serif;font-size:22px;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 22px 44px rgba(226,61,40,.35); }
/* ck-175: 2x */
.ck-175 { position:absolute;left:-40px;bottom:-100px;font-family:'Anton',sans-serif;font-size:380px;line-height:1;color:rgba(244,241,235,.04);pointer-events:none;user-select:none; }
/* ck-176: 2x */
.ck-176 { position:absolute;right:-14px;top:-30px;font-family:'Anton',sans-serif;font-size:190px;line-height:1;color:rgba(255,255,255,.14);user-select:none; }
/* ck-177: 2x */
.ck-177 { position:relative;display:block;overflow:hidden;height:320px;opacity:0;transform:translateY(26px);transition:all .8s .06s cubic-bezier(.2,.7,.2,1); }
/* ck-178: 2x */
.ck-178 { position:relative;display:block;overflow:hidden;height:320px;opacity:0;transform:translateY(26px);transition:all .8s cubic-bezier(.2,.7,.2,1); }
/* ck-179: 2x */
.ck-179 { position:relative;opacity:0;transform:translateY(26px);transition:all .8s cubic-bezier(.2,.7,.2,1); }
/* ck-180: 2x */
.ck-180 { position:sticky;top:108px;display:flex;flex-direction:column;gap:26px; }
/* ck-181: 2x */
.ck-181 { width:100%;box-sizing:border-box;background:var(--ck-cream);border:1px solid rgba(20,18,21,.16);padding:15px 16px;font:500 15px/1.6 'Archivo',sans-serif;color:var(--ck-ink-soft);outline:none;resize:vertical;transition:border-color .2s; }
/* ck-182: 2x */
.ck-182 { width:100%;height:100%;object-fit:cover;display:block; }
/* ck-183: 1x */
.ck-183 { background:var(--ck-ink-darkest);border-bottom:1px solid rgba(244,241,235,.07); }
/* ck-184: 1x */
.ck-184 { background:var(--ck-ink-deep);color:var(--ck-cream);position:relative;overflow:hidden; }
/* ck-185: 1x */
.ck-185 { background:var(--ck-ink-soft);color:var(--ck-cream);border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.3);padding:18px 32px;font:800 13px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,transform .2s; }
/* ck-186: 1x */
.ck-186 { background:var(--ck-ink-soft);color:var(--ck-cream);border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.3);padding:22px 38px;font:800 14px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:transform .2s;white-space:nowrap; }
/* ck-187: 1x */
.ck-187 { background:var(--ck-ink-soft);color:var(--ck-cream);padding:32px 28px;position:relative;overflow:hidden; }
/* ck-188: 1x */
.ck-188 { background:var(--ck-ink-soft);color:var(--ck-cream);padding:34px 32px;position:relative;overflow:hidden; }
/* ck-189: 1x */
.ck-189 { background:var(--ck-surface-dark);border:1px solid rgba(244,241,235,.1);padding:44px 38px;display:flex;flex-direction:column;opacity:0;transform:translateY(26px);transition:all .8s .16s cubic-bezier(.2,.7,.2,1); }
/* ck-190: 1x */
.ck-190 { background:var(--ck-surface-dark);border:1px solid rgba(244,241,235,.1);padding:44px 38px;display:flex;flex-direction:column;opacity:0;transform:translateY(26px);transition:all .8s cubic-bezier(.2,.7,.2,1); }
/* ck-191: 1x */
.ck-191 { background:var(--ck-surface-dark);border:1px solid rgba(244,241,235,.12);min-width:220px;padding:8px 0;box-shadow:0 24px 50px rgba(0,0,0,.5); }
/* ck-192: 1x */
.ck-192 { background:var(--ck-surface-dark);border:1px solid rgba(244,241,235,.12);min-width:250px;padding:8px 0;box-shadow:0 24px 50px rgba(0,0,0,.5); }
/* ck-193: 1x */
.ck-193 { background:var(--ck-surface-dark);border:1px solid rgba(244,241,235,.12);min-width:280px;padding:8px 0;box-shadow:0 24px 50px rgba(0,0,0,.5); }
/* ck-194: 1x */
.ck-194 { background:var(--ck-surface-dark);border:2px solid var(--ck-red);padding:44px 38px;display:flex;flex-direction:column;position:relative;box-shadow:0 30px 60px rgba(226,61,40,.18);opacity:0;transform:translateY(26px);transition:all .8s .08s cubic-bezier(.2,.7,.2,1); }
/* ck-195: 1x */
.ck-195 { background:var(--ck-red-btn);color:var(--ck-white);border-radius:999px;box-shadow:0 10px 24px rgba(160,35,12,.32);padding:16px 28px;font:800 13px 'Archivo',sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:background .2s,transform .2s; }
/* ck-196: 1x */
.ck-196 { background:var(--ck-red-btn);color:var(--ck-white);border-radius:999px;box-shadow:0 10px 24px rgba(160,35,12,.32);padding:17px 28px;border-radius:999px;font:800 13px 'Archivo',sans-serif;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 16px 34px rgba(226,61,40,.4);transition:transform .2s,background .2s; }
/* ck-197: 1x */
.ck-197 { background:var(--ck-red-btn);color:var(--ck-white);border-radius:999px;box-shadow:0 10px 24px rgba(160,35,12,.32);padding:17px 30px;font:800 13px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,transform .2s; }
/* ck-198: 1x */
.ck-198 { background:var(--ck-red-btn);color:var(--ck-white);border-radius:999px;box-shadow:0 10px 24px rgba(160,35,12,.32);padding:19px 34px;font:800 13.5px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,transform .2s; }
/* ck-199: 1x */
.ck-199 { background:var(--ck-red);color:var(--ck-white);overflow:hidden;padding:16px 0;border-top:1px solid rgba(255,255,255,.2); }
/* ck-200: 1x */
.ck-200 { background:#EDE9E1;border:1px solid rgba(20,18,21,.1);height:280px;position:relative;overflow:hidden;background-image:repeating-linear-gradient(45deg,transparent 0 14px,rgba(20,18,21,.04) 14px 28px); }
/* ck-201: 1x */
.ck-201 { background:var(--ck-cream);overflow:hidden; }
/* ck-202: 1x */
.ck-202 { background:var(--ck-cream-light);border:1px solid rgba(20,18,21,.1);padding:28px; }
/* ck-203: 1x */
.ck-203 { background:var(--ck-cream-light);border:1px solid rgba(20,18,21,.1);padding:30px 32px; }
/* ck-204: 1x */
.ck-204 { background:none;border:none;cursor:pointer;color:rgba(244,241,235,.55);font:600 12.5px 'Archivo',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:0;margin-top:24px;text-decoration:underline; }
/* ck-205: 1x */
.ck-205 { background:none;border:none;cursor:pointer;color:rgba(244,241,235,.55);font:600 12.5px 'Archivo',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:0;text-decoration:underline; }
/* ck-206: 1x */
.ck-206 { border:1px solid rgba(20,18,21,.12);background:var(--ck-cream-light);padding:30px 32px; }
/* ck-207: 1x */
.ck-207 { border:1px solid rgba(226,61,40,.5);color:var(--ck-red);border-radius:999px;padding:6px 14px;font:700 12px 'Archivo',sans-serif;letter-spacing:.1em;text-transform:uppercase; }
/* ck-208: 1x */
.ck-208 { border-radius:999px;border:2px solid rgba(20,18,21,.2);color:var(--ck-ink-soft);padding:16px 32px;font:800 13px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:all .2s; }
/* ck-209: 1x */
.ck-209 { border-radius:999px;border:2px solid rgba(244,241,235,.35);color:var(--ck-cream);padding:14px 28px;font:800 13px 'Archivo',sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:all .2s; }
/* ck-210: 1x */
.ck-210 { border-radius:999px;border:2px solid rgba(244,241,235,.4);color:var(--ck-cream);padding:17px 34px;font:800 13.5px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:all .2s;display:inline-flex;align-items:center;gap:10px; }
/* ck-211: 1x */
.ck-211 { border-radius:999px;border:2px solid rgba(255,255,255,.65);color:var(--ck-white);padding:17px 32px;font:800 13px 'Archivo',sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:all .2s; }
/* ck-212: 1x */
.ck-212 { border-radius:999px;border:2px solid rgba(255,255,255,.65);color:var(--ck-white);padding:17px 32px;font:800 13px 'Archivo',sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:all .2s;display:inline-flex;align-items:center;gap:10px; }
/* ck-213: 1x */
.ck-213 { border-top:1px solid rgba(244,241,235,.09);position:relative; }
/* ck-214: 1x */
.ck-214 { color:var(--ck-ink-soft); }
/* ck-215: 1x */
.ck-215 { color:#A39A88;font-weight:600;font-style:italic; }
/* ck-216: 1x */
.ck-216 { color:var(--ck-red);font:800 12.5px 'Archivo',sans-serif;letter-spacing:.16em;text-transform:uppercase; }
/* ck-217: 1x */
.ck-217 { color:var(--ck-red);font-weight:700; }
/* ck-218: 1x */
.ck-218 { color:var(--ck-red);font-weight:800;border-bottom:2px solid var(--ck-red);padding-bottom:2px;transition:color .2s; }
/* ck-219: 1x */
.ck-219 { color:var(--ck-cream);font-weight:700;transition:color .2s;display:inline-flex;align-items:center;gap:7px; }
/* ck-220: 1x */
.ck-220 { display:block;animation:rise .8s .2s both; }
/* ck-221: 1x */
.ck-221 { display:block;animation:rise .8s .32s both; }
/* ck-222: 1x */
.ck-222 { display:block;animation:rise .8s .44s both; }
/* ck-223: 1x */
.ck-223 { display:block;margin-top:10px;font:500 14px 'Archivo',sans-serif;color:rgba(244,241,235,.7);transition:color .2s; }
/* ck-224: 1x */
.ck-224 { display:block;margin-top:22px;font-family:'Anton',sans-serif;font-size:28px;color:var(--ck-red);transition:color .2s; }
/* ck-225: 1x */
.ck-225 { display:block;text-align:center;margin-top:22px;background:var(--ck-red-btn);color:var(--ck-white);border-radius:999px;box-shadow:0 10px 24px rgba(160,35,12,.32);padding:16px 20px;font:800 13px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .2s; }
/* ck-226: 1x */
.ck-226 { display:block;text-align:center;margin-top:24px;background:var(--ck-red-btn);color:var(--ck-white);border-radius:999px;box-shadow:0 10px 24px rgba(160,35,12,.32);padding:15px 20px;font:800 12.5px 'Archivo',sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:background .2s; }
/* ck-227: 1x */
.ck-227 { display:block;text-align:center;margin-top:24px;background:var(--ck-red-btn);color:var(--ck-white);border-radius:999px;box-shadow:0 10px 24px rgba(160,35,12,.32);padding:16px 20px;font:800 13px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .2s; }
/* ck-228: 1x */
.ck-228 { display:flex;align-items:center;gap:12px;margin-bottom:24px; }
/* ck-229: 1x */
.ck-229 { display:flex;align-items:center;gap:14px;color:var(--ck-red);font:800 13.5px 'Archivo',sans-serif;letter-spacing:.26em;text-transform:uppercase;animation:rise .8s .1s both; }
/* ck-230: 1x */
.ck-230 { display:flex;align-items:center;gap:14px;flex-shrink:0;color:var(--ck-cream); }
/* ck-231: 1x */
.ck-231 { display:flex;align-items:center;gap:16px;flex-wrap:wrap; }
/* ck-232: 1x */
.ck-232 { display:flex;align-items:center;gap:2px;margin-left:auto;color:var(--ck-cream); }
/* ck-233: 1x */
.ck-233 { display:flex;flex-direction:column;font:500 14px 'Archivo',sans-serif; }
/* ck-234: 1x */
.ck-234 { display:flex;flex-direction:column;font:500 14px 'Archivo',sans-serif;margin-top:14px; }
/* ck-235: 1x */
.ck-235 { display:flex;flex-direction:column;font:500 14px 'Archivo',sans-serif;margin-top:16px;position:relative; }
/* ck-236: 1x */
.ck-236 { display:flex;flex-direction:column;gap:12px;font:600 15px 'Archivo',sans-serif; }
/* ck-237: 1x */
.ck-237 { display:flex;flex-direction:column;gap:14px; }
/* ck-238: 1x */
.ck-238 { display:flex;flex-direction:column;gap:24px;margin-top:28px;position:relative; }
/* ck-239: 1x */
.ck-239 { display:flex;flex-direction:column;line-height:1; }
/* ck-240: 1x */
.ck-240 { display:flex;gap:14px;margin-top:24px;flex-wrap:wrap;align-items:center; }
/* ck-241: 1x */
.ck-241 { display:flex;gap:16px;margin-top:36px;flex-wrap:wrap; }
/* ck-242: 1x */
.ck-242 { display:flex;gap:18px;margin:38px 0 0;flex-wrap:wrap;animation:rise .8s .68s both; }
/* ck-243: 1x */
.ck-243 { display:flex;gap:26px;margin:22px 0 0;flex-wrap:wrap;font:600 13.5px 'Archivo',sans-serif;color:rgba(244,241,235,.78);animation:rise .8s .74s both; }
/* ck-244: 1x */
.ck-244 { display:flex;gap:40px;align-items:center;flex-wrap:wrap; }
/* ck-245: 1x */
.ck-245 { display:flex;justify-content:space-between;gap:12px;padding:9px 0; }
/* ck-246: 1x */
.ck-246 { display:flex;width:max-content;gap:24px;animation:mq 55s linear infinite;padding-left:24px; }
/* ck-247: 1x */
.ck-247 { display:grid;grid-template-columns:1.3fr 1fr 1fr; }
/* ck-248: 1x */
.ck-248 { display:grid;grid-template-columns:1fr 1fr;gap:14px 28px; }
/* ck-249: 1x */
.ck-249 { display:grid;grid-template-columns:1fr 1fr;gap:28px; }
/* ck-250: 1x */
.ck-250 { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
/* ck-251: 1x */
.ck-251 { display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:stretch; }
/* ck-252: 1x */
.ck-252 { display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:230px;gap:18px; }
/* ck-253: 1x */
.ck-253 { display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:250px;gap:18px; }
/* ck-254: 1x */
.ck-254 { display:inline-block;background:var(--ck-red-btn);color:var(--ck-white);border-radius:999px;box-shadow:0 10px 24px rgba(160,35,12,.32);padding:18px 34px;font:800 13px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,transform .2s; }
/* ck-255: 1x */
.ck-255 { display:inline-block;margin-top:12px;color:var(--ck-red);font:800 12.5px 'Archivo',sans-serif;letter-spacing:.16em;text-transform:uppercase; }
/* ck-256: 1x */
.ck-256 { display:inline-block;margin-top:16px;color:var(--ck-red);font:800 12.5px 'Archivo',sans-serif;letter-spacing:.16em;text-transform:uppercase; }
/* ck-257: 1x */
.ck-257 { display:inline-block;margin-top:22px;background:var(--ck-red-btn);color:var(--ck-white);border-radius:999px;box-shadow:0 10px 24px rgba(160,35,12,.32);padding:15px 24px;font:800 12.5px 'Archivo',sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:background .2s,transform .2s; }
/* ck-258: 1x */
.ck-258 { display:inline-block;margin-top:36px;background:var(--ck-ink-soft);color:var(--ck-cream);border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.3);padding:18px 32px;font:800 13px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,transform .2s; }
/* ck-259: 1x */
.ck-259 { display:inline-flex;align-items:center;gap:14px;color:var(--ck-red);font:800 13px 'Archivo',sans-serif;letter-spacing:.26em;text-transform:uppercase;opacity:0;transform:translateY(26px);transition:all .8s cubic-bezier(.2,.7,.2,1); }
/* ck-260: 1x */
.ck-260 { display:inline-flex;align-items:center;gap:8px;color:var(--ck-cream); }
/* ck-261: 1x */
.ck-261 { flex:1;min-width:300px; }
/* ck-262: 1x */
.ck-262 { font:600 12.5px 'Archivo',sans-serif;letter-spacing:.06em;color:rgba(255,255,255,.85); }
/* ck-263: 1x */
.ck-263 { font:600 13px/1.5 ui-monospace,monospace;color:var(--ck-muted); }
/* ck-264: 1x */
.ck-264 { font:800 12px 'Archivo',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--ck-red);margin-bottom:14px; }
/* ck-265: 1x */
.ck-265 { font:800 12px 'Archivo',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(20,18,21,.45);margin-bottom:12px; }
/* ck-266: 1x */
.ck-266 { font:800 13px 'Archivo',sans-serif;letter-spacing:.26em;text-transform:uppercase;opacity:.85; }
/* ck-267: 1x */
.ck-267 { font-family:'Anton',sans-serif;font-size:17px; }
/* ck-268: 1x */
.ck-268 { font-family:'Anton',sans-serif;font-size:20px;letter-spacing:.05em;text-transform:uppercase; }
/* ck-269: 1x */
.ck-269 { font-family:'Anton',sans-serif;font-size:26px;text-transform:uppercase;line-height:1.15; }
/* ck-270: 1x */
.ck-270 { font-family:'Anton',sans-serif;font-size:28px;line-height:1.1;text-transform:uppercase;position:relative; }
/* ck-271: 1x */
.ck-271 { font-family:'Anton',sans-serif;font-size:28px;text-transform:uppercase;line-height:1.1; }
/* ck-272: 1x */
.ck-272 { font-family:'Anton',sans-serif;font-size:30px;color:var(--ck-cream);display:block;transition:color .2s; }
/* ck-273: 1x */
.ck-273 { font-family:'Anton',sans-serif;font-size:36px;color:var(--ck-cream);transition:color .2s; }
/* ck-274: 1x */
.ck-274 { height:1px;background:rgba(20,18,21,.08);margin:18px 0; }
/* ck-275: 1x */
.ck-275 { height:1px;background:rgba(244,241,235,.1);margin:16px 0; }
/* ck-276: 1x */
.ck-276 { height:48px;display:block; }
/* ck-277: 1x */
.ck-277 { height:54px;display:block;margin-bottom:22px; }
/* ck-278: 1x */
.ck-278 { margin:0 0 26px;font:400 14.5px/1.75 'Archivo',sans-serif;color:rgba(244,241,235,.6);max-width:320px; }
/* ck-279: 1x */
.ck-279 { margin:0;font:500 14.5px/1.65 'Archivo',sans-serif;color:var(--ck-muted); }
/* ck-280: 1x */
.ck-280 { margin:0;font:600 15px/1.6 'Archivo',sans-serif; }
/* ck-281: 1x */
.ck-281 { margin:0;font-family:'Anton',sans-serif;font-size:clamp(24px,2.6vw,34px);line-height:1.3;text-transform:none;color:var(--ck-ink-soft); }
/* ck-282: 1x */
.ck-282 { margin:0;font-family:'Anton',sans-serif;font-weight:400;font-size:28px;text-transform:uppercase;letter-spacing:.02em; }
/* ck-283: 1x */
.ck-283 { margin:12px 0 0;font:600 16px/1.6 'Archivo',sans-serif; }
/* ck-284: 1x */
.ck-284 { margin:14px 0 0;font:400 15.5px/1.7 'Archivo',sans-serif;color:rgba(244,241,235,.7); }
/* ck-285: 1x */
.ck-285 { margin:14px 0 0;font:400 15px/1.7 'Archivo',sans-serif;color:var(--ck-muted); }
/* ck-286: 1x */
.ck-286 { margin:14px 0 0;font:400 15px/1.7 'Archivo',sans-serif;color:rgba(244,241,235,.65); }
/* ck-287: 1x */
.ck-287 { margin:16px 0 0;font:400 15.5px/1.7 'Archivo',sans-serif;color:rgba(244,241,235,.6); }
/* ck-288: 1x */
.ck-288 { margin:16px auto 0;max-width:560px;font:400 15.5px/1.7 'Archivo',sans-serif;color:rgba(244,241,235,.6); }
/* ck-289: 1x */
.ck-289 { margin:18px 0 0;font:400 16px/1.7 'Archivo',sans-serif;color:rgba(255,255,255,.88); }
/* ck-290: 1x */
.ck-290 { margin:18px 0 0;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(34px,3.4vw,50px);line-height:1.05;text-transform:uppercase; }
/* ck-291: 1x */
.ck-291 { margin:18px 0 0;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(36px,3.6vw,54px);line-height:1.04;text-transform:uppercase;max-width:760px; }
/* ck-292: 1x */
.ck-292 { margin:18px 0 0;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(36px,3.6vw,54px);line-height:1.04;text-transform:uppercase;max-width:820px; }
/* ck-293: 1x */
.ck-293 { margin:18px 0 0;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(36px,3.6vw,54px);line-height:1.04;text-transform:uppercase;max-width:860px; }
/* ck-294: 1x */
.ck-294 { margin:18px 0 44px;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(36px,3.6vw,54px);line-height:1.04;text-transform:uppercase; }
/* ck-295: 1x */
.ck-295 { margin:18px 0 48px;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(34px,3.2vw,48px);line-height:1.04;text-transform:uppercase; }
/* ck-296: 1x */
.ck-296 { margin:18px 0 52px;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(36px,3.6vw,54px);line-height:1.04;text-transform:uppercase;max-width:900px; }
/* ck-297: 1x */
.ck-297 { margin:18px auto 0;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(34px,3.4vw,50px);line-height:1.06;text-transform:uppercase;max-width:820px;opacity:0;transform:translateY(26px);transition:all .8s .1s cubic-bezier(.2,.7,.2,1); }
/* ck-298: 1x */
.ck-298 { margin:20px 0 0;font:400 16.5px/1.8 'Archivo',sans-serif;color:rgba(244,241,235,.65); }
/* ck-299: 1x */
.ck-299 { margin:20px 0 0;font:400 16px/1.7 'Archivo',sans-serif;color:var(--ck-muted); }
/* ck-300: 1x */
.ck-300 { margin:20px 0 0;font:400 16px/1.7 'Archivo',sans-serif;color:rgba(244,241,235,.6); }
/* ck-301: 1x */
.ck-301 { margin:22px 0 0;font:400 17px/1.8 'Archivo',sans-serif;color:var(--ck-muted); }
/* ck-302: 1x */
.ck-302 { margin:22px 0 0;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(48px,6vw,88px);line-height:1.02;text-transform:uppercase;letter-spacing:.01em;max-width:900px; }
/* ck-303: 1x */
.ck-303 { margin:26px 0 0;font:400 13px/1.6 'Archivo',sans-serif;color:var(--ck-muted-soft); }
/* ck-304: 1x */
.ck-304 { margin:26px 0 0;font:400 16.5px/1.8 'Archivo',sans-serif;color:rgba(244,241,235,.65); }
/* ck-305: 1x */
.ck-305 { margin:26px 0 0;font-family:'Anton',sans-serif;font-weight:400;font-size:clamp(52px,7vw,104px);line-height:1.06;text-transform:uppercase;letter-spacing:.005em;color:var(--ck-cream); }
/* ck-306: 1x */
.ck-306 { margin:30px 0 0;max-width:620px;font:400 17.5px/1.7 'Archivo',sans-serif;color:rgba(244,241,235,.72);animation:rise .8s .56s both; }
/* ck-307: 1x */
.ck-307 { margin:40px 0 0;font:400 17px/1.8 'Archivo',sans-serif;color:var(--ck-muted); }
/* ck-308: 1x */
.ck-308 { margin:44px 0 0;font-family:'Anton',sans-serif;font-weight:400;font-size:26px;text-transform:uppercase;letter-spacing:.02em; }
/* ck-309: 1x */
.ck-309 { margin:48px 0 0;font-family:'Anton',sans-serif;font-weight:400;font-size:26px;text-transform:uppercase;letter-spacing:.02em; }
/* ck-310: 1x */
.ck-310 { margin:48px auto 0;max-width:980px;border:1px solid rgba(244,241,235,.14);opacity:0;transform:translateY(26px);transition:all .8s .2s cubic-bezier(.2,.7,.2,1); }
/* ck-311: 1x */
.ck-311 { margin-left:14px;background:var(--ck-red-btn);color:var(--ck-white);border-radius:999px;box-shadow:0 10px 24px rgba(160,35,12,.32);padding:14px 22px;font:800 12.5px 'Archivo',sans-serif;letter-spacing:.13em;text-transform:uppercase;transition:background .2s,transform .2s; }
/* ck-312: 1x */
.ck-312 { margin-left:auto;border:2px solid rgba(20,18,21,.2);color:var(--ck-ink-soft);padding:16px 28px;font:800 13px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:all .2s;white-space:nowrap; }
/* ck-313: 1x */
.ck-313 { margin-left:auto;display:flex;flex-direction:column;gap:14px;align-items:center; }
/* ck-314: 1x */
.ck-314 { margin-left:auto;display:flex;flex-direction:column;gap:14px;align-items:flex-start; }
/* ck-315: 1x */
.ck-315 { margin-left:auto;display:flex;gap:22px;align-items:center; }
/* ck-316: 1x */
.ck-316 { margin-left:auto;display:flex;gap:26px; }
/* ck-317: 1x */
.ck-317 { margin-top:10px;font-family:'Anton',sans-serif;font-size:34px;text-transform:uppercase;line-height:1.1; }
/* ck-318: 1x */
.ck-318 { margin-top:12px;font:600 13.5px 'Archivo',sans-serif;color:rgba(244,241,235,.55); }
/* ck-319: 1x */
.ck-319 { margin-top:12px;font-family:'Anton',sans-serif;font-size:20px;line-height:1.3;word-break:break-all; }
/* ck-320: 1x */
.ck-320 { margin-top:12px;font-family:'Anton',sans-serif;font-size:22px;line-height:1.3;text-transform:uppercase; }
/* ck-321: 1x */
.ck-321 { margin-top:12px;font-family:'Anton',sans-serif;font-size:26px;line-height:1.3; }
/* ck-322: 1x */
.ck-322 { margin-top:12px;font-family:'Anton',sans-serif;font-size:clamp(40px,4.6vw,64px);line-height:1.02;text-transform:uppercase; }
/* ck-323: 1x */
.ck-323 { margin-top:14px;font-family:'Anton',sans-serif;font-size:clamp(30px,3.2vw,44px);line-height:1.08;text-transform:uppercase; }
/* ck-324: 1x */
.ck-324 { margin-top:16px;font:700 13px 'Archivo',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ck-muted-soft); }
/* ck-325: 1x */
.ck-325 { margin-top:18px;font:400 12px 'Archivo',sans-serif;color:#A39A88; }
/* ck-326: 1x */
.ck-326 { margin-top:34px;display:block;text-align:center;background:var(--ck-red-btn);color:var(--ck-white);border-radius:999px;box-shadow:0 10px 24px rgba(160,35,12,.32);padding:18px 20px;font:800 13px 'Archivo',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,transform .2s; }
/* ck-327: 1x */
.ck-327 { margin-top:44px;border:1px solid rgba(244,241,235,.14);background:var(--ck-surface-dark);padding:44px 48px; }
/* ck-328: 1x */
.ck-328 { margin-top:48px;background:var(--ck-cream-light);border:1px solid rgba(20,18,21,.1);padding:36px 40px; }
/* ck-329: 1x */
.ck-329 { margin-top:56px;background:var(--ck-ink-soft);color:var(--ck-cream);overflow:hidden; }
/* ck-330: 1x */
.ck-330 { margin-top:56px;border-top:1px solid rgba(244,241,235,.16);display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:30px 0 44px;animation:rise .8s .8s both; }
/* ck-331: 1x */
.ck-331 { margin-top:5px;font:700 10.5px 'Archivo',sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--ck-red); }
/* ck-332: 1x */
.ck-332 { margin-top:80px;border-left:4px solid var(--ck-red);padding:8px 0 8px 36px;max-width:820px; }
/* ck-333: 1x */
.ck-333 { max-width:1080px;margin:0 auto;padding:96px 28px;position:relative; }
/* ck-334: 1x */
.ck-334 { max-width:1320px;margin:0 auto;padding:0 28px;height:34px;display:flex;align-items:center;gap:24px;font:600 12px 'Archivo',sans-serif;letter-spacing:.05em;color:rgba(244,241,235,.55); }
/* ck-335: 1x */
.ck-335 { max-width:1320px;margin:0 auto;padding:0 28px;height:80px;display:flex;align-items:center;gap:24px; }
/* ck-336: 1x */
.ck-336 { max-width:1320px;margin:0 auto;padding:0 28px;transform:translateY(-46px); }
/* ck-337: 1x */
.ck-337 { max-width:1320px;margin:0 auto;padding:100px 28px;position:relative; }
/* ck-338: 1x */
.ck-338 { max-width:1320px;margin:0 auto;padding:100px 28px;text-align:center; }
/* ck-339: 1x */
.ck-339 { max-width:1320px;margin:0 auto;padding:110px 28px 0; }
/* ck-340: 1x */
.ck-340 { max-width:1320px;margin:0 auto;padding:110px 28px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative; }
/* ck-341: 1x */
.ck-341 { max-width:1320px;margin:0 auto;padding:110px 28px;display:grid;grid-template-columns:1fr 380px;gap:64px;align-items:start; }
/* ck-342: 1x */
.ck-342 { max-width:1320px;margin:0 auto;padding:110px 28px;position:relative; }
/* ck-343: 1x */
.ck-343 { max-width:1320px;margin:0 auto;padding:24px 28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;font:500 13px 'Archivo',sans-serif;color:rgba(244,241,235,.5); }
/* ck-344: 1x */
.ck-344 { max-width:1320px;margin:0 auto;padding:44px 28px;display:flex;align-items:center;justify-content:center;gap:64px;flex-wrap:wrap; }
/* ck-345: 1x */
.ck-345 { max-width:1320px;margin:0 auto;padding:60px 28px 110px;display:grid;grid-template-columns:1fr 400px;gap:64px;align-items:start; }
/* ck-346: 1x */
.ck-346 { max-width:1320px;margin:0 auto;padding:80px 28px;display:flex;align-items:center;gap:44px;flex-wrap:wrap;position:relative; }
/* ck-347: 1x */
.ck-347 { max-width:1320px;margin:0 auto;padding:84px 28px 60px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.15fr;gap:52px;position:relative; }
/* ck-348: 1x */
.ck-348 { max-width:1320px;margin:0 auto;padding:88px 28px;display:flex;align-items:center;gap:44px;flex-wrap:wrap;position:relative; }
/* ck-349: 1x */
.ck-349 { max-width:1320px;margin:0 auto;padding:88px 28px;display:grid;grid-template-columns:1fr 360px;gap:64px;align-items:start; }
/* ck-350: 1x */
.ck-350 { max-width:1320px;margin:0 auto;padding:96px 28px; }
/* ck-351: 1x */
.ck-351 { max-width:1320px;margin:0 auto;padding:96px 28px;display:grid;grid-template-columns:1fr 400px;gap:64px;align-items:start; }
/* ck-352: 1x */
.ck-352 { max-width:700px; }
/* ck-353: 1x */
.ck-353 { max-width:720px; }
/* ck-354: 1x */
.ck-354 { opacity:0;transform:translateY(26px);transition:opacity .8s .12s cubic-bezier(.2,.7,.2,1),transform .8s .12s cubic-bezier(.2,.7,.2,1); }
/* ck-355: 1x */
.ck-355 { overflow:hidden;width:280px;height:230px;flex-shrink:0; }
/* ck-356: 1x */
.ck-356 { padding:24px 28px; }
/* ck-357: 1x */
.ck-357 { padding:24px 28px;background:var(--ck-red-btn);font:800 13px 'Archivo',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ck-white);display:flex;align-items:center;gap:10px; }
/* ck-358: 1x */
.ck-358 { padding:24px 28px;font:800 13px 'Archivo',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,241,235,.45);display:flex;align-items:center; }
/* ck-359: 1x */
.ck-359 { padding:56px 0 110px; }
/* ck-360: 1x */
.ck-360 { position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,17,20,.5) 0%,rgba(19,17,20,.72) 55%,rgba(19,17,20,.96) 100%); }
/* ck-361: 1x */
.ck-361 { position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:20px; }
/* ck-362: 1x */
.ck-362 { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45; }
/* ck-363: 1x */
.ck-363 { position:absolute;left:-2px;bottom:-26px;background:var(--ck-ink-soft);color:var(--ck-cream);padding:22px 28px;font-family:'Anton',sans-serif;font-size:22px;text-transform:uppercase;letter-spacing:.03em; }
/* ck-364: 1x */
.ck-364 { position:absolute;left:-50px;top:-70px;font-family:'Anton',sans-serif;font-size:320px;line-height:1;color:rgba(244,241,235,.04);pointer-events:none;user-select:none; }
/* ck-365: 1x */
.ck-365 { position:absolute;right:-14px;top:-30px;font-family:'Anton',sans-serif;font-size:180px;line-height:1;color:rgba(255,255,255,.14);user-select:none; }
/* ck-366: 1x */
.ck-366 { position:absolute;right:-20px;bottom:-40px;font-family:'Anton',sans-serif;font-size:160px;line-height:1;color:rgba(244,241,235,.05);user-select:none; }
/* ck-367: 1x */
.ck-367 { position:absolute;right:-20px;top:40px;font-family:'Anton',sans-serif;font-size:min(30vw,440px);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(244,241,235,.14);pointer-events:none;user-select:none; }
/* ck-368: 1x */
.ck-368 { position:absolute;right:-30px;bottom:-80px;font-family:'Anton',sans-serif;font-size:300px;line-height:1;color:rgba(244,241,235,.04);pointer-events:none;user-select:none; }
/* ck-369: 1x */
.ck-369 { position:absolute;right:-30px;top:-40px;font-family:'Anton',sans-serif;font-size:340px;line-height:1;color:rgba(244,241,235,.04);pointer-events:none;user-select:none; }
/* ck-370: 1x */
.ck-370 { position:absolute;right:30px;top:-80px;font-family:'Anton',sans-serif;font-size:340px;line-height:1;color:rgba(255,255,255,.1);pointer-events:none;user-select:none; }
/* ck-371: 1x */
.ck-371 { position:absolute;right:-40px;bottom:-90px;font-family:'Anton',sans-serif;font-size:400px;line-height:1;color:rgba(244,241,235,.04);pointer-events:none;user-select:none; }
/* ck-372: 1x */
.ck-372 { position:absolute;top:-16px;left:38px;background:var(--ck-red-btn);color:#FFF;font:800 11.5px 'Archivo',sans-serif;letter-spacing:.18em;text-transform:uppercase;padding:8px 16px; }
/* ck-373: 1x */
.ck-373 { position:fixed;right:22px;bottom:22px;z-index:85;display:flex;gap:12px;align-items:center; }
/* ck-374: 1x */
.ck-374 { position:fixed;top:0;left:0;right:0;z-index:90;background:rgba(14,12,15,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(244,241,235,.1); }
/* ck-375: 1x */
.ck-375 { position:relative;display:block;overflow:hidden;height:320px;opacity:0;transform:translateY(26px);transition:all .8s .12s cubic-bezier(.2,.7,.2,1); }
/* ck-376: 1x */
.ck-376 { position:relative;display:flex;flex-direction:column;justify-content:flex-end;background:var(--ck-red);color:var(--ck-white);height:300px;padding:26px;overflow:hidden; }
/* ck-377: 1x */
.ck-377 { position:relative;display:flex;flex-direction:column;justify-content:flex-end;background:var(--ck-red);color:var(--ck-white);height:320px;padding:26px;overflow:hidden; }
/* ck-378: 1x */
.ck-378 { position:relative;display:flex;flex-direction:column;justify-content:flex-end;background:var(--ck-red);color:var(--ck-white);height:320px;padding:26px;overflow:hidden;transition:all .8s .12s cubic-bezier(.2,.7,.2,1);opacity:0;transform:translateY(26px); }
/* ck-379: 1x */
.ck-379 { position:relative;max-width:1320px;margin:0 auto;width:100%;padding:190px 28px 0; }
/* ck-380: 1x */
.ck-380 { position:relative;min-height:94vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--ck-ink); }
/* ck-381: 1x */
.ck-381 { position:relative;opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1); }
/* ck-382: 1x */
.ck-382 { text-align:center; }
/* ck-383: 1x */
.ck-383 { text-align:center;margin-top:40px; }
/* ck-384: 1x */
.ck-384 { text-align:center;margin-top:46px;font:600 15.5px 'Archivo',sans-serif;color:rgba(244,241,235,.72); }
/* ck-385: 1x */
.ck-385 { text-align:center;max-width:760px;margin:0 auto 60px; }
/* ck-386: 1x */
.ck-386 { text-align:center;max-width:820px;margin:0 auto; }
/* ck-387: 1x */
.ck-387 { white-space:nowrap; }
/* ck-388: 1x */
.ck-388 { width:100%;box-sizing:border-box;background:var(--ck-cream);border:1px solid rgba(20,18,21,.16);padding:14px 16px;font:500 15px 'Archivo',sans-serif;color:var(--ck-ink-soft);outline:none;transition:border-color .2s; }
/* ck-389: 1x */
.ck-389 { width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#000; }
/* ck-390: 1x */
.ck-390 { width:100%;height:440px;object-fit:cover;display:block;transition:transform .7s; }
/* ck-391: 1x */
.ck-391 { width:26px;height:3px;background:var(--ck-red); }
/* ck-392: 1x */
.ck-392 { width:34px;height:2px;background:var(--ck-red); }
/* ck-393: 1x */
.ck-393 { width:44px;height:44px;background:var(--ck-red);display:flex;align-items:center;justify-content:center;color:#FFF;font-size:20px; }
/* ck-394: 1x */
.ck-394 { width:54px;height:54px;border-radius:50%;background:var(--ck-ink-soft);border:1px solid rgba(244,241,235,.28);color:var(--ck-cream);display:flex;align-items:center;justify-content:center;font-size:21px;box-shadow:0 14px 30px rgba(0,0,0,.35);transition:transform .2s,border-color .2s; }

/* --- Hover-Zustaende --- */
/* ckh-01: 45x */
.ckh-01:hover { color:var(--ck-red); }
/* ckh-02: 19x */
.ckh-02:hover { background:rgba(226,61,40,.13);color:var(--ck-red); }
/* ckh-03: 18x */
.ckh-03:hover { transform:translateY(-6px);border-color:var(--ck-red);box-shadow:0 24px 48px rgba(20,18,21,.12);color:var(--ck-ink-soft); }
/* ckh-04: 15x */
.ckh-04:hover { transform:scale(1.07); }
/* ckh-05: 14x */
.ckh-05:hover { border-color:var(--ck-red);color:var(--ck-red); }
/* ckh-06: 14x */
.ckh-06:hover { color:var(--ck-red);padding-left:30px; }
/* ckh-07: 13x */
.ckh-07:hover { transform:scale(1.06); }
/* ckh-08: 9x */
.ckh-08:hover { background:var(--ck-red-btn-hover);color:var(--ck-white);transform:translateY(-3px); }
/* ckh-09: 9x */
.ckh-09:hover { transform:scale(1.04); }
/* ckh-10: 6x */
.ckh-10:hover { transform:translateY(-3px);color:var(--ck-cream); }
/* ckh-11: 5x */
.ckh-11:hover { filter:grayscale(0);opacity:1; }
/* ckh-12: 4x */
.ckh-12:hover { background:var(--ck-red-btn-hover);color:var(--ck-white);transform:translateY(-2px); }
/* ckh-13: 3x */
.ckh-13:hover { background:var(--ck-red-btn-hover);color:var(--ck-white); }
/* ckh-14: 3x */
.ckh-14:hover { color:var(--ck-cream); }
/* ckh-15: 3x */
.ckh-15:hover { color:var(--ck-white); }
/* ckh-16: 3x */
.ckh-16:hover { transform:scale(1.05); }
/* ckh-17: 3x */
.ckh-17:hover { transform:scale(1.05);filter:grayscale(0); }
/* ckh-18: 3x */
.ckh-18:hover { transform:translateY(-4px);border-color:var(--ck-red);color:var(--ck-ink-soft); }
/* ckh-19: 2x */
.ckh-19:hover { background:var(--ck-red-btn-hover);transform:translateY(-2px); }
/* ckh-20: 2x */
.ckh-20:hover { background:var(--ck-red);color:var(--ck-white);transform:translateY(-3px); }
/* ckh-21: 2x */
.ckh-21:hover { background:var(--ck-white);color:var(--ck-red); }
/* ckh-22: 2x */
.ckh-22:hover { transform:translateY(-5px);box-shadow:0 22px 44px rgba(20,18,21,.1); }
/* ckh-23: 1x */
.ckh-23:hover { animation-play-state:paused; }
/* ckh-24: 1x */
.ckh-24:hover { transform:translateY(-3px);background:var(--ck-red-btn-hover);color:var(--ck-white); }
/* ckh-25: 1x */
.ckh-25:hover { transform:translateY(-3px);border-color:var(--ck-red);color:var(--ck-red); }

/* ============================================================
 * Benannte Komponenten
 * Werte unveraendert aus Nav.dc.html / Footer.dc.html uebernommen,
 * nur mit sprechenden Namen statt generierter Nummern.
 * ============================================================ */
.ck-navbar { display: flex; align-items: center; gap: 2px; margin-left: auto; color: var(--ck-cream); }
.ck-navlink { padding: 10px 13px; font: 600 13px 'Archivo', sans-serif; letter-spacing: .1em; text-transform: uppercase; transition: color .2s; white-space: nowrap; }
.ck-navlink-drop { display: inline-flex; align-items: center; gap: 7px; }
.ck-navlink:hover { color: var(--ck-red) !important; }
.ck-caret { font-size: 8px; opacity: .55; transform: translateY(1px); }
.ck-relative { position: relative; }
.ck-ddpos { position: absolute; top: 100%; left: 0; padding-top: 12px; z-index: 95; }
.ck-ddbox { background: var(--ck-surface-dark); border: 1px solid rgba(244,241,235,.12); min-width: 220px; padding: 8px 0; box-shadow: 0 24px 50px rgba(0,0,0,.5); }
.ck-ddbox-wide { min-width: 250px; }
.ck-ddbox-wider { min-width: 280px; }
.ck-dditem { display: block; padding: 10px 20px; font: 500 13.5px 'Archivo', sans-serif; color: var(--ck-cream); transition: all .15s; }
.ck-dditem:hover { background: rgba(226,61,40,.13); color: var(--ck-red); }
.ck-dditem-lead { padding: 11px 20px; font-weight: 600; color: var(--ck-red); }
.ck-ddsep { height: 1px; background: rgba(244,241,235,.1); margin: 6px 0; }
.ck-navcta { margin-left: 14px; background: var(--ck-red-btn); color: var(--ck-white); border-radius: 999px; box-shadow: 0 10px 24px rgba(160,35,12,.32); padding: 14px 22px; font: 800 12.5px 'Archivo', sans-serif; letter-spacing: .13em; text-transform: uppercase; transition: background .2s, transform .2s; }
.ck-navcta:hover { background: var(--ck-red-btn-hover); color: var(--ck-white); transform: translateY(-2px); }
.ck-nowrap { white-space: nowrap; }
.ck-statusdot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
/* Kopfzeile ist fixiert - Inhalt darunter freihalten */
main { padding-top: 114px; }
/* Sprunglink: nur bei Tastaturfokus sichtbar */
.ck-skiplink { position: absolute; left: -9999px; top: 0; z-index: 200; background: var(--ck-red-btn); color: var(--ck-white); padding: 14px 22px; font: 800 13px 'Archivo', sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.ck-skiplink:focus { left: 12px; top: 12px; color: var(--ck-white); }
/* Formularfelder: Fokus (ersetzt 16x style-focus aus dem Entwurf) */
.ck-045:focus, .ck-085:focus, .ck-181:focus, .ck-388:focus { border-color: var(--ck-red); outline: 2px solid rgba(226,61,40,.35); outline-offset: 1px; }
/* Sichtbarer Tastaturfokus fuer alle interaktiven Elemente */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid var(--ck-red); outline-offset: 2px; }
/* Statusmeldungen der Formulare */
.ck-formok { margin-top: 20px; padding: 16px 20px; border-left: 4px solid #46B36B; background: rgba(70,179,107,.12); font: 500 15px 'Archivo', sans-serif; color: var(--ck-ink-soft); }
.ck-formerr { margin-top: 20px; padding: 16px 20px; border-left: 4px solid var(--ck-red); background: rgba(226,61,40,.1); font: 500 15px 'Archivo', sans-serif; color: var(--ck-ink-soft); }
.ck-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ck-fzimg { width: 100%; height: 100%; object-fit: cover; display: block; }
/* Seitenhintergrund: der Entwurf setzt ihn pro Seite.
 * Unterseiten cremefarben, nur die Startseite dunkel. */
body { background: var(--ck-cream); }
body.ck-page-dark { background: var(--ck-ink); }
/* Rechtstexte: schmalere Spalte fuer bessere Lesbarkeit */
.ck-legal { max-width: 820px; }
.ck-legal h2 { font-size: 24px; margin: 40px 0 12px; }
.ck-legal h2:first-child { margin-top: 0; }
/* Barrierefreiheits-Widget an das Chikara-Design angleichen.
 * Nur Farben - Position, Aufbau und Funktion bleiben unveraendert,
 * damit assets/css/accessibility.css nicht angefasst werden muss. */
.a11y-toggle { background: var(--ck-red-btn) !important; box-shadow: 0 14px 30px rgba(160,35,12,.38) !important; }
.a11y-toggle:hover, .a11y-toggle:focus { background: var(--ck-red-btn-hover) !important; }
.a11y-toggle .a11y-label { background: var(--ck-ink-soft) !important; }
.a11y-panel-header { background: var(--ck-red-btn) !important; }
/* Aktuelle Seite im Menue kennzeichnen */
.ck-dditem.is-current { color: var(--ck-red); font-weight: 700; background: rgba(226,61,40,.10); box-shadow: inset 3px 0 0 var(--ck-red); }
.ck-mobilenav a.is-current { color: var(--ck-red); font-weight: 700; background: rgba(226,61,40,.12); box-shadow: inset 3px 0 0 var(--ck-red); }
.ck-navcta.is-current { background: var(--ck-red-btn-hover); box-shadow: 0 0 0 3px rgba(244,241,235,.35); }

/* Zweiter, zurueckhaltender Handlungsaufruf neben dem Probetraining */
.ck-navcta-zart {
    background:transparent; color:var(--ck-cream);
    box-shadow:inset 0 0 0 1.5px rgba(244,241,235,.4);
    margin-left:10px; padding:13px 20px;
}
.ck-navcta-zart:hover { background:rgba(244,241,235,.1); color:var(--ck-cream); }
.ck-navcta-zart.is-current { background:rgba(244,241,235,.14); box-shadow:inset 0 0 0 1.5px var(--ck-cream); }

/* --- Mitgliedschaft: Tarifkarten --- */
.ck-mtarife {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:20px; margin:28px 0 8px;
}
.ck-mtarif {
    position:relative; display:flex; flex-direction:column; gap:12px;
    padding:30px 26px; border-radius:6px;
    background:var(--ck-cream-light); border:1px solid rgba(20,18,21,.1);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ck-mtarif:hover {
    transform:translateY(-3px); border-color:rgba(20,18,21,.2);
    box-shadow:0 14px 30px rgba(20,18,21,.09);
}
.ck-mtarif.is-hervor { border-color:var(--ck-red); box-shadow:inset 0 0 0 1px var(--ck-red); }
.ck-mtarifbadge {
    position:absolute; top:-11px; left:26px; padding:5px 12px; border-radius:999px;
    background:var(--ck-red); color:var(--ck-white);
    font:800 10.5px 'Archivo',sans-serif; letter-spacing:.16em; text-transform:uppercase;
}
.ck-mtarifkopf {
    font:800 12.5px 'Archivo',sans-serif; letter-spacing:.14em;
    text-transform:uppercase; color:var(--ck-muted-soft);
}
.ck-mtarifpreis {
    font-family:'Anton',sans-serif; font-weight:400; font-size:clamp(34px,3.6vw,46px);
    line-height:1; color:var(--ck-ink);
}
.ck-mtarifpreis span {
    font-family:'Archivo',sans-serif; font-weight:600; font-size:14px;
    letter-spacing:.04em; color:var(--ck-muted-soft);
}
.ck-mtarifnote { font:500 13.5px 'Archivo',sans-serif; color:var(--ck-muted-soft); }
.ck-mtarifliste { list-style:none; margin:6px 0 0; padding:0; display:grid; gap:9px; }
.ck-mtarifliste li {
    position:relative; padding-left:24px;
    font:400 15px/1.5 'Archivo',sans-serif; color:var(--ck-ink);
}
.ck-mtarifliste li::before {
    content:'✓'; position:absolute; left:0; top:0;
    color:var(--ck-red); font-weight:800;
}
.ck-msternchen {
    margin-top:20px; padding:16px 20px; border-radius:4px;
    background:rgba(20,18,21,.04); border-left:3px solid var(--ck-red);
    font-size:15px;
}
/* Datenschutz-Label: der Text muss ein einziges Flex-Item sein,
 * sonst bricht jeder Textknoten in eine eigene schmale Spalte um. */
.ck-146-text { flex: 1; min-width: 0; }

/* Foto-Captcha */
.ck-captcha { margin-top: 30px; border: 1px solid rgba(20,18,21,.16); padding: 20px 22px 18px; }
.ck-captcha legend { padding: 0 8px; }
.ck-captcha-frage { margin: 4px 0 16px; font: 600 15px/1.5 "Archivo", sans-serif; color: var(--ck-ink-soft); }
.ck-captcha-bilder { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.ck-captcha-bild { position: relative; display: block; cursor: pointer; border: 3px solid transparent; transition: border-color .15s, transform .15s; }
.ck-captcha-bild img { display: block; width: 100%; height: 110px; object-fit: cover; }
.ck-captcha-bild input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.ck-captcha-bild:hover { border-color: rgba(226,61,40,.5); transform: translateY(-2px); }
.ck-captcha-bild:has(input:checked) { border-color: var(--ck-red); }
.ck-captcha-bild:has(input:focus-visible) { outline: 3px solid var(--ck-red); outline-offset: 2px; }
/* Bildnummer: nur fuer Screenreader, visuell ausgeblendet */
.ck-captcha-nr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ck-captcha-text { max-width: 220px; margin-top: 2px; }
.ck-captcha-alt { margin: 14px 0 0; font: 400 13px "Archivo", sans-serif; }
.ck-captcha-alt a { color: var(--ck-red); text-decoration: underline; }
@media (max-width: 560px) {
    .ck-captcha-bilder { grid-template-columns: repeat(2, 1fr); }
    .ck-captcha-bild img { height: 96px; }
}
/* ---------------------------------------------------------------
 * Bootstrap-Teilmenge fuer Blogbeitraege
 *
 * Der Editor im Backend erzeugt Bootstrap-Markup. Das komplette
 * vendor.min.css (421 KB) wuerde das Layout ueberschreiben, deshalb
 * sind hier nur die Klassen nachgebaut, die in Beitraegen vorkommen -
 * und ausschliesslich innerhalb von .ck-blogtext.
 * --------------------------------------------------------------- */
.ck-blogtext .row { display: flex; flex-wrap: wrap; gap: 22px; margin: 26px 0; }
.ck-blogtext .row > [class*="col-"] { flex: 1 1 260px; min-width: 0; }
.ck-blogtext .col-12 { flex: 1 1 100%; }
.ck-blogtext .col-md-4 { flex: 1 1 220px; }
.ck-blogtext .col-md-6 { flex: 1 1 300px; }
.ck-blogtext .col-md-8 { flex: 2 1 420px; }

.ck-blogtext .card { border: 1px solid rgba(20,18,21,.14); background: #fff; height: 100%; display: flex; flex-direction: column; }
.ck-blogtext .card-body { padding: 20px 22px; }
.ck-blogtext .card-title { font-family: "Anton", sans-serif; font-weight: 400; font-size: 19px; text-transform: uppercase; letter-spacing: .02em; margin: 0 0 10px; }
.ck-blogtext .card-text { margin: 0; font-size: 15px; line-height: 1.65; color: var(--ck-muted); }
.ck-blogtext .card-header { padding: 14px 22px; background: var(--ck-ink-soft); color: var(--ck-cream); font: 800 11.5px "Archivo", sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.ck-blogtext .card-footer { padding: 14px 22px; border-top: 1px solid rgba(20,18,21,.12); font-size: 14px; color: var(--ck-muted); }

.ck-blogtext .alert { padding: 18px 22px; margin: 24px 0; border-left: 4px solid var(--ck-muted-soft); background: rgba(20,18,21,.05); font-size: 15.5px; line-height: 1.65; }
.ck-blogtext .alert p:last-child { margin-bottom: 0; }
.ck-blogtext .alert-heading { font-family: "Anton", sans-serif; font-weight: 400; font-size: 18px; text-transform: uppercase; margin: 0 0 8px; }
.ck-blogtext .alert-info { border-left-color: #2f6f8f; background: rgba(47,111,143,.10); }
.ck-blogtext .alert-success { border-left-color: var(--ck-green); background: rgba(70,179,107,.12); }
.ck-blogtext .alert-warning { border-left-color: #b8860b; background: rgba(184,134,11,.12); }
.ck-blogtext .alert-danger { border-left-color: var(--ck-red); background: rgba(226,61,40,.10); }
.ck-blogtext .alert-secondary { border-left-color: var(--ck-muted); background: rgba(92,85,72,.09); }

.ck-blogtext .badge { display: inline-block; padding: 5px 11px; border-radius: 999px; font: 800 11px "Archivo", sans-serif; letter-spacing: .12em; text-transform: uppercase; background: var(--ck-ink-soft); color: var(--ck-cream); }
.ck-blogtext .bg-primary { background: var(--ck-red-btn); }
.ck-blogtext .bg-success { background: #2f7d4c; }
.ck-blogtext .bg-warning { background: #8a6408; }
.ck-blogtext .bg-danger { background: var(--ck-red-btn); }
.ck-blogtext .bg-secondary { background: var(--ck-muted); }
.ck-blogtext .bg-light { background: rgba(20,18,21,.06); color: var(--ck-ink-soft); }
.ck-blogtext .text-white { color: #fff; }
.ck-blogtext .text-muted { color: var(--ck-muted); }
.ck-blogtext .text-center { text-align: center; }
.ck-blogtext .text-end { text-align: right; }
.ck-blogtext .fw-bold { font-weight: 700; }
.ck-blogtext .lead { font-size: 18.5px; line-height: 1.7; color: var(--ck-ink-soft); }

.ck-blogtext .table { width: 100%; border-collapse: collapse; margin: 0; font-size: 15px; background: #fff; }
.ck-blogtext .table th, .ck-blogtext .table td { padding: 12px 15px; border-top: 1px solid rgba(20,18,21,.12); text-align: left; vertical-align: top; }
.ck-blogtext .table thead th { background: var(--ck-ink-soft); color: var(--ck-cream); font: 800 11.5px "Archivo", sans-serif; letter-spacing: .16em; text-transform: uppercase; border-top: 0; }
.ck-blogtext .table-striped tbody tr:nth-child(odd) { background: rgba(20,18,21,.035); }
.ck-blogtext .table-bordered th, .ck-blogtext .table-bordered td { border: 1px solid rgba(20,18,21,.14); }
.ck-blogtext .table-responsive { overflow-x: auto; margin: 24px 0; border: 1px solid rgba(20,18,21,.14); }

.ck-blogtext .btn { display: inline-block; padding: 14px 26px; border-radius: 999px; font: 800 12.5px "Archivo", sans-serif; letter-spacing: .13em; text-transform: uppercase; text-decoration: none; transition: background .2s, transform .2s; }
.ck-blogtext .btn-primary { background: var(--ck-red-btn); color: #fff; }
.ck-blogtext .btn-primary:hover { background: var(--ck-red-btn-hover); color: #fff; transform: translateY(-2px); }
.ck-blogtext .btn-outline-primary { border: 2px solid var(--ck-red); color: var(--ck-red); }
.ck-blogtext .btn-outline-primary:hover { background: var(--ck-red); color: #fff; }

.ck-blogtext .list-group { margin: 22px 0; border: 1px solid rgba(20,18,21,.14); }
.ck-blogtext .list-group-item { padding: 13px 18px; border-top: 1px solid rgba(20,18,21,.12); }
.ck-blogtext .list-group-item:first-child { border-top: 0; }

/* Abstands-Hilfsklassen, soweit sie in Beitraegen auftauchen */
.ck-blogtext .mb-0 { margin-bottom: 0; } .ck-blogtext .mb-2 { margin-bottom: 10px; }
.ck-blogtext .mb-3 { margin-bottom: 18px; } .ck-blogtext .mb-4 { margin-bottom: 26px; }
.ck-blogtext .mt-0 { margin-top: 0; } .ck-blogtext .mt-3 { margin-top: 18px; }
.ck-blogtext .mt-4 { margin-top: 26px; } .ck-blogtext .my-4 { margin: 26px 0; }
.ck-blogtext .p-3 { padding: 18px; } .ck-blogtext .p-4 { padding: 26px; }
.ck-blogtext .d-flex { display: flex; } .ck-blogtext .gap-3 { gap: 18px; }
.ck-blogtext .align-items-center { align-items: center; }
.ck-blogtext .justify-content-between { justify-content: space-between; }
.ck-blogtext .rounded { border-radius: 4px; }

@media (max-width: 680px) {
    .ck-blogtext .row { gap: 16px; }
    .ck-blogtext .row > [class*="col-"] { flex: 1 1 100%; }
}
/* ---------------------------------------------------------------
 * Wasserzeichen (Vereinsemblem)
 *
 * Ersetzt das fruehere Schriftzeichen. Die Groesse kommt weiterhin
 * aus der font-size der jeweiligen Klasse: width:1em uebernimmt sie
 * eins zu eins, dadurch bleiben alle Positionen unveraendert.
 *
 * Der Filter faerbt das graue Emblem rein weiss - so wirkt es wie
 * das alte, fast weisse Zeichen und funktioniert auf dunklem wie
 * auf rotem Grund. Die Deckkraft je Klasse entspricht dem Alphawert
 * der urspruenglichen Schriftfarbe, wegen des Graus leicht erhoeht.
 * --------------------------------------------------------------- */
.ck-wz {
    width: 1em;
    height: auto;
    display: block;
    line-height: 0;
    filter: brightness(0) invert(1);
    pointer-events: none;
    user-select: none;
    opacity: .08;
}
/* Deckkraft je Einsatzort */
.ck-044.ck-wz, .ck-127.ck-wz, .ck-366.ck-wz { opacity: .10; }
.ck-175.ck-wz, .ck-364.ck-wz, .ck-368.ck-wz, .ck-369.ck-wz, .ck-371.ck-wz { opacity: .08; }
.ck-082.ck-wz, .ck-370.ck-wz { opacity: .16; }
.ck-176.ck-wz, .ck-365.ck-wz { opacity: .18; }
.ck-367.ck-wz { opacity: .12; }
/* Auf sehr schmalen Schirmen kleiner, damit es nicht ueberlagert */
@media (max-width: 680px) {
    .ck-wz { width: .6em; }
}
/* Tabellen in Rechtstexten */
.ck-tablewrap { margin: 22px 0 30px; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid rgba(20,18,21,.14); }
.ck-table { width: 100%; border-collapse: collapse; font: 400 15px/1.6 "Archivo", sans-serif; background: #fff; }
.ck-table caption { caption-side: top; text-align: left; padding: 16px 18px 12px; font-family: "Anton", sans-serif; font-weight: 400; font-size: 19px; text-transform: uppercase; letter-spacing: .02em; color: var(--ck-ink-soft); background: #fff; }
.ck-table thead th { background: var(--ck-ink-soft); color: var(--ck-cream); font: 800 11.5px "Archivo", sans-serif; letter-spacing: .16em; text-transform: uppercase; text-align: left; padding: 13px 16px; vertical-align: bottom; }
.ck-table tbody th { font-weight: 700; color: var(--ck-ink-soft); text-align: left; }
.ck-table th, .ck-table td { padding: 13px 16px; border-top: 1px solid rgba(20,18,21,.12); vertical-align: top; }
.ck-table tbody tr:nth-child(even) { background: rgba(20,18,21,.035); }
.ck-table tbody tr:hover { background: rgba(226,61,40,.07); }
.ck-table td a, .ck-table th a { color: var(--ck-red); text-decoration: underline; }
.ck-table code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13.5px; background: rgba(20,18,21,.07); padding: 2px 6px; }
/* Erste Spalte in zweispaltigen Tabellen schmaler halten */
.ck-table th[scope="row"] { width: 30%; min-width: 190px; }
@media (max-width: 680px) {
    .ck-table { font-size: 14px; }
    .ck-table th, .ck-table td { padding: 10px 12px; }
    .ck-table th[scope="row"] { width: auto; min-width: 130px; }
    .ck-tablewrap { margin-left: -18px; margin-right: -18px; border-left: 0; border-right: 0; }
}
/* Blog */
.ck-blogcta { margin-top: 38px; display: flex; justify-content: center; }
.ck-blogpager { margin-top: 44px; display: flex; align-items: center; justify-content: center; gap: 22px; flex-wrap: wrap; }
.ck-blogpagerinfo { font: 600 13px 'Archivo', sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--ck-muted); }
.ck-blogleer { max-width: 640px; }
.ck-blogtext { margin-top: 26px; font: 400 16.5px/1.8 'Archivo', sans-serif; color: var(--ck-ink-soft); }
.ck-blogtext h2 { font-family: 'Anton', sans-serif; font-weight: 400; font-size: 30px; line-height: 1.15; text-transform: uppercase; margin: 42px 0 14px; }
.ck-blogtext h3 { font-family: 'Anton', sans-serif; font-weight: 400; font-size: 23px; text-transform: uppercase; margin: 34px 0 12px; }
.ck-blogtext p { margin: 0 0 18px; }
.ck-blogtext ul, .ck-blogtext ol { margin: 0 0 18px; padding-left: 22px; }
.ck-blogtext li { margin-bottom: 8px; }
.ck-blogtext a { color: var(--ck-red); text-decoration: underline; }
.ck-blogtext img { max-width: 100%; height: auto; display: block; margin: 24px 0; }
.ck-blogtext blockquote { margin: 26px 0; padding: 4px 0 4px 22px; border-left: 4px solid var(--ck-red); color: var(--ck-muted); font-style: italic; }
.ck-blogtext table { width: 100%; border-collapse: collapse; margin: 24px 0; display: block; overflow-x: auto; }
.ck-blogtext th, .ck-blogtext td { border: 1px solid rgba(20,18,21,.14); padding: 10px 12px; text-align: left; }
/* Fixierte Aktionsbuttons unten rechts */
.ck-floatbar { position: fixed; right: 22px; bottom: 22px; z-index: 85; display: flex; gap: 12px; align-items: center; }
.ck-floatcall { width: 54px; height: 54px; border-radius: 50%; background: var(--ck-ink-soft); border: 1px solid rgba(244,241,235,.28); color: var(--ck-cream); display: flex; align-items: center; justify-content: center; font-size: 21px; box-shadow: 0 14px 30px rgba(0,0,0,.35); transition: transform .2s, border-color .2s; }
.ck-floatcall:hover { transform: translateY(-3px); border-color: var(--ck-red); color: var(--ck-red); }
.ck-floatcta { background: var(--ck-red-btn); color: var(--ck-white); border-radius: 999px; padding: 17px 28px; font: 800 13px 'Archivo', sans-serif; letter-spacing: .12em; text-transform: uppercase; box-shadow: 0 16px 34px rgba(226,61,40,.4); transition: transform .2s, background .2s; }
.ck-floatcta:hover { transform: translateY(-3px); background: var(--ck-red-btn-hover); color: var(--ck-white); }

/* ============================================================
 * Responsive-Schicht
 * Der Entwurf enthaelt KEINE Media Queries (reines Desktop-Layout).
 * Diese Regeln sind ergaenzt, damit die Seiten auf Tablet und
 * Smartphone nutzbar bleiben.
 * ============================================================ */

/* Nie horizontal scrollen */
html, body { max-width: 100%; overflow-x: hidden; }
img, video { max-width: 100%; }

/* Mobile Navigation (Desktop-Menue wird ausgeblendet) */
.ck-navtoggle { display: none; background: none; border: 0; color: var(--ck-cream); font-size: 26px; line-height: 1; padding: 8px 4px; cursor: pointer; margin-left: auto; }
.ck-mobilenav { display: none; background: var(--ck-surface-dark); border-top: 1px solid rgba(244,241,235,.12); max-height: calc(100vh - 114px); overflow-y: auto; }
.ck-mobilenav.is-open { display: block; }
.ck-mobilenav a { display: block; padding: 14px 22px; font: 600 14px "Archivo", sans-serif; color: var(--ck-cream); border-bottom: 1px solid rgba(244,241,235,.07); }
.ck-mobilenav a.is-sub { padding-left: 40px; font-weight: 500; color: rgba(244,241,235,.75); }
.ck-mobilenav a:hover { background: rgba(226,61,40,.13); color: var(--ck-red); }

@media (max-width: 1024px) {
    .ck-035, .ck-059, .ck-247, .ck-250, .ck-251, .ck-252, .ck-253, .ck-330, .ck-347 { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 1350px) {
    .ck-navlink { padding: 10px 9px; letter-spacing: .07em; }
    .ck-navcta { margin-left: 10px; padding: 13px 16px; letter-spacing: .1em; }
}

@media (max-width: 1180px) {
    .ck-navcta-zart { display: none; }
}

@media (max-width: 900px) {
    .ck-navtoggle { display: block; }
    .ck-desktopnav { display: none !important; }
}

@media (max-width: 680px) {
    .ck-035, .ck-059, .ck-247, .ck-250, .ck-251, .ck-252, .ck-253, .ck-330, .ck-347, .ck-053, .ck-148, .ck-248, .ck-249, .ck-340, .ck-341, .ck-345, .ck-349, .ck-351 { grid-template-columns: 1fr !important; }
    .ck-043, .ck-052, .ck-053, .ck-077, .ck-093, .ck-334, .ck-335, .ck-336, .ck-337, .ck-338, .ck-339, .ck-340, .ck-341, .ck-342, .ck-343, .ck-344, .ck-345, .ck-346, .ck-347, .ck-348, .ck-349, .ck-350, .ck-351, .ck-379 { padding-left: 18px !important; padding-right: 18px !important; }
    /* Fixierte Aktionsbuttons kompakter */
    .ck-floatbar { right: 12px !important; bottom: 12px !important; gap: 8px !important; }
    .ck-floatbar a { padding: 13px 18px !important; font-size: 11.5px !important; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
    [data-rv] { opacity: 1 !important; transform: none !important; }
}

/* ============================================================
   Landingpages (pages/landingpage.php)
   Ergaenzt die generierten ck-Klassen um die Bausteine, die es
   nur auf Landingpages gibt: Hero-Kennzahlen, Fortschrittskarten,
   Problem-/Vorteilsraster, SEO-Textbloecke und Akkordeon-FAQ.
   ============================================================ */

.lp-hero { isolation:isolate; }
.lp-herobild {
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; opacity:.42; z-index:0;
    filter:grayscale(.35) contrast(1.05);
}
.lp-hero .ck-043 { position:relative; z-index:2; }
.lp-hero::after {
    content:''; position:absolute; inset:0; z-index:1;
    background:linear-gradient(105deg, var(--ck-ink) 26%, rgba(19,17,20,.82) 58%, rgba(19,17,20,.34) 100%);
}
.lp-hero .ck-005 { margin-top:26px; }
.lp-heroline { display:block; }
.lp-heroline:nth-child(2) { color:var(--ck-red); }

.lp-herocta { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:40px; }
.lp-floatbadge {
    display:inline-flex; align-items:center; gap:8px;
    padding:9px 16px; border:1px solid rgba(244,241,235,.28); border-radius:999px;
    font:700 12px 'Archivo',sans-serif; letter-spacing:.16em; text-transform:uppercase;
    color:rgba(244,241,235,.8);
}
.lp-floatbadge::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--ck-green); }

.lp-herostats {
    display:grid; grid-template-columns:repeat(4,1fr); gap:2px;
    margin-top:56px; border-top:1px solid rgba(244,241,235,.16);
}
.lp-stat { padding:26px 20px 0; }
.lp-stat b {
    display:block; font-family:'Anton',sans-serif; font-weight:400;
    font-size:clamp(30px,3.4vw,44px); line-height:1; color:var(--ck-cream-light);
}
.lp-stat span {
    display:block; margin-top:10px;
    font:600 12px/1.5 'Archivo',sans-serif; letter-spacing:.14em; text-transform:uppercase;
    color:rgba(244,241,235,.5);
}

.lp-herokarten { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:44px; }
.lp-karte {
    padding:20px 22px; border:1px solid rgba(244,241,235,.14); border-radius:4px;
    background:rgba(244,241,235,.04);
}
.lp-kartekopf { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.lp-kartekopf span { font:600 13px 'Archivo',sans-serif; color:rgba(244,241,235,.82); }
.lp-kartekopf b { font:800 13px 'Archivo',sans-serif; color:var(--ck-red); }
.lp-balken { margin-top:12px; height:4px; border-radius:2px; background:rgba(244,241,235,.14); overflow:hidden; }
.lp-balken span { display:block; height:100%; background:var(--ck-red); border-radius:2px; }

/* Vertrauensleiste ------------------------------------------------ */
.lp-badges { background:var(--ck-ink-soft); }
.lp-badgeinner {
    display:flex; flex-wrap:wrap; justify-content:center; gap:14px 34px;
    padding-top:26px !important; padding-bottom:26px !important;
}
.lp-badge {
    display:inline-flex; align-items:center; gap:9px;
    font:600 12.5px 'Archivo',sans-serif; letter-spacing:.12em; text-transform:uppercase;
    color:rgba(244,241,235,.62); text-decoration:none;
}
.lp-badge::before { content:'✓'; color:var(--ck-red); font-weight:800; }
a.lp-badge:hover, a.lp-badge:focus-visible { color:var(--ck-cream-light); }

/* Kennzahlen ------------------------------------------------------ */
.lp-zahlen { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:2px; }
.lp-zahl { padding:8px 24px; border-left:2px solid var(--ck-red); }
.lp-zahl b {
    display:block; font-family:'Anton',sans-serif; font-weight:400;
    font-size:clamp(36px,4vw,54px); line-height:1; color:var(--ck-ink);
}
.lp-zahl span {
    display:block; margin-top:10px;
    font:600 12.5px/1.5 'Archivo',sans-serif; letter-spacing:.13em; text-transform:uppercase;
    color:var(--ck-muted);
}

/* Raster fuer Probleme, Vorteile, Leistungen ---------------------- */
.lp-raster { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:24px; margin-top:52px; }
.lp-problem, .lp-vorteil, .lp-leistung {
    background:var(--ck-cream-light); border:1px solid rgba(20,18,21,.09); border-radius:4px;
    padding:30px 30px 32px;
}
.lp-problem { border-left:3px solid var(--ck-red); }
.lp-vorteil { border-top:3px solid var(--ck-ink); }
.lp-problemtitel, .lp-vorteiltitel {
    font-family:'Anton',sans-serif; font-weight:400; font-size:20px; line-height:1.2;
    text-transform:uppercase; color:var(--ck-ink);
}
.lp-problem p, .lp-vorteil p, .lp-leistung p {
    margin:14px 0 0; font:400 15px/1.75 'Archivo',sans-serif; color:var(--ck-muted);
}
.lp-leistung { padding:0; overflow:hidden; display:flex; flex-direction:column; }
.lp-leistung img { width:100%; height:210px; object-fit:cover; display:block; }
.lp-leistungtext { padding:26px 28px 30px; }
.lp-minibadge {
    display:inline-block; margin-bottom:12px; padding:5px 11px; border-radius:999px;
    background:var(--ck-red); color:var(--ck-white);
    font:800 10.5px 'Archivo',sans-serif; letter-spacing:.16em; text-transform:uppercase;
}
.lp-features { list-style:none; margin:18px 0 0; padding:0; display:grid; gap:9px; }
.lp-features li {
    position:relative; padding-left:22px;
    font:500 14.5px/1.6 'Archivo',sans-serif; color:#3B362D;
}
.lp-features li::before { content:'✓'; position:absolute; left:0; color:var(--ck-red); font-weight:800; }

/* Loesung --------------------------------------------------------- */
.lp-loesung { background:var(--ck-ink); color:var(--ck-cream); }
.lp-loesung .ck-295 { color:var(--ck-cream-light); }
.lp-loesung .ck-307 { color:rgba(244,241,235,.7); }
.lp-loesung .ck-248 { margin-top:44px; }
.lp-loesung .ck-058 { color:rgba(244,241,235,.86); }
.lp-mehr { margin-top:44px; }
.lp-leistungen { background:var(--ck-cream-light); }

/* SEO-Textbloecke -------------------------------------------------- */
.lp-wechsel { background:var(--ck-cream-light); }
.lp-seoblock { display:grid; grid-template-columns:1.15fr .85fr; gap:64px; align-items:start; }
.lp-seoblock.lp-gedreht .lp-seotext { order:2; }
.lp-seoblock.lp-gedreht .lp-seobild { order:1; }
.lp-fliesstext { margin-top:26px; }
.lp-fliesstext p { margin:0 0 18px; font:400 16px/1.85 'Archivo',sans-serif; color:#3B362D; }
.lp-fliesstext p:last-child { margin-bottom:0; }

.lp-highlights { margin-top:34px; display:grid; gap:20px; }
.lp-highlight { padding:20px 24px; background:var(--ck-cream); border-left:3px solid var(--ck-red); border-radius:0 4px 4px 0; }
.lp-wechsel .lp-highlight { background:var(--ck-cream); }
.lp-highlighttitel {
    display:flex; gap:10px; align-items:baseline;
    font:800 14px 'Archivo',sans-serif; letter-spacing:.05em; text-transform:uppercase; color:var(--ck-ink);
}
.lp-highlight p { margin:10px 0 0 22px; font:400 15px/1.75 'Archivo',sans-serif; color:var(--ck-muted); }

.lp-seobild { position:sticky; top:110px; }
.lp-seobild img { width:100%; height:auto; display:block; border-radius:4px; }
.lp-bildbadge {
    margin-top:-40px; margin-left:20px; position:relative;
    display:inline-flex; flex-direction:column; gap:2px;
    padding:16px 22px; background:var(--ck-red); color:var(--ck-white); border-radius:4px;
}
.lp-bildbadge b { font-family:'Anton',sans-serif; font-weight:400; font-size:30px; line-height:1; }
.lp-bildbadge span { font:700 11px 'Archivo',sans-serif; letter-spacing:.14em; text-transform:uppercase; opacity:.9; }

/* FAQ -------------------------------------------------------------- */
.lp-faqbereich { background:var(--ck-cream-light); }
.lp-faqs { margin-top:52px; border-top:1px solid rgba(20,18,21,.12); }
.lp-faq { border-bottom:1px solid rgba(20,18,21,.12); }
.lp-faq summary {
    display:flex; align-items:center; gap:20px; padding:26px 4px; cursor:pointer;
    list-style:none; transition:color .18s ease;
}
.lp-faq summary::-webkit-details-marker { display:none; }
.lp-faq summary:hover .lp-faqfrage, .lp-faq summary:focus-visible .lp-faqfrage { color:var(--ck-red); }
.lp-faqnr { font:800 12px 'Archivo',sans-serif; letter-spacing:.12em; color:var(--ck-red); flex:0 0 auto; }
.lp-faqfrage {
    flex:1; font-family:'Anton',sans-serif; font-weight:400; font-size:19px; line-height:1.3;
    text-transform:uppercase; color:var(--ck-ink); transition:color .18s ease;
}
.lp-faqplus {
    flex:0 0 auto; width:30px; height:30px; border-radius:50%;
    border:1px solid rgba(20,18,21,.2); display:flex; align-items:center; justify-content:center;
    font:400 20px/1 'Archivo',sans-serif; color:var(--ck-ink);
    transition:transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}
.lp-faq[open] .lp-faqplus { transform:rotate(45deg); background:var(--ck-red); color:var(--ck-white); border-color:var(--ck-red); }
.lp-faqantwort { padding:0 4px 30px 52px; }
.lp-faqantwort p { margin:0 0 16px; font:400 16px/1.8 'Archivo',sans-serif; color:var(--ck-muted); }
.lp-faqantwort p:last-child { margin-bottom:0; }

/* Autor ------------------------------------------------------------ */
.lp-autor {
    display:flex; gap:30px; align-items:flex-start;
    padding:34px 36px; background:var(--ck-cream-light);
    border:1px solid rgba(20,18,21,.1); border-left:3px solid var(--ck-red); border-radius:0 4px 4px 0;
}
.lp-autorbild { width:96px; height:96px; border-radius:50%; object-fit:cover; flex:0 0 auto; }
.lp-autorname { font-family:'Anton',sans-serif; font-weight:400; font-size:22px; text-transform:uppercase; color:var(--ck-ink); }
.lp-autorrolle { margin-top:4px; font:700 12px 'Archivo',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--ck-red); }
.lp-autorbio { margin:14px 0 0; font:400 15px/1.75 'Archivo',sans-serif; color:var(--ck-muted); }
.lp-autormeta { margin-top:16px; display:flex; flex-wrap:wrap; gap:8px 22px; font:500 12.5px 'Archivo',sans-serif; color:var(--ck-muted-soft); }
.lp-autorlinks { margin-top:12px; display:flex; gap:18px; }
.lp-autorlinks a { font:700 12.5px 'Archivo',sans-serif; letter-spacing:.1em; text-transform:uppercase; color:var(--ck-ink); }
.lp-autorlinks a:hover, .lp-autorlinks a:focus-visible { color:var(--ck-red); }

/* Abschluss-CTA ---------------------------------------------------- */
.lp-ctatext { margin:16px 0 0; max-width:620px; font:400 16px/1.75 'Archivo',sans-serif; color:rgba(255,255,255,.88); }
.lp-ctavorteile { list-style:none; margin:22px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px 26px; }
.lp-ctavorteile li {
    position:relative; padding-left:22px;
    font:600 14px 'Archivo',sans-serif; color:rgba(255,255,255,.94);
}
.lp-ctavorteile li::before { content:'✓'; position:absolute; left:0; font-weight:800; }

@media (max-width: 980px) {
    .lp-seoblock { grid-template-columns:1fr; gap:40px; }
    .lp-seoblock.lp-gedreht .lp-seotext { order:1; }
    .lp-seoblock.lp-gedreht .lp-seobild { order:2; }
    .lp-seobild { position:static; }
    .lp-herostats { grid-template-columns:repeat(2,1fr); }
    .lp-herokarten { grid-template-columns:1fr; }
    .lp-autor { flex-direction:column; gap:20px; }
}

@media (max-width: 640px) {
    .lp-herostats { grid-template-columns:1fr; }
    .lp-raster { grid-template-columns:1fr; }
    .lp-faqantwort { padding-left:4px; }
    .lp-zahl { border-left:none; border-top:2px solid var(--ck-red); padding:18px 0 0; }
}
.lp-kartenlabel {
    margin-top:44px;
    font:700 11.5px 'Archivo',sans-serif; letter-spacing:.2em; text-transform:uppercase;
    color:rgba(244,241,235,.45);
}
.lp-kartenlabel + .lp-herokarten { margin-top:16px; }
.lp-icon { font-size:26px; line-height:1; margin-bottom:14px; }
.lp-zahl b small { font-size:.46em; margin-left:.14em; font-weight:400; letter-spacing:.01em; }
.lp-inlineicon { font-style:normal; font-size:1.05em; }

/* Backend-Akzentsyntax ||Wort|| bzw. |||Wort||| in Überschriften */
.lp-akzent { color:var(--ck-red); }
.lp-akzent-glow { color:var(--ck-red); text-shadow:0 0 22px rgba(226,61,40,.45); }

/* Inhalte aus dem HTML-Editor des Backends */
.lp-fliesstext ul, .lp-fliesstext ol,
.lp-faqantwort ul, .lp-faqantwort ol,
.lp-highlighttext ul, .lp-highlighttext ol { margin:0 0 18px; padding-left:22px; }
.lp-fliesstext li, .lp-faqantwort li, .lp-highlighttext li {
    margin-bottom:7px; font:400 16px/1.8 'Archivo',sans-serif; color:#3B362D;
}
.lp-faqantwort li { color:var(--ck-muted); }
.lp-fliesstext a, .lp-faqantwort a, .lp-highlighttext a {
    color:var(--ck-red); text-decoration:underline; text-underline-offset:3px;
}
.lp-fliesstext h3, .lp-faqantwort h3, .lp-highlighttext h3,
.lp-fliesstext h4, .lp-faqantwort h4, .lp-highlighttext h4 {
    margin:26px 0 12px; font-family:'Anton',sans-serif; font-weight:400;
    font-size:20px; line-height:1.25; text-transform:uppercase; color:var(--ck-ink);
}
.lp-fliesstext blockquote, .lp-faqantwort blockquote {
    margin:22px 0; padding:4px 0 4px 20px; border-left:3px solid var(--ck-red);
    font:400 17px/1.75 'Archivo',sans-serif; color:var(--ck-ink);
}
.lp-fliesstext table, .lp-faqantwort table { width:100%; border-collapse:collapse; margin:20px 0; }
.lp-fliesstext th, .lp-fliesstext td,
.lp-faqantwort th, .lp-faqantwort td {
    padding:11px 14px; border-bottom:1px solid rgba(20,18,21,.12); text-align:left;
    font:400 15px/1.6 'Archivo',sans-serif;
}
.lp-fliesstext th, .lp-faqantwort th { font-weight:700; color:var(--ck-ink); }
.lp-fliesstext hr, .lp-faqantwort hr {
    border:0; border-top:1px solid rgba(20,18,21,.12); margin:26px 0;
}

.lp-highlighttext { margin:10px 0 0 22px; }
.lp-highlighttext p { margin:0 0 12px; font:400 15px/1.75 'Archivo',sans-serif; color:var(--ck-muted); }
.lp-highlighttext p:last-child { margin-bottom:0; }
/* ============================================================
   Trainerübersicht und Kursplan (Daten aus der Vereinsverwaltung)
   ============================================================ */

.ck-trainerraster {
    display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
    gap:26px; margin:52px 0 72px;
}
.ck-trainer {
    background:var(--ck-cream-light); border:1px solid rgba(20,18,21,.09);
    border-radius:4px; overflow:hidden; display:flex; flex-direction:column;
}
.ck-trainerbild { width:100%; aspect-ratio:3/4; object-fit:cover; display:block; }
.ck-trainerbild-leer {
    display:flex; align-items:center; justify-content:center;
    background:var(--ck-ink); color:rgba(244,241,235,.35);
    font-family:'Anton',sans-serif; font-size:64px; line-height:1;
}
.ck-trainertext { padding:22px 24px 26px; }
.ck-trainername {
    font-family:'Anton',sans-serif; font-weight:400; font-size:19px; line-height:1.2;
    text-transform:uppercase; color:var(--ck-ink);
}
.ck-trainerrolle {
    margin-top:6px; font:700 11.5px 'Archivo',sans-serif;
    letter-spacing:.13em; text-transform:uppercase; color:var(--ck-red);
}
.ck-trainerlizenz {
    margin-top:10px; padding-top:10px; border-top:1px solid rgba(20,18,21,.1);
    font:500 13.5px/1.6 'Archivo',sans-serif; color:var(--ck-muted);
}
.ck-trainervita { margin:12px 0 0; font:400 14.5px/1.7 'Archivo',sans-serif; color:var(--ck-muted); }

.ck-planzeit { white-space:nowrap; font-variant-numeric:tabular-nums; }
.ck-planhinweis {
    display:inline-block; margin-left:9px; padding:3px 9px; border-radius:999px;
    background:rgba(20,18,21,.07); color:var(--ck-muted);
    font:600 11px 'Archivo',sans-serif; letter-spacing:.08em; text-transform:uppercase;
}

@media (max-width: 640px) {
    .ck-trainerraster { grid-template-columns:1fr; gap:20px; }
}
.ck-trainergrad {
    margin-top:8px; font:800 12.5px 'Archivo',sans-serif;
    letter-spacing:.08em; color:var(--ck-ink);
}
.ck-trainerort {
    margin-top:10px; font:600 11.5px 'Archivo',sans-serif;
    letter-spacing:.12em; text-transform:uppercase; color:var(--ck-muted-soft);
}
/* Zeiten und Leitung in der Seitenspalte der Kursseiten */
.ck-kurszeiten, .ck-kurstrainer { list-style:none; margin:14px 0 0; padding:0; }
.ck-kurszeiten li {
    padding:10px 0; border-bottom:1px solid rgba(20,18,21,.1);
    display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px;
}
.ck-kurszeiten li:last-child { border-bottom:none; }
.ck-kurstag {
    flex:0 0 100%; font:800 11px 'Archivo',sans-serif;
    letter-spacing:.16em; text-transform:uppercase; color:var(--ck-red);
}
.ck-kursuhr {
    font:700 15px 'Archivo',sans-serif; color:var(--ck-ink);
    font-variant-numeric:tabular-nums; white-space:nowrap;
}
.ck-kursort { font:500 13px 'Archivo',sans-serif; color:var(--ck-muted); }
.ck-kursnote {
    flex:0 0 100%; font:400 12.5px/1.5 'Archivo',sans-serif; color:var(--ck-muted-soft);
}

.ck-kurstrainer li {
    display:flex; align-items:center; gap:12px;
    padding:9px 0; border-bottom:1px solid rgba(20,18,21,.1);
}
.ck-kurstrainer li:last-child { border-bottom:none; }
.ck-kurstrainer img {
    width:44px; height:44px; border-radius:50%; object-fit:cover; flex:0 0 auto;
}
.ck-kurstrainer b {
    display:block; font:700 14px 'Archivo',sans-serif; color:var(--ck-ink);
}
.ck-kurstrainer em {
    display:block; margin-top:2px; font-style:normal;
    font:500 12px 'Archivo',sans-serif; color:var(--ck-muted);
}
/* Hinweis auf den Veranstalter der Kurse (Karate Dojo Chikara Club Erfurt e.V.) */
.ck-vereinshinweis {
    margin:0 0 56px; padding:24px 28px;
    background:var(--ck-cream-light);
    border:1px solid rgba(20,18,21,.12);
    border-left:4px solid var(--ck-red);
    border-radius:0 4px 4px 0;
}
.ck-vereinshinweis-titel {
    font:800 12px 'Archivo',sans-serif; letter-spacing:.18em;
    text-transform:uppercase; color:var(--ck-red);
}
.ck-vereinshinweis p {
    margin:12px 0 0; font:400 15.5px/1.75 'Archivo',sans-serif; color:#3B362D;
}
.ck-vereinshinweis strong { font-weight:700; color:var(--ck-ink); }
.ck-vereinshinweis-daten {
    font-size:13.5px !important; color:var(--ck-muted-soft) !important;
    padding-top:12px; border-top:1px solid rgba(20,18,21,.1);
}
.ck-vereinshinweis-kompakt {
    margin:14px 0 0; padding-top:12px;
    border-top:1px solid rgba(20,18,21,.12);
    font:400 12.5px/1.6 'Archivo',sans-serif; color:var(--ck-muted);
}
.ck-vereinshinweis-kompakt strong { color:var(--ck-ink); }

/* ============================================================
   Kursplan - Wochenleiste und Kurskarten
   ============================================================ */

/* --- Kennzahlen im Kopfbereich --- */
.ck-planzahlen {
    display:flex; flex-wrap:wrap; gap:2px 0;
    margin-top:48px; border-top:1px solid rgba(244,241,235,.16);
}
.ck-planzahl { padding:24px 34px 0 0; margin-right:34px; }
.ck-planzahl b {
    display:block; font-family:'Anton',sans-serif; font-weight:400;
    font-size:clamp(28px,3vw,40px); line-height:1; color:var(--ck-cream-light);
    font-variant-numeric:tabular-nums;
}
.ck-planzahl b small { font-size:.5em; font-weight:400; letter-spacing:.01em; }
.ck-planzahl span {
    display:block; margin-top:9px;
    font:600 11.5px/1.5 'Archivo',sans-serif; letter-spacing:.15em;
    text-transform:uppercase; color:rgba(244,241,235,.5);
}

/* --- Wochenleiste --- */
.ck-planwoche {
    display:grid; grid-template-columns:repeat(7,1fr); gap:8px;
    margin-top:40px;
}
.ck-plantag {
    display:flex; flex-direction:column; align-items:center; gap:7px;
    padding:14px 6px; border-radius:4px; text-decoration:none;
    border:1px solid rgba(244,241,235,.14);
    background:rgba(244,241,235,.03);
    transition:background .18s ease, border-color .18s ease, transform .18s ease;
}
.ck-plantagname {
    font:700 11px 'Archivo',sans-serif; letter-spacing:.14em;
    text-transform:uppercase; color:rgba(244,241,235,.55);
}
.ck-plantagzahl {
    font-family:'Anton',sans-serif; font-weight:400; font-size:22px; line-height:1;
    color:rgba(244,241,235,.3); font-variant-numeric:tabular-nums;
}
.ck-plantag.is-aktiv { border-color:rgba(244,241,235,.28); background:rgba(244,241,235,.07); }
.ck-plantag.is-aktiv .ck-plantagname { color:var(--ck-cream); }
.ck-plantag.is-aktiv .ck-plantagzahl { color:var(--ck-red); }
a.ck-plantag:hover, a.ck-plantag:focus-visible {
    background:rgba(226,61,40,.16); border-color:var(--ck-red); transform:translateY(-2px);
}
.ck-plantag.is-heute { border-color:var(--ck-red); box-shadow:inset 0 0 0 1px var(--ck-red); }

/* --- Tagesblock --- */
.ck-plantagblock { margin-bottom:64px; scroll-margin-top:150px; }
.ck-plantagblock:last-of-type { margin-bottom:0; }

.ck-plankopf { display:flex; align-items:center; gap:16px; margin-bottom:28px; }
.ck-plantitel {
    margin:0; font-family:'Anton',sans-serif; font-weight:400;
    font-size:clamp(26px,2.6vw,36px); line-height:1;
    text-transform:uppercase; color:var(--ck-ink);
}
.ck-planheute {
    padding:5px 11px; border-radius:999px; background:var(--ck-red); color:var(--ck-white);
    font:800 10.5px 'Archivo',sans-serif; letter-spacing:.16em; text-transform:uppercase;
}
.ck-planlinie { flex:1; height:1px; background:rgba(20,18,21,.14); }
.ck-plananzahl {
    font:600 12px 'Archivo',sans-serif; letter-spacing:.12em;
    text-transform:uppercase; color:var(--ck-muted-soft); white-space:nowrap;
}
.ck-plantagblock.is-heute .ck-plantitel { color:var(--ck-red); }

/* --- Kurskarten --- */
.ck-plankarten {
    display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:18px;
}
.ck-plankarte {
    display:flex; align-items:stretch; overflow:hidden;
    background:var(--ck-cream-light); border:1px solid rgba(20,18,21,.1);
    border-radius:4px; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.ck-plankarte:hover {
    transform:translateY(-3px); border-color:rgba(20,18,21,.2);
    box-shadow:0 12px 28px rgba(20,18,21,.09);
}

.ck-plankartezeit {
    flex:0 0 96px; display:flex; flex-direction:column;
    align-items:center; justify-content:center; gap:5px;
    padding:20px 10px; background:var(--ck-ink); color:var(--ck-cream);
    position:relative;
}
.ck-plankartezeit::after {
    content:''; position:absolute; right:0; top:0; bottom:0; width:3px; background:var(--ck-red);
}
.ck-plankartezeit b {
    font-family:'Anton',sans-serif; font-weight:400; font-size:22px; line-height:1;
    font-variant-numeric:tabular-nums;
}
.ck-plankartezeit span {
    font:500 12.5px 'Archivo',sans-serif; color:rgba(244,241,235,.5);
    font-variant-numeric:tabular-nums;
}
.ck-plankartezeit span::before { content:'bis '; }

.ck-plankarteinhalt { flex:1; padding:18px 20px; display:flex; flex-direction:column; gap:10px; }
.ck-plankartetitel {
    margin:0; font-family:'Anton',sans-serif; font-weight:400;
    font-size:19px; line-height:1.2; text-transform:uppercase; color:var(--ck-ink);
}
.ck-plankartetitel a { color:inherit; text-decoration:none; }
.ck-plankartetitel a:hover, .ck-plankartetitel a:focus-visible { color:var(--ck-red); }
.ck-plankartenote {
    margin:0; font:400 13.5px/1.55 'Archivo',sans-serif; color:var(--ck-muted);
}

.ck-plankartefuss {
    margin-top:auto; padding-top:12px; border-top:1px solid rgba(20,18,21,.08);
    display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px;
}
.ck-planraum {
    padding:4px 10px; border-radius:999px; background:rgba(20,18,21,.06);
    font:700 11px 'Archivo',sans-serif; letter-spacing:.1em;
    text-transform:uppercase; color:var(--ck-muted);
}

.ck-planleitung { display:flex; align-items:center; gap:9px; margin-left:auto; }
.ck-planavatare { display:flex; }
.ck-planavatare img, .ck-plankopfleer {
    width:30px; height:30px; border-radius:50%; object-fit:cover;
    border:2px solid var(--ck-cream-light); margin-left:-9px;
}
.ck-planavatare > :first-child { margin-left:0; }
.ck-plankopfleer {
    display:flex; align-items:center; justify-content:center;
    background:var(--ck-ink); color:rgba(244,241,235,.6);
    font:700 12px 'Archivo',sans-serif;
}
.ck-plannamen {
    font:500 12.5px/1.4 'Archivo',sans-serif; color:var(--ck-muted);
}

@media (max-width: 860px) {
    .ck-planwoche { grid-template-columns:repeat(4,1fr); }
    .ck-planzahl { padding-right:24px; margin-right:24px; }
}

@media (max-width: 560px) {
    .ck-planwoche { grid-template-columns:repeat(2,1fr); }
    .ck-plankarten { grid-template-columns:1fr; }
    .ck-plankartezeit { flex:0 0 78px; }
    .ck-planleitung { margin-left:0; width:100%; }
}