:root {
  --vdb-color-red: #853047;
  --vdb-color-pen: #121212;
  --vdb-color-paper: #ffffff;

  --vdb-color-gray-50: #f5f9fa;

  --vdb-color-blue-100: #edf2f4;
  --vdb-color-blue-500: #c5d6dd;

  --vdb-color-secondary-50: #e8eff2;
  --vdb-color-secondary-100: #b7ccd6;
  --vdb-color-secondary-200: #95b4c3;

  --vdb-font-size-base: 1rem;
  --vdb-font-size-md: 1.25rem;
  --vdb-font-size-lg: 1.5rem;
  --vdb-font-size-xl: 2rem;
  --vdb-font-size-2xl: 2.5rem;

  --vdb-font-leading-base: 1.5;
}

body {
  font-family: "Noto Sans", Arial, Helvetica, sans-serif;
  padding-inline: 0;
}

body article {
    padding-inline: 2rem;
}

p {
  font-family: inherit;
  font-size: var(--vdb-font-size-base);
}

/* li {
    font-family: inherit;
    font-size: var(--vdb-font-size-md);
}

li a {
    font-size: var(--vdb-font-size-base);
} */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
}

h1, h2, h3 {
    color: var(--vdb-color-red);
    font-weight: 500;
}

h1 {
    font-size: var(--vdb-font-size-xl);
}    

h2 {
    font-size: var(--vdb-font-size-lg);
}

h3 {
    font-size: var(--vdb-font-size-lg);
}

h4 {
    font-size: var(--vdb-font-size-md);
}

h2, h3, h4 {
    margin-block: 2.5rem 1rem;
}

body > article {
  max-inline-size: 60rem;
  /* margin-inline: auto; */
}

nav[aria-label="Inhaltsverzeichnis"] {
  width: auto !important;
  max-width: 25%;
  font-weight: 400;
  background-color: var(--vdb-color-secondary-50);
}

nav[aria-label="Inhaltsverzeichnis"] li a {
  display: block;
  color: var(--vdb-color-pen);
  padding-block: 0.5rem;
  padding-inline: 1rem !important;
  font-size: var(--vdb-font-size-base) !important;
}

div.schema-toc-box {
  margin-top: 0;
  line-height: 1.33;
}

a.schema-toc-link.active:hover,
a.schema-toc-link.active:focus {
  font-weight: 400;
  background-color: var(--vdb-color-red);
  border: none !important;
}

a.schema-toc-link.active:hover,
a.schema-toc-link.active:focus {
  border-right: 0;
  color: var(--vdb-color-pen);
  background-color: var(--vdb-color-secondary-200);
}

a.schema-toc-link:hover {
  font-weight: 400;
  color: var(--vdb-color-pen);
  background-color: var(--vdb-color-secondary-200);
    border: none !important;

}

a.schema-toc-link.active {
  border-right: 0;
  background-color: var(--vdb-color-secondary-100);
  color: var(--vdb-color-pen);
}

.doknr {
  /* text/value */
  font-family: var(--font-family-title, "Noto Sans");
  font-size: var(--font-size-base, 16px);
  font-style: italic;
  font-weight: 600;
  line-height: 150%; /* 24px */
  /*text-transform: uppercase;*/
  color: rgb(77, 77, 77);
}

 
.signalhinweis, .signalachtung {
    background-color: var(--blue-100, #EDF2F4);
    padding: 1.5rem;
    margin-block: 2rem;
    border-radius: 0.25rem;
}

.signalhinweis table, .signalachtung table {
    width: auto !important;
}

.signalhinweis table, .signalhinweis tbody, .signalachtung table, .signalachtung tbody {
    display: block !important;
    border: none !important;
    border-style: none !important;
    border-width: none !important;
}

.signalhinweis h4, .signalachtung h4 {
    font-weight: 700;
    font-size: var(--vdb-font-size-md);
    margin: 0 !important;
}

.signalhinweis tr, .signalachtung tr {
    border: none !important;
}

.signalhinweis table th, .signalhinweis table td, .signalachtung table th, .signalachtung table td {
    background-color: transparent !important;
    border: none !important;
}

.signalhinweis th {
    height: auto !important;
}

p {
    width: auto !important;
}

.emphasis-Oberflaechenelement {
    font-family: monospace;
    color: #185B7C;
    background-color: transparent !important;
}

.breadcrumb {
    color: var(--vdb-color-pen) !important;
    background-color: transparent;
}

li.breadcrumb-item a {
    font-size: var(--vdb-font-size-base);
}

li.breadcrumb-item:last-child {
    color: var(--vdb-color-red);
}

.navbar {
    background: linear-gradient(299.21deg, rgba(7, 55, 79, .12) -55%, rgba(211, 240, 255, .12) 100%);
    background-color: transparent;
    padding-block: 2rem;
}

/* a {
    font-size: var(--vdb-font-size-md) !important;
} */

a:hover {
    color: #5E2232;
    text-decoration: underline;
}

footer {
    margin-block: 4rem;
    padding-block-end: 2rem;
}

footer * {
    font-size: var(--vdb-font-size-base) !important;
}

.emphasis-programName {
    background-color: transparent;
    font-style: italic;
    font-weight: 600;
}

p img {
    margin-inline: 0.25rem;
}

table th {
    background-color: var(--vdb-color-secondary-50) !important;
}

table.tabletype-header p {
    padding-inline: 1.5rem;
}


table.tabletype-header tbody p {
    padding-block: 1rem;
}

table.tabletype-framed tr:first-child {
    background-color: transparent;
}

table.tabletype-framed tr:first-child * {
    color: #185B7C;
    font-weight: 600;
    line-height: 1.25;
}

table.tabletype-framed tr:first-child td {
    padding-inline: 1rem !important;
    padding-block: 0.5rem;
}

table.tabletype-framed td {
    border-color: #949594 !important;
}

table.tabletype-framed td p:first-child {
    padding-block-start: 1rem;
}

table.tabletype-framed td p:last-child {
    padding-block-end: 1rem;
}


table.tabletype-framed td ul {
    padding-inline: 2rem 1rem;
    padding-block: 1rem;
}

table td ul {
    padding-inline: 2rem 1rem !important;
    padding-block: 1rem;
}

table.tabletype-framed tr:not(:first-child) td p {
    padding-inline: 1rem;
}

table {
    margin-block: 2rem !important;
}

.toc-title {
    font-family: inherit !important;
    font-size: var(--vdb-font-size-md);
    font-weight: 600;
    color: hsl(0deg, 0, 20%);
}

strong {
    font-weight: 600;
}

li::before {
    margin-inline-end: 0.5rem;
}