@charset "UTF-8";
/* stylelint-disable */
/***
    The new CSS reset - version 1.11.3 (last updated 25.08.2024)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/
/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
    - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Fix mobile Safari increase font-size on landscape mode */
html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Reapply the pointer cursor for anchor tags */
a,
button {
  cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol,
ul,
menu,
summary {
  list-style: none;
}

/* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */
ol {
  counter-reset: revert;
}

/* For images to not be able to exceed their container */
img {
  max-inline-size: 100%;
  max-block-size: 100%;
}

/* removes spacing between cells in tables */
table {
  border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input,
textarea {
  -webkit-user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
  white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
  -webkit-appearance: revert;
  appearance: revert;
}

/* preformatted text - use only for this feature */
:where(pre) {
  all: revert;
  box-sizing: border-box;
}

/* reset default text opacity of input placeholder */
::placeholder {
  color: unset;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
  display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly.
   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable=true]) {
  -webkit-user-drag: element;
}

/* Revert Modal native behavior */
:where(dialog:modal) {
  all: revert;
  box-sizing: border-box;
}

/* Remove details summary webkit styles */
::-webkit-details-marker {
  display: none;
}

/* stylelint-enable */
/* CONFIG FILES */
/* PRIMITIVES */
/* THEME COLORS */
/* PRIMÄRFARBEN */
/* SEKUNDÄRFARBEN */
/* WEBFARBEN */
@font-face {
  font-family: BerlingskeSerif;
  font-style: normal;
  src: url("../fonts/BerlingskeSerif-eoayYQh.woff2") format("woff2");
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Manrope-Regular-Trz_L3B.woff2") format("woff2");
}
/* THEMES */
/* **************************************** */
html {
  font-size: 100%;
}

h1,
.headline-web {
  font-family: "BerlingskeSerif", serif;
  font-weight: "normal";
  font-style: "regular";
  font-size: 72px;
  line-height: 150%;
}
h1 mark,
.headline-web mark {
  background-color: var(--mark);
  color: var(--accent1-foreground);
  padding: 0.5rem;
}

h2 {
  font-family: "BerlingskeSerif", serif;
  font-weight: "normal";
  font-style: "regular";
  font-size: 48px;
}

h3 {
  font-size: 36px;
  font-family: "BerlingskeSerif", serif;
}

p {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  line-height: 1.5em;
}

/* PRIMITIVES */
/* THEMES */
/* ************************ */
body {
  background-color: var(--background);
  color: var(--foreground);
  display: flex;
  flex-direction: column;
  gap: 32px;
  font-family: "BerlingskeSerif";
}

.page-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: var(--base-width-section);
  margin: 0 auto;
  gap: 32px;
}

header {
  display: flex;
  flex-direction: column;
}

section {
  display: flex;
  flex-direction: row;
  min-height: 150px; /* Todo: remove */
  padding: 32px 64px;
  gap: 56px;
}
section.highlighted {
  display: flex;
  flex-direction: row;
  padding: 32px 48px;
  margin-left: 16px;
  margin-right: 16px;
  border-radius: var(--base-section-radius);
  background-color: var(--muted);
  color: var(--muted-foreground);
}
section.highlighted-inverted {
  display: flex;
  flex-direction: row;
  border-radius: var(--base-section-radius);
  background-color: var(--inverted-muted);
  color: var(--inverted-muted-foreground);
}

.column-layout {
  display: flex;
  flex-direction: row;
  gap: 72px;
}
.column-layout > .column-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.column-layout.one-column > div.column-container {
  width: 100%;
}
.column-layout.narrow-wide-columns > div.column-container:first-child {
  flex: 0 0 calc((100% - 72px) / 5 * 2);
}
.column-layout.narrow-wide-columns > div.column-container:last-child {
  flex: 0 0 calc((100% - 72px) / 5 * 3);
}
.column-layout.wide-narrow-columns > div.column-container:first-child {
  flex: 0 0 calc((100% - 72px) / 5 * 3);
}
.column-layout.wide-narrow-columns > div.column-container:last-child {
  flex: 0 0 calc((100% - 72px) / 5 * 2);
}

/* PAGES */
body.blogpost-template h1 {
  /* empty */
}
body.blogpost-template .blocks-component {
  /* empty */
}
body.blogpost-template .content-blocks-container {
  margin-left: 171px;
  margin-right: 171px;
  gap: 72px;
  display: flex;
  flex-direction: column;
}
body.blogpost-template .content-block {
  padding-left: 48px;
  padding-right: 48px;
}
body.blogpost-template .content-block.highlighted {
  background-color: var(--muted);
  color: var(--muted-foreground);
  border-radius: var(--base-section-radius);
  padding-top: 32px;
  padding-bottom: 32px;
}

