body {
                    font-family: 'Roboto Condensed', sans-serif;
                    background-color: rgb(0, 0, 0);
                    padding-left: 8%;
                    padding-right: 8%;
                    animation: einblenden 1.5s;
                    -moz-animation: einblenden 1.5s;
                    /* Für Firefox */
                    -webkit-animation: einblenden 1.5s;
                    /* Für Safari und Chrome */
                    -o-animation: einblenden 1.5s;
                    /* Für Opera */
                }
                
                h1 {
                    color: aliceblue;
                }
                
                .navbar {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    background-color: #168bbd;
                    padding-left: 16px;
                    padding-right: 16px;
                    border-radius: 20px;
                    background-image: linear-gradient(#168bbd 70%, #0b4d69);
                    font-size: 1em;
                }
                
                a {
                    color: aliceblue;
                    text-decoration: none;
                    margin-left: 16px;
                }
                
                a:hover {
                    color: aliceblue;
                    text-decoration: underline;
                }
                
                .headerbild {
                    height: 200px;
                    width: 100%;
                    display: block;
                    object-fit: cover;
                    border-radius: 20px;
                    object-position: 50% 70%;
                }
                
                .header-container {
                    display: flex;
                    justify-content: center;
                }
                
                .headerlogo {
                    width: 55%;
                }
                
                .index {
                    display: flex;
                    justify-content: space-between;
                    padding-left: 8%;
                    padding-right: 8%;
                }
                
                .text-container {
                    color: aliceblue;
                    width: 80%;
                    padding-right: 5%;
                    padding-top: 50px;
                    margin-bottom: 50px;
                    font-size: 1em;
                }
                
                .bild-container {
                    width: 30%;
                    padding-top: 50px;
                    margin-bottom: 50px;
                }
                
                .bild1 {
                    width: 100%;
                    border-radius: 16px;
                }
                
                .bild-container-leistungen {
                    display: flex;
                    justify-content: flex-start;
                    padding-left: 8%;
                    padding-right: 8%;
                    padding-top: 4%;
                    padding-bottom: 4%;
                }
                
                .leistungen {
                    width: 40%;
                    height: auto;
                    margin-right: 16px;
                    border-radius: 16px;
                }
                
                .datenschutzimpressum {
                    color: aliceblue;
                    padding-top: 50px;
                    padding-bottom: 50px;
                    padding-left: 8%;
                    padding-right: 8%;
                }
                
                .euro {
                    color: #168bbd;
                }
                
                .kontakt-container {
                    display: flex;
                    justify-content: center;
                    padding-left: 8%;
                    padding-right: 8%;
                    padding-top: 3%;
                    padding-bottom: 3%;
                }
                
                .nachrichtbox {
                    height: 50px;
                }
                
                .preise {
                    text-align: center;
                    color: aliceblue;
                }
                
                .preise-pc {
                    text-align: center;
                    width: 30%;
                    margin-left: auto;
                    margin-right: auto;
                    padding-left: 8%;
                    color: aliceblue;
                    padding-top: 25px;
                    margin-bottom: 16px;
                }
                
                .preise-android {
                    text-align: left;
                    width: 30%;
                    margin-left: auto;
                    margin-right: auto;
                    color: aliceblue;
                    padding-left: 8%;
                    padding-top: 25px;
                    margin-bottom: 16px;
                }
                
                .spalte1 {
                    margin-right: 100px;
                }
                
                .sternchenpreise {
                    text-align: center;
                    width: 50%;
                    margin-left: auto;
                    margin-right: auto;
                    padding-left: 8%;
                    color: aliceblue;
                    padding-top: 25px;
                    margin-bottom: 16px;
                }
                
                .footer {
                    color: aliceblue;
                    background-color: #168bbd;
                    padding: 16px;
                    display: flex;
                    justify-content: center;
                    border-radius: 20px;
                    background-image: linear-gradient(#0b4d69, #168bbd 70%);
                    font-size: 1em;
                }
                
                .copyright {
                    margin-right: 16px;
                }
                
                .datenschutz {
                    margin-right: 16px;
                }
                
                @media screen and (max-width: 900px) {
                    body {
                        width: 80%;
                    }
                    .navbar {
                        float: none;
                        display: block;
                        text-align: center;
                    }
                    .headerlogo {
                        width: 100%;
                        display: block;
                        float: center;
                    }
                    .index {
                        float: none;
                        display: block;
                        text-align: left;
                        width: 100%;
                    }
                    .bild-container {
                        width: 80%;
                        display: block;
                        float: none;
                    }
                    .bild-container-leistungen {
                        display: grid;
                        grid-template-columns: 1fr;
                        grid-template-rows: 1fr 1fr;
                        gap: 10px 0px;
                        grid-template-areas: "." ".";
                        justify-items: center;
                        align-content: center;
                    }
                    .leistungen {
                        width: 60%;
                        display: block;
                    }
                    .footer {
                        float: none;
                        display: block;
                        text-align: center;
                    }
                    .kontakt-container {
                        width: 95%;
                        display: block;
                        display: flex;
                        justify-content: flex-start;
                        padding-left: 0%;
                        padding-right: 0%;
                    }
                    .preise-pc {
                        width: 100%;
                        display: block;
                        text-align: left;
                    }
                    .preise {
                        width: 100%;
                        display: block;
                        text-align: center;
                    }
                    .preise-android {
                        width: 100%;
                        display: block;
                        text-align: left;
                    }
                }
                
                @keyframes einblenden {
                    from {
                        opacity: 0;
                    }
                    to {
                        opacity: 1;
                    }
                }
                
                @-moz-keyframes einblenden {
                    /* Für Firefox */
                    from {
                        opacity: 0;
                    }
                    to {
                        opacity: 1;
                    }
                }
                
                @-webkit-keyframes einblenden {
                    /* Für Safari und Chrome */
                    from {
                        opacity: 0;
                    }
                    to {
                        opacity: 1;
                    }
                }
                
                @-o-keyframes einblenden {
                    /* Für Opera */
                    from {
                        opacity: 0;
                    }
                    to {
                        opacity: 1;
                    }
                }