/* ArcaNuova 18.39: EIN gemeinsamer Header fuer Website, Sprachversionen und Forum.
   Die kompaktere Version aus Reise/Gedanken ist verbindlich.
   Diese Datei wird auf allen Inhaltsseiten als letzte Header-CSS geladen. */
:root{
  --arc-head-lang:38px;
  --arc-head-nav:78px;
  --arc-head-speech:46px;
  --arc-head-gap:16px;
  --arc-head-paper:#fbf4e6;
  --arc-head-ink:#4b3a25;
  --arc-head-line:rgba(119,87,37,.22);
  --arc-head-active:rgba(255,255,255,.62);
}
html{scroll-padding-top:0!important;}
body,body.notranslate{padding-top:0!important;padding-bottom:0!important;}

/* 1. Sprachleiste */
body>.language-strip.lang-harbors,
body>header.hero>.language-strip.lang-harbors{
  position:relative!important;
  inset:auto!important;
  z-index:40!important;
  width:100%!important;
  height:var(--arc-head-lang)!important;
  min-height:var(--arc-head-lang)!important;
  margin:0!important;
  padding:.18rem .45rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.22rem!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  box-sizing:border-box!important;
  background:var(--arc-head-paper)!important;
  border:0!important;
  border-bottom:1px solid var(--arc-head-line)!important;
  box-shadow:none!important;
  transform:none!important;
  font-family:Georgia,"Times New Roman",serif!important;
}
body>.language-strip.lang-harbors a,
body>header.hero>.language-strip.lang-harbors a{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.20rem!important;
  min-width:0!important;
  height:22px!important;
  padding:.12rem .34rem!important;
  border:1px solid rgba(111,77,28,.24)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.58)!important;
  color:#3d3122!important;
  text-decoration:none!important;
  font:700 .74rem/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}
body>.language-strip.lang-harbors a.is-current,
body>header.hero>.language-strip.lang-harbors a.is-current{
  background:#fffaf0!important;
  box-shadow:inset 0 0 0 1px rgba(118,76,14,.22)!important;
}
body>.language-strip.lang-harbors .flag,
body>header.hero>.language-strip.lang-harbors .flag{
  display:inline-block!important;
  flex:0 0 21px!important;
  width:21px!important;
  height:12px!important;
  border-radius:2px!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.16)!important;
}

/* 2. Navigation. Website und Forum benutzen exakt dieselbe Geometrie. */
body>.site-header,
body>header.hero>.forum-site-header-shell,
body>header.hero>.forum-site-header-shell>.forum-site-header{
  position:relative!important;
  inset:auto!important;
  z-index:35!important;
  width:100%!important;
  min-height:var(--arc-head-nav)!important;
  margin:0!important;
  box-sizing:border-box!important;
}
body>.site-header,
body>header.hero>.forum-site-header-shell>.forum-site-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
  gap:.8rem!important;
  padding:.54rem clamp(.9rem,3.2vw,2.55rem)!important;
  background:rgba(255,248,235,.96)!important;
  border:0!important;
  border-bottom:1px solid rgba(153,105,32,.28)!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
}
body>header.hero>.forum-site-header-shell{
  height:auto!important;
  background:#fff8eb!important;
  border:0!important;
}
body>.site-header .brand,
body>header.hero .forum-site-header .brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:0 0 auto!important;
  gap:.48rem!important;
  min-width:0!important;
  margin:0!important;
  text-decoration:none!important;
}
body>.site-header .brand-arche-logo,
body>header.hero .forum-site-header .brand-arche-logo{
  display:block!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  max-width:40px!important;
  object-fit:contain!important;
}
body>.site-header .brand-pill,
body>header.hero .forum-site-header .brand-pill,
body>.site-header .brand-text,
body>header.hero .forum-site-header .brand-text{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  margin:0!important;
  padding:.38rem .68rem!important;
  border:1px solid rgba(153,105,32,.28)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.46)!important;
  color:#7d5217!important;
  font:700 .90rem/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:.16em!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
body>.site-header .main-nav,
body>header.hero .forum-site-header .main-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:.28rem!important;
  margin:0!important;
  font-family:Georgia,"Times New Roman",serif!important;
}
body>.site-header .main-nav a,
body>header.hero .forum-site-header .main-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  margin:0!important;
  padding:.38rem .62rem!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--arc-head-ink)!important;
  text-decoration:none!important;
  font:400 .96rem/1 Georgia,"Times New Roman",serif!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease!important;
}
body>.site-header .main-nav a:hover,
body>.site-header .main-nav a:focus-visible,
body>.site-header .main-nav a.active,
body>.site-header .main-nav a[aria-current="page"],
body>header.hero .forum-site-header .main-nav a:hover,
body>header.hero .forum-site-header .main-nav a:focus-visible,
body>header.hero .forum-site-header .main-nav a.active,
body>header.hero .forum-site-header .main-nav a[aria-current="page"]{
  border-color:rgba(153,105,32,.28)!important;
  background:var(--arc-head-active)!important;
  color:#1e160d!important;
  font-weight:400!important;
}
body>.site-header .main-nav a.nav-external,
body>header.hero .forum-site-header .main-nav a.nav-external{
  border-color:rgba(153,105,32,.24)!important;
  background:rgba(255,255,255,.32)!important;
  color:#5f451f!important;
}
body>.site-header .main-nav a.nav-external-first,
body>header.hero .forum-site-header .main-nav a.nav-external-first{
  margin-left:.55rem!important;
}
body>.site-header .main-nav a.nav-external::after,
body>header.hero .forum-site-header .main-nav a.nav-external::after{
  content:"↗"!important;
  display:inline-block!important;
  margin-left:.30rem!important;
  font-size:.76em!important;
  opacity:.72!important;
  transform:translateY(-.06em)!important;
}

