body {

            font-family: Arial, sans-serif;

            margin: 0;

            padding: 0;

            display: flex;

            flex-direction: column;

            align-items: center;

            text-align: center;

            background-color: #f9f9f9;

            color: #333;

        }


        h1 {

            font-size: 3rem;

            margin-top: 1rem;

        }


        img {

            max-width: 100%;

            height: auto;

            border-radius: 10px;

        }


        p {

            font-size: 1.5rem;

            margin: 0.5rem 0;

        }


        a {

            text-decoration: none;

            color: #007BFF;

            font-size: 1.2rem;

        }


        a:hover {

            text-decoration: underline;

        }


        .button {

            display: inline-block;

            background-color: #007BFF;

            color: #fff;

            padding: 10px 20px;

            font-size: 1.2rem;

            font-weight: bold;

            text-transform: uppercase;

            border: none;

            border-radius: 5px;

            text-decoration: none;

            cursor: pointer;

            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

            transition: background-color 0.3s ease, transform 0.2s ease;

        }


        .button:hover {

            background-color: #0056b3;

            transform: scale(1.05);

        }


        .social-icons, .links {

            display: flex;

            justify-content: center;

            flex-wrap: wrap; /* Ermöglicht Umbruch */

            gap: 10px;

            margin: 1rem 0;

            max-width: 90%;

        }


        .social-icons img, .links img {

            width: 50px;

            height: 50px;

            transition: transform 0.3s;

        }


        .social-icons img:hover, .links img:hover {

            transform: scale(1.2);

        }


        @media (max-width: 768px) {

            h1 {

                font-size: 2.5rem;

            }


            p {

                font-size: 1.2rem;

            }


            a {

                font-size: 1rem;

            }


            .social-icons {

                flex-direction: column; /* Umbruch für Insta-Logo */

                align-items: center;

            }


            .social-icons img {

                margin-top: 10px; /* Abstand oberhalb des Logos */

            }


            .social-icons img, .links img {

                width: 40px;

                height: 40px;

            }


            .links {

                gap: 20px;

            }

        }


        @media (max-width: 480px) {

            h1 {

                font-size: 2rem;

            }


            p {

                font-size: 1rem;

            }


            a {

                font-size: 0.9rem;

            }


            .social-icons {

                flex-direction: column; /* Insta-Logo und Text untereinander */

                align-items: center;

            }


            .social-icons img {

                margin-top: 5px;

            }


            .social-icons img, .links img {

                width: 35px;

                height: 35px;

            }


            .links {

                flex-direction: column;

                align-items: center;

            }

        }