/* Text pages (Psychotherapie, Coaching, Ausbildung, Bücher & Podcast, Über mich). Only what ../styles.css does not give already:
   the paper, fonts, header, menu, footer and the pen line are the ones of the start page. One reading column, like the Begleitung page. */

.alt-top { position: relative; z-index: 2; padding: clamp(28px, 6.5vh, 80px) var(--gut) 0; }
.alt-crumb { display: inline-block; margin-bottom: .5em; padding: 10px 0; font: 500 1rem / 1.3 var(--sans); letter-spacing: .01em; color: var(--text-soft); text-decoration: none; }
.alt-crumb::before { content: "\2190\00a0"; }
@media (hover: hover) { .alt-crumb:hover { color: var(--text); text-decoration: underline; text-underline-offset: 5px; } }
.alt-title { max-width: 16em; font: 400 clamp(2.125rem, 2.6vw + 1.2rem, 4.25rem) / 1.07 var(--serif); letter-spacing: -.014em; color: var(--text); text-wrap: balance; }
.alt-title .label { display: block; margin-bottom: .9em; font: 500 1rem / 1.3 var(--sans); letter-spacing: .01em; color: var(--text-soft); }

#r-alt { margin-top: clamp(36px, 6vh, 64px); padding-bottom: clamp(72px, 10vh, 120px); }
.alt > :first-child { margin-top: 0; }
.alt p { text-wrap: pretty; }
.alt p + p { margin-top: .85em; }
.alt strong { font-weight: 500; }
.alt a:not(.cta) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }

.alt h1, .alt h2 { margin-top: 2.3em; font: 400 clamp(1.625rem, .8vw + 1.35rem, 2.0625rem) / 1.14 var(--serif); letter-spacing: -.005em; color: var(--text); text-wrap: balance; }
.alt h3 { margin-top: 1.9em; font: italic 400 clamp(1.1875rem, .35vw + 1.05rem, 1.375rem) / 1.4 var(--serif); color: var(--ink); text-wrap: pretty; }
.alt h4 { margin-top: 1.6em; font: 500 1.0625rem / 1.4 var(--sans); letter-spacing: .01em; color: var(--ink); text-wrap: pretty; }
.alt :is(h1, h2, h3, h4) + p, .alt :is(h1, h2, h3, h4) + ul { margin-top: .6em; }
.alt h2 + h2 { margin-top: .5em; }

.alt .alt-pull { margin-top: 1.1em; font: italic 400 clamp(1.375rem, .6vw + 1rem, 1.6875rem) / 1.45 var(--serif); color: var(--ink); }
.alt .alt-pull + p { margin-top: 1em; }
.alt .alt-label { margin-top: 1.2em; font: 500 1rem / 1.3 var(--sans); letter-spacing: .01em; color: var(--text-soft); }
.alt .alt-label + ul { margin-top: .3em; }
.alt .alt-sessions { margin-top: 1.1em; font-size: .9em; letter-spacing: .01em; color: var(--text-soft); }
.alt blockquote { margin: 1.2em 0; padding: 0 0 0 1.1em; border-left: 1px solid var(--hair); font: italic 400 clamp(1.1875rem, .35vw + 1.05rem, 1.375rem) / 1.5 var(--serif); color: var(--ink); }
.alt ul { margin-top: .6em; padding: 0; list-style: none; }
.alt ul + p, .alt ul + h3 { margin-top: .9em; }
.alt li { position: relative; padding: .12em 0 .12em 1.3em; }
.alt li::before { content: ""; position: absolute; left: 0; top: .95em; width: .72em; height: 1.5px; background: var(--ink); border-radius: 1px; transform: rotate(-3deg); }
.alt details > summary { margin-top: 1.6em; padding: 10px 0; list-style: none; cursor: pointer; font: 500 1rem / 1.3 var(--sans); letter-spacing: .01em; color: var(--text-soft); }
.alt details > summary::-webkit-details-marker { display: none; }
.alt details > summary::after { content: "\00a0\2212"; color: var(--ink); }
.alt details:not([open]) > summary::after { content: "\00a0+"; }
.alt details > :nth-child(2) { margin-top: 0; }
.alt .cta-row { margin-top: 1.6em; }
.alt .alt-soon { color: var(--text-soft); }
.alt .alt-books { display: block; }

@media (min-width: 56.25em) and (max-width: 79.9375em) {
  .alt-top { max-width: calc(40rem + 2 * var(--gut)); margin-inline: auto; }
  #r-alt .c { width: min(40rem, 100%); margin-inline: auto; }
}
@media (max-width: 56.1875em) {
  .alt-top { padding-right: var(--gr); }
  .alt-title { font-size: clamp(1.875rem, 8vw, 3rem); }
}
@media (max-width: 18.75em) {
  .alt-title, .alt h1, .alt h2 { hyphens: auto; -webkit-hyphens: auto; }
}
@media print {
  .alt h1, .alt h2 { break-after: avoid; }
}