:root {
    --open-new-window: url('data:image/svg+xml,<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="-6 2 24 12" enable-background="new 0 0 24 24" xml:space="preserve"><g><path fill="%230067a9" d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393"/></g></svg>');
    --link-youtube: url('data:image/svg+xml,<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="-4 -4 27 27" enable-background="new 0 0 24 24" xml:space="preserve"><g><path fill="%230067a9" d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z"/></g></svg>');
    --plus: url('data:image/svg+xml,<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="-4 -4 27 27" enable-background="new 0 0 24 24" xml:space="preserve"><g><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/></g></svg>');

    --ppks: #aa032f;
    --min: #aa032f;
    --gpk: #007429;
    --b1: #004d8b;
    --b2: #0067a9;
    --b3: #458ec1;
}

.white {
    color: #fff;
}

body {
    background-color: var(--pico-background-color);
}

.header {
    background-color: var(--b2);
}
.logo-link img {
    width: 18rem;
}

.textblock p {
    width: 78%;
}
.textblock ul {
    margin-left: -0.25rem;
    width: 80%;
}

.links a {
    display: inline-flex;
    align-items: center;
    gap: 0;
  }
.links a::before {
    background: var(--open-new-window) center center / 100% auto no-repeat;
    content: "";
    display: inline-block;
    height: 0.575rem;
    width: 1rem;
    margin-left: -5px;
    margin-bottom: -2px;
    margin-right: 2px;
}
a.link-youtube::before {
    background: var(--link-youtube) center center / 100% auto no-repeat;
    content: "";
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    margin-left: 0px;
    margin-bottom: -10px;
}

.menu {
    display: flex;
    flex-direction: column;
}
.menu a {
    padding-right: 1rem;
    display: block;
    color: #fff;
    font-size: 1.05263em;
}
.menu a[aria-current] {
    text-decoration: underline;
}
.menu a:hover {
    text-decoration: underline;
}
.menu-links {
    padding-left: 0.5rem;
}

@media (min-width: 1024px) {
    .menu {
        display: flex;
        flex-direction: column;
    }
}
@media (max-width: 1023px) {
    .header {
        padding-block: 0;
        padding-top: 1rem;
    }
}

.inhalt {
    background-color: #e6e6e6;
    padding: 2rem;
    border-radius: 0.2em;
}
.box {
    background-color: #eeeeee;
    padding: 1rem 2rem 1rem 1rem;
    border-radius: 0.2em;
    margin: var(--pico-spacing);
}
.box p {
    font-weight: 400;
    width: 100%;
}
.box p strong {
    font-weight: 700;
}
.box ul li {
    list-style: disc;
    font-weight: 500;
}
.box p:last-child, ul:last-child {
    margin-bottom: 0;
}

details {
    font-weight: 500;
}
details:last-child {
    margin-bottom: -0.5rem;
}
details summary:hover {
    text-decoration: underline;
}

tbody tr:last-child td {
    border-bottom: none;
}

ul {
    margin-left: -1rem;
}
.list-unstyled {
    padding: 1rem 0 0 1rem;
}
.list-unstyled li {
    list-style: none;
}

.text figure a img {
    width: 100%;
}

.ueber-mich-bild {
    width: 42%;
    margin-top: 0.5rem;
    margin-bottom: 2rem;
}

.web {
    font-size: 0.8em;
}

.collapse {
  &:not(.show) {
    display: none;
  }
  margin-top: 1em;
}

.info {
    padding: 2rem;
}
.video {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 0.2em;
}

.fa-solid {
    margin-right: 0.75rem;
    width: 20px;
    text-align: center;
}

blockquote {
    font-size: 1.1rem;
    font-weight: 600;
}
blockquote footer {
    font-size: 0.9rem;
    font-weight: 400;
    font-style: italic;
}

.footer {
    background-color: var(--b2);
}
.footer-menu {
    justify-self: start;
    color: #fff;
    text-align: left;
}
.footer-menu ul {
    margin-left: -2rem;
}
.footer-menu ul li {
    color: #fff;
    list-style-type: none;
}
.footer-menu ul li a {
    color: #fff;
    text-decoration: none;
}
.footer-menu ul li a:hover {
    text-decoration: underline;
}

@media (min-width: 768px) {

}

@media (min-width: 1024px) {

  }