:root {
                --hell: rgb(213, 228, 235);
                --dunkel: rgb(21, 24, 65);
            }
            body {
                margin: 0;
                background-color: rgb(215, 215, 215);
                font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                height: 100%;
            }
            h1 {
                font-size: larger;
            }
            h2 {
                font-size: large;
                margin-top: .5rem;
            }
            h3 {
                font-size: large;
            }
            #ueberschrift {
                display:flex;
                max-width: 80%;
                margin: 0 auto;
                padding: 10px;
            }
            #ueberschrift h1, h2 {
                width: 100%;
                height: auto;
            }
            #absenden {
                display:flex;
                max-width: 80%;
                margin: 0 auto;
                padding: 20px;
                justify-content: center;
                gap: 10px;
            }
            #navigation {
                display: flex;
                max-width: 1024px;
                margin: 10px auto;
                position: sticky;
                top: 0;
                font-weight: 800;
                z-index: 99;
                backdrop-filter: blur(8px);
            }
            .teaser {
                display: flex;
            }
            .teaser img {
                width: 100%;
                height: auto;
            }
            .navi-item1 {
                width: 20%;
                text-align: center;
            }
            .navi-item3 {
                width: 25%;
                text-align: center;
            }
            .navi-item3 .btn {
                font-weight: 800;
                color: #0004ff;
            }
            .navi-item1 a {
                text-decoration: none;
                color: #0004ff;
            }
            .navi-item2 {
                width: 100%;
                text-align: end;
            }
            .navi-item2 a {
                text-decoration: none;
            }
            .navigatitem {
                width: 100%;
                text-align: end;
            }
            .btn {
                padding: 5px;
            }
            #formular, #geraete, #reparatur, #shop, #service, #warum, #evolution, #umbau, #reibrad, #einbau, #umbausatz-ws, #einbau-ws, #warm-kalt, #bestellen, #kontakt {
                max-width: 1024px;
                margin: 0 auto;
                padding-left: 20px;
                padding-right: 20px;
                padding-top: 30px;
                transform: translateY(-30px);
            }
            .flex-container1 {
                display: flex;                
                flex-direction: column;
                flex-wrap: wrap;
            }
            .flex-item1 {
                display: flex;
                width: 100%;
                text-align: center;
                margin: 2px;
            }
            .flex-item1 p {
                text-align: justify;
                hyphens: auto;
            }
            .flex-item1 img {
                width: 100%;
                height: auto;
            }
            .flex-item2 {
                width: 100%;
                text-align: left;
                margin: 2px;
            }
            .flex-item3 {
                width: 100%;
                text-align: center;
                margin: 0px;
            }
            .flex-item3 p {
                margin-top: 0.2rem;
                margin-bottom: 0.5rem;
                text-align: justify;
                hyphens: auto;
            }
            .flex-item3 img {
                width: 100%;
                height: auto;
            }
            .flex-item3 ul li {
                text-align: start;
            }
            .fussleiste {
                position: fixed;
                bottom: 0px;
                overflow: hidden;
                width: 100%;
                margin: 0px auto;
                text-align:center;
                z-index: 99;
                backdrop-filter: blur(8px);
            }
            .fussleiste img {
                width: 100%;
                height: auto;
            }
            @media all and (min-width: 600px) {
                .flex-container1 {
                    flex-direction: row;
                }
                .flex-item1 {
                    width: 49%;
                }
                .flex-item2 {
                    width: 49%;
                }
                .flex-item1 p {
                    padding-right: 20px;
                }
                .flex-item3 {
                    width: 50%;
                }
                .flex-item3 p {
                    padding-right: 15px;
                }
            }
            @media all and (min-width: 802px) {
                .flex-container1 {
                    flex-direction: row;
                }
                .flex-item1 {
                    width: 24%;
                }
                .flex-item2 {
                    width: 24%;
                }
                .flex-item1 p {
                    padding-right: 20px;
                    font-size: large;
                }
                .flex-item1 li {
                    font-size: large;
                }
                .navi-item1 a {
                    font-size: x-large;
                }
                .navi-item3 .btn {
                    font-size: x-large;
                }
                .flex-item3 p {
                    padding-right: 20px;
                    font-size: large;
                }
                .flex-item3 ul li {
                    padding-right: 20px;
                    text-align: start;
                    font-size: large;
                }
                h1 {
                font-size: x-large;
                }
                h2 {
                font-size: x-large;
                }
                h3 {
                    font-size: x-large;
                    }
            }