/* RZ BUSINESS: gemeinsame Gestaltung und responsive Startansicht. */
:root{--bg:#04142e;--panel:#0a2349;--cyan:#18baff;--white:#f3f8ff;--muted:#bbcee4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06172f;color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}p{color:#d4e2f4}img{max-width:100%}button,input,textarea{font:inherit}button{cursor:pointer}[hidden]{display:none!important}
:focus-visible{outline:3px solid #8bdcff;outline-offset:4px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:12px;z-index:1100;transform:translateY(-180%);padding:12px 18px;background:#f3f8ff;color:#04142e;border-radius:8px;font-weight:700}.skip-link:focus{transform:none}
.inner-navigation{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px clamp(12px,3vw,38px);padding:12px 18px;background:#04152f;border-bottom:1px solid #2e608e;position:relative;z-index:30}
.inner-navigation a{display:inline-flex;align-items:center;min-height:44px;font-size:clamp(14px,1.5vw,18px);font-weight:700;color:#f3f8ff;text-decoration:none}
.inner-navigation a:hover,.inner-navigation a:focus-visible,.inner-navigation a[aria-current="page"]{color:#8bdcff;text-decoration:underline;text-underline-offset:7px}
.approved-hero{position:relative;width:100%;background:#031329;line-height:0}.approved-hero-image{display:block;width:100%;height:auto}
.hero-hotspots{position:absolute;inset:0;pointer-events:none}.hero-hotspots .hot{position:absolute;display:block;pointer-events:auto;border-radius:7px;z-index:12}.hero-hotspots .hot:focus-visible{outline:3px solid #fff;outline-offset:3px;background:#ffffff25}
.hot.btn-one{left:4.2%;top:71.3%;width:25.8%;height:8.2%}.hot.btn-two{left:32%;top:71.3%;width:18.5%;height:8.2%}
.rz-article-link{position:absolute;left:0;right:0;bottom:8.5%;display:flex;justify-content:center;line-height:normal;z-index:3}.rz-article-link a{display:inline-block;padding:17px 34px;border:1px solid #18baff;border-radius:11px;background:#086bb6;color:#fff;font-size:20px;font-weight:700;line-height:1.4;text-decoration:none}.rz-article-link a:hover{background:#087bc5}
.content{max-width:1130px;margin:auto;padding:0 24px}section.info{padding:42px 0;border-top:1px solid #1b3b65;scroll-margin-top:16px}section.info p{max-width:900px;margin:0 0 16px}h2{font-size:clamp(26px,3vw,40px);margin:0 0 20px;line-height:1.25}section.info h3{margin:25px 0 8px;color:#dbeeff}h1{line-height:1.12}
.btn{display:inline-block;text-decoration:none;padding:14px 23px;min-height:48px;border-radius:10px;font-weight:700;border:1px solid #a5d9ff;background:#086bb6;color:#fff;line-height:1.4}.btn:hover{background:#075a9c}.btn.secondary{background:#0a2349;box-shadow:none}.btn.secondary:hover{background:#123a63}section.info .btn{margin:10px 0 4px}.btn:disabled{opacity:.7;cursor:wait}
.note{border-left:4px solid #23c5ff;background:#0b2b4e;padding:18px 22px;border-radius:0 12px 12px 0;margin-top:25px}.small{font-size:14px;color:#bbcee4}
.noworkshop-emblem{display:flex;justify-content:center;align-items:center;margin:22px auto 30px}.noworkshop-emblem img{display:block;width:min(100%,260px);height:auto;border-radius:50%}
/* Ohne JavaScript bleiben die Inhalte und die Navigation erreichbar. */
body.js-panels main>section.info{display:none}body.js-panels main>section.info.active-panel{display:block}body.js-panels:not(.home-view) .approved-hero{display:none}body.js-panels:not(.home-view) main>section.info.active-panel{min-height:65vh}
body.home-view{min-height:100vh;display:flex;flex-direction:column}body.home-view main{width:100%;flex:1 0 auto}body.home-view .approved-hero{width:92%;max-width:1550px;margin:0 auto}
footer{background:#021024;padding:35px 24px;text-align:center;color:#b1c6e1;border-top:1px solid #285079}footer a{color:#8bdcff;text-decoration:underline}footer a,.footer-link{display:inline-block;min-height:44px;padding:10px 0}body.home-view footer{background:#06172f;border-top:0;margin-top:20px;padding:14px 16px 18px;font-size:13px;flex-shrink:0}body.home-view footer .footer-brand{display:none}body.home-view footer a{color:#b7cce5;text-decoration:none}body.home-view footer a:hover,body.home-view footer a:focus{color:#8bdcff;text-decoration:underline}

.article-content{max-width:950px}.article-content h3{font-size:clamp(22px,2.6vw,32px);color:#f3f8ff;margin:12px 0 28px}.article-content h2:not(:first-child){font-size:clamp(21px,2.3vw,29px);margin:34px 0 14px;color:#83d8ff}.article-content p{max-width:900px;margin-bottom:18px}.article-content a{color:#78d7ff;text-decoration:underline;text-underline-offset:3px}.article-content ul{padding-left:24px;color:#d4e2f4;margin:14px 0 24px}.article-content li{margin-bottom:11px}.article-content strong{color:#fff}

.rz-form{max-width:640px;margin:10px 0 30px}.rz-form p{margin:0 0 14px}.rz-form label{display:block;font-weight:700;margin-bottom:5px}
.rz-form input[type=text],.rz-form input[type=email],.rz-form textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #2e608e;background:#0a2349;color:#f3f8ff;font:inherit}
.rz-form input:focus,.rz-form textarea:focus{outline:2px solid #28c5ff;outline-offset:1px}
.rz-form .check label{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;color:#d4e2f4}.rz-form .check input{margin-top:5px;flex-shrink:0}
.rz-form .check a,.consent-banner a,.consent-placeholder a{color:#8bdcff}
.rz-form button.btn,.consent-banner button.btn,.consent-placeholder button.btn{color:#fff;font:inherit;font-weight:700;cursor:pointer}
.rz-form .hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-status{font-weight:700}.form-status.ok{color:#7fe3a0}.form-status.err{color:#ffb4a8}
.consent-banner{position:fixed;z-index:1000;left:16px;right:16px;bottom:16px;max-width:620px;margin:0 auto;background:#0a2349;border:1px solid #28c5ff;border-radius:12px;padding:18px 20px;box-shadow:0 8px 40px #000a;line-height:1.5;font-size:15px}
.consent-banner p{margin:0 0 10px}.consent-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.consent-actions .btn{margin:0}
.consent-placeholder{border:1px dashed #2e608e;border-radius:10px;padding:18px 20px;margin:10px 0 20px;max-width:760px}
.footer-link{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}
body.home-view footer .footer-link{color:#b7cce5;text-decoration:none}body.home-view footer .footer-link:hover,body.home-view footer .footer-link:focus{color:#5bd8ff;text-decoration:underline}

/* Gemeinsame gut lesbare und per Tastatur bedienbare Ergänzungen. */
.content a:not(.btn){text-underline-offset:3px}.content{overflow-wrap:anywhere}.footer-link{min-height:44px;padding:10px 0}.consent-banner{max-height:calc(100dvh - 32px);overflow-y:auto}.consent-placeholder .btn{background:#086bb6}.rz-form textarea{resize:vertical}
.faq-content{max-width:950px}.eyebrow{color:#8bdcff;font-size:12px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.faq-content details{border-bottom:1px solid #2e608e}.faq-content details:first-of-type{border-top:1px solid #2e608e;margin-top:28px}.faq-content summary{padding:20px 8px;min-height:48px;font-size:clamp(17px,2vw,20px);font-weight:700;cursor:pointer;color:#f3f8ff}.faq-content summary::marker{color:#8bdcff}.faq-content details[open]{background:#0a2349}.faq-content details>div{padding:0 24px 8px}.faq-content .faq-contact{margin-top:28px}
.share-panel{margin-top:32px;padding:22px;border:1px solid #2e608e;border-radius:12px;background:#0a2349}.share-panel h3{margin:0 0 10px}.share-actions{display:flex;flex-wrap:wrap;gap:10px}.article-content .share-actions a{color:#fff;text-decoration:none}.share-status{min-height:1.6em;margin-top:12px!important}.share-fallback{display:block;margin-bottom:16px}.share-fallback input{display:block;width:100%;padding:12px;background:#04142e;border:1px solid #8bdcff;border-radius:6px;color:#fff}
@media(max-width:760px){section.info{padding:30px 0}.content{padding:0 20px}}
@media(max-width:600px){.noworkshop-emblem img{width:min(70vw,240px)}.share-panel{padding:18px}.share-actions .btn{flex:1 1 auto;text-align:center}}
@media(max-width:700px){body.home-view .approved-hero{width:100%}}
@media(max-width:700px),(orientation:landscape) and (max-height:500px){.approved-hero .rz-article-link{position:static;padding:16px 20px 6px;background:#06172f}.approved-hero .rz-article-link a{display:flex;align-items:center;justify-content:center;width:100%;max-width:340px;min-height:48px;padding:12px 20px;font-size:16px;border-radius:12px;box-shadow:0 4px 18px #009ff73a}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
