:root {
  --radius: 3px;
  --line-thickness: 2px;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ratio: 56.25%;
  --timing: 0.3s;
  --spacing: 32px;
  --section-horizontal-spacing: calc(var(--spacing) * 2);
  --container-vertical-spacing: calc(var(--spacing));
  --container-width: 43.75rem;
  --container-width-wide: 58.75rem;
  --container-width-max: 70.6875rem;
  --container-width-full: 100%;
  --content-width: 41.625rem;
  --ionos: #003e8f;
  --dark-midnight: #001c41;
  --midnight: #1c385f;
  --horizon: #3d9fdb;
  --sky: #11c4e4;
  --white: #ffffff;
  --black: #000000;
  --ionos-b4: #1474c2;
  --ionos-b5: #0959ae;
  --dark-blue: #0b2b65;
  --cool-gray-100: #f4f7fa;
  --cool-gray-700: #2e4360;
  --ionos-blue-100: #dbedf8;
  --ionos-blue-400: #1474c4;
  --ionos-blue-400-10: #1474c41a;
  --ionos-blue-500: #095bb1;
  --ionos-blue-700: #0b2a63;
  --ionos-blue-800: #001b41;
  --ionos-sky-200: #7fe4f6;
  --ionos-sky-300: #11c7e6;
  --ionos-sky-300-10: #11c7e61a;
  --cool-black: #02102c;
  --amber: #ffaa00;
  --rose: #ff5f57;
  --green: #12ce76;
  --purple: #d847f5;
  --blue-b2: #94c9eb;
  --cool-gray-c6: #475b76;
  --cool-gray-c5: #6f7f95;
  --cool-gray-c4: #97a3b4;
  --cool-gray-c3: #bcc5d2;
  --cool-gray-c2: #dae1e7;
  --cool-gray-c1: #f2f5f8;
  --cool-gray: #bbc7d3;
  --basic-blue-gradient: linear-gradient(120deg, var(--dark-midnight), var(--cool-black));
  --body-color: var(--white);
  --body-color-alternate: var(--cool-gray-c1);
  --heading-color: var(--dark-midnight);
  --strong-color: var(--midnight);
  --font-color: var(--cool-gray-c6);
  --highlight-color: var(--horizon);
  --body-color-light: var(--cool-gray-100);
  /* @media (prefers-color-scheme: dark) {
        --body-color: var(--cool-black);
        --body-color-alternate: var(--dark-midnight);
        --heading-color: var(--cool-gray-c1);
        --strong-color: var(--cool-gray-c2);
        --font-color: var(--cool-gray-c3);
    }*/ }
  @media (min-width: 23.4375em) {
    :root {
      --spacing: 32px; } }
  @media (min-width: 48em) {
    :root {
      --section-horizontal-spacing: calc(var(--spacing) * 3); } }
  @media (min-width: 64em) {
    :root {
      --section-horizontal-spacing: calc(var(--spacing) * 4); } }
  @media (min-width: 35.5em) {
    :root {
      --container-vertical-spacing: calc(var(--spacing) * 2); } }

html {
  font-family: sans-serif;
  padding: 2cm; }

body {
  max-width: 17cm;
  margin: auto;
  color: black;
  font-size: 16px;
  background-color: white;
  line-height: 1.618; }

h1 {
  font-size: 1.6em;
  line-height: 1.25em; }

h2 {
  font-size: 1.2em;
  line-height: 1.51em; }

h3 {
  font-size: 1em;
  line-height: 1.66em; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ul,
img {
  margin: 1em 0; }

a,
a:visited {
  color: black;
  text-decoration: underline; }

a::after {
  content: " (" attr(href) ")";
  display: inline-block; }

abbr::after {
  content: " (" attr(title) ")"; }

.ir a::after {
  content: ''; }

pre,
blockquote,
tr,
img {
  page-break-inside: avoid; }

thead {
  display: table-header-group; }

img {
  max-width: 100%;
  height: auto; }

svg {
  max-width: 100%; }

figure {
  margin-left: 0;
  margin-right: 0; }
  figure > img {
    margin-top: 0; }

ul,
ol {
  list-style: none;
  padding: 0; }

ul:not([class]) {
  list-style: disc;
  padding-inline-start: 30px; }

ol:not([class]),
ol.toc {
  padding-inline-start: 8px;
  counter-reset: item; }
  ol:not([class]) > li,
  ol.toc > li {
    counter-increment: item;
    display: table; }
    ol:not([class]) > li::before,
    ol.toc > li::before {
      display: table-cell;
      padding-right: 5px;
      content: counters(item, ".") ". "; }

.screen-reader-text,
.visually-hidden,
.back-to-top-container,
.site-header,
.site-footer,
.intro__background,
.pagination-container,
.networks,
.comment .reply,
.comment-respond,
form,
video,
iframe {
  display: none; }

article > section {
  margin-top: 4em;
  padding-top: 2em;
  border-top: 1px solid currentColor; }

.section__inner-container + .section__inner-container {
  margin-top: 4em; }

button {
  padding: 0;
  background: transparent;
  border: none;
  font-size: inherit;
  text-align: left; }

[style^=text-align] {
  text-align: left !important; }

[style^=color] {
  color: darkgray !important; }

.teaser,
.promotion,
.comment {
  border: 1px solid currentColor;
  padding: 1em 2em 2em; }
  .teaser + .teaser,
  .teaser + .promotion,
  .teaser + .comment,
  .promotion + .teaser,
  .promotion + .promotion,
  .promotion + .comment,
  .comment + .teaser,
  .comment + .promotion,
  .comment + .comment {
    margin-top: 2em; }

.avatar-container {
  width: 64px;
  height: 64px;
  margin-bottom: 0; }
  .avatar-container img {
    margin: 0; }

.post-author__meta,
.post-author__name-container {
  display: flex; }

.post-author__meta {
  flex-wrap: wrap; }

.post-author__name {
  margin-left: .5rem; }

.post-author__date {
  margin-left: auto;
  margin-right: 0; }

a img {
  margin-bottom: 0; }

.info-box {
  padding: 0 1rem;
  border: 1px solid currentColor;
  margin: 1rem 0; }

.comment-author img {
  display: block; }