/* Druckansicht: lesbarer Fliesstext ohne Navigation und Bedienelemente. */
@page {
  margin: 18mm 16mm;
}

body {
  background: #fff;
  color: #111;
  font-size: 11pt;
  line-height: 1.5;
}

.site-header,
.site-footer,
.nav-toggle,
.mobile-nav,
.skip-link,
.toc,
.btn,
form,
[data-form-status] {
  display: none !important;
}

.shell,
.shell-narrow {
  max-width: none;
  padding: 0;
}

.section,
.section-tight {
  padding-block: 0.6cm;
}

h1 {
  font-size: 22pt;
}

h2 {
  font-size: 16pt;
  margin-top: 0.8cm;
}

h3 {
  font-size: 13pt;
}

h1,
h2,
h3,
h4 {
  color: #111;
  break-after: avoid;
}

p,
li,
figure,
.panel,
.card {
  break-inside: avoid;
}

.panel,
.card,
.accordion {
  border: 1px solid #bbb;
  background: #fff;
  box-shadow: none;
}

.surface-deep,
.surface-soft,
.hero-frame {
  background: #fff !important;
  color: #111 !important;
}

.surface-deep h2,
.surface-deep h3 {
  color: #111;
}

.accordion-body {
  display: block !important;
}

a {
  color: #111;
  text-decoration: underline;
}

main a[href^="/"]::after {
  content: " (tullius-gmbh.de" attr(href) ")";
  font-size: 9pt;
  color: #555;
}

main a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-size: 9pt;
  color: #555;
}

img {
  max-width: 100%;
}