/* Approved public entry composition. Existing sections and services remain. */
.home-entry-reference{--entry-green:#072a3f;--entry-copper:#ac6639}
.home-entry-reference .site-header{height:112px;background:transparent;isolation:isolate}
.home-entry-reference .site-header:before{content:'';position:absolute;inset:0 0 auto;height:158px;background:linear-gradient(#ffffffee,#ffffff80,transparent);backdrop-filter:blur(8px);mask-image:linear-gradient(#000,transparent);z-index:-1;pointer-events:none}
.home-entry-reference .header-inner{height:112px;min-height:112px;box-sizing:border-box;display:flex!important;flex-wrap:nowrap!important;gap:14px;padding:10px clamp(20px,2.6vw,42px)}
.home-entry-reference .brand{flex:0 0 86px}
.home-entry-reference .brand img{width:86px;height:86px;object-fit:contain}
.home-entry-reference .menu-toggle{display:none!important}
.home-entry-reference #main-nav,.js .home-entry-reference #main-nav{position:relative;inset:auto;display:flex!important;order:0;flex:1 1 auto;flex-basis:auto;flex-wrap:nowrap;justify-content:space-evenly;gap:4px;padding:0;width:auto;background:none;border:0;box-shadow:none;border-radius:0;min-width:0}
.home-entry-reference #main-nav>a{flex:0 1 auto;min-width:0;min-height:76px;box-sizing:border-box;display:flex;flex-direction:column!important;justify-content:center;gap:8px;padding:9px 7px!important;background:transparent;box-shadow:none;border:1px solid transparent;border-radius:5px;font-size:11px!important;line-height:1.3;white-space:nowrap;color:#072a3f;transform:none!important}
.home-entry-reference #main-nav>a svg{width:28px;height:28px;color:#4e7f6b!important}
.home-entry-reference #main-nav>a:after{display:none}
.home-entry-reference #main-nav>a:hover,.home-entry-reference #main-nav>a:focus-visible,.home-entry-reference #main-nav>a[aria-current=location]{background:var(--entry-green)!important;color:white!important;border-color:var(--entry-copper);box-shadow:0 3px 0 #ac6639;transform:none!important}
.home-entry-reference #main-nav>a:is(:hover,:focus-visible,[aria-current=location]) svg{color:white!important;stroke:currentColor}
.home-entry-reference #main-nav .nav-hint{border-top:2px solid var(--entry-copper);border-radius:4px;top:calc(100% + 7px);width:220px;z-index:110;line-height:1.5}
.home-entry-reference .header-actions{flex:0 0 auto!important;margin-inline-start:0!important;gap:7px!important;flex-wrap:nowrap;max-width:none}
.home-entry-reference .header-actions>.subject-choice{order:1}
.home-entry-reference .header-actions>.language-choice:not(.subject-choice){order:2}
.home-entry-reference .header-actions>.login{order:3}
.home-entry-reference .header-actions>.button{order:4}
.home-entry-reference .header-actions>.prices{order:5}
.home-entry-reference .header-actions>.settings{order:6}
.home-entry-reference .header-actions>.cappy-dock{order:7}
.home-entry-reference .header-actions>.language-choice{display:block;position:relative}
.home-entry-reference .language-choice>span{top:-11px;left:7px;background:transparent;font-size:9px;line-height:1.3;color:#072a3f}
.home-entry-reference .header-actions select{width:88px!important;height:43px!important;padding:8px!important;font-size:12px;border-color:#cad6d0;border-radius:4px;background:#fffefa}
.home-entry-reference .header-actions>.login,.home-entry-reference .header-actions>.button{height:43px;min-height:43px!important;box-sizing:border-box;padding:9px!important;border-radius:4px;font-size:12px;background:#fffefa;box-shadow:none}
.home-entry-reference .header-actions>.popover>summary{width:34px;height:43px;padding:7px;box-sizing:border-box;border:1px solid transparent;border-radius:4px}
.home-entry-reference .header-actions>.popover>summary svg{color:#4e7f6b!important;width:26px;height:26px}
.home-entry-reference .header-actions :is(summary,.login,.button):hover,.home-entry-reference .header-actions .popover[open]>summary,.home-entry-reference .header-actions>.language-choice:is(:hover,:focus-within) select{background:var(--entry-green)!important;color:white!important;border-color:var(--entry-copper)!important;transform:none!important}
.home-entry-reference .header-actions .popover[open]>summary svg,.home-entry-reference .header-actions summary:hover svg{color:white!important}
.home-entry-reference .header-actions>.language-choice:hover>span{background:transparent;color:#072a3f}
.home-entry-reference .cappy-dock{flex:0 0 76px;width:76px;height:84px}
.home-entry-reference #cappy .cappy-trigger{height:76px;width:76px;background:transparent;box-shadow:none}
.home-entry-reference #cappy .cappy-cue{top:88px;font-size:12px;padding:8px 12px;box-shadow:0 3px 12px #152a3a10}
.home-entry-reference .header-collapse{left:auto;right:8px;bottom:5px;border:0;box-shadow:none;border-radius:3px;background:transparent;transform:none}
.home-entry-reference .header-collapse:hover{transform:none!important;background:#edf3ef}
.home-entry-reference .hero{margin-top:-112px;min-height:710px;background:#173f32;align-items:end}
.home-entry-reference .hero-inner{width:calc(100% - clamp(48px,8.4vw,132px));max-width:1450px;padding:205px 0 50px}
.home-entry-reference .hero-photo{object-position:70% 47%;filter:brightness(.92) sepia(.18) saturate(.86);transition:filter .5s}
.home-entry-reference .hero:hover .hero-photo,.home-entry-reference .hero:focus-within .hero-photo{filter:brightness(1.08) sepia(.12) saturate(.96)}
.home-entry-reference .hero-shade{background:linear-gradient(90deg,#152a3af5 0%,#152a3ae8 29%,#152a3a90 48%,#152a3a1c 75%,#152a3a00 100%)}
.home-entry-reference .hero:before{display:none}
.home-entry-reference .hero:after,.home-entry-reference .hero:hover:after{background:linear-gradient(0deg,#152a3a40,transparent 55%);opacity:1;pointer-events:none}
.home-entry-reference .hero-copy{max-width:1020px}
.home-entry-reference .hero .kicker{font-size:13px;font-weight:400;letter-spacing:.19em;margin-bottom:17px;color:white}
.home-entry-reference .hero .kicker:before{background:var(--entry-copper);width:37px;height:2px}
.home-entry-reference .hero h1{font-size:clamp(46px,4.8vw,76px);font-weight:700;line-height:1.04;letter-spacing:-.035em;margin-bottom:16px}
.home-entry-reference .hero h1 em{color:var(--entry-copper);font-weight:600}
.home-entry-reference .hero-intro{max-width:630px;font-size:21px;line-height:1.4;color:#f7f5ef;margin-bottom:19px}
.home-entry-reference .hero .actions{gap:22px}
.home-entry-reference .hero .button{border-radius:30px;min-height:52px;padding:13px 26px;font-size:16px}
.home-entry-reference .hero .button.copper{background:#df9b5f;border-color:#df9b5f;color:#072a3f;box-shadow:inset 0 1px 0 #ffffff40}
.home-entry-reference .hero .button.ghost{border:1px solid #dfb78c;background:#003c3040;color:white;min-width:205px}
.home-entry-reference .hero .button.ghost svg{border:1px solid #f7f5ef;border-radius:50%;padding:4px;box-sizing:content-box;width:17px;height:17px}
.home-entry-reference .hero-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;gap:22px 28px;margin-top:28px}
.home-entry-reference .hero-benefits>span{display:flex;align-items:flex-start;gap:12px;padding:0;border:0;color:#f7f5ef;font-size:16px;line-height:1.3}
.home-entry-reference .hero-benefits>span:first-child{padding-inline-start:0}
.home-entry-reference .hero-benefits>span:last-child{border:0}
.home-entry-reference .hero-benefits b{display:block;font-weight:400;margin-bottom:4px}
.home-entry-reference .hero-benefits small{display:block;font-size:14px;line-height:1.4}
.home-entry-reference .hero-benefits svg{background:none!important;color:#f7f5ef!important;border:0;border-radius:0;padding:0;width:44px;height:44px;flex:0 0 44px}
.home-entry-reference .hero .scroll-cue{display:none}
.home-entry-reference .hero .photo-credit{bottom:12px;right:20px;max-width:330px}
.home-entry-reference :is(a,button,summary,select):focus-visible{outline:2px solid var(--entry-copper);outline-offset:4px}
html[data-header-collapsed=true] .home-entry-reference .hero{margin-top:0}
html[data-header-collapsed=true] .home-entry-reference .hero-inner{padding-top:90px}
html[dir=rtl] .home-entry-reference .hero-shade{background:linear-gradient(270deg,#152a3af5 0%,#152a3ae8 29%,#152a3a90 48%,#152a3a1c 75%,#152a3a00 100%)}
@media(min-width:1101px){
 .home-entry-reference .header-inner:has(#main-nav.is-open){height:112px}
 .home-entry-reference .header-actions .popover>div{top:100px}
}
@media(min-width:1101px) and (max-width:1340px){
 .home-entry-reference .header-inner{padding-inline:20px;gap:8px}
 .home-entry-reference .brand{flex-basis:72px}.home-entry-reference .brand img{width:72px;height:72px}
 .home-entry-reference #main-nav>a{padding:8px 4px!important;font-size:10px!important;white-space:normal}
 .home-entry-reference .header-actions select{width:76px!important;font-size:11px}
 .home-entry-reference .header-actions{gap:4px!important}
 .home-entry-reference .header-actions>.login,.home-entry-reference .header-actions>.button{padding:7px!important;font-size:11px}
 .home-entry-reference .header-actions>.popover>summary{width:28px;padding:5px}
 .home-entry-reference .cappy-dock{flex-basis:66px;width:66px}
}
@media(max-width:1100px){
 .home-entry-reference .site-header{height:auto;background:#fffefa}
 .home-entry-reference .site-header:before{inset:calc(100% - 110px) 0 auto}
 .home-entry-reference .header-inner{height:auto;flex-wrap:wrap!important;padding:10px 20px}
 .home-entry-reference .menu-toggle{display:inline-flex!important;margin-inline-start:auto;margin-inline-end:0}
 .home-entry-reference .header-actions{flex-wrap:wrap;margin-inline-start:auto!important;justify-content:flex-end}
 .home-entry-reference #main-nav{position:static;order:3!important;flex-basis:100%!important;flex-wrap:wrap}
 .js .home-entry-reference #main-nav{display:none!important}
 .js .home-entry-reference #main-nav.is-open{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 0}
 .home-entry-reference #main-nav .nav-hint{display:none}
 .home-entry-reference .hero{margin-top:0;min-height:640px}
 .home-entry-reference .hero-inner{padding-top:92px;padding-bottom:55px}
 .home-entry-reference .hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;gap:22px 28px}
 .home-entry-reference .hero-benefits>span:nth-child(odd){padding-inline-start:0}
 .home-entry-reference .hero-benefits>span:nth-child(even){border:0}
 .home-entry-reference .header-collapse{bottom:3px}
}
@media(max-width:650px){
 .home-entry-reference .header-inner{padding:9px 14px;gap:9px}
 .home-entry-reference .brand{flex-basis:66px}.home-entry-reference .brand img{width:66px;height:66px}
 .home-entry-reference .header-actions{flex-basis:100%!important;justify-content:center;gap:7px!important}
 .home-entry-reference .header-actions select{width:76px!important;font-size:11px}
 .home-entry-reference .header-actions>.login,.home-entry-reference .header-actions>.button{flex:0 0 auto;font-size:11px}
 .home-entry-reference .cappy-dock{flex-basis:60px;width:60px;height:70px}
 .home-entry-reference #cappy .cappy-cue{top:73px;font-size:11px}
 .js .home-entry-reference #main-nav.is-open{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-entry-reference #main-nav>a{font-size:13px!important;min-height:72px;white-space:normal}
 .home-entry-reference .header-actions .popover>div{top:160px;right:14px;left:14px;width:auto}
 .home-entry-reference .hero-inner{width:calc(100% - 40px);padding-top:74px;padding-bottom:70px}
 .home-entry-reference .hero h1{font-size:clamp(38px,8.5vw,54px);line-height:1.12}
 .home-entry-reference .hero .kicker{font-size:10px;letter-spacing:.1em}
 .home-entry-reference .hero-intro{font-size:18px}
 .home-entry-reference .hero-shade{background:linear-gradient(90deg,#152a3af5,#152a3ab8)}
 .home-entry-reference .hero .actions{gap:12px;flex-wrap:wrap}
 .home-entry-reference .hero .button{font-size:14px;padding:12px 20px;min-width:0}
 .home-entry-reference .hero-benefits{margin-top:32px}
 .home-entry-reference .hero-benefits>span{font-size:14px;padding-inline:0;gap:9px}
 .home-entry-reference .hero-benefits small{font-size:12px}
 .home-entry-reference .hero-benefits svg{width:30px;height:30px;flex-basis:30px}
}
@media print{.home-entry-reference .site-header{display:none}.home-entry-reference .hero{margin:0;min-height:0}.home-entry-reference .hero-inner{padding:25px 0}.home-entry-reference .hero-benefits>span,.home-entry-reference .hero-benefits svg{color:#072a3f!important}}

.home-entry-reference .site-header{position:sticky!important;top:0;z-index:100;background:#fff}
.home-entry-reference .header-curve{display:none!important}
.home-entry-reference .hero:hover .hero-photo{filter:brightness(1.2) saturate(1.05)}

.home-entry-reference .site-header:before{display:none!important}
.home-entry-reference .hero{margin-top:0}
.home-entry-reference .hero-inner{padding-top:92px}
.home-entry-reference .hero:before{content:'';display:block;position:absolute;inset:0 0 auto;height:68px;z-index:2;pointer-events:none;background:linear-gradient(#ffffffe6,transparent);backdrop-filter:blur(8px);mask-image:linear-gradient(#000,transparent)}
.home-entry-reference .hero-shade{transition:opacity .6s}
.home-entry-reference .hero:is(:hover,:focus-within) .hero-shade{opacity:.72}
.home-entry-reference .hero-copy{text-shadow:0 2px 15px #082b45}
.home-entry-reference main [id]{scroll-margin-top:170px}

.home-entry-reference :is(.site-header,.hero){font-family:Arial,Helvetica,sans-serif}


/* BEGIN RAMOS HEADER NAVY FIX 20261025-R1
 * Scope: PUBLIC HOMEPAGE HEADER ONLY. No Cappy-artwork replacement.
 * Base export: RAMOS-Website-Quellcode-2026-10-25.zip
 * Base commit: 6c98f9f0ec9be78f0a9ab72da50a4d8eab953132
 * Original file SHA-256: 2e9f940079fa4750553f6ad7943efdd63e777c08b1b4fb75c8d748f5e3c2182b
 * Existing asset URLs and all non-header styles are unchanged.
 */
/* RAMOS EDUCATION — public homepage header correction, 25 October 2026.
 * Additive correction in home-entry.css. No studio/global colour overrides.
 * One opaque navy surface, white content, copper border; no offset shadow.
 */
html body.home-entry-reference .site-header {
  --header-hover-navy: #072a3f;
  --header-hover-copper: #ac6639;
  --header-hover-white: #FFFFFF;
  background-color: #FFFFFF;
}

/* Reserve the same border width in every state: hover never moves a control. */
html body.home-entry-reference .site-header :is(
  #main-nav > a,
  #menu-toggle,
  .header-actions > .login,
  .header-actions > .button,
  .header-actions > .popover > summary,
  .header-actions > .language-choice > select,
  .header-collapse,
  #cappy-pause,
  .cappy-cue
) {
  box-sizing: border-box;
  border-width: 1px !important;
  border-style: solid !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
}

/* Icon + caption share a centred area; no extra tooltip or side decoration. */
html body.home-entry-reference .site-header #main-nav > a {
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
  padding-inline: 7px !important;
  transform: none !important;
}
html body.home-entry-reference .site-header #main-nav > a::before,
html body.home-entry-reference .site-header #main-nav > a::after,
html body.home-entry-reference .site-header #main-nav .nav-hint {
  display: none !important;
}

/* The previous 34px box could not fit a 26px icon + 14px padding + borders.
 * Both utility buttons now have identical 44px squares and zero inner padding.
 * Cappy's artwork/trigger is intentionally excluded.
 */
html body.home-entry-reference .site-header .header-actions > .popover {
  flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  padding: 0;
  margin: 0;
}
html body.home-entry-reference .site-header .header-actions > .popover > summary {
  display: grid !important;
  place-items: center !important;
  grid-template-columns: 1fr;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  border-color: transparent;
  border-radius: 8px;
  list-style: none;
  line-height: 1;
  transform: none !important;
}
html body.home-entry-reference .site-header .header-actions > .popover > summary::before,
html body.home-entry-reference .site-header .header-actions > .popover > summary::after,
html body.home-entry-reference .site-header .header-actions > .popover > summary::marker,
html body.home-entry-reference .site-header .header-actions > .popover > summary::-webkit-details-marker {
  content: none !important;
  display: none !important;
}
html body.home-entry-reference .site-header .header-actions > .popover > summary > svg {
  display: block;
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  margin: 0 !important;
  place-self: center;
  transform: none !important;
  filter: none !important;
}
html body.home-entry-reference .site-header :is(#main-nav > a, .header-actions > .popover > summary) svg {
  fill: none !important;
  stroke: currentColor !important;
  transform: none !important;
  opacity: 1 !important;
}

/* Text controls must not scale, rise or cast a one-sided hover shadow. */
html body.home-entry-reference .site-header :is(
  #menu-toggle,
  .header-actions > .login,
  .header-actions > .button,
  .header-actions > .language-choice,
  #cappy-pause,
  .cappy-cue
) {
  transform: none !important;
}
html body.home-entry-reference .site-header :is(#menu-toggle, .header-actions > .login, .header-actions > .button) {
  justify-content: center;
  align-items: center;
}
html body.home-entry-reference .site-header .header-actions > .language-choice > span {
  background: transparent !important;
  color: #072a3f !important;
}

/* The SAME states for pointer, keyboard and a persistently opened menu. */
html body.home-entry-reference .site-header :is(
  #main-nav > a:is(:hover, :focus-visible, [aria-current="location"]),
  #menu-toggle:is(:hover, :focus-visible, [aria-expanded="true"]),
  .header-actions > .login:is(:hover, :focus-visible),
  .header-actions > .button:is(:hover, :focus-visible),
  .header-actions > .popover > summary:is(:hover, :focus-visible),
  .header-actions > .popover[open] > summary,
  .header-actions > .language-choice:is(:hover, :focus-within) > select,
  .header-actions > .language-choice > select:focus-visible,
  .header-collapse:is(:hover, :focus-visible),
  #cappy-pause:not(:disabled):is(:hover, :focus-visible),
  .cappy-cue:is(:hover, :focus-visible)
) {
  background: var(--header-hover-navy) !important;
  color: var(--header-hover-white) !important;
  border-color: var(--header-hover-copper) !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}
html body.home-entry-reference .site-header :is(
  #main-nav > a:is(:hover, :focus-visible, [aria-current="location"]),
  #menu-toggle:is(:hover, :focus-visible, [aria-expanded="true"]),
  .header-actions > .login:is(:hover, :focus-visible),
  .header-actions > .button:is(:hover, :focus-visible),
  .header-actions > .popover > summary:is(:hover, :focus-visible),
  .header-actions > .popover[open] > summary,
  .cappy-cue:is(:hover, :focus-visible)
) :is(svg, span) {
  color: var(--header-hover-white) !important;
  text-shadow: none !important;
  filter: none !important;
}
html body.home-entry-reference .site-header .header-actions > .language-choice > select > option {
  color: #072a3f !important;
  background: #FFFFFF !important;
}
html body.home-entry-reference .site-header :is(
  #main-nav > a, #menu-toggle, .header-actions > .login,
  .header-actions > .button, .header-actions > .popover > summary,
  .header-actions > .language-choice > select, .header-collapse,
  #cappy-pause, .cappy-cue
):focus-visible {
  outline: 2px solid var(--header-hover-copper) !important;
  outline-offset: 3px !important;
}

/* Preserve the collapse handle position in each existing header layout. */
html body.home-entry-reference .site-header .header-collapse,
html body.home-entry-reference .site-header .header-collapse:is(:hover, :focus-visible) {
  padding: 0 !important;
}

html[data-motion="reduce"] body.home-entry-reference .site-header :is(a, button, summary, select) {
  transition: none !important;
}
@media (prefers-reduced-motion: reduce) {
  html body.home-entry-reference .site-header :is(a, button, summary, select) {
    transition: none !important;
  }
}

/* Help/pause buttons follow the same palette, not the owl itself. */
html body.home-entry-reference .site-header #cappy-pause {
  border-color: transparent;
  display: grid !important;
  place-items: center !important;
  line-height: 1 !important;
}
html body.home-entry-reference .site-header .cappy-cue:is(:hover, :focus-visible) > span:last-child {
  border-color: #ac6639 !important;
  background: transparent !important;
}

/* A wrapping header's minimum height used to stretch its first flex line by
 * six pixels while closed. Opening the menu removed that space (a 3px jump).
 * Pin each line to its content height, independent of menu state. */
@media (max-width: 1100px) {
  html body.home-entry-reference .site-header .header-inner {
    align-content: flex-start;
  }
}

/* END RAMOS HEADER NAVY FIX 20261025-R1 */