@font-face {
  font-family: "Roboto Condensed";
  src: url("/fonts/RobotoCondensed-Regular.woff2") format("woff2"), url("/assets/Fonts/RobotoCondensed-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto Condensed";
  src: url("/fonts/RobotoCondensed-Bold.woff2") format("woff2"), url("/assets/Fonts/RobotoCondensed-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --sw-static-bg: #004560;
  --sw-static-dark: #002a3b;
  --sw-static-text: #ffffff;
  --sw-static-yellow: #ffed00;
  --sw-static-border: #34778f;
}

* { box-sizing: border-box; }

html,
body {
  margin: 0;
  min-height: 100%;
  background: var(--sw-static-bg);
  color: var(--sw-static-text);
  font-family: "Roboto Condensed", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.page-agb {
  min-height: 100vh;
  overflow-x: hidden;
  background: var(--sw-static-bg);
}

body.page-agb,
body.page-agb button,
body.page-agb input,
body.page-agb select,
body.page-agb textarea {
  font-family: "Roboto Condensed", Arial, sans-serif;
}

body.page-agb #static_holder {
  display: block;
  width: 100%;
  min-height: 1px;
  overflow-x: hidden;
  background: var(--sw-static-bg);
  color: var(--sw-static-text);
}

body.page-agb #static-page-agb {
  background: var(--sw-static-bg);
  color: var(--sw-static-text);
}

body.page-agb #static-page-agb * {
  box-sizing: border-box;
}

body.page-agb #static-page-agb section {
  margin: 0;
}

body.page-agb #static-page-agb .main-content {
  max-width: 1100px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

body.page-agb #static-page-agb table {
  border-collapse: collapse;
}

body.page-agb #static-page-agb table,
body.page-agb #static-page-agb .table {
  max-width: 100%;
}

