:root {
    --pico-typography-spacing-vertical: 1.5rem;
    --pico-form-element-spacing-vertical: 0.4rem;
    --pico-form-element-spacing-horizontal: 0.6rem;
    --pico-background-color: #2d2d28ff;
    --pico-text-color: #fae6cdff;
    --pico-font-size: 0.9rem;
    --pico-line-height: 1.2;
}
h1 {
    --pico-font-weight: 400;
    --pico-typography-spacing-vertical: 0.5rem;
}
button {
    --pico-font-weight: 700;
}
a {
    min-height: 10px;
}
.my-header-grid {
    display: grid;
    grid-template-columns: 80% 20%;
    gap: 1rem; /* optional */
}

.my-body-grid {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 1rem; /* optional */
}

.my-client-grid {
    display: grid;
    grid-template-columns: 10% 80%;
    gap: 1rem; /* optional */
}
.button-red {
    --pico-background-color: #e53935;   /* Rot */
    --pico-border-color: #b71c1c;       /* Dunkleres Rot */
    --pico-color: white;                /* Text */
}
.button-red:hover {
    --pico-background-color: #b71c1c;
}
.btn-left {
    position: absolute;
    @media (min-width: 1280px) {
        .container {
            max-width: 1200px;
        }
    }
    @media (min-width: 1024px) {
        .container {
            max-width: 950px;
        }
    }
    @media (min-width: 768px) {
        .container {
            max-width: 700px;
        }
    }
    @media (min-width: 576px) {
        .container {
            max-width: 510px;
            padding-right: 0;
            padding-left: 0;
        }
    }
}

.btn-center {
    position: absolute;
    right: 45%;
}

.btn-right {
    position: absolute;
    @media (min-width: 1280px) {
        .container {
            left: 1280px;
        }
    }
    @media (min-width: 1024px) {
        .container {
            left: 950px;
        }
    }
    @media (min-width: 768px) {
        .container {
            left: 700px;
        }
    }
    @media (min-width: 576px) {
        .container {
            left: 510px;
            padding-right: 0;
            padding-left: 0;
        }
    }
    left: 1280px;
}
.no-pico-wrapper,
.no-pico-wrapper *,
.no-pico-wrapper *::before,
.no-pico-wrapper *::after {
    all: revert;
}

/* Minimaler Standardwert, damit body-Abhängigkeiten nicht stören */
.no-pico-wrapper {
    display: block;
}

.bg-white {
    background: #fff;
}
/*img {*/
/*    max-width: 100%;*/
/*    height: auto;*/
/*    width: 14px;*/
/*    display: block;*/
/*}*/