.guk{max-width:1120px;margin:0 auto;padding:48px 24px 64px;font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#1f2933;box-sizing:border-box}
.guk *,.guk *::before,.guk *::after{box-sizing:border-box}
.guk h1,.guk h2,.guk p{color:inherit}
.guk h1{font-size:clamp(32px,3.5vw,48px);line-height:1.12;margin:4px 0 16px;letter-spacing:-.025em}
.guk h2{font-size:19.52px;line-height:1.3;margin:0 0 10.4px}
.guk p{line-height:1.55}
.guk-intro{max-width:740px;margin-bottom:36px}
.guk-kicker{color:#006b2a!important;font-weight:700;font-size:13.76px;margin:0 0 6.4px}
.guk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:clamp(28px,5vw,64px);align-items:start}
.guk-form,.guk-preview{min-width:0}
.guk-form{margin:0;padding:0}
.guk-help{font-size:14.4px;color:#4d5d53!important;margin:3.2px 0 19.2px}
.guk-field{margin:0 0 19.2px}
.guk-field label{display:block;font-size:15.52px;font-weight:700;margin:0 0 7.2px}
.guk-optional{font-weight:400;color:#4d5d53}
.guk-field input{display:block;width:100%;min-height:48px;border:1px solid #9eaaa1;border-radius:4px;padding:10px 12px;background:#fff;color:#1f2933;font:inherit}
.guk-field small{display:block;font-size:14px;color:#4d5d53;line-height:1.45;margin-top:5.6px}
.guk :is(input,button,a):focus-visible{outline:3px solid #1766b4;outline-offset:3px}
.guk-check{display:flex;align-items:flex-start;gap:10px;font-size:15.2px;line-height:1.45;margin:20.8px 0}
.guk-check input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:#006b2a}
.guk-privacy{font-size:14px;color:#4d5d53!important}
.guk a{color:#006629;text-decoration:underline;text-underline-offset:2px}
.guk-submit,.guk-again{min-height:48px;border:0;border-radius:4px;background:#006b2a;color:#fff!important;padding:12px 20px;font:700 16px Arial,Helvetica,sans-serif;cursor:pointer;text-transform:none;letter-spacing:normal}
.guk button:hover:not(:disabled){background:#005321}
.guk button:disabled{cursor:wait;opacity:.7}
.guk button[hidden]{display:none}
.guk-status{min-height:1.5em;margin:14.4px 0;line-height:1.5}
.guk-status[data-state="error"]{color:#a21d1d!important}
.guk-status[data-state="success"]{color:#075b28!important;font-weight:700}
.guk-trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.guk-preview>p{font-size:15.04px}
.guk-card{border:1px solid #cedbd1;border-radius:5px;padding:16px;margin:0 0 12px;background:#fff;color:#1f2933;font-size:12.16px;line-height:1.38;overflow-wrap:anywhere}
.guk-card p{margin:8px 0;line-height:1.38}.guk-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.guk-card-head img{width:66px;height:auto;flex:none}.guk-card-head strong{font-size:13.12px}.guk-card-label{font-size:11.52px;color:#4d5d53!important;margin:8px 0 0!important}.guk-card .guk-value{font-weight:700;margin:0 0 8px}.guk-card-service{display:flex;justify-content:space-between;gap:8px;align-items:flex-end}.guk-card-service>div{min-width:0}.guk-qr{width:74px;height:74px;flex:none}
@media(max-width:700px){.guk{padding:32px 18px 48px}.guk-grid{grid-template-columns:minmax(0,1fr);gap:35px}.guk-intro{margin-bottom:27.2px}.guk-preview{max-width:540px}.guk-submit,.guk-again{width:100%}}
@media(prefers-reduced-motion:reduce){.guk *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.guk-test-notice{padding:12px 16px;background:#fff6d6;color:#4a3800!important;font-size:14px;border-left:4px solid #bf8c00}
.g26 .guk h1{font-size:clamp(32px,3.5vw,48px);line-height:1.12;margin:4px 0 16px;letter-spacing:-.025em;max-width:none}
.g26 .guk h2{font-size:19.52px;line-height:1.3;margin:0 0 10.4px}
.g26 .guk p{line-height:1.55}
.g26 .guk .guk-card p{line-height:1.38}

/* Unfallkarten: abgestimmt auf den gemeinsamen Galrao Seitenrahmen. */
.g26 section.guk{box-sizing:border-box;width:calc(100% - 40px);max-width:1120px;margin:0 auto;padding:40px 0 72px;color:#17382a;font:400 16px/1.6 Arial,Helvetica,sans-serif}
.g26 .guk .guk-intro{box-sizing:border-box;max-width:none;margin:0 0 36px;padding:clamp(24px,4vw,42px);border:1px solid #d9e9de;border-radius:16px;background:#f1f7f2}
.g26 .guk .guk-kicker{margin:0 0 10px;color:#176b37!important;font-size:14px;line-height:1.4;font-weight:700;letter-spacing:.01em}
.g26 .guk .guk-intro h1{max-width:19ch;margin:0 0 15px;color:#17382a;font-size:clamp(32px,3.5vw,46px);line-height:1.13;letter-spacing:-.025em}
.g26 .guk .guk-intro>p:last-child{max-width:65ch;margin:0;color:#344b3d;font-size:17px;line-height:1.6}
.g26 .guk .guk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:32px;align-items:start}
.g26 .guk .guk-form,.g26 .guk .guk-preview{box-sizing:border-box;min-width:0;margin:0;padding:clamp(22px,2.6vw,32px);border:1px solid #d9e5dc;border-radius:14px}
.g26 .guk .guk-form{background:#fff}.g26 .guk .guk-preview{background:#f7faf8}
.g26 .guk .guk-form h2,.g26 .guk .guk-preview h2{margin:0 0 10px;color:#17382a;font-size:23px;line-height:1.25;letter-spacing:-.015em}
.g26 .guk .guk-form .guk-help,.g26 .guk .guk-preview>p{margin:0 0 24px;color:#52665a!important;font-size:15px;line-height:1.55}
.g26 .guk .guk-field{margin:0 0 20px}.g26 .guk .guk-field label{display:block;margin:0 0 7px;color:#17382a;font-size:15px;line-height:1.4;font-weight:700}
.g26 .guk .guk-optional{color:#52665a;font-weight:400}
.g26 .guk .guk-field input{box-sizing:border-box;display:block;width:100%;min-height:50px;margin:0;padding:11px 14px;border:1px solid #92a69a;border-radius:8px;background:#fff;color:#1f2933;font:400 16px/1.45 Arial,Helvetica,sans-serif;-webkit-appearance:none;appearance:none}
.g26 .guk .guk-field input::placeholder{color:#65776c;opacity:1}
.g26 .guk .guk-field small{display:block;margin-top:7px;color:#52665a;font-size:14px;line-height:1.45}
.g26 .guk .guk-check{margin:24px 0 18px;color:#243d30;line-height:1.5}.g26 .guk .guk-check input{accent-color:#006b2a}
.g26 .guk .guk-privacy{margin:0 0 22px;color:#52665a!important;font-size:14px;line-height:1.55}.g26 .guk a{color:#006b2a;text-underline-offset:3px}
.g26 .guk .guk-submit,.g26 .guk .guk-again{min-height:50px;padding:13px 22px;border:0;border-radius:8px;background:#006b2a;color:#fff!important;font:700 16px/1.3 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:normal;cursor:pointer;transition:background-color 150ms ease,transform 150ms ease;touch-action:manipulation}
.g26 .guk .guk-submit:active:not(:disabled),.g26 .guk .guk-again:active:not(:disabled){transform:scale(.985)}
@media(hover:hover){.g26 .guk .guk-submit:hover:not(:disabled),.g26 .guk .guk-again:hover:not(:disabled){background:#005321}}
.g26 .guk :is(input,button,a):focus-visible{outline:3px solid #1766b4;outline-offset:3px}.g26 .guk .guk-status{margin:12px 0 0;line-height:1.5}
.g26 .guk .guk-preview .guk-card{margin:0 0 14px;padding:18px;border:1px solid #d3e1d6;border-radius:10px;background:#fff;color:#24372c;font-size:13px;line-height:1.45}
.g26 .guk .guk-card-head strong{color:#17382a;font-size:15px}.g26 .guk .guk-card-label{color:#52665a!important;font-size:12px}.g26 .guk .guk-card p{line-height:1.45}
.g26 .guk .guk-preview>.guk-help{margin:14px 0 0;font-size:14px}
@media(max-width:700px){.g26 section.guk{width:calc(100% - 40px);padding:28px 0 48px}.g26 .guk .guk-intro{margin-bottom:24px;padding:24px 22px;border-radius:14px}.g26 .guk .guk-intro h1{font-size:clamp(30px,8vw,36px);line-height:1.14}.g26 .guk .guk-intro>p:last-child{font-size:16px}.g26 .guk .guk-grid{grid-template-columns:minmax(0,1fr);gap:24px}.g26 .guk .guk-form,.g26 .guk .guk-preview{max-width:none;padding:22px}.g26 .guk .guk-submit,.g26 .guk .guk-again{width:100%}}
@media(max-width:360px){.g26 section.guk{width:calc(100% - 32px)}.g26 .guk .guk-form,.g26 .guk .guk-preview{padding:18px}.g26 .guk .guk-card{padding:14px}}
@media(prefers-reduced-motion:reduce){.g26 .guk .guk-submit,.g26 .guk .guk-again{transition:none}.g26 .guk .guk-submit:active,.g26 .guk .guk-again:active{transform:none}}

@media(max-width:440px){.g26 .guk .guk-card-service{flex-direction:column;align-items:flex-start;gap:12px}.g26 .guk .guk-card-service>div{width:100%}.g26 .guk .guk-qr{align-self:flex-start}}
/* Die Muster zeigen die realen Druckkarten im richtigen Seitenverhältnis. */
.g26 .guk .guk-card-image{margin:0 0 20px;min-width:0}
.g26 .guk .guk-card-image a{display:block;border:1px solid #d3e1d6;border-radius:10px;overflow:hidden;background:#fff}
.g26 .guk .guk-card-image img{display:block;width:100%;height:auto;aspect-ratio:85/54;object-fit:contain;background:#fff}
.g26 .guk .guk-card-image figcaption{margin-top:8px;color:#52665a;font-size:13px;line-height:1.45}
