/* Grundlegendes Styling für den Header */
        @font-face {
            font-family: 'G2Ciao-SilentSharp';
             src: url(fonts/G2Ciao-SilentSharp.woff) format(woff),
             url(fonts/G2Ciao-SilentSharp.woff2) format(woff2);
            }
    
            @font-face {
            font-family: 'G2Ciao-SilentSharpSwift';
            src: url(fonts/G2Ciao-SilentSharpSwift.woff) format(woff),
             url(fonts/G2Ciao-SilentSharpSwift.woff2) format(woff2);
            }
    
            @font-face {
                font-family: 'G2TGR-Light';
                src: url(fonts/G2TGR-Light.woff) format(woff),
                url(fonts/G2TGR-Light.woff2) format(woff2);
            }
    
            body {
                /* width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                overflow: hidden; */
                margin: 0;
                padding: 0;
                min-height: 100vh;
                position: relative;
                background-color: white;
            }
    
            header {
                color: #0000FF;
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: 100%;
            }
    
            .main_home {
                position: relative;
                width: 100%;
                height: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
            }
    
            .main_korpus {
                /* position: relative;
                width: 100%;
                height: 100%;
                overflow: hidden;
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(30vw, 1fr));
                grid-template-rows: minmax(30vh, auto);
                gap: 0;
                padding: 2.5vw; */
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                padding-bottom: 2vh;
            }

            .main_infopage {
                position: relative;
                width: 100%;
                height: 100%;
                text-align: left;
                left: 50%;
                justify-content: center;
            }

            .main_aboutpage {
                position: relative;
                width: 100%;
                height: 100%;
                text-align: left;
                justify-content: center;
            }

            .main_arbeit {
                position: relative;
                width: 100%;
                height: 100%;
                overflow: hidden;
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
                grid-template-rows: minmax(30vh, auto);
                gap: 0;
                padding: 2.5vw;
            }

            footer{
                position: absolute;
                width: 100%;
                /* height: 100%; */
                display: flex;
                justify-content: space-between;
                align-items: center;
                bottom: 0;
            }
    
            nav {
                display: flex;  /* Flexbox aktivieren */
                justify-content: space-between;  /* Links gleichmäßig verteilen */
                width: 100%;  /* Breite auf 100% setzen */
            }
    
            .footer_left {
                text-align: left;
                padding-top: 2vh;
                padding-left: 2vw;
            }
    
            .footer_right {
                text-align: right;
                padding-top: 2vh;
                padding-right: 2vw;
            }

            .home-nav-link {
                text-decoration: none;
                font-size: 4vw;
                color: #0000FF;
                font-family: 'G2Ciao-SilentSharp';
                font-weight: normal;
                text-align: center;
                padding: 20vw;
                text-shadow: 
                    0.1vw 0.1vh 0.5vw rgb(255, 255, 255),  /* obere linke Ecke */
                    -0.1vw -0.1vh 0.5vw rgba(255, 255, 255), /* untere rechte Ecke */
                    0.1vw -0.1vh 0.5vw rgba(255, 255, 255),  /* obere rechte Ecke */
                    -0.1vw 0.1vh 0.5vw rgba(255, 255, 255);  /* untere linke Ecke */
            }

            .home-nav-link:hover {
                text-decoration: none;
                font-size: 4vw;
                color: #0000FF;
                font-family: 'G2Ciao-SilentSharpSwift';
                font-weight: normal;
                text-align: center;
                padding: 20vw;
                text-shadow: 
                    0.1vw 0.1vh 0.5vw rgb(255, 255, 255),  /* obere linke Ecke */
                    -0.1vw -0.1vh 0.5vw rgba(255, 255, 255), /* untere rechte Ecke */
                    0.1vw -0.1vh 0.5vw rgba(255, 255, 255),  /* obere rechte Ecke */
                    -0.1vw 0.1vh 0.5vw rgba(255, 255, 255);  /* untere linke Ecke */
            }
            
            .nav-link {
                text-decoration: none;
                padding: 0.5vw;
                color: blue;
                text-align: center;
                font-family: 'G2Ciao-SilentSharp';
                font-weight: normal;
                font-size: 2.5vw;
                line-height: 1;
                text-shadow: 
                    0.1vw 0.1vh 0.3vw rgb(255, 255, 255),  /* obere linke Ecke */
                    -0.1vw -0.1vh 0.3vw rgba(255, 255, 255), /* untere rechte Ecke */
                    0.1vw -0.1vh 0.3vw rgba(255, 255, 255),  /* obere rechte Ecke */
                    -0.1vw 0.1vh 0.3vw rgba(255, 255, 255);  /* untere linke Ecke */
            }
    
            .nav-link:hover {
                text-decoration: none;
                padding: 0.5vw;
                color: blue;
                text-align: center;
                font-family: 'G2Ciao-SilentSharpSwift';
                font-weight: normal;
                font-size: 2.5vw;
                line-height: 1;
                text-shadow: 
                    0.1vw 0.1vh 0.3vw rgb(255, 255, 255),  /* obere linke Ecke */
                    -0.1vw -0.1vh 0.3vw rgba(255, 255, 255), /* untere rechte Ecke */
                    0.1vw -0.1vh 0.3vw rgba(255, 255, 255),  /* obere rechte Ecke */
                    -0.1vw 0.1vh 0.3vw rgba(255, 255, 255);  /* untere linke Ecke */
            }

            .nav-link_korpus {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                text-decoration: none;
                padding: 0.5vw;
                color: blue;
                text-align: center;
                font-family: 'G2Ciao-SilentSharp';
                font-weight: normal;
                font-size: 2.5vw;
                line-height: 1;
                z-index: 2;
                text-shadow: 
                    0.1vw 0.1vh 0.3vw rgb(255, 255, 255),  /* obere linke Ecke */
                    -0.1vw -0.1vh 0.3vw rgba(255, 255, 255), /* untere rechte Ecke */
                    0.1vw -0.1vh 0.3vw rgba(255, 255, 255),  /* obere rechte Ecke */
                    -0.1vw 0.1vh 0.3vw rgba(255, 255, 255);  /* untere linke Ecke */
            }
    
            .nav-link_korpus:hover {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                text-decoration: none;
                padding: 0.5vw;
                color: blue;
                text-align: center;
                font-family: 'G2Ciao-SilentSharpSwift';
                font-weight: normal;
                font-size: 2.5vw;
                line-height: 1;
                text-shadow: 
                    0.1vw 0.1vh 0.3vw rgb(255, 255, 255),  /* obere linke Ecke */
                    -0.1vw -0.1vh 0.3vw rgba(255, 255, 255), /* untere rechte Ecke */
                    0.1vw -0.1vh 0.3vw rgba(255, 255, 255),  /* obere rechte Ecke */
                    -0.1vw 0.1vh 0.3vw rgba(255, 255, 255);  /* untere linke Ecke */
            }

            /* .nav-link_korpus-bg {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                text-decoration: none;
                padding: 0.5vw;
                color: #FFFFFF;
                text-align: center;
                font-family: 'G2Ciao-SilentSharp';
                font-weight: normal;
                font-size: 2.52vw;
                line-height: 1;
                z-index: 1;
            } */

            .link_footer {
                text-decoration: none;
                padding: 0.5vw;
                color: #0000FF;
                text-align: center;
                font-family: 'G2Ciao-SilentSharp';
                font-weight: normal;
                font-size: 1.25vw;
                line-height: 1;
            }
    
            .link_footer:hover {
                text-decoration: none;
                padding: 0.5vw;
                color: #0000FF;
                text-align: center;
                font-family: 'G2Ciao-SilentSharpSwift';
                font-weight: normal;
                font-size: 1.25vw;
                line-height: 1;
            }

            h1 {
                text-decoration: none;
                color: black;
                text-align: left;
                margin-left: 1vw;
                font-family: 'G2Ciao-SilentSharp';
                font-weight: normal;
                font-size: 2.5vw;
                line-height: 1;
            }

            .paragraph_main {
                color: black;
                width: 48%;
                font-family: 'G2TGR-Light';
                font-weight: normal;
                text-align: left;
                margin-left: 1vw;
                font-size: 2vw;
                line-height: 1;
            }

            .paragraph_main_attributes {
                color: black;
                width: 100%;
                font-family: 'G2TGR-Light';
                font-weight: normal;
                text-align: left;
                margin-left: 1vw;
                font-size: 2vw;
                line-height: 1;
            }
    
            .paragraph_arbeit {
                color: black;
                width: 90%;
                font-family: 'G2TGR-Light';
                font-weight: normal;
                text-align: left;
                margin-left: 1vw;
                font-size: 2vw;
                line-height: 1;
            }

            .paragraph_findingtruth {
                color: black;
                width: 90%;
                font-family: 'G2TGR-Light';
                font-weight: normal;
                text-align: center;
                margin-top: 0;
                margin-left: 1vw;
                font-size: 2vw;
                line-height: 1;
            }

            .paragraph_footer {
                color: black;
                font-family: 'G2TGR-Light';
                font-weight: normal;
                text-align: right;
                font-size: 1.25vw;
                line-height: 1;
            }
    
            .link_aboutpage {
                padding-left: 0.5vw;
                padding-top: 1vh;
            }
    
            .link_korpus {
                padding-top: 1vh;
            }
    
            .link_infopage {
                padding-top: 1vh;
                padding-right: 1vw;
            }
    
            .section_home {
                display: flex;
                justify-content: center;
                align-items: center;
                height: 80vh;
            }

            .section_korpus {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 33.333vh;
                width: 25vw;
            }

            ul {
                display: flex;
                justify-content: space-between;
                align-items: center;
            }
    
             /* Video-Styling */
             .video_home {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: -1; /* Video hinter dem Text */
            }

            .video_korpus {
                position: relative;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: -1; /* Video hinter dem Text */
                object-fit: contain;
                overflow: visible;
            }

            .image_grid {
                margin-top: 0.25vh;
                display: grid;
                grid-template-columns: repeat(2, 1fr); /* 3 Bilder pro Reihe */
                grid-gap: 0.25vw; /* Abstand zwischen den Bildern */
                row-gap: 0.25vh;
                margin-block-end: 3.5vh;
              }

            .image_grid img {
                width: 100%; /* Bilder passen sich der Grid-Zelle an */
                height: auto;
                vertical-align: bottom;
              }

            .image_grid video {
                width: 100%; /* Bilder passen sich der Grid-Zelle an */
                height: auto;
              }

            .image_grid3 {
                display: grid;
                grid-template-columns: repeat(1, 1fr); /* 3 Bilder pro Reihe */
                grid-gap: 0.25vw; /* Abstand zwischen den Bildern */
                row-gap: 0;
              }

            .image_grid3:nth-child(n+2) {
                grid-template-columns: repeat(2, 1fr);
            }

            .image_grid3 img {
                width: 100%; /* Bilder passen sich der Grid-Zelle an */
                height: auto;
              }

            #poemCanvas {
                width: 100%;
               display: flex;
               flex-direction: column;
               align-items: center;
               margin: 0;
               padding: 0;
            }
            

    
            /* Styling für den kreisenden Text */
    
            /* svg {
                width: 90vw;
                height: 90vh;
                display: block;
                justify-content: center;
            }

    
            .circle-text:hover {
                text-decoration: none;
                font-size: 4vw;
                color: #0000FF;
                font-family: 'G2Ciao-SilentSharpSwift';
               
                font-weight: normal;
                text-align: center;
                padding: 20vw;
            } */
    
            /*
            .circle-text span {
                position: absolute;
                top: 75%;
                left: 75%;
                transform-origin: 0 0;
                animation: rotateText 10s linear infinite;
            }
            
    
            @keyframes rotateText {
                0% {
                    transform: rotate(0deg) translateX(140px);
                }
                100% {
                    transform: rotate(360deg) translateX(140px);
                }
            }
    
            textPath {
                animation: rotateText 10s linear infinite;
            }*/