/*
Theme Name: 123haus Child
Theme URI: https://www.123haus.at/
Description: Offizielles Child-Theme für 123haus.at, basierend auf dem redaktionellen Basis-Theme AdSimple Magazine.
Author: AdSimple GmbH
Author URI: https://www.adsimple.at/
Template: adsimple-magazine
Version: 1.1.0
License: Proprietary
Text Domain: 123haus-child
*/

/* The approved handbook composition is confined to this child. */
:root {
  --am-accent: #4c4d3d;
  --am-accent-dark: #303128;
  --am-text: #303128;
  --am-text-soft: #626551;
  --am-bg: #fffef9;
  --am-surface: #fffef9;
  --am-surface-warm: #f2f3e9;
  --am-border: #d5d8c9;
  --am-border-strong: #a5a890;
  --am-shell: 1180px;
  --am-reading: 760px;
  --am-serif: Georgia, "Times New Roman", serif;
  --am-sans: Arial, sans-serif;
}
body { background: var(--am-bg); color: var(--am-text); font-family: var(--am-sans); }
.h123-shell, .site-header__inner, .site-footer__grid { width: min(1180px, calc(100% - 96px)); margin-inline: auto; }
.h123-shell { padding-block: 34px 54px; }
.h123-shell h1, .h123-shell h2, .h123-shell h3, .site-footer h2, .site-footer__wordmark { font-family: var(--am-serif); letter-spacing: -.025em; line-height: 1.2; }
.h123-shell h1, .h123-shell h2, .h123-shell h3 { overflow-wrap: anywhere; }
.h123-shell a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.h123-shell a:focus-visible, .site-header a:focus-visible, .site-header button:focus-visible { outline: 2px solid #626551; outline-offset: 4px; }
.site-header { position: relative; background: var(--am-bg); border: 0; }
.site-header__inner { padding: 24px 0; border-bottom: 2px solid #4c4d3d; gap: 24px; min-height: 0; }
.site-branding { flex-shrink: 0; }
.site-branding__image { display: block; width: 250px; max-width: 100%; height: auto; object-fit: contain; }
.primary-navigation { flex: 1; }
.primary-navigation .menu { gap: 8px 20px; justify-content: flex-end; }
.primary-navigation a { font: 14px/1.5 Arial, sans-serif; text-decoration: underline; white-space: nowrap; }
.site-header__actions { gap: 12px; }
.site-header .submenu-toggle { width: 40px; height: 40px; border: 1px solid #989b84; }
.site-header .sub-menu { background: #eeeee3; border-color: #989b84; max-width: min(290px, calc(100vw - 40px)); }
.h123-chapter-section h1 { font-size: 31px; margin: 0 0 12px; }
.h123-chapter-intro { font-size: 15px; margin-bottom: 24px; }
.h123-chapters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none; padding: 0; margin: 0; border-block: 1px solid #989b84; }
.h123-chapters li { display: flex; align-items: flex-start; gap: 18px; margin: 0; padding: 20px 22px; border-bottom: 1px solid #d5d8c9; border-right: 1px solid #d5d8c9; min-width: 0; }
.h123-chapters li:nth-child(3n) { border-right: 0; }
.h123-chapters li > span { flex: 0 0 2ch; white-space: nowrap; font: 20px Georgia, serif; color: #7e816c; }
.h123-chapters li > div { min-width: 0; }
.h123-chapters a { display: block; font: 23px/1.25 Georgia, serif; padding: 5px 0; }
.h123-chapters p { font-size: 13px; line-height: 1.5; margin: 8px 0 0; }
.h123-spread { margin-top: 54px; }
.h123-label, .h123-meta { font: 12px/1.6 Arial, sans-serif; margin: 0 0 12px; color: #626551; }
.h123-label { text-transform: uppercase; letter-spacing: .07em; }
.h123-meta a { font: inherit; }
.h123-spread header h2 { font-size: clamp(32px, 4vw, 54px); max-width: 32ch; margin: 14px 0 30px; }
.h123-spread-layout { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 34px; align-items: start; }
.h123-spread-layout > div { min-width: 0; }
.h123-no-image { display: block; }
.h123-media { margin: 0; min-width: 0; }
.h123-media > a { display: block; }
.h123-media img { display: block; width: 100%; height: auto; max-width: 100%; object-fit: contain; border-radius: 0; }
.h123-media figcaption, .h123-media .single-article__image-credit { position: static; display: block; width: auto; max-width: 100%; margin: 0; padding: 8px 0; font: 12px/1.5 Arial, sans-serif; color: #626551; white-space: normal; overflow-wrap: anywhere; }
.h123-media figcaption *, .h123-media .single-article__image-credit * { white-space: normal; overflow-wrap: anywhere; }
.h123-intro { font: 20px/1.7 Georgia, serif; margin-top: 0; }
.h123-side-reading { border-top: 1px solid #a5a890; padding-top: 18px; margin-top: 24px; }
.h123-side-reading .h123-media { width: 140px; margin-top: 18px; }
.h123-side-reading h3 { font-size: 26px; margin-block: 12px; }
.h123-home-reading { margin-top: 54px; }
.h123-home-reading > h2 { font-size: 31px; margin-bottom: 24px; }
.h123-entry { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 34px; border-top: 1px solid #b9bdaa; padding: 28px 0; align-items: start; }
.h123-entry > * { min-width: 0; }
.h123-copy-first { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
.h123-entry h2 { font-size: clamp(25px, 2.5vw, 35px); max-width: 40ch; margin: 8px 0 14px; }
.h123-entry-copy > p:not(.h123-meta) { font-size: 15px; line-height: 1.7; max-width: 65ch; }
.h123-entry-no-image { display: block; }
.h123-reading-window { display: grid; grid-template-columns: minmax(0, 1.3fr) repeat(2, minmax(0, 1fr)); gap: 26px; background: #eeeede; border-block: 1px solid #a5a890; padding: 28px; margin-top: 40px; }
.h123-reading-window > * { min-width: 0; }
.h123-reading-window h2 { font-size: 31px; }
.h123-reading-window h3 { font-size: 24px; margin-block: 12px; }
.h123-reading-window .h123-media { max-width: 180px; margin-top: 18px; }
.h123-home-search { max-width: 760px; margin-top: 48px; border-top: 2px solid #a5a890; padding-top: 28px; }
.h123-home-search .search-form__label { max-width: 100%; }
.h123-single .single-article { padding: 0; margin: 0; }
.h123-article-layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); grid-template-areas: "head head" "toc toc" "image body" "related body"; gap: 30px 34px; grid-template-rows: auto auto min-content minmax(0, 1fr); }
.h123-article-header { grid-area: head; max-width: 940px; margin: auto; text-align: center; padding: 12px 0 28px; }
.h123-article-header h1 { font-size: clamp(32px, 4vw, 54px); max-width: 32ch; margin: 14px auto 22px; }
.h123-toc { grid-area: toc; position: static; align-self: start; width: min(760px, 100%); max-width: 100%; margin: 0 auto 10px; padding: 14px 22px; border: 1px solid #b9bdaa; background: #f2f3e9; }
.h123-toc summary { cursor: pointer; font-size: 16px; }
.h123-toc ol { font-size: 14px; line-height: 1.6; margin-bottom: 0; }
.h123-article-image { grid-area: image; min-width: 0; }
.h123-reading { grid-area: body; width: 100%; max-width: 760px; min-width: 0; border-left: 1px solid #b9bdaa; padding-left: 34px; font: 19px/1.75 Georgia, serif; }
.h123-reading h2 { font-size: 30px; }
.h123-reading > :first-child { margin-top: 0; }
.h123-margin-notes { grid-area: related; align-self: start; border-top: 1px solid #989b84; padding-top: 18px; min-width: 0; }
.h123-margin-notes > h2 { font-size: 24px; }
.h123-margin-notes article { padding: 16px 0; border-bottom: 1px solid #d5d8c9; }
.h123-margin-notes h3 { font-size: 22px; margin: 10px 0; }
.h123-archive-header h1 { font-size: clamp(32px, 4vw, 54px); margin-block: 16px; }
.h123-description { max-width: 760px; }
.h123-count { font-size: 15px; border-block: 1px solid #b9bdaa; padding: 16px 0; margin: 24px 0 0; }
.h123-time-trail { list-style: none; padding: 0; margin: 0; }
.h123-time-trail > li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 34px; margin: 0; padding: 24px 0; border-top: 1px solid #b9bdaa; }
.h123-time-trail > li > time { font: 20px/1.4 Georgia, serif; padding: 12px 18px 0 0; text-align: right; }
.h123-time-trail article { padding-left: 30px; border-left: 2px solid #b9bdaa; min-width: 0; }
.h123-time-trail h2 { font-size: 30px; max-width: 36ch; margin: 10px 0; }
.h123-time-trail article > p:not(.h123-meta) { max-width: 65ch; font-size: 15px; line-height: 1.7; }
.h123-time-trail .h123-media { width: 140px; margin-top: 18px; }
.h123-pagination { padding: 24px 0; border-top: 2px solid #a5a890; }
.h123-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; }
.h123-pagination .page-numbers { padding: 10px; max-width: 100%; }
.site-footer { background: #f2f3e9; border-top: 2px solid #a5a890; color: var(--am-text); }
.site-footer__grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 32px; }
.site-footer a, .site-footer p, .site-footer h2 { color: inherit; }
.site-footer__wordmark { font-size: 27px; }
.site-footer h2 { font-size: 21px; }
.site-footer__nav a, .site-footer__topics a { display: inline-block; padding: 8px 0; text-decoration: underline; }
/* Preserve full Legal/article text; contain long URLs, inline dimensions and tables. */
.standard-page, .standard-page__layout, .standard-page .entry-content, .standard-page .entry-content > *, .h123-reading > * { min-width: 0; max-width: 100%; }
.standard-page__layout { grid-template-columns: minmax(0, 1fr); }
.standard-page .entry-content, .h123-reading { overflow-wrap: anywhere; word-break: normal; }
.standard-page .entry-content pre, .h123-reading pre { white-space: pre-wrap; }
.standard-page .entry-content table, .h123-reading table { display: block; max-width: 100%; overflow-x: auto; }
.standard-page .entry-content img, .h123-reading img, .standard-page .entry-content iframe, .h123-reading iframe { max-width: 100%; }
.standard-page .entry-content figure, .h123-reading figure { max-width: 100%; margin-inline: 0; }
.standard-page .entry-content figcaption, .h123-reading figcaption { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 1024px) {
  .site-header__inner { flex-wrap: wrap; }
}
@media (max-width: 700px) {
  .h123-shell, .site-header__inner, .site-footer__grid { width: calc(100% - 36px); }
  .h123-shell { padding-top: 24px; }
  .site-header__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; padding: 16px 0; }
  .site-branding { grid-column: 1 / -1; }
  .site-branding__image { width: 230px; }
  .site-header__actions { grid-column: 1 / -1; justify-content: space-between; width: 100%; }
  .h123-chapters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .h123-chapters li { padding: 10px 8px; gap: 8px; border-right: 0; }
  .h123-chapters li:nth-child(odd) { border-right: 1px solid #d5d8c9; }
  .h123-chapters li > span { font-size: 15px; }
  .h123-chapters a { font-size: 19px; }
  .h123-chapter-intro, .h123-chapters li p { display: none; }
  .h123-spread { margin-top: 28px; }
  .h123-intro { font-size: 18px; }
  .h123-spread-layout, .h123-entry, .h123-reading-window { display: block; }
  .h123-spread-layout > div { margin-top: 22px; }
  .h123-entry-copy { margin-top: 20px; }
  .h123-entry h2 { font-size: 26px; }
  .h123-reading-window article { margin-top: 24px; border-top: 1px solid #b9bdaa; padding-top: 12px; }
  .h123-article-layout { display: flex; flex-direction: column; gap: 26px; }
  .h123-article-header { text-align: left; margin: 0; padding-bottom: 12px; }
  .h123-article-header h1 { margin-left: 0; }
  .h123-article-image { max-width: 270px; }
  .h123-toc { padding: 12px 16px; }
  .h123-reading { border: 0; padding: 0; }
  .h123-reading h2 { font-size: 27px; }
  .h123-time-trail > li { display: block; padding: 20px 0; }
  .h123-time-trail > li > time { display: block; text-align: left; font-size: 18px; padding: 0 0 12px 16px; }
  .h123-time-trail article { padding-left: 16px; }
  .h123-time-trail h2 { font-size: 26px; }
  .h123-time-trail .h123-media { width: 130px; }
  .site-footer__grid { display: block; }
  .site-footer__grid > * { margin-bottom: 24px; }
  .post-navigation { display: block; }
  .post-navigation > div { margin-bottom: 20px; }
}


.h123-header .site-header__actions .icon-button svg { display: none; }
.site-header__actions .icon-button { width: auto; min-width: 44px; height: 44px; padding: 8px 10px; border-radius: 0; font: 14px/1.5 Arial, sans-serif; text-decoration: underline; }

/* Retire only the legacy stage homepage grid on the new native handbook. */
body.home #main-content.h123-home { display: block; width: min(1180px, calc(100% - 96px)); padding-inline: 0; }
@media(max-width:700px) { body.home #main-content.h123-home { width: calc(100% - 36px); } }

.h123-shell h1, .h123-shell h2, .h123-shell h3 { font-weight: 700; }

@media(max-width:700px) {
  .standard-page .entry-content h1, .standard-page__header h1 { font-size: clamp(24px, 6.5vw, 30px); line-height: 1.25; overflow-wrap: normal; hyphens: auto; }
  .standard-page .entry-content h2 { font-size: clamp(22px, 6vw, 28px); line-height: 1.3; hyphens: auto; }
}
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 12px 20px; }
.pagination .page-numbers { max-width: 100%; }
#site-header li.menu-item-has-children.h123-submenu-closed > ul.sub-menu { display: none; }
.h123-tag-topics { margin-top: 32px; }
.h123-tags { display: flex; flex-wrap: wrap; gap: 12px 24px; list-style: none; padding: 0; }
.h123-tags a { display: block; padding: 10px 0; }