.category-list-template .category-item-container,
.category-list-template .author-item-container,
.category-list-template .article-item-container,
.article-list-template .category-item-container,
.article-list-template .author-item-container,
.article-list-template .article-item-container,
.author-list-template .category-item-container,
.author-list-template .author-item-container,
.author-list-template .article-item-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
.category-list-template .article-item-container,
.article-list-template .article-item-container,
.author-list-template .article-item-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 72px;
}
.category-list-template .content-block,
.article-list-template .content-block,
.author-list-template .content-block {
  padding-left: 48px;
  padding-right: 48px;
}
.category-list-template .content-block.highlighted,
.article-list-template .content-block.highlighted,
.author-list-template .content-block.highlighted {
  background-color: var(--muted);
  color: var(--muted-foreground);
  border-radius: var(--base-section-radius);
  padding-top: 32px;
  padding-bottom: 32px;
}

.tag-list-template .tag-item-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}

/* THEMES */
body,
body.layout-desktop {
  --base-width-section: 1440px;
  --base-width-section-slim: 1408px;
  --base-width-content: 1312px;
  --base-section-spacing: 120px;
  --base-section-spacing-slim: 80px;
  --base-section-radius: 16px;
  --base-page-gutter: 64px;
  --page-gutter-slim: 48px;
  --page-space-slim: 16px;
  --base-image-radius: 24px;
  --base-card-radius: 24px;
  --button-spacing-y: 16px;
  --button-spacing-x: 24px;
  --button-radius: 40px;
}

body.layout-mobile {
  --base-width-section: 390px;
  --base-width-section-slim: 374px;
  --base-width-content: 358px;
  --base-section-spacing: 120px;
  --base-section-spacing-slim: 80px;
  --base-section-radius: 16px;
  --base-page-gutter: 64px;
  --page-gutter-slim: 48px;
  --page-space-slim: 8px;
  --base-image-radius: 24px;
  --base-card-radius: 24px;
  --button-spacing-y: 16px;
  --button-spacing-x: 24px;
  --button-radius: 40px;
}

/* CONFIG FILES */
body.theme-dark {
  --background: #333;
  --white: #fff;
  --black: #1a1a1a;
  --background: #333;
  --foreground: #fff;
  --foreground-soft: #808080;
  --muted: #2b2b2b;
  --muted-foreground: #fff;
  --inverted-muted: #fff;
  --inverted-muted-foreground: #1a1a1a;
  --primary: #fff;
  --primary-foreground: #1a1a1a;
  --accent1: #effe7c;
  --accent1-foreground: #1a1a1a;
  --accent2: #c0acf9;
  --accent3: #ff685c;
  --accent4: #c9d08f;
  --destructive: #e32a1b;
  --destructive-foreground: #fff;
  --border: #1a1a1a;
  --ring: #c0acf9;
  --hr: #595959;
  --mark: #effe7c;
}

body.theme-light {
  --background: #f0f0eb;
  --white: #fff;
  --black: #1a1a1a;
  --background: #f0f0eb;
  --foreground: #1a1a1a;
  --foreground-soft: #808080;
  --muted: #fff;
  --muted-foreground: #1a1a1a;
  --inverted-muted: #2b2b2b;
  --inverted-muted-foreground: #fff;
  --primary: #222;
  --primary-foreground: #fff;
  --accent1: #effe7c;
  --accent1-foreground: #1a1a1a;
  --accent2: #c0acf9;
  --accent3: #ff685c;
  --accent4: #c9d08f;
  --destructive: #e32a1b;
  --destructive-foreground: #fff;
  --border: #1a1a1a;
  --ring: #c0acf9;
  --hr: #d6d6d6;
  --mark: #c9d08f;
}

/* BLOCKS */
.content-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.content-block h2 {
  border-left: 4px solid var(--accent2);
  padding-left: 32px;
  line-height: 1.2em;
  margin-bottom: 24px;
}
.content-block h3 {
  margin-bottom: 16px;
}
.content-block .category-link,
.content-block .tag-link,
.content-block .highlighted-link {
  display: inline-block;
  width: auto;
  background-color: var(--mark);
  color: var(--accent1-foreground);
  font-size: 14px;
  font-family: "Manrope";
  padding: 4px 5px 2px;
  margin-right: 6px;
  text-transform: uppercase;
  line-height: 120%; /* 16.8px */
}