@media (max-width: 767px) {
  body.page-agb #static-page-agb .main-content {
    padding-left: 18px;
    padding-right: 18px;
  }

  body.page-agb #static-page-agb table {
    font-size: 14px;
  }
}


             #root .content-holder {
                max-width: 100%;
                height: calc(-55px + 100vh);
            }

            #root .content-holder .main-container {
                padding-top: 0px;
            }

            header {
                box-shadow: 0px 5px 20px rgba(0, 42, 59, 0.5);
            }

            #static_holder #static-page-agb a {
                text-decoration: underline;
                color: #ffed00;
                cursor: pointer;
                display: inline;
            }

            #static_holder #static-page-agb a:hover {
                color: #FFFFFF;
                text-decoration: none;
            }

            #static-page-agb .link-static {
                text-decoration: none;
                color: #ffed00;
            }

            #static-page-agb {
                background-color: #004560;  padding-bottom: 100px;
            }

            #static-page-agb>section {
                padding: 30px 10px;
                position: relative;
                background-color: #004560;
            }

            #static-page-agb>section:first-of-type {
                background-color: #005374;
            }

            #static_holder #static-page-agb .divider {
                height: 20px;
            }

            @media (min-width: 768px) {
                #static-page-agb>section {
                    padding: 50px 10px;
                    position: relative;
                }
                #static_holder #static-page-agb .divider {
                    height: 30px;
                }
            }

             h2#allgemeines {
                 scroll-margin-top: 50px;
             }
            #static-page-agb table {
                width: 100%;
                margin-bottom: 14px;
            }

            #static-page-agb h2.subtitle {
                margin-top: 0;
            }

            #static-page-agb p {
                margin-top: 0;
                line-height: 1.4;
            }

            #static-page-agb p.no-space {
                margin-bottom: 0px;
            }

            #static-page-agb ol,
            #static-page-agb ul {
                 padding-inline-start: 20px;
                margin-bottom: 25px;
            }

            #static-page-agb ol li,
            #static-page-agb ul li {
                margin-bottom: 10px;
                line-height: 1.4;
                /* These are technically the same, but use both */
                overflow-wrap: break-word;
                word-wrap: break-word;
                -ms-word-break: break-all;
                /* This is the dangerous one in WebKit, as it breaks things wherever */
                word-break: break-all;
                /* Instead use this non-standard one: */
                word-break: break-word;
                /* Adds a hyphen where the word breaks, if supported (No Blink) */
                -ms-hyphens: auto;
                -moz-hyphens: auto;
                -webkit-hyphens: auto;
                hyphens: auto;
            }

            #static-page-agb ol li:last-of-type,
            #static-page-agb ul li:last-of-type {
                margin-bottom: 0px;
            }

            #static-page-agb ol li ol,
            #static-page-agb ul li ol,
            #static-page-agb ol li ul,
            #static-page-agb ul li ul {
                margin-top: 10px;
                padding-left: 0;
                margin-bottom: 0;
            }

            ol.top-alternative {
                counter-reset: alt-counter;
                list-style: none;
                padding-left: 0;
            }

            /* Basis Counter-Definition */

            ol.top {
                counter-reset: top-counter;
                list-style: none;
                padding-left: 0 !important;
            }

            ol.top>li>h2,
            ol.top-alternative>li>h2 {
                display: inline;
                font-size: inherit;
                scroll-margin-top: 80px;
            }

            ol.top>li:has(h2),
            ol.top-alternative>li:has(h2) {
                font-size: 1.5em;
                scroll-margin-top: 80px;
            }

            ol.top>li *,
            ol.top-alternative * {
                font-size: 14px;
            }

            ol.top.start-1 {
                counter-reset: sub-counter -1;
            }

            ol.top.start-2 {
                counter-reset: top-counter 1;
            }

            ol.top.start-3 {
                counter-reset: top-counter 2;
            }

            ol.top.start-4 {
                counter-reset: top-counter 3;
            }

            ol.top.start-5 {
                counter-reset: top-counter 4;
            }

            ol.top.start-6 {
                counter-reset: top-counter 5;
            }

            ol.top.start-7 {
                counter-reset: top-counter 6;
            }

            ol.top.start-8 {
                counter-reset: top-counter 7;
            }

            ol.top.start-9 {
                counter-reset: top-counter 8;
            }

            ol.top.start-10 {
                counter-reset: top-counter 9;
            }

            ol.top.start-11 {
                counter-reset: top-counter 10;
            }

            ol.top.start-12 {
                counter-reset: top-counter 11;
            }

            ol.top.start-13 {
                counter-reset: top-counter 12;
            }

            ol.top.start-14 {
                counter-reset: top-counter 13;
            }

            ol.top.start-15 {
                counter-reset: top-counter 14;
            }

            ol.top.start-16 {
                counter-reset: top-counter 15;
            }

            ol.top.start-17 {
                counter-reset: top-counter 16;
            }

            ol.top.start-18 {
                counter-reset: top-counter 17;
            }

            ol.top.start-18 ol ol {
                counter-reset: subsection;
            }

            ol.top.start-18 ol ol ol {
                counter-reset: subsubsection;
            }

            ol.top.start-18 ol ol ol ol {
                counter-reset: subsubsubsection;
            }

            ol.top-alternative.start-18 {
                counter-reset: alt-counter 17;
            }

            @media (max-width: 767px) {
                ol.top.start-18>li>ol>li::before {
                    min-width: 3.8em !important;
                }
                ol.top.start-18>li>ol>li>section>ol>li::before {
                    min-width: 3.8em !important;
                }
                #static-page-agb .start-18 ol li ol {
                    margin-inline-start: -3.8em;
                }
                #static-page-agb .section-header {
                    font-size: 24px !important;
                }
            }

            ol.top>li {
                counter-increment: top-counter;
                margin: 0.5em 0;
            }

            ol.top-alternative>li {
                counter-increment: alt-counter;
            }

            ol.top>li::before {
                content: counter(top-counter, upper-alpha) ". ";
                font-weight: bold;
            }

            ol.top-alternative>li::before {
                content: counter(alt-counter, upper-alpha) ". ";
                font-weight: bold;
            }

            ol.top-alternative>li::before {
                content: counter(alt-counter, upper-alpha) ". ";
                font-weight: bold;
            }

            /* zweite Ebene */

            ol.top>li>ol {
                counter-reset: sub-counter;
                list-style: none;
                margin-left: 0;
                padding-left: 0;
            }

            ol.top-alternative>li>ol {
                counter-reset: alt-sub-counter;
                list-style: none;
                margin-left: 0;
                padding-left: 0;
            }

            ol.top>li>ol>li {
                counter-increment: sub-counter;
                margin: 0.3em 0;
                display: flex;
            }

            ol.top-alternative>li>ol>li {
                counter-increment: alt-sub-counter;
                margin: 0.3em 0;
                display: flex;
            }

            ol.top>li>ol>li::before {
                content: "" counter(top-counter, upper-alpha) "." counter(sub-counter) " ";
                min-width: 2.5em;
            }

            ol.top-alternative>li>ol>li::before {
                content: "" counter(alt-counter, upper-alpha) "." counter(alt-sub-counter) " ";
                min-width: 3em;
            }

            /* dritte Ebene (immer römisch) */

            ol.top>li>ol>li>section>ol {
                counter-reset: subsub-counter;
                list-style: none;
                margin-left: 0;
                padding-left: 0;
            }

            ol.top>li ol li ol li ol {
                counter-reset: subsubsub-counter;
                list-style: none;
                margin-left: 0;
                padding-left: 0;
            }

            ol.top-alternative>li>ol>li>section>ol {
                counter-reset: alt-subsub-counter;
                list-style: none;
                margin-left: 0;
                padding-left: 0;
            }

            ol.top>li>ol>li>section>ol>li {
                counter-increment: subsub-counter;
                margin: 0.2em 0;
                display: flex;
            }

            ol.top>li>ol>li>section>ol>li>section>ol>li {
                counter-increment: subsubsub-counter;
                margin: 0.2em 0;
                display: flex;
            }

            ol.top-alternative>li>ol>li>section>ol>li {
                counter-increment: alt-subsub-counter;
                margin: 0.2em 0;
                display: flex;
            }

            ol.top.start-18>li>ol>li>section>ol>li::before {
                content: "" counter(top-counter, upper-alpha) "." counter(sub-counter) "." counter(subsub-counter) "";
                min-width: 3em;
                display: block;
            }

            ol.top.start-18>li>ol>li>section>ol>li>section>ol>li::before {
                content: "" counter(top-counter, upper-alpha) "." counter(sub-counter) "." counter(subsub-counter) "." counter(subsubsub-counter) "";
                min-width: 3.8em;
                display: block;
            }

            ol.top>li>ol>li>section>ol>li::before {
                content: counter(subsub-counter, lower-roman) ". ";
                min-width: 1.5em;
                display: block;
            }

            ol.top-alternative>li>ol>li>section>ol>li::before {
                content: counters(alt-sub-counter, ".") ".";
                min-width: 1.5em;
                display: block;
            }

            ol.top-alternative>li>ol>li>section>ol>li::after {
                display: block;
                content: counters(alt-subsub-counter, ".");
            }

            ol.sub {
                margin-bottom: 0;
            }

            ol.sub li:last-of-type {
                margin-bottom: 0;
            }

            ol.sub li {
                display: flex;
                counter-increment: childish-counter !important;
            }

            ol.sub li:before {
                content: counter(childish-counter, lower-alpha) ".";
                min-width: 2em;
                display: block;
            }

            ol.r-section li::marker {
                display: none;
            }

            ol.r-section ol li {
                display: flex;
            }

            ol.r-section,
            ol.r-section ol {
                list-style-type: none;
            }

            ol.r-section li>span {
                min-width: 4em;
            }

            #static-page-agb .main-content {
                margin: 0 auto;
                max-width: 700px;
                color: #fff;
                font-family: Roboto Condensed;
                font-size: 14px;
                font-weight: normal;
                font-stretch: condensed;
                font-style: normal;
                line-height: normal;
                letter-spacing: normal;
                text-align: left;
                width: 100%;
            }

            #static-page-agb .section-header {
                margin: 0px 0 20px;
                font-size: 30px;
                text-transform: uppercase;
            }

            #static-page-agb .subtitle {
                font-weight: bold !important;
                margin-top: 0;
                margin-bottom: 10px;
                font-size: 20px;
            }

            #static-page-agb .subtitle.sticky {
                margin-bottom: 0;
                font-size: 14px;
            }

            #static-page-agb .bold {
                font-weight: bold;
            }

            #static-page-agb .uppercase {
                text-transform: uppercase;
            }

            @media (max-width: 467px) {
                table.five-columns tr th:first-of-type {
                    max-width: 85px;
                }
                table.five-columns tr {
                    grid-template-columns: 2fr 1fr 1fr 1fr 1fr !important;
                }
            }

            @media (max-width: 430px) {
                table.five-columns tr th:first-of-type {
                    max-width: 70px;
                }
                table.five-columns tr {
                    grid-template-columns: 1.5fr 1fr 1fr 1fr 1fr !important;
                }
            }

            ol.r-section th,
            td {
                text-align: left;
            }

            #static-page-agb ol table {
                margin: 25px 0px;
            }

            #static-page-agb table td,
            #static-page-agb table th {
                
                padding: 4px 0;
                word-break: auto-phrase;
                vertical-align: top;
            }

            table.two-columns tbody tr {
                display: grid;
                grid-gap: 5px;
                width: 100%;
                grid-template-columns: 1fr 1fr;
            }

            table.two-columns.special tbody tr {
                grid-template-columns: 100px 1fr;
            }

            table.two-columns.first-col tbody tr {
                grid-template-columns: 100px 1fr;
            }

            table.five-columns tr {
                display: grid;
                grid-gap: 5px;
                width: 100%;
                grid-template-columns: 2.3fr 1fr 1fr 1fr 1fr;
            }