.aai-header-design{--rh-ink:#10476a;--rh-blue:#0a4d7c;--rh-muted:#526b7e;--rh-aqua:#0096ae;}
.aai-header-design .rh-shell{width:calc(100% - 80px);max-width:1280px;margin-inline:auto}
.aai-header-design .rh-utility{font-size:12px;font-weight:400;color:#65788a;background:#f7fafc;border-bottom:1px solid #eaf0f4}
.aai-header-design .rh-utility-row{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.aai-header-design .rh-utility a{color:#355b73;text-decoration:none}
.aai-header-design .rh-utility a:hover{text-decoration:underline;color:var(--rh-blue)}
.aai-header-design .rh-consultation{white-space:nowrap}
.aai-header-design .rh-consultation a{font-weight:600;color:var(--rh-blue)}
.aai-header-design .rh-utility-controls{display:flex;align-items:center;gap:20px}
.aai-header-design .rh-utility-controls>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.aai-header-design .rh-utility svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}
.aai-header-design .rh-utility-controls>a:not([href="/cart"]) svg{display:none}
.aai-header-design .rh-cart-count{font-size:11px;font-weight:500;display:inline-grid;place-items:center;background:#e5eff4;color:#28536d;width:18px;height:18px;border-radius:50%}
.aai-header-design .rh-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #edf2f5}
.aai-header-design .rh-header.scrolled{box-shadow:0 8px 24px #13405a0a}
.aai-header-design .rh-header-row{height:96px;display:flex;align-items:center;gap:32px}
.aai-header-design .rh-brand{display:block;flex-shrink:0;margin-right:auto}
.aai-header-design .rh-brand img{width:206px;display:block;height:auto}
.aai-header-design .rh-main-nav{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:400}
@media(max-width:1250px){.aai-header-design .rh-shell{width:calc(100% - 56px)}
.aai-header-design .rh-utility-row{flex-wrap:wrap;gap:8px 18px;padding-block:9px}
.aai-header-design .rh-utility-controls{margin-left:auto;gap:15px}
.aai-header-design .rh-header-row{gap:24px;height:88px}
.aai-header-design .rh-brand img{width:172px}
.aai-header-design .rh-main-nav{gap:17px;font-size:13px}}
@media(max-width:1000px){.aai-header-design .rh-header-row{height:auto;min-height:88px;flex-wrap:wrap;padding-block:18px;gap:15px}
.aai-header-design .rh-main-nav{order:3;width:100%;justify-content:space-between;gap:15px}
.aai-header-design .rh-brand img{width:180px}}
@media(max-width:760px){.aai-header-design .rh-shell{width:calc(100% - 40px)}
.aai-header-design .rh-utility-row{justify-content:flex-start;gap:8px 15px;padding-block:11px}
.aai-header-design .rh-consultation{white-space:normal;width:100%;font-size:11px;line-height:1.7}
.aai-header-design .rh-utility-controls{margin-left:0;flex-wrap:wrap;gap:8px 16px;font-size:11px}
.aai-header-design .rh-balance{color:#758896}
.aai-header-design .rh-header{position:relative;top:auto}
.aai-header-design .rh-header-row{gap:14px}
.aai-header-design .rh-brand img{width:158px}
.aai-header-design .rh-main-nav{justify-content:flex-start;gap:5px 20px;flex-wrap:wrap;font-size:13px}
.aai-header-design .rh-main-nav>a{padding-block:6px}}
@media(max-width:360px){.aai-header-design .rh-shell{width:calc(100% - 32px)}
.aai-header-design .rh-brand img{width:128px}
.aai-header-design .rh-header-row{gap:12px}
.aai-header-design .rh-main-nav{gap:4px 16px;font-size:12px}}
@media(max-width:760px){.aai-header-design .rh-main-nav{justify-content:space-between;gap:0;font-size:12px}
.aai-header-design .rh-main-nav>a{padding-block:9px}
.aai-header-design .rh-consultation a{font-size:12px}}
@media(max-width:360px){.aai-header-design .rh-main-nav{font-size:11px}}
.aai-header-design .rh-trial{position:relative;flex-shrink:0;max-width:100%}
.aai-header-design .rh-trial-button{display:flex;align-items:stretch;border-radius:999px;background:linear-gradient(110deg,#ff7a1e,#ff5008);box-shadow:0 4px 12px #f5681724;width:max-content;max-width:100%}
.aai-header-design .rh-trial-button>.cto{margin:0;border-radius:999px 0 0 999px;background:transparent;box-shadow:none!important;text-transform:none;font-size:14px;white-space:nowrap;padding:12px 11px 12px 23px;letter-spacing:0}
.aai-header-design .rh-trial-button>.cto::after{display:none}
.aai-header-design .rh-trial--hero .rh-trial-button>.cto{font-size:15px;padding:16px 13px 16px 25px}
.aai-header-design .rh-trial-info{display:grid;place-items:center;color:#fff;background:none;border:0;cursor:pointer;min-width:39px;padding:0 11px 0 3px;border-radius:0 999px 999px 0;font-family:inherit}
.aai-header-design .rh-trial-info>span{display:grid;place-items:center;border:1px solid #ffffffad;border-radius:50%;width:17px;height:17px;font-size:11px;font-weight:500;line-height:1}
.aai-header-design .rh-trial-info:hover{background:#ffffff18}
.aai-header-design .rh-trial-button:hover{box-shadow:0 6px 18px #f5681730}
.aai-header-design .rh-trial-panel{position:absolute;right:0;top:calc(100% + 16px);z-index:120;width:395px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow-y:auto;background:white;border:1px solid #deebf1;border-radius:18px;box-shadow:0 16px 48px #17486b16;padding:28px 28px 23px;color:#10476a;line-height:1.6;text-align:left;box-sizing:border-box}
.aai-header-design .rh-trial-panel[hidden]{display:none!important}
.aai-header-design .rh-trial--hero .rh-trial-panel{left:0;right:auto}
.aai-header-design .rh-trial-panel h2{margin:0 32px 22px 0;font-size:25px;font-weight:500;line-height:1.35;color:#10476a;letter-spacing:-.025em}
.aai-header-design .rh-trial-panel ul{display:grid;gap:12px;list-style:none;margin:0 0 24px;padding:0;font-size:16px;font-weight:300;color:#526b7e}
.aai-header-design .rh-trial-panel li{display:flex;gap:11px;align-items:baseline;line-height:1.5}
.aai-header-design .rh-trial-panel li::before{content:'✓';color:#0b9eb0;font-size:21px;line-height:1;font-weight:400}
.aai-header-design .rh-trial-panel p{margin:0;color:#526b7e;font-size:14px;line-height:1.65;font-weight:300}
.aai-header-design .rh-trial-panel strong{display:block;color:#10476a;font-weight:500;font-size:inherit;line-height:inherit}
.aai-header-design .rh-trial-panel .rh-trial-cost{padding-top:17px;border-top:1px solid #e5edf2;margin:0 0 13px;font-size:17px}
.aai-header-design .rh-trial-panel .rh-trial-cta{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:48px;margin:0;padding:12px 20px;border:0;border-radius:999px;background:linear-gradient(110deg,#ff7a1e,#ff5008);box-shadow:0 4px 12px #f5681724;color:#fff;font-size:15px;font-weight:500;text-transform:none;letter-spacing:0;text-decoration:none;line-height:1.5}
.aai-header-design .rh-trial-panel .rh-trial-cta::after{display:none}
.aai-header-design .rh-trial-panel .rh-trial-cta:hover{box-shadow:0 6px 18px #f5681730}
.aai-header-design .rh-trial-ki{color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#b7ccd7;line-height:inherit}
.aai-header-design .rh-trial-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#eff8fb;color:#097b96;cursor:pointer;font-size:23px;font-weight:300;line-height:1}
.aai-header-design .rh-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.aai-header-design .rh-trial :is(a,button):focus-visible{outline:3px solid #007f9c;outline-offset:4px}
.aai-header-design .rh-hero.section{z-index:2}
@media(max-width:1000px){.aai-header-design .rh-header-row{gap:15px 20px}.aai-header-design .rh-trial-panel{width:375px}}
@media(max-width:760px){.aai-header-design .rh-header{z-index:100}.aai-header-design .rh-header-row{gap:14px 12px}.aai-header-design .rh-brand img{width:145px}.aai-header-design .rh-trial--header .rh-trial-button>.cto{font-size:11px;padding:12px 2px 12px 13px}.aai-header-design .rh-trial--header .rh-trial-info{min-width:30px;padding:0 8px 0 4px}.aai-header-design .rh-trial-panel{padding:23px;max-height:calc(100dvh - 32px)}.aai-header-design .rh-trial-panel h2{font-size:23px}.aai-header-design .rh-trial-panel ul{font-size:15px;gap:10px;margin-bottom:20px}.aai-header-design .rh-trial-panel .rh-trial-close{width:36px;height:36px;top:10px;right:10px}.aai-header-design .rh-trial--hero .rh-trial-panel{max-width:calc(100vw - 40px)}}
@media(max-width:360px){.aai-header-design .rh-brand img{width:116px}.aai-header-design .rh-trial--header .rh-trial-button>.cto{font-size:10.5px;padding-left:10px}.aai-header-design .rh-trial-panel{padding:21px}.aai-header-design .rh-trial-panel h2{font-size:21px}}
@media(pointer:coarse){.aai-header-design .rh-trial--header .rh-trial-info{min-width:44px;min-height:44px}.aai-header-design .rh-trial-panel .rh-trial-close{width:44px;height:44px}}
@media(pointer:coarse) and (max-width:360px){.aai-header-design .rh-brand img{width:104px}}
/* Mouse users open the card by hover or keyboard; touch users keep the info button. */
@media(hover:hover) and (pointer:fine){
 .aai-header-design .rh-trial-info{display:none}
 .aai-header-design .rh-trial-button>.cto{border-radius:999px;padding-inline:23px}
 .aai-header-design .rh-trial--hero .rh-trial-button>.cto{padding-inline:25px}
}
@media(hover:hover) and (pointer:fine) and (max-width:760px){.aai-header-design .rh-trial--header .rh-trial-button>.cto{padding-inline:13px}}
@media(hover:hover) and (pointer:fine) and (max-width:360px){.aai-header-design .rh-trial--header .rh-trial-button>.cto{padding-inline:10px}}

.aai-header-design .rh-cart-count:empty{display:none}
.aai-header-design .rh-main-nav a[aria-current="page"]{font-weight:600;color:#00869f}
.aai-header-design :is(.rh-header,.rh-utility) a:focus-visible{outline:3px solid #008ead;outline-offset:4px}

/* Match the existing homepage content container without changing its layout. */
.aai-header-design .rh-shell{width:calc(100% - 64px);max-width:1400px}
@media(min-width:1500px){.aai-header-design .rh-shell{max-width:1320px}}
@media(max-width:767px){.aai-header-design .rh-shell{width:calc(100% - 40px)}}

/* Explicit navigation contrast and interaction, shared across all pages. */
.aai-header-design .rh-main-nav{font-size:15px;font-weight:600}
.aai-header-design .rh-main-nav>a{position:relative;display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;color:#0a4d7c;font-weight:600;line-height:1.35;text-decoration:none;white-space:nowrap;transition:color .18s ease}
.aai-header-design .rh-main-nav>a::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:2px;background:#0096ae;border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.aai-header-design .rh-main-nav>a:is(:hover,:focus-visible){color:#007c98}
.aai-header-design .rh-main-nav>a:is(:hover,:focus-visible,[aria-current="page"])::after{transform:scaleX(1)}
.aai-header-design .rh-main-nav>a[aria-current="page"]{color:#0a4d7c}
.aai-header-design .rh-main-nav>a:focus-visible{outline:2px solid #007c98;outline-offset:3px;border-radius:3px}
@media(max-width:1250px){.aai-header-design .rh-main-nav{font-size:14px}}
@media(max-width:760px){.aai-header-design .rh-main-nav{font-size:13px}}
@media(max-width:360px){.aai-header-design .rh-main-nav{font-size:12px}}
@media(prefers-reduced-motion:reduce){.aai-header-design .rh-main-nav>a,.aai-header-design .rh-main-nav>a::after{transition:none}}

/* The generator orders its sections with flex; keep service and navigation first. */
.aai-header-design #main_page_wrapper>.rh-utility{order:-6;flex-shrink:0}
.aai-header-design #main_page_wrapper>.rh-header{order:-5;flex-shrink:0}

/* All generator entry buttons use the header component. */
.aai-header-design .rh-trial--content{display:block;width:max-content;max-width:100%}
.aai-header-design .rh-trial .rh-trial-button{display:flex;width:max-content;max-width:100%;border-radius:999px;background:linear-gradient(110deg,#ff7a1e,#ff5008);box-shadow:0 4px 12px #f5681724;transition:box-shadow .18s ease,filter .18s ease}
.aai-header-design .rh-trial .rh-trial-button>.rh-trial-start,
.aai-header-design .rh-trial-panel .rh-trial-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;min-height:48px!important;height:auto!important;width:auto!important;min-width:0!important;margin:0!important;padding:12px 23px!important;border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:24px!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap!important;transform:none!important;transition:none!important;gap:0!important}
.aai-header-design .rh-trial .rh-trial-button>.rh-trial-start::before,
.aai-header-design .rh-trial .rh-trial-button>.rh-trial-start::after,
.aai-header-design .rh-trial-panel .rh-trial-cta::before,
.aai-header-design .rh-trial-panel .rh-trial-cta::after{display:none!important}
.aai-header-design .rh-trial .rh-trial-button>.rh-trial-start{position:static!important;inset:auto!important}
.aai-header-design .aai-languages__sample-row .rh-trial--content{position:absolute;bottom:10px;right:16px}
body.aai2026.aai-header-design .aai-languages__sample-row .contentbox_hero_audioplayer{padding-bottom:70px!important}
.aai-header-design .rh-trial .rh-trial-button:hover{box-shadow:0 6px 18px #f5681730;filter:brightness(1.035)}
.aai-header-design .rh-trial-panel .rh-trial-cta{width:100%!important;background:linear-gradient(110deg,#ff7a1e,#ff5008)!important;box-shadow:0 4px 12px #f5681724!important}
.aai-header-design .rh-trial-panel .rh-trial-cta:hover{filter:brightness(1.035)}
.aai-header-design .rh-trial-panel--shared{position:fixed;right:auto;bottom:auto;translate:none;z-index:1200;width:410px;margin:0;max-width:calc(100vw - 32px)}
.aai-header-design .rh-trial-panel h2{font-size:24px;line-height:1.3;margin:0 32px 24px 0;letter-spacing:-.02em}
.aai-header-design .rh-trial-panel li strong{font-weight:700}
.aai-header-design .rh-trial-panel .rh-trial-ki{display:block;margin-top:15px;color:#526b7e;font-size:12px;font-weight:400;line-height:1.5;text-align:center}
.aai-header-design .rh-trial-panel :is(a,button):focus-visible{outline:3px solid #007f9c;outline-offset:4px}
.aai-header-design .pr-hero-copy>.rh-trial--content{margin-top:24px!important}
.aai-header-design .vorlage-card .rh-trial--content{margin-top:auto}
@media(max-width:767px){
 .aai-header-design .pr-hero-copy>.rh-trial--content{order:3;align-self:flex-start}
 .aai-header-design .rh-trial-panel h2{font-size:21px;margin-right:35px}
 .aai-header-design .rh-trial--header .rh-trial-button>.rh-trial-start{font-size:11px!important;padding:10px 5px 10px 14px!important;min-height:44px!important;line-height:24px!important}
}
@media(pointer:coarse){
 .aai-header-design .rh-trial .rh-trial-info{min-width:44px;min-height:44px;padding:0 12px 0 3px}
 .aai-header-design .rh-trial .rh-trial-button>.rh-trial-start{padding-right:6px!important}
}
@media(prefers-reduced-motion:reduce){.aai-header-design .rh-trial .rh-trial-button{transition:none}}

/* Shared two-part headline, matching the site's light / bold headings. */
.aai-header-design .rh-trial-panel h2{font-weight:300;margin-right:32px}
.aai-header-design .rh-trial-panel h2 strong{display:block;font-weight:700}
.aai-header-design .rh-inline-ki{display:inline;white-space:nowrap;color:inherit;font:inherit;text-decoration:none}
.aai-header-design .rh-inline-ki:hover{text-decoration:underline;text-underline-offset:3px}
.aai-header-design .pr-hero-copy>.rh-trial--content{margin-bottom:24px!important}
@media(max-width:767px){
 .aai-header-design .rh-trial .rh-trial-info{display:grid;min-width:44px;min-height:44px;padding:0 12px 0 3px}
 .aai-header-design .rh-trial .rh-trial-button>.rh-trial-start{padding-right:6px!important}
 .aai-header-design .rh-trial-panel h2{font-size:21px;line-height:1.3}
}
@media(max-width:360px){
 .aai-header-design .rh-brand img{width:90px}
 .aai-header-design .rh-header-row{column-gap:8px}
 .aai-header-design .rh-trial--header .rh-trial-button>.rh-trial-start{font-size:10.5px!important;padding-left:10px!important}
 .aai-header-design .rh-trial-panel h2{font-size:20px;margin-right:0}
}

/* Keep shared CTA wrappers aligned with their centered section. */
.aai-header-design .cta-final .rh-trial--content{margin-inline:auto}
.aai-header-design .rh-demo-actions{display:flex;flex-direction:column;align-items:center;gap:12px;width:max-content;max-width:100%;margin-inline:auto}
.aai-header-design .rh-demo-actions>.rh-trial--content{margin:0!important}
.aai-header-design .rh-demo-actions>.studio-demo-zeile{margin:0!important;width:100%;text-align:center}
/* Language samples now contain playback only; no space reserved for a CTA. */
body.aai2026.aai-header-design .aai-languages__sample-row .contentbox_hero_audioplayer{padding-bottom:20px!important}
/* A short entrance keeps hover and keyboard feedback immediate. */
.aai-header-design .rh-trial-panel--shared:not([hidden]){animation:rh-trial-appear .18s cubic-bezier(.2,.7,.3,1) both}
@keyframes rh-trial-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.aai-header-design .rh-trial-panel--shared:not([hidden]){animation:none}}
/* One content width and gutter for the header and the full-width page sections. */
.aai-header-design{--aai-content-width:1400px;--aai-page-gutter:32px;--aai-page-inset:max(var(--aai-page-gutter),calc((100% - var(--aai-content-width))/2))}
.aai-header-design .rh-shell{width:calc(100% - var(--aai-page-gutter)*2);max-width:var(--aai-content-width)}
body.aai-header-design.pr-aai #main_page_wrapper>.section{padding-inline:var(--aai-page-inset)!important}
@media(max-width:767px){.aai-header-design{--aai-page-gutter:20px}}
.aai-header-design .rh-main-nav,.aai-header-design .rh-main-nav>a,.aai-header-design .rh-main-nav>a[aria-current="page"]{font-weight:400}