.schraegen-wrapper {
            display: grid;
            align-items: end;
                row-gap: 50px;
                grid-template-areas:
                    "bild bild bild"
                    "inhalt inhalt inhalt";
            }



       /* Skew für den gesamten Bildbereich */
        .image-section {

            justify-self: center;
            overflow: hidden; /* Wichtig, um das Bild richtig darzustellen */
            grid-area: bild;
            transform: skew(-19deg);
            margin-left: 30px;
            border-radius: 15px; /* Abrundung auf allen Seiten */
        }

        .image-wrapper2 {
            transform: scale(1.3);
        }

        .image-section img {
            width:fit-content;
            height: 100%;
    object-fit: cover;
            display: block;
            /* Kein transform: skew mehr nötig */
            border-radius: 15px; /* Border-Radius auf allen Seiten */
            transform: skew(19deg);
        }

        .text-section {
            grid-area: inhalt;
            background-color: #004a7c;
            color: white;
            padding: 50px;
            max-width:100%;


            border-radius: 15px; /* Border-Radius auf allen Seiten */
        }

        .text-section-inner {
            max-width:100%;
        }

        @media (min-width: 75.025em) {
            .schraegen-wrapper {
                grid-template-columns: repeat(4, 1fr); /* Zwei gleiche Spalten */
                grid-template-areas:
                "bild bild inhalt inhalt";
                margin: 250px auto;

           }
           .image-section {
            max-width: 100%;
            margin: 0;

        }



        .text-section {

            padding: 50px 20px 20px 80px;
            margin-left: -80px; /* Leichtes Überlappen */
            margin-bottom:-50px;
            min-height:calc(50% + 50px);
            transform: skew(-19deg);
        }
        .text-section-inner {
            max-width:80%;
            transform: skew(19deg); /* Rückgängigmachen des Skew-Effekts für den Inhalt */
        }
           }

           @media (min-width: 100.0625em) {
            .text-section {

                margin-left: -150px; /* Leichtes Überlappen */

            }
           }