/* ArcaNuova 20.75 – Reise-Prinzip konsequent auf Kontextbereiche übertragen. */
@media (min-width: 761px) {
  /* Grüner Forumkasten: keine künstlich schmale Textspalte auf Desktop. */
  html body .forum-bridge p {
    max-width: none !important;
  }

  /* Gedanken: grüner Kasten exakt so breit wie der Inhaltskasten darüber. */
  html body.arc-page-thoughts main > .forum-bridge {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Kleine Weiterführungsbuttons auf Desktop in einer Zeile. */
  html body .related-thoughts {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: .8rem !important;
  }
  html body .related-thoughts > .button {
    margin: 0 !important;
    flex: 0 1 auto !important;
  }
}

@media (max-width: 760px) {
  html body .related-thoughts {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: .55rem !important;
  }
}

/* ArcaNuova 20.76 – einheitliche Zitat-/Balkenkaesten ohne linken Goldbalken. */
html body blockquote,
html body .story-quote {
  border-left: 0 !important;
  border: 1px solid rgba(127, 89, 28, .22) !important;
  background: rgba(255, 248, 235, .82) !important;
  border-radius: 14px !important;
  padding: 1.35rem 1.5rem !important;
  box-sizing: border-box !important;
}

/* Kernaussage zuerst deutlich, Erklaerung danach bewusst ruhiger. */
html body blockquote {
  font-size: 1.08em;
  font-weight: 600;
  line-height: 1.68;
}
html body blockquote > p {
  font-weight: 400;
}
html body blockquote > p:first-child {
  font-weight: 700;
}
html body .story-quote {
  font-weight: 700 !important;
  line-height: 1.55 !important;
}

/* Gedanken: niemals wieder ein isolierter linker Balken vor dem Text. */
html body.arc-page-thoughts blockquote,
html body.arc-page-thoughts .story-quote,
html body .gedanken-kapitel blockquote,
html body .chapter-text blockquote {
  border-left: 0 !important;
}

/* ArcaNuova 20.78 – Gedanken Desktop breiter, luftiger und Forumtypografie angeglichen. */
@media (min-width: 761px) {
  /* Eigentliche Gedanken-Seiten auf dieselbe grosszuegige Desktopbreite wie Reise. */
  html body main > .content.gedanken-kapitel {
    width: min(1120px, calc(100% - 2rem)) !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  /* Text darf die neue Flaeche nutzen, bleibt aber durch den Kastenrand gut lesbar. */
  html body .content.gedanken-kapitel > p,
  html body .content.gedanken-kapitel > blockquote,
  html body .content.gedanken-kapitel > .story-quote {
    max-width: none !important;
  }

  /* Lange Gedanken brauchen Luft: vorhandene Absaetze sichtbar voneinander trennen. */
  html body .content.gedanken-kapitel > p {
    margin-top: 0 !important;
    margin-bottom: 1.45rem !important;
    line-height: 1.72 !important;
  }
  html body .content.gedanken-kapitel > p:last-of-type {
    margin-bottom: 0 !important;
  }

  /* Forumkasten folgt exakt derselben Aussenbreite. */
  html body main > .forum-bridge,
  html body main > .forum-bridge.forum-bridge-compact {
    width: min(1120px, calc(100% - 2rem)) !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 1.6rem 1.8rem !important;
  }

  /* Typografie an die restlichen hellen Inhaltskaesten angleichen. */
  html body .forum-bridge h2 {
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(1.7rem, 2.3vw, 2.25rem) !important;
    font-weight: 700 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
  }

  html body .forum-bridge p:not(.eyebrow) {
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
    max-width: none !important;
  }

  html body .forum-bridge .eyebrow {
    font-family: Georgia, 'Times New Roman', serif !important;
  }
}

/* ArcaNuova 20.79 – Evolution: Reise-Geometrie durch Gedanken, Rosen und Impressum. */
@media (min-width: 761px) {
  /* Gedanken wieder wirklich so breit wie die Reise: 20.78 hatte sie versehentlich auf 1120 px begrenzt. */
  html body.arc-page-thoughts main > .content.gedanken-kapitel,
  html body.arc-page-thoughts main > .content.gedanken-landing {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Die Übersichtskarten nutzen die gewonnene Fläche. */
  html body.arc-page-thoughts .gedanken-landing .way-grid {
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1rem !important;
  }

  /* Rosen: der Textkasten folgt wieder der bereits vorhandenen Reise-Geometrie. */
  html body.arc-page-roses main > .content.gedanken-kapitel {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Grüner Forumkasten auf Gedanken und Rosen nicht wieder künstlich verengen. */
  html body.arc-page-thoughts main > .forum-bridge,
  html body.arc-page-roses main > .forum-bridge,
  html body.arc-page-roses main > .forum-bridge.forum-bridge-compact {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Forumtypografie: gleiche optische Gewichtung wie die übrigen Inhaltskästen. */
  html body .forum-bridge h2 {
    font-size: clamp(1.85rem, 2.5vw, 2.45rem) !important;
    line-height: 1.14 !important;
  }
  html body .forum-bridge p:not(.eyebrow) {
    font-size: 1.08rem !important;
    line-height: 1.65 !important;
  }

  /* Impressum: kein Fluchtversuch nach links mehr. */
  html body main.legal-page {
    width: min(1120px, calc(100% - 2rem)) !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
  html body main.legal-page > .author-four-stack {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* ArcaNuova 20.80 – Gedankenübersicht Desktop kompakter verteilen. */
@media (min-width: 761px) {
  html body.arc-page-thoughts .gedanken-landing .way-grid {
    gap: .75rem !important;
    align-items: stretch !important;
  }
}
@media (min-width: 761px) and (max-width: 999px) {
  html body.arc-page-thoughts .gedanken-landing .way-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1000px) and (max-width: 1349px) {
  html body.arc-page-thoughts .gedanken-landing .way-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 1350px) {
  html body.arc-page-thoughts .gedanken-landing .way-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* ArcaNuova 20.87 – ZENTRALES TYPOGRAFIE-SYSTEM.
   GEDANKEN bleibt Referenz. Schriftfamilie und Grundgroesse haben jetzt feste
   Namen und werden von Inhalt UND Header aus derselben Quelle bezogen. */
:root{
  --arca-font: Georgia, "Times New Roman", serif;
  --arca-text-size: 1.06rem;
  --arca-text-line: 1.78;
  --arc-editorial-font: var(--arca-font);
  --arc-editorial-size: var(--arca-text-size);
  --arc-editorial-line: var(--arca-text-line);
  --arc-editorial-h2-size: clamp(1.8rem, 3.6vw, 3rem);
  --arc-editorial-h2-line: 1.10;
}

/* REISE: die bisher etwas engere Startseiten-Typografie folgt nun GEDANKEN. */
html body.arc-home .arche-intro > p:not(.eyebrow),
html body.arc-home .arca-linkblock-text,
html body.arc-home .forum-bridge > p:not(.eyebrow),
html body.arc-home .built-thoughts-lead,
html body.arc-home .projekt-kompass > p:not(.eyebrow){
  font-family:var(--arc-editorial-font)!important;
  font-size:var(--arc-editorial-size)!important;
  line-height:var(--arc-editorial-line)!important;
}
html body.arc-home .arche-intro > h2,
html body.arc-home .arca-linkblock > h2,
html body.arc-home .forum-bridge > h2,
html body.arc-home .built-thoughts-teaser > h2,
html body.arc-home .projekt-kompass > h2{
  font-family:var(--arc-editorial-font)!important;
  font-size:var(--arc-editorial-h2-size)!important;
  line-height:var(--arc-editorial-h2-line)!important;
}

/* Gemeinsame gruene Kaesten: exakt dieselbe redaktionelle Typografie wie GEDANKEN. */
html body .forum-bridge h2{
  font-family:var(--arc-editorial-font)!important;
  font-size:var(--arc-editorial-h2-size)!important;
  line-height:var(--arc-editorial-h2-line)!important;
  letter-spacing:0!important;
}
html body .forum-bridge p:not(.eyebrow){
  font-family:var(--arc-editorial-font)!important;
  font-size:var(--arc-editorial-size)!important;
  line-height:var(--arc-editorial-line)!important;
  max-width:none!important;
}

/* GEDANKEN und ROSEN: Referenz explizit festschreiben, damit spaetere Sonderregeln sie nicht wieder auseinanderziehen. */
html body.arc-page-thoughts main .content > p:not(.eyebrow),
html body.arc-page-roses main .content > p:not(.eyebrow){
  font-family:var(--arc-editorial-font)!important;
  font-size:var(--arc-editorial-size)!important;
  line-height:var(--arc-editorial-line)!important;
}
html body.arc-page-thoughts main .content > h2,
html body.arc-page-roses main .content > h2{
  font-family:var(--arc-editorial-font)!important;
  font-size:var(--arc-editorial-h2-size)!important;
  line-height:var(--arc-editorial-h2-line)!important;
}

/* ARCHITEKTUR: Haupttexte folgen ebenfalls GEDANKEN; Bildlegenden/Karten bleiben kompakter. */
html body.arc-page-architecture .built-intro > p:not(.eyebrow),
html body.arc-page-architecture .built-copy,
html body.arc-page-architecture .built-copy p,
html body.arc-page-architecture .built-note{
  font-family:var(--arc-editorial-font)!important;
  font-size:var(--arc-editorial-size)!important;
  line-height:var(--arc-editorial-line)!important;
}
html body.arc-page-architecture .built-place > h2,
html body.arc-page-architecture .built-intro > h1{
  font-family:var(--arc-editorial-font)!important;
}

/* FORUM: Inhaltstexte und Abschnittstitel auf die Gedanken-Typografie ziehen.
   Kleine Tags, Navigation und Bedienfelder bleiben absichtlich kleiner. */
html body .page .section p:not(.small):not(.eyebrow),
html body .page .card p:not(.small):not(.eyebrow),
html body .page .category p:not(.small):not(.eyebrow),
html body .page .rules p:not(.small):not(.eyebrow),
html body .page .notice p:not(.small):not(.eyebrow),
html body .page .lead-copy{
  font-family:var(--arc-editorial-font)!important;
  font-size:var(--arc-editorial-size)!important;
  line-height:var(--arc-editorial-line)!important;
}
html body .page .section > h2{
  font-family:var(--arc-editorial-font)!important;
  font-size:var(--arc-editorial-h2-size)!important;
  line-height:var(--arc-editorial-h2-line)!important;
}

/* IMPRESSUM: kleine optische Korrektur der beiden vom Nutzer markierten Elemente. */
html body main.legal-page > .eyebrow{
  display:block!important;
  width:100%!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body main.legal-page > .legal-back-home{
  width:100%!important;
  text-align:center!important;
}
html body main.legal-page > .legal-back-home > .button{
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:520px){
  /* GEDANKEN bleibt auch mobil Referenz; kein erneutes Schrumpfen der Hauptleseschrift. */
  html body.arc-home .arche-intro > p:not(.eyebrow),
  html body.arc-home .arca-linkblock-text,
  html body.arc-home .forum-bridge > p:not(.eyebrow),
  html body.arc-home .built-thoughts-lead,
  html body.arc-home .projekt-kompass > p:not(.eyebrow),
  html body .forum-bridge p:not(.eyebrow){
    font-size:var(--arc-editorial-size)!important;
    line-height:var(--arc-editorial-line)!important;
  }
  html body.arc-home .arche-intro > h2,
  html body.arc-home .arca-linkblock > h2,
  html body.arc-home .forum-bridge > h2,
  html body.arc-home .built-thoughts-teaser > h2,
  html body.arc-home .projekt-kompass > h2,
  html body .forum-bridge h2{
    font-size:1.8rem!important;
    line-height:1.10!important;
  }
}


/* ArcaNuova 20.87 – GLOBAL / HEADER
   Header verwendet dieselbe zentrale Georgia-Schrift wie GEDANKEN.
   Mobil wird die Navigation bewusst in zwei ausgewogene Gruppen geteilt:
   5 Hauptbereiche oben, Impressum + externe Ziele unten. */
html body>.site-header .main-nav,
html body>header.hero .forum-site-header .main-nav{
  font-family:var(--arca-font)!important;
}
html body>.site-header .main-nav a,
html body>header.hero .forum-site-header .main-nav a{
  font-family:var(--arca-font)!important;
  font-size:var(--arca-text-size)!important;
  font-weight:400!important;
  line-height:1!important;
}

@media(max-width:720px){
  html body>.site-header .main-nav,
  html body>header.hero .forum-site-header .main-nav{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    column-gap:.08rem!important;
    row-gap:.08rem!important;
  }
  html body>.site-header .main-nav a,
  html body>header.hero .forum-site-header .main-nav a{
    order:1!important;
    min-height:30px!important;
    padding:.28rem .24rem!important;
    font-size:var(--arca-text-size)!important;
  }
  html body>.site-header .main-nav a:nth-child(n+6),
  html body>header.hero .forum-site-header .main-nav a:nth-child(n+6){order:3!important;}
  html body>.site-header .main-nav::after,
  html body>header.hero .forum-site-header .main-nav::after{
    content:""!important;
    order:2!important;
    flex:0 0 100%!important;
    width:100%!important;
    height:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body>.site-header .main-nav a.nav-external-first,
  html body>header.hero .forum-site-header .main-nav a.nav-external-first{margin-left:0!important;}
  html body>.site-header .main-nav .nav-tooth-link,
  html body>header.hero .forum-site-header .main-nav .nav-tooth-link{
    min-width:30px!important;
    min-height:30px!important;
    padding:1px 2px!important;
  }
  html body>.site-header .main-nav .nav-tooth-link img,
  html body>header.hero .forum-site-header .main-nav .nav-tooth-link img{
    width:27px!important;
    height:27px!important;
  }
}

/* Sicherheitsnetz fuer sehr schmale Handys und lange Uebersetzungen.
   Erst hier wird minimal verkleinert, damit die Navigation nicht unnoetig
   eine weitere Zeile erzeugt. */
@media(max-width:380px){
  :root{--arca-nav-mobile-size:.96rem;}
  html body>.site-header .main-nav a,
  html body>header.hero .forum-site-header .main-nav a{
    font-size:var(--arca-nav-mobile-size)!important;
    padding:.26rem .16rem!important;
  }
  html body>.site-header .main-nav a.nav-external::after,
  html body>header.hero .forum-site-header .main-nav a.nav-external::after{margin-left:.12rem!important;}
}


/* ArcaNuova 20.88 – ARCHITEKTUR mobil
   Der Architektur-Teaser nutzt auf kleinen Bildschirmen denselben sauberen
   Innenrand wie die benachbarten Sichtkaesten. Zentral, keine Seiten-Sonderregel. */
@media(max-width:700px){
  html body.arc-home main > .built-thoughts-teaser{
    padding-left:1rem!important;
    padding-right:1rem!important;
  }
}

/* ArcaNuova 20.89 – ARCHITEKTUR mobil: ein gemeinsamer sauberer Seitenrand.
   Der Hauptcontainer und alle direkten Architektur-Bloecke folgen derselben
   Geometrie; damit kann kein einzelner Abschnitt mehr links herausrutschen. */
@media(max-width:760px){
  html body.arc-page-architecture main.built-thoughts-page{
    width:calc(100% - 2rem)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  html body.arc-page-architecture main.built-thoughts-page > .built-intro,
  html body.arc-page-architecture main.built-thoughts-page > .built-place,
  html body.arc-page-architecture main.built-thoughts-page > .built-note,
  html body.arc-page-architecture main.built-thoughts-page > .forum-bridge,
  html body.arc-page-architecture main.built-thoughts-page > .footer-sight-pair,
  html body.arc-page-architecture main.built-thoughts-page > .hai-mini-label-wrap{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  html body.arc-page-architecture .built-copy,
  html body.arc-page-architecture .built-object{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}