:where(#inhalt):has(>.ccg-cockpit){padding-top:0}.ccg-cockpit{--bildschirm-b:calc(100% - 2 * var(--ccg-kopf-rand));--armatur-h:168px;--armatur-bogen:70px;--ueberlapp:26px;--rad-b:210px;--rad-h:calc(var(--rad-b) * 186 / 175);--rad-x:28%;--rad-ueber:-34px;z-index:1;padding-top:calc(var(--ccg-header-offset) + .75rem);padding-bottom:calc(var(--armatur-h) - var(--ueberlapp));color:#fff;background-color:#0a0816;background-image:url(../media/hero-muster-960.0l3hd3tx~_i7-.webp), var(--hero-gradient);background-blend-mode:soft-light, normal, normal, normal, normal;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.ccg-cockpit__szene{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ccg-cockpit__strasse{top:var(--horizont);bottom:calc(var(--armatur-h) - 60px);left:calc(var(--rad-x) - 90vw);background:url(../media/strasse.0mj06~k~0hupi.svg) 0 0/100% 100% no-repeat;width:180vw;display:none;position:absolute}.ccg-cockpit__strasse:before{content:"";background:url(../media/skyline.0_e9_q9lsw74b.svg) 50% 100%/auto 46px no-repeat,radial-gradient(16% 100% at 50% 100%,#a677f866,#0000 72%);height:150px;position:absolute;bottom:100%;left:0;right:0}.ccg-cockpit__armatur{z-index:1;height:var(--armatur-h);border-radius:50% 50% 0 0 / var(--armatur-bogen) var(--armatur-bogen) 0 0;background:linear-gradient(180deg, #292a42, #151628 18%, #0a0a15 55%, #05050b) padding-box, linear-gradient(90deg, transparent 8%, hsl(var(--accent-from)) 26%, hsl(var(--accent-to)) 74%, transparent 92%) border-box;box-shadow:0 -1px 6px hsl(var(--accent-from) / .45), 0 -4px 26px -4px hsl(var(--accent-to) / .7);border-top:3px solid #0000;position:absolute;bottom:0;left:-25%;right:-25%}.ccg-cockpit__armatur:before{content:"";border-radius:inherit;border-top:1px solid #ffffff17;height:100%;position:absolute;top:26px;left:3%;right:3%}.ccg-cockpit__lenkrad{z-index:2;left:calc(var(--rad-x) - var(--rad-b) / 2);bottom:calc(var(--armatur-h) + var(--rad-ueber) - var(--rad-h));width:var(--rad-b);height:var(--rad-h);position:absolute}.ccg-cockpit__lenkrad:after{content:"";filter:drop-shadow(0 18px 24px #030208b3);background:url(../media/lenkrad.0n_bb_2.e0f.i.svg) 50%/contain no-repeat;position:absolute;inset:0}.ccg-cockpit__tacho{width:64%;height:calc(var(--rad-b) * .2);padding:0 7%;padding-top:calc(var(--rad-b) * .035);box-shadow:inset 0 0 0 1px #ffffff1a, 0 0 26px -8px hsl(var(--accent-from) / .6);color:#e2e5f3e6;font-variant-numeric:tabular-nums;white-space:nowrap;background:linear-gradient(#0f1024,#080812);border-radius:12px 12px 6px 6px;justify-content:space-between;align-items:flex-start;font-size:11px;font-weight:600;line-height:1;display:none;position:absolute;bottom:93%;left:18%}.ccg-cockpit__gang{color:hsl(var(--accent))}.ccg-cockpit__tempo{letter-spacing:-.03em;font-size:22px;font-weight:600}.ccg-cockpit__tempo small{letter-spacing:0;opacity:.7;margin-left:3px;font-size:9px;font-weight:500}.ccg-cockpit__akku{align-items:center;gap:5px;display:inline-flex}.ccg-cockpit__akku:before{content:"";background:linear-gradient(90deg,#3cdd92 80%,#0000 80%);border-radius:2px;width:16px;height:8px;box-shadow:0 0 0 1px #ffffff80}.ccg-cockpit__bildschirm{z-index:1;width:var(--bildschirm-b);box-shadow:0 0 0 1px #ffffff1a, 0 34px 70px -28px #020109f2, 0 0 100px -34px hsl(var(--accent-to) / .7);background:url(../media/strassennetz.12je_nfv_jego.svg) 0 0/200px padding-box padding-box,radial-gradient(120% 100% at 85% 15%,#18183f,#0d0d21 68%) padding-box padding-box,linear-gradient(160deg,#343651,#090911 30%,#05050a) border-box;border:6px solid #0000;border-radius:22px;margin-inline:auto;position:relative}.ccg-cockpit__bildschirm:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(118deg,#ffffff12,#ffffff05 32%,#0000 32.2%);border-radius:16px;position:absolute;inset:0}.ccg-cockpit__bildschirm:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 50% 0,#675af652,#0000);height:80px;position:absolute;top:calc(100% - 4px);left:4%;right:4%}.ccg-cockpit__status{color:#e2e5f399;letter-spacing:.02em;font-variant-numeric:tabular-nums;justify-content:space-between;padding:10px 16px 0;font-size:12px;font-weight:600;display:flex}.ccg-cockpit__navi{gap:8px;padding:12px 16px 22px;display:grid}.ccg-cockpit__ansage{background:linear-gradient(90deg, hsl(var(--accent-from)), hsl(var(--accent-to)));border-radius:10px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:14px;font-weight:600;line-height:1.2;display:inline-flex;box-shadow:0 10px 24px -12px #2525f4e6}.ccg-cockpit__ansage:before{content:"";background:currentColor;width:20px;height:20px;-webkit-mask:url(../media/wenden.046tjt89wa63j.svg) 50%/contain no-repeat;mask:url(../media/wenden.046tjt89wa63j.svg) 50%/contain no-repeat}.ccg-cockpit__titel{margin-top:14px;font-size:24px;line-height:1.15}.ccg-cockpit__404{letter-spacing:-.06em;font-variant-numeric:tabular-nums;color:#0000;background:linear-gradient(#fff 35%,#b8adff);filter:drop-shadow(0 0 28px #7156fb80);-webkit-background-clip:text;background-clip:text;width:fit-content;margin-bottom:6px;padding-bottom:.04em;font-size:clamp(84px,26vw,112px);font-weight:600;line-height:.9;display:block}.ccg-cockpit__dek{color:#e2e5f3cc;max-width:34rem;margin-top:10px;font-size:15px;line-height:1.5}.ccg-cockpit__ziel{height:34px;transition:background-color var(--ccg-dur-fast) var(--ccg-ease);background:#ffffff14;border-radius:9999px;align-items:center;gap:7px;padding:0 14px 0 11px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff29}.ccg-cockpit__ziel:before{content:"";background:hsl(var(--accent));border-radius:50%;width:6px;height:6px}.ccg-cockpit__ziel:hover{background:#ffffff29}.ccg-cockpit__ziel:focus-visible{outline-offset:2px;outline:2px solid #fff}.ccg-cockpit__karte{aspect-ratio:400/440;align-self:center;display:none;position:relative}.ccg-cockpit__karte:before{content:"";background:url(../media/karte.0o2~-i20ldjr4.svg) 0 0/100% 100% no-repeat;position:absolute;inset:0;-webkit-mask:radial-gradient(72% 62%,#000 62%,#0000 100%);mask:radial-gradient(72% 62%,#000 62%,#0000 100%)}.ccg-cockpit__position{opacity:0;border:2px solid #7092ffb3;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:92.05%;left:50%}.ccg-cockpit__nadel{isolation:isolate;color:#fff;text-align:center;filter:drop-shadow(0 8px 10px #02010999);width:34px;height:44px;font-size:18px;font-weight:700;line-height:34px;position:absolute;top:21.82%;left:80%;translate:-50% -100%}.ccg-cockpit__nadel:before{content:"";z-index:-1;background:linear-gradient(135deg, hsl(var(--accent-from)), hsl(var(--accent-to)));border-radius:50% 50% 50% 0;width:34px;height:34px;position:absolute;top:0;left:0;rotate:-45deg;box-shadow:inset 0 0 0 2px #ffffffd9}.ccg-cockpit__strassenname{color:#e2e5f3cc;white-space:nowrap;background:#090915d9;border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:600;position:absolute;top:100%;left:50%;translate:-50% -50%;box-shadow:inset 0 0 0 1px #ffffff1a}@media (prefers-reduced-motion:no-preference){.ccg-cockpit__position{animation:ccg-cockpit-ortung 2.4s var(--ccg-ease) infinite}.ccg-cockpit__nadel{animation:2.8s ease-in-out infinite ccg-cockpit-nadel}}@keyframes ccg-cockpit-ortung{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.35)}}@keyframes ccg-cockpit-nadel{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (min-width:768px){.ccg-cockpit{--bildschirm-b:min(720px, 100% - 3rem);--armatur-h:196px;--armatur-bogen:90px;--ueberlapp:30px;--rad-b:246px;--rad-x:30%;--rad-ueber:-38px;background-image:url(../media/hero-muster-1920.16jr0nqgaja~o.webp), var(--hero-gradient)}.ccg-cockpit__bildschirm{border-width:7px;border-radius:24px}.ccg-cockpit__bildschirm:before{border-radius:17px}.ccg-cockpit__status{padding-inline:18px}.ccg-cockpit__navi{grid-template-columns:minmax(0,1fr) minmax(0,36%);gap:12px;padding:14px 22px 30px 30px}.ccg-cockpit__karte{display:block}.ccg-cockpit__titel{font-size:28px}.ccg-cockpit__dek{font-size:16px}}@media (min-width:1024px){.ccg-cockpit{--bildschirm-b:min(800px, 62%);--armatur-h:236px;--armatur-bogen:130px;--ueberlapp:100px;--rad-b:clamp(260px, 24vw, 340px);--rad-x:calc((100% - var(--bildschirm-b)) / 2);--rad-ueber:60px;--horizont:calc(var(--ccg-header-offset) + 110px);padding-top:calc(var(--ccg-header-offset) + 1.75rem)}.ccg-cockpit__strasse{display:block}.ccg-cockpit__tacho{display:flex}.ccg-cockpit__bildschirm{margin-right:max(1.25rem, (100% - var(--wrap)) / 2);margin-left:auto}.ccg-cockpit__404{font-size:124px}.ccg-cockpit__titel{font-size:30px}}