/* 3. Vorlesen */
body>.speech-tools,
body>header.hero>.speech-tools{
  position:relative!important;
  inset:auto!important;
  z-index:30!important;
  width:100%!important;
  height:var(--arc-head-speech)!important;
  min-height:var(--arc-head-speech)!important;
  margin:0!important;
  padding:.36rem .45rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:.34rem!important;
  box-sizing:border-box!important;
  background:var(--arc-head-paper)!important;
  border:0!important;
  border-bottom:1px solid var(--arc-head-line)!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  font-family:Georgia,"Times New Roman",serif!important;
}
body>.speech-tools button,
body>header.hero>.speech-tools button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  margin:0!important;
  padding:.34rem .66rem!important;
  border:1px solid rgba(110,78,25,.32)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.76)!important;
  color:#4b3a25!important;
  font:700 .82rem/1 Georgia,"Times New Roman",serif!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}
body>.speech-tools button[disabled],
body>header.hero>.speech-tools button[disabled]{opacity:.48!important;cursor:not-allowed!important;}

/* Inhalt: der in 18.36 bewaehrte Abstand bleibt unveraendert. */
body>main:not(.page){margin-top:0!important;padding-top:var(--arc-head-gap)!important;}
body>main:not(.page)>.hero:first-child{padding-top:0!important;margin-top:0!important;}
body>header.hero[data-arcanuova-forum-header]{
  position:relative!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 1.15rem!important;
  overflow:visible!important;
  display:block!important;
}
body>header.hero[data-arcanuova-forum-header]::before{display:none!important;content:none!important;}
body>header.hero[data-arcanuova-forum-header]>.hero-inner{margin:var(--arc-head-gap) auto 0!important;}
body>main.page{padding-top:0!important;}

@media(max-width:1180px){
  body>.site-header,
  body>header.hero>.forum-site-header-shell>.forum-site-header{
    flex-wrap:wrap!important;
    justify-content:center!important;
    height:auto!important;
    min-height:var(--arc-head-nav)!important;
    padding:.58rem .70rem .66rem!important;
  }
  body>.site-header .main-nav,
  body>header.hero .forum-site-header .main-nav{
    flex:1 1 100%!important;
    width:100%!important;
    justify-content:center!important;
  }
  body>.site-header .main-nav a.nav-external-first,
  body>header.hero .forum-site-header .main-nav a.nav-external-first{margin-left:.35rem!important;}
}
@media(max-width:900px){
  :root{--arc-head-gap:12px;}
  body>.site-header,
  body>header.hero>.forum-site-header-shell>.forum-site-header{
    flex-direction:column!important;
    align-items:center!important;
    gap:.46rem!important;
    padding:.62rem .55rem .70rem!important;
  }
  body>.site-header .main-nav,
  body>header.hero .forum-site-header .main-nav{gap:.22rem!important;}
  body>.site-header .main-nav a,
  body>header.hero .forum-site-header .main-nav a{
    min-height:30px!important;
    padding:.34rem .52rem!important;
    font-size:.80rem!important;
  }
  body>.site-header .brand-arche-logo,
  body>header.hero .forum-site-header .brand-arche-logo{width:38px!important;height:38px!important;max-width:38px!important;flex-basis:38px!important;}
  body>.site-header .brand-pill,
  body>header.hero .forum-site-header .brand-pill,
  body>.site-header .brand-text,
  body>header.hero .forum-site-header .brand-text{min-height:30px!important;padding:.34rem .60rem!important;font-size:.76rem!important;}
}
@media(max-width:720px){
  :root{--arc-head-lang:36px;--arc-head-speech:46px;--arc-head-gap:10px;}
  body>.language-strip.lang-harbors,
  body>header.hero>.language-strip.lang-harbors{justify-content:flex-start!important;padding:.16rem .25rem!important;}
  body>.site-header .main-nav a.nav-external-first,
  body>header.hero .forum-site-header .main-nav a.nav-external-first{margin-left:0!important;}
  body>.speech-tools,
  body>header.hero>.speech-tools{height:auto!important;min-height:var(--arc-head-speech)!important;padding:.34rem .36rem!important;}
}
@media(max-width:420px){
  body>.site-header .main-nav a,
  body>header.hero .forum-site-header .main-nav a{padding:.32rem .44rem!important;font-size:.76rem!important;}
}
@media(prefers-reduced-motion:reduce){
  body>.site-header .brand-arche-logo,
  body>header.hero .forum-site-header .brand-arche-logo{animation:none!important;}
}
@media print{
  body{padding-top:0!important;}
  .language-strip,.speech-tools{display:none!important;}
}