.admonition-block {
  background-color: rgba(255, 255, 255, 0.05);
  border-top-style: solid;
  border-top-width: 2px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-color: pink;
}
.admonition-block .title {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  line-height: 1.5em;
  font-weight: bold;
  padding: 8px;
}
.admonition-block .content {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  line-height: 1.5em;
  padding: 8px;
}
.admonition-block.admonition-info {
  border-color: rgb(211, 211, 211);
  background-color: rgba(211, 211, 211, 0.5);
}
.admonition-block.admonition-note {
  border-color: rgb(173, 216, 230);
  background-color: rgba(173, 216, 230, 0.5);
}
.admonition-block.admonition-tip {
  border-color: rgb(144, 238, 144);
  background-color: rgba(144, 238, 144, 0.5);
}
.admonition-block.admonition-caution {
  border-color: rgb(255, 0, 0);
  background-color: rgba(255, 0, 0, 0.5);
}
.admonition-block.admonition-important {
  border-color: rgb(255, 165, 0);
  background-color: rgba(255, 165, 0, 0.5);
}
.admonition-block.admonition-warning {
  border-color: rgb(139, 0, 0);
  background-color: rgba(139, 0, 0, 0.5);
}
.admonition-block.admonition-quote {
  border-color: rgb(128, 0, 128);
  background-color: rgba(128, 0, 128, 0.5);
}
.admonition-block.admonition-question {
  border-color: rgb(0, 191, 255);
  background-color: rgba(0, 191, 255, 0.5);
}
.admonition-block.admonition-bug {
  border-color: rgb(0, 100, 0);
  background-color: rgba(0, 100, 0, 0.5);
}

.blog-post-list-block,
.blog-post-list-component {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 32px;
}
.blog-post-list-block > .content-container,
.blog-post-list-component > .content-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 72px;
}
.blog-post-list-block div.blog-card-component,
.blog-post-list-component div.blog-card-component {
  flex: 0 0 calc((100% - 2px) / 3);
  background-color: var(--background);
  padding: 32px;
}

.call-to-action-block {
  padding: 16px;
}

.diagram-block .title {
  margin-bottom: 0.5em;
}
.diagram-block .description {
  margin-bottom: 1em;
}
.diagram-block .mermaid {
  display: flex;
  justify-content: center;
}
.diagram-block .mermaid svg {
  max-width: 100%;
  height: auto;
}

.faq-block .faq-items {
  display: flex;
  flex-direction: column;
}
.faq-block .faq-items .accordion-status-icon {
  width: 25px;
  height: 27px;
  position: relative;
  padding: 0;
}
.faq-block .faq-items .accordion-status-icon .icon-plus-svg,
.faq-block .faq-items .accordion-status-icon .icon-minus-svg {
  width: 25px;
  height: 27px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: 0.2s all ease-out;
}
.faq-block .faq-items .accordion-status-icon .icon-plus-svg {
  opacity: 1;
  transform: rotate(0deg);
}
.faq-block .faq-items .accordion-status-icon .icon-minus-svg {
  opacity: 0;
  transform: rotate(-90deg);
}
.faq-block .faq-items [open] .accordion-status-icon .icon-plus-svg {
  opacity: 0;
  transform: rotate(90deg);
}
.faq-block .faq-items [open] .accordion-status-icon .icon-minus-svg {
  opacity: 1;
  transform: rotate(0deg);
}
.faq-block .faq-item {
  display: flex;
  flex-direction: column;
  border-bottom: thin var(--hr) solid;
  padding-top: 40px;
  padding-bottom: 40px;
  color: var(--foreground);
}
.faq-block .faq-item:first-child {
  border-top: thin var(--hr) solid;
}
.faq-block .faq-question {
  font-size: 24px;
  font-family: "BerlingskeSerif", serif;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 40px;
  justify-content: space-between;
  line-height: 120%;
}
.faq-block .faq-question svg {
  stroke: var(--foreground);
}
.faq-block .faq-answer {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  line-height: 1.5em;
  line-height: 150%;
  margin-top: 16px;
}

.featured-blog-post-list-block {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 32px;
}
.featured-blog-post-list-block > .content-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1px;
  background: linear-gradient(180deg, var(--hr) 0%, var(--hr) 60%, var(--background) 60%);
}
.featured-blog-post-list-block div.blog-card-component {
  flex: 0 0 calc(31px + (100% - 128px) / 3);
  background-color: var(--background);
  padding: 32px;
}
.featured-blog-post-list-block div.blog-card-component:nth-child(1) {
  position: relative;
  padding-left: 0;
}
.featured-blog-post-list-block div.blog-card-component:nth-child(2) {
  position: relative;
  flex: 0 0 calc(63px + (100% - 128px) / 3);
}
.featured-blog-post-list-block div.blog-card-component:nth-child(3) {
  position: relative;
  padding-right: 0;
}

