.gx-page { --gx-bg: #f8fafc; --gx-card: #fff; --gx-text: #0b1220; --gx-muted: #526070; --gx-line: rgba(15,23,42,.10); --gx-brand: #005b88; --gx-brand2: #0a2540; --gx-accent: #256F66; --gx-warn: #b42318; --gx-radius: 18px; --gx-shadow: 0 10px 30px rgba(2,6,23,.08); --gx-max: 1120px; --gx-pad: 22px; --gx-gap: 18px; font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: var(--gx-text); }
.gx-container { max-width: var(--gx-max); margin: 0px auto; padding: 0 var(--gx-pad); }
.gx-hero { padding: 26px 0px 10px; }
.gx-hero__grid { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 26px; align-items: start; }
@media (max-width: 980px) {
  .gx-hero__grid { grid-template-columns: 1fr; }
}
.gx-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--gx-muted); font-weight: 600; font-size: 0.92rem; letter-spacing: 0.2px; margin-bottom: 10px; }
.gx-eyebrow::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg,var(--gx-brand),var(--gx-accent)); display: inline-block; }
.gx-h1 { font-size: clamp(30px, 3.2vw, 44px); line-height: 1.05; margin: 0px 0px 12px; letter-spacing: -0.4px; }
.gx-lead { font-size: 1.06rem; line-height: 1.6; color: var(--gx-text); margin: 0px 0px 14px; }
.gx-bullets { margin: 0px 0px 16px; padding: 0px; list-style: none; display: grid; gap: 10px; }
.gx-bullets li { display: flex; gap: 10px; align-items: flex-start; color: var(--gx-text); }
.gx-bullets li::before { content: ""; width: 10px; height: 10px; border-radius: 3px; background: rgba(0, 91, 136, 0.18); margin-top: 6px; flex: 0 0 auto; }
.gx-eat { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 16px 0px 14px; }
@media (max-width: 780px) {
  .gx-eat { grid-template-columns: 1fr; }
}
.gx-eat__card { background: var(--gx-card); border: 1px solid var(--gx-line); border-radius: 14px; padding: 14px; box-shadow: rgba(2, 6, 23, 0.03) 0px 1px 0px; }
.gx-eat__title { font-weight: 800; color: var(--gx-brand2); font-size: 0.95rem; margin-bottom: 6px; }
.gx-eat__text { color: var(--gx-muted); font-size: 0.96rem; line-height: 1.45; }
.gx-cta { display: flex; gap: 10px; flex-wrap: wrap; margin: 14px 0px 10px; }
.gx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 12px 16px; border-radius: 14px; font-weight: 800; text-decoration: none; border: 1px solid transparent; transition: 0.15s; }
.gx-btn--primary { background: linear-gradient(135deg,var(--gx-brand),#0c6aa0); color: rgb(255, 255, 255); box-shadow: rgba(0, 91, 136, 0.22) 0px 10px 24px; }
.gx-btn--primary:hover { transform: translateY(-1px); }
.gx-btn--ghost { background: rgb(255, 255, 255); border-color: var(--gx-line); color: var(--gx-brand2); }
.gx-btn--ghost:hover { border-color: rgba(0, 91, 136, 0.35); }
.gx-trust { display: flex; gap: 12px; flex-wrap: wrap; color: var(--gx-muted); font-size: 0.92rem; margin-top: 10px; }
.gx-trust__item { display: flex; align-items: center; gap: 8px; }
.gx-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(37, 111, 102, 0.35); }
.le-doc { margin: 0px; background: var(--gx-card); border: 1px solid var(--gx-line); border-radius: var(--gx-radius); box-shadow: var(--gx-shadow); overflow: hidden; }
.le-doc__imgwrap { position: relative; aspect-ratio: 4 / 5; background: linear-gradient(rgba(0, 91, 136, 0.08), rgba(37, 111, 102, 0.06)); }
.le-doc__imgwrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
.le-doc__bar { position: absolute; left: 12px; right: 12px; bottom: 12px; padding: 10px 12px; border-radius: 14px; background: rgba(255, 255, 255, 0.72); backdrop-filter: saturate(1.2) blur(10px); border: 1px solid rgba(15, 23, 42, 0.12); color: var(--gx-brand2); font-weight: 900; text-align: center; }
.le-doc__meta { padding: 14px 14px 16px; display: grid; gap: 6px; background: rgb(255, 255, 255); }
.le-doc__line { color: var(--gx-muted); font-weight: 700; font-size: 0.95rem; }
.gx-nav { margin: 16px 0px 4px; display: flex; flex-wrap: wrap; gap: 8px; padding: 10px; border: 1px solid var(--gx-line); border-radius: 14px; background: rgba(248, 250, 252, 0.65); }
.gx-nav a { font-size: 0.92rem; font-weight: 800; color: var(--gx-brand2); text-decoration: none; padding: 8px 10px; border-radius: 12px; border: 1px solid rgba(15, 23, 42, 0.08); background: rgb(255, 255, 255); }
.gx-nav a:hover { border-color: rgba(0, 91, 136, 0.35); }
.gx-section { padding: 22px 0px; }
.gx-section__head { display: grid; gap: 10px; margin-bottom: 12px; }
.gx-h2 { font-size: clamp(22px, 2.2vw, 30px); line-height: 1.15; margin: 0px; color: var(--gx-brand2); letter-spacing: -0.2px; }
.gx-h2--small { font-size: clamp(20px, 2vw, 26px); }
.gx-kurzfazit { background: rgba(37, 111, 102, 0.08); border: 1px solid rgba(37, 111, 102, 0.18); padding: 12px 14px; border-radius: 14px; color: var(--gx-text); line-height: 1.5; }
.gx-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 820px) {
  .gx-grid2 { grid-template-columns: 1fr; }
}
.gx-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
@media (max-width: 980px) {
  .gx-grid3 { grid-template-columns: 1fr; }
}
.gx-card { background: var(--gx-card); border: 1px solid var(--gx-line); border-radius: var(--gx-radius); padding: 16px; box-shadow: rgba(2, 6, 23, 0.03) 0px 1px 0px; }
.gx-h3 { margin: 0px 0px 8px; font-size: 1.05rem; color: var(--gx-brand2); letter-spacing: -0.1px; }
.gx-list { margin: 0px; padding-left: 18px; color: var(--gx-muted); line-height: 1.55; }
.gx-list--cols { columns: 2; column-gap: 26px; }
@media (max-width: 820px) {
  .gx-list--cols { columns: 1; }
}
.gx-note { margin: 12px 0px 0px; color: var(--gx-muted); font-size: 0.95rem; }
.gx-steps { display: grid; gap: 10px; }
.gx-step { display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: center; background: rgb(255, 255, 255); border: 1px solid var(--gx-line); border-radius: 14px; padding: 12px; }
.gx-step__n { width: 38px; height: 38px; border-radius: 12px; background: rgba(0, 91, 136, 0.1); display: flex; align-items: center; justify-content: center; font-weight: 900; color: var(--gx-brand2); }
.gx-step__t { color: var(--gx-muted); line-height: 1.45; }
.gx-alert { background: rgba(180, 35, 24, 0.06); border: 1px solid rgba(180, 35, 24, 0.18); border-radius: var(--gx-radius); padding: 14px; }
.gx-alert .gx-list { color: rgb(107, 26, 20); }
.gx-faq { display: grid; gap: 10px; }
.gx-faq__item { background: rgb(255, 255, 255); border: 1px solid var(--gx-line); border-radius: 14px; padding: 0px; overflow: hidden; }
.gx-faq__item summary { cursor: pointer; list-style: none; padding: 14px; font-weight: 900; color: var(--gx-brand2); }
.gx-faq__item summary::-webkit-details-marker { display: none; }
.gx-faq__content { padding: 0px 14px 14px; color: var(--gx-muted); line-height: 1.55; }
.gx-faq__item[open] summary { border-bottom: 1px solid var(--gx-line); background: rgba(0, 91, 136, 0.04); }
.gx-path { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: flex-start; margin-top: 14px; color: var(--gx-muted); }
.gx-path a { color: var(--gx-brand); font-weight: 900; text-decoration: none; }
.gx-path a:hover { text-decoration: underline; }
.gx-final { padding: 18px 0px 34px; }
.gx-final__card { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 14px; align-items: center; background: linear-gradient(135deg, rgba(0, 91, 136, 0.06), rgba(37, 111, 102, 0.06)); border: 1px solid var(--gx-line); border-radius: var(--gx-radius); padding: 16px; }
@media (max-width: 820px) {
  .gx-final__card { grid-template-columns: 1fr; }
}
.gx-p { margin: 8px 0px 0px; color: var(--gx-muted); line-height: 1.6; }
.gx-final__cta { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 820px) {
  .gx-final__cta { justify-content: flex-start; }
}