.h2-block h2 {
  border-left: 4px solid var(--accent2);
  padding-left: 32px;
  line-height: 1.2em;
}

.h3-block h3 {
  line-height: 1.2em;
}

.rich-text-block {
  /* empty */
}

.summary-block {
  background-color: rgba(192, 172, 249, 0.05);
  border: solid 2px var(--accent2);
  padding: 8px;
}

.text-block {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.text-image-block .image-wrapper {
  max-width: 100%;
  aspect-ratio: 1/0.75;
}
.text-image-block img {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}
.text-image-block .column-container {
  display: flex;
  gap: 32px;
}
.text-image-block .column-container.image-container, .text-image-block .column-container.text-container {
  /* empty */
}
.text-image-block > .alignment-right > .image-container {
  order: 2;
}
.text-image-block > .alignment-right > .text-container {
  order: 1;
}

.video-block .video-wrapper {
  margin: 0;
}
.video-block .video-wrapper iframe,
.video-block .video-wrapper video {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--base-section-radius);
}
.video-block .video-caption {
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  line-height: 1.5em;
  margin-top: 16px;
  color: var(--foreground);
}

/* COMPONENTS */
.author-byline-component {
  white-space: normal;
  display: block;
}

.author-info-component {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.author-info-component h6 {
  display: inline-block;
  width: auto;
  background-color: var(--mark);
  color: var(--accent1-foreground);
  font-size: 14px;
  font-family: "Manrope";
  padding: 4px 5px 2px;
  margin-right: 6px;
  text-transform: uppercase;
  line-height: 120%; /* 16.8px */
}
.author-info-component .author-info-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 24px;
}
.author-info-component .author-name {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  line-height: 1.5em;
}
.author-info-component .job-title,
.author-info-component .text-wrapper {
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  line-height: 1.5em;
}
.author-info-component .text-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.author-info-component .photo-container {
  flex-basis: 116px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 116px;
  height: 116px;
  overflow: hidden;
  border-radius: 24px;
  background: var(--background, #f0f0eb);
}
.author-info-component .photo-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.content-blocks-container,
.footer-blocks-container {
  display: flex;
  flex-direction: column;
  gap: 72px;
}

.blog-card-component {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
}
.blog-card-component .content-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.blog-card-component .image-wrapper {
  max-width: 100%;
  aspect-ratio: 1/0.75;
}
.blog-card-component img {
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.blog-listitem-component {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
}
.blog-listitem-component .content-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.blog-listitem-component .image-container {
  max-width: 100%;
  aspect-ratio: 1/0.75;
}
.blog-listitem-component img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.breadcrumb-component {
  font-size: 16px;
  font-family: "Manrope", sans-serif;
  line-height: 1.5em;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.breadcrumb-component a,
.breadcrumb-component span {
  color: var(--foreground-soft);
}
.breadcrumb-component a.current-item {
  color: var(--foreground);
}

.button-round-component {
  display: flex;
  flex-direction: row;
}
.button-round-component .link-text,
.button-round-component .link-icon {
  display: inline-block;
  height: 54px;
  border: 1.5px var(--primary) solid;
  background-color: var(--primary);
  border-radius: 27px;
  color: var(--primary-foreground);
}
.button-round-component .link-text {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  line-height: 1.2em;
  padding: 14px 27px;
}
.button-round-component .link-icon {
  width: 54px;
  stroke: var(--primary-foreground);
}
.button-round-component .link-icon svg {
  width: 40px;
  height: 40px;
  margin: 7px;
}
.button-round-component.is-inverted > .link-text, .button-round-component.is-inverted > .link-icon {
  border: 1.5px var(--primary) solid;
  background-color: transparent;
  color: var(--primary);
  stroke: var(--primary);
}

.highlighted-inverted .button-round-component .link-text,
.highlighted-inverted .button-round-component .link-icon {
  border-color: var(--primary-foreground);
  background-color: var(--primary-foreground);
  color: var(--primary);
  stroke: var(--primary);
}
.highlighted-inverted .button-round-component.is-inverted > .link-text, .highlighted-inverted .button-round-component.is-inverted > .link-icon {
  border-color: var(--primary-foreground);
  background-color: transparent;
  color: var(--primary-foreground);
  stroke: var(--primary-foreground);
}

.header-component {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 72px;
  height: 134px;
}
.header-component > div:first-child {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 72px;
  height: 54px;
}
.header-component .open-logo-svg {
  margin-left: 3px;
  width: 42px;
  height: 42px;
}
.header-component .open-logo-svg svg {
  fill: var(--foreground);
}

.highlighted-h2-block-component {
  border-left: 4px solid var(--accent2);
  padding-left: 16px;
}
.highlighted-h2-block-component h2 {
  border-left: none;
  padding-left: none;
  line-height: 1.2em;
}

.navigation-component ul {
  display: flex;
  flex-direction: row;
  gap: 72px;
}
.navigation-component a {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  line-height: 1.2em;
  display: block;
  padding: 16px 0;
}

.open-logo-svg {
  /* empty */
}

.pagination-component {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}
.pagination-component ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 32px;
}
.pagination-component a div {
  height: 40px;
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  line-height: 1.5em;
}
.pagination-component .numbers a {
  color: var(--foreground);
}
.pagination-component .numbers .is-disabled a {
  color: var(--foreground-soft);
}
.pagination-component .arrows svg {
  color: var(--foreground);
  stroke: var(--foreground);
}
.pagination-component .arrows .is-disabled svg {
  color: var(--foreground-soft);
  stroke: var(--foreground-soft);
}

.rich-text-content {
  /* v v v TEXT STYLES v v v */
  /* ^ ^ ^ TEXT STYLES ^ ^ ^ */
  /* v v v LISTS v v v */
  /* ^ ^ ^ LISTS ^ ^ ^ */
  /* v v v TABLES v v v */
  /* ^ ^ ^ TABLES ^ ^ ^ */
}
.rich-text-content h2 {
  font-family: "BerlingskeSerif", serif;
  font-weight: "normal";
  font-style: "regular";
  font-size: 48px;
}
.rich-text-content h3 {
  font-size: 36px;
  font-family: "BerlingskeSerif", serif;
}
.rich-text-content h4 {
  font-size: 30px;
  font-family: "BerlingskeSerif", serif;
}
.rich-text-content h5 {
  font-size: 24px;
  font-family: "BerlingskeSerif", serif;
}
.rich-text-content h6 {
  font-size: 20px;
  font-family: "BerlingskeSerif", serif;
}
.rich-text-content p {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  line-height: 1.5em;
}
.rich-text-content strong,
.rich-text-content b {
  font-weight: bold;
}
.rich-text-content em,
.rich-text-content i {
  font-style: italic;
}
.rich-text-content a {
  color: var(--accent2);
  text-decoration: none;
  cursor: pointer;
}
.rich-text-content a:hover {
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
  /* TODO: mixin für underlines? */
}
.rich-text-content u {
  /* <u> was restored in HTML 5 with a new, semantic, meaning: 
  to mark text as having some form of non-textual 
  annotation applied. #theMoreYouKnow */
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-color: var(--accent2);
  text-decoration-thickness: 3px;
}
.rich-text-content s {
  /* Use the <s> element to represent things that are no longer 
  relevant or no longer accurate. However, <s> is not 
  appropriate when indicating document edits; for that, 
  use the <del> and <ins> elements, as appropriate. */
  text-decoration: line-through;
  text-decoration-color: var(--foreground);
  text-decoration-thickness: 3px;
}
.rich-text-content sup {
  font-size: 0.5em;
  vertical-align: top;
  position: relative;
  top: -0.5em;
}
.rich-text-content sub {
  font-size: 0.5em;
  vertical-align: bottom;
  position: relative;
  bottom: -0.5em;
}
.rich-text-content code {
  font-family: monospace;
  white-space: pre;
}
.rich-text-content ul,
.rich-text-content li {
  font-size: 18px;
  font-family: "Manrope", sans-serif;
  line-height: 1.5em;
}
.rich-text-content ul {
  list-style-type: disc;
  list-style-position: outside;
}
.rich-text-content ul li::marker {
  color: var(--accent2);
}
.rich-text-content ol {
  list-style-type: decimal;
  list-style-position: outside;
}
.rich-text-content ul ul,
.rich-text-content ol ul {
  list-style-type: circle;
  list-style-position: outside;
  margin-left: 32px;
}
.rich-text-content ol ol,
.rich-text-content ul ol {
  list-style-type: lower-latin;
  list-style-position: outside;
  margin-left: 32px;
}
.rich-text-content :where(main ol, main ul) {
  margin-inline-start: 0;
  padding-inline-start: 32px;
}
.rich-text-content .table table,
.rich-text-content .table th,
.rich-text-content .table td {
  border: 1px solid var(--foreground);
}
.rich-text-content .table th,
.rich-text-content .table td {
  padding: 8px;
}
.rich-text-content .table th {
  background-color: var(--accent1);
  color: var(--foreground);
  border-color: var(--foreground);
}

/*# sourceMappingURL=main-b28b7af693.output.css.map */