@font-face {
            font-family: 'TrueNorthRoughDots-Black';
            font-style: normal;
            font-weight: 600;
            src: url('fonts/TrueNorthRoughDots-Black-webfont.eot');
            src: local(''),
                url('fonts/TrueNorthRoughDots-Black-webfont.eot?#iefix') format('embedded-opentype'),
                url('fonts/TrueNorthRoughDots-Black-webfont.woff2') format('woff2'),
                url('fonts/TrueNorthRoughDots-Black-webfont.woff') format('woff'),
                url('fonts/TrueNorthRoughDots-Black-webfont.ttf') format('truetype'),
                url('fonts/TrueNorthRoughDots-Black-webfont.svg#Inter') format('svg');
            font-display: swap;
        }

        @font-face {
            font-family: 'TrueNorth-Regular';
            font-style: normal;
            font-weight: 400;
            src: url('fonts/TrueNorth-Regular-webfont.eot');
            src: local(''),
                url('fonts/TrueNorth-Regular-webfont.eot?#iefix') format('embedded-opentype'),
                url('fonts/TrueNorth-Regular-webfont.woff2') format('woff2'),
                url('fonts/TrueNorth-Regular-webfont.woff') format('woff'),
                url('fonts/TrueNorth-Regular-webfont.ttf') format('truetype'),
                url('fonts/TrueNorth-Regular-webfont.svg#Inter') format('svg');
            font-display: swap;
        }

        :root {
            --designFarbe-0: #fefefe;
            --designFarbe-1: #f5be9c;
            --designFarbe-2: #252525;
            --designFarbe-3: #55371d;
            --designFarbe-4: #333333;

            --designFarbe-0-00: #fefefe09;
            --designFarbe-1-00: #f5be9c09;
            --designFarbe-2-00: #25252509;
            --designFarbe-3-00: #55371d09;
            --designFarbe-4-00: #33333309;

            --designFarbe-0-01: #fefefe3f;
            --designFarbe-1-01: #f5be9c3f;
            --designFarbe-2-01: #2525253f;
            --designFarbe-3-01: #55371d3f;
            --designFarbe-4-01: #3333333f;

            --designFarbe-0-02: #fefefe7f;
            --designFarbe-1-02: #f5be9c7f;
            --designFarbe-2-02: #2525257f;
            --designFarbe-3-02: #55371d7f;
            --designFarbe-4-02: #3333337f;

            --designFarbe-0-03: #fefefebf;
            --designFarbe-1-03: #f5be9cbf;
            --designFarbe-2-03: #252525bf;
            --designFarbe-3-03: #55371dbf;
            --designFarbe-4-03: #333333bf;



            --designIconFacebookB: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cstyle%3E.fil2%7Bfill:%23000%7D%3C/style%3E%3Cpath%20class=%22fil2%22%20d=%22M448%20256c0,-106.039%20-85.961,-192%20-192,-192%20-106.039,0%20-192,85.961%20-192,192%200,95.833%2070.211,175.264%20162,189.668l0%20-134.168%20-48.75%200%200%20-55.5%2048.75%200%200%20-42.3c0,-48.12%2028.664,-74.7%2072.521,-74.7%2021.007,0%2042.979,3.75%2042.979,3.75l0%2047.25%20-24.211%200c-23.851,0%20-31.289,14.8%20-31.289,29.984l0%2036.016%2053.25%200%20-8.513%2055.5%20-44.737%200%200%20134.168c91.789,-14.404%20162,-93.835%20162,-189.668z%22/%3E%3C/svg%3E");
            --designIconFacebookSquareB: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cstyle%3Epath%7Bfill:%23000%7D%3C/style%3E%3Cpath%20d=%22M400%2032H48A48%2048%200%200%200%200%2080v352a48%2048%200%200%200%2048%2048h137.25V327.69h-63V256h63v-54.64c0-62.15%2037-96.48%2093.67-96.48%2027.14%200%2055.52%204.84%2055.52%204.84v61h-31.27c-30.81%200-40.42%2019.12-40.42%2038.73V256h68.78l-11%2071.69h-57.78V480H400a48%2048%200%200%200%2048-48V80a48%2048%200%200%200-48-48z%22/%3E%3C/svg%3E");
            --designIconInstagramB: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cstyle%3Epath%7Bfill:%23000%7D%3C/style%3E%3Cpath%20d=%22M224.1%20141c-63.6%200-114.9%2051.3-114.9%20114.9s51.3%20114.9%20114.9%20114.9S339%20319.5%20339%20255.9%20287.7%20141%20224.1%20141zm0%20189.6c-41.1%200-74.7-33.5-74.7-74.7s33.5-74.7%2074.7-74.7%2074.7%2033.5%2074.7%2074.7-33.6%2074.7-74.7%2074.7zm146.4-194.3c0%2014.9-12%2026.8-26.8%2026.8-14.9%200-26.8-12-26.8-26.8s12-26.8%2026.8-26.8%2026.8%2012%2026.8%2026.8zm76.1%2027.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9%200-35.8%201.7-67.6%209.9-93.9%2036.1s-34.4%2058-36.2%2093.9c-2.1%2037-2.1%20147.9%200%20184.9%201.7%2035.9%209.9%2067.7%2036.2%2093.9s58%2034.4%2093.9%2036.2c37%202.1%20147.9%202.1%20184.9%200%2035.9-1.7%2067.7-9.9%2093.9-36.2%2026.2-26.2%2034.4-58%2036.2-93.9%202.1-37%202.1-147.8%200-184.8zM398.8%20388c-7.8%2019.6-22.9%2034.7-42.6%2042.6-29.5%2011.7-99.5%209-132.1%209s-102.7%202.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7%209-132.1c7.8-19.6%2022.9-34.7%2042.6-42.6%2029.5-11.7%2099.5-9%20132.1-9s102.7-2.6%20132.1%209c19.6%207.8%2034.7%2022.9%2042.6%2042.6%2011.7%2029.5%209%2099.5%209%20132.1s2.7%20102.7-9%20132.1z%22/%3E%3C/svg%3E");


            --designIconFacebookO: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cstyle%3E.fil2%7Bfill:%231877f2%7D%3C/style%3E%3Cpath%20class=%22fil2%22%20d=%22M448%20256c0,-106.039%20-85.961,-192%20-192,-192%20-106.039,0%20-192,85.961%20-192,192%200,95.833%2070.211,175.264%20162,189.668l0%20-134.168%20-48.75%200%200%20-55.5%2048.75%200%200%20-42.3c0,-48.12%2028.664,-74.7%2072.521,-74.7%2021.007,0%2042.979,3.75%2042.979,3.75l0%2047.25%20-24.211%200c-23.851,0%20-31.289,14.8%20-31.289,29.984l0%2036.016%2053.25%200%20-8.513%2055.5%20-44.737%200%200%20134.168c91.789,-14.404%20162,-93.835%20162,-189.668z%22/%3E%3C/svg%3E");
            --designIconFacebookSquareO: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cstyle%3Epath%7Bfill:%231877f2%7D%3C/style%3E%3Cpath%20d=%22M400%2032H48A48%2048%200%200%200%200%2080v352a48%2048%200%200%200%2048%2048h137.25V327.69h-63V256h63v-54.64c0-62.15%2037-96.48%2093.67-96.48%2027.14%200%2055.52%204.84%2055.52%204.84v61h-31.27c-30.81%200-40.42%2019.12-40.42%2038.73V256h68.78l-11%2071.69h-57.78V480H400a48%2048%200%200%200%2048-48V80a48%2048%200%200%200-48-48z%22/%3E%3C/svg%3E");
            --designIconInstagramO: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cstyle%3Epath%7Bfill:%23b900b3%7D%3C/style%3E%3Cpath%20d=%22M224.1%20141c-63.6%200-114.9%2051.3-114.9%20114.9s51.3%20114.9%20114.9%20114.9S339%20319.5%20339%20255.9%20287.7%20141%20224.1%20141zm0%20189.6c-41.1%200-74.7-33.5-74.7-74.7s33.5-74.7%2074.7-74.7%2074.7%2033.5%2074.7%2074.7-33.6%2074.7-74.7%2074.7zm146.4-194.3c0%2014.9-12%2026.8-26.8%2026.8-14.9%200-26.8-12-26.8-26.8s12-26.8%2026.8-26.8%2026.8%2012%2026.8%2026.8zm76.1%2027.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9%200-35.8%201.7-67.6%209.9-93.9%2036.1s-34.4%2058-36.2%2093.9c-2.1%2037-2.1%20147.9%200%20184.9%201.7%2035.9%209.9%2067.7%2036.2%2093.9s58%2034.4%2093.9%2036.2c37%202.1%20147.9%202.1%20184.9%200%2035.9-1.7%2067.7-9.9%2093.9-36.2%2026.2-26.2%2034.4-58%2036.2-93.9%202.1-37%202.1-147.8%200-184.8zM398.8%20388c-7.8%2019.6-22.9%2034.7-42.6%2042.6-29.5%2011.7-99.5%209-132.1%209s-102.7%202.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7%209-132.1c7.8-19.6%2022.9-34.7%2042.6-42.6%2029.5-11.7%2099.5-9%20132.1-9s102.7-2.6%20132.1%209c19.6%207.8%2034.7%2022.9%2042.6%2042.6%2011.7%2029.5%209%2099.5%209%20132.1s2.7%20102.7-9%20132.1z%22/%3E%3C/svg%3E");


        }

        *,
        a {
            font-family: 'TrueNorth-Regular', sans-serif;
            color: #000;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        h2 {
            font-family: 'TrueNorthRoughDots-Black';
        }

        .displayNone {
            display: none;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            width: 100%;
            background: var(--designFarbe-1);
            overflow-x: hidden;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            background-image: url(../bilder/divers/bg_480.webp);
            background-size: cover;
        }

        @media (max-width: 3840px) {
            body {
                background-image: url(../bilder/divers/bg_3840.jpg);
            }
        }

        @media (max-width: 2560px) {
            body {
                background-image: url(../bilder/divers/bg_2560.jpg);
            }
        }

        @media (max-width: 1920px) {
            body {
                background-image: url(../bilder/divers/bg_1920.jpg);
            }
        }

        @media (max-width: 1366px) {
            body {
                background-image: url(../bilder/divers/bg_1366.jpg);
            }
        }

        @media (max-width: 960px) {
            body {
                background-image: url(../bilder/divers/bg_960.jpg);
            }
        }

        @media (max-width: 360px) {
            body {
                background-image: url(../bilder/divers/bg_480.webp);
            }
        }

        @media (max-width: 700px) {
            body {
                height: 100svh;
                width: 100vw;
                background-size: 250%;
            }
        }

        img {
            width: 100%;
            height: auto;
        }

        .dw_50 {
            display: flex;
            flex-direction: column;
            align-items: center;
        }






        .dw_50 header {
            width: 99vw;
        }



        /* Social Media */


        .dg_50 .dg_x .dgc_x {
            margin-top: 3em;
            margin-right: 4em;
            font-size: 1.6em;
            display: flex;
            flex-direction: row;
            justify-content: flex-end;
        }

        .dg_50 .dg_x .dgc_x:before {
            content: '';
            width: 3em;
            height: 3em;
            margin-right: 0.5em;
            background-image: url(../bilder/divers/hand.svg);
        }

        .dg_50 .dg_x .dgcg_x {
            margin-right: 0.5em;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .dg_50 .dg_x .dgcg_x a {
            width: 1.5em;
            height: 1.5em;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 1.1em;
            transition-duration: 0.6s;
            box-shadow: 0.1em 0em 0 -0.3em var(--designFarbe-1-03);
        }

        .dg_50 .dg_x .dgcg_x:hover a {
            box-shadow: 0em -0.4em 0 -0.3em var(--designFarbe-1-03);
            transition-property: box-shadow;
            transition-duration: 0.3s;
        }

        .dg_50 .dg_x .dgFB a {
            background-image: var(--designIconFacebookSquareB);
        }

        .dg_50 .dg_x .dgFB a:hover {
            background-image: var(--designIconFacebookSquareO);
        }

        .dg_50 .dg_x .dgIN a {
            background-image: var(--designIconInstagramB);
        }

        .dg_50 .dg_x .dgIN a:hover {
            background-image: var(--designIconInstagramO);
        }

        @media (max-width: 1024px) {
            .dg_50 .dg_x .dgc_x {
                font-size: 2em;
            }
        }

        @media (max-width: 700px) {
            .dg_50 .dg_x .dgc_x {
                margin-top: 1em;
                margin-right: 2em;
                font-size: 4em;
            }
        }


        
        .dg_50 .container-search img {
            position: absolute;
/*            width: 46.5em;*/
/*            top: -8.5em;*/
            left: 50%;
            
            width: 33.5em;
            top: -7.3em;
            
            transform: translateX(-50%);
        }
        
        
        @media (max-width: 1024px) {
            .dg_50 .container-search img {
                position: absolute;
                width: 46.5em;
                top: -8.5em;
                left: 50%;
                transform: translateX(-50%);
            }
        }
        
        
        .dg_50 .container-search #mod-custombanner img {
            position: absolute;
            width: 60.5em;
            top: 18.1em;
            
            left: 50%;
            transform: translateX(-50%);
        }
        
        @media (max-width: 1024px) {
            .dg_50 .container-search #mod-custombanner img {
                position: absolute;
                width: 93em;
                top: 39em;

                left: 50%;
                transform: translateX(-50%);
            }
        }
        @media (max-width: 700px) {
            .dg_50 .container-search #mod-custombanner img {
                position: absolute;
                width: 72em;
                top: 58em;

                left: 50%;
                transform: translateX(-50%);
            }
        }
        

        .dg_50 .container-search p {
            display: flex;
            justify-content: center;
        }

        @media (max-width: 700px) {
            .dg_50 .container-search img {
                width: 83.5em;
            }
        }


        /* Content */

        .dw_50 .do_x {
            position: absolute;
            width: 100%;
            height: calc(100vh - 27em);
            top: 27em;
            width: 0;
            height: 0;
            top: 0;
            left: 0;
        }

        .dw_50 .do_x .doc_x img {
            width: 13em;
        }

        .dw_50 .do_x .doc_x {
            position: relative;
            height: 100%;
            position: absolute;
            height: 0;
        }

        .dw_50 .do_x .doc_x .doco_x {
            position: absolute;
        }

        /*
        .dw_50 .do_x .doc_x .doco_x:nth-child(1) {
            left: 6vw;
            top: 26.5vh;
        }

        .dw_50 .do_x .doc_x .doco_x:nth-child(2) {
            left: 23vw;
            top: 36vh;
        }

        .dw_50 .do_x .doc_x .doco_x:nth-child(3) {
            left: 34vw;
            top: 55vh;
        }

        .dw_50 .do_x .doc_x .doco_x:nth-child(4) {
            left: 51vw;
            top: 44vh;
        }

        .dw_50 .do_x .doc_x .doco_x:nth-child(5) {
            left: 66vw;
            top: 32vh;
        }

        .dw_50 .do_x .doc_x .doco_x:nth-child(6) {
            left: 80vw;
            top: 47.5vh;
        }
        */

        /*
        .dw_50 .do_x .doc_x .doco_x:nth-child(1) {
            display: none;
            left: 6vw;
            top: 26.5vh;
        }

        .dw_50 .do_x .doc_x .doco_x:nth-child(2) {
            left: 26vw;
            top: 38.5vh;
        }

        .dw_50 .do_x .doc_x .doco_x:nth-child(3) {
            left: 42vw;
            top: 47vh;
        }

        .dw_50 .do_x .doc_x .doco_x:nth-child(4) {
            left: 64vw;
            top: 40vh;
        }

        .dw_50 .do_x .doc_x .doco_x:nth-child(5) {
            left: 80vw;
            top: 36vh;
        }

        .dw_50 .do_x .doc_x .doco_x:nth-child(6) {
            left: 9vw;
            top: 36vh;
        }
        */
        
        
        .dw_50 .do_x .doc_x .doco_x:nth-child(1) {
            display: none;
            left: 6vw;
            top: 26.5vh;
        }
/* Laura */
        .dw_50 .do_x .doc_x .doco_x:nth-child(2) {
            /*! display: none; */
            left: 34vw;
            top: 46vh;
        }

        .dw_50 .do_x .doc_x .doco_x:nth-child(3) {
            display: none;
            left: 27vw;
            top: 49vh;
        }
/* Belana */
        .dw_50 .do_x .doc_x .doco_x:nth-child(4) {
            /*! left: 48vw;*/
            /*! top: 37vh;*/

            left: 54vw;
            top: 46vh;
        }
/* Afra */
        .dw_50 .do_x .doc_x .doco_x:nth-child(5) {
            /*! left: 67vw;*/
            /*! top: 30vh;*/
            
            left: 72vw;
            top: 43vh;
        }
/* Vineta */
        .dw_50 .do_x .doc_x .doco_x:nth-child(6) {
            /*! left: 14vw;*/
            /*! top: 35vh;*/
            
            left: 15vw;
            top: 43vh;
        }
        .dw_50 .do_x .doc_x .doco_x:nth-child(7) img {
            width: 21em;
        }
        .dw_50 .do_x .doc_x .doco_x:nth-child(7) {
        /*! left: 71vw;*/
        /*! top: 66vh;*/
            left: 50vw;
            transform: translateX(-50%);
            top: 76vh;
            z-index: -1;
        }
        
        
        
        
        


        .dw_50 .do_x .doc_x .doco_x {
            display: flex;
            flex-direction: column;
            align-items: center;
            transition: all 0.6s;
        }

        .dw_50 .do_x .doc_x .doco_x h2,
        .dw_50 .do_x .doc_x .doco_x p {
            text-align: center;
        }

        .dw_50 .do_x .doc_x .doco_x p:nth-of-type(1) {
            margin-top: -1em;
        }

        .dw_50 .do_x .doc_x .doco_x p {
            font-size: 0.6em;
            line-height: 1.7em;
            white-space: nowrap;
        }

        .dw_50 .do_x .doc_x .doco_x h2 {
            font-size: 3.7em;
            line-height: 1em;
            white-space: nowrap;
        }

        .dw_50 .do_x .doc_x .doco_x p.karCon {
            position: absolute;
            width: 100%;
            height: 100%;
        }






        @media (max-width: 1024px) {
            .dw_50 .do_x .doc_x .doco_x {
                font-size: 2em;
            }
            /*
            .dw_50 .do_x .doc_x .doco_x:nth-child(1) {
                left: 6vw;
                top: 18.5vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(2) {
                left: 41vw;
                top: 28vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(3) {
                left: 33vw;
                top: 62vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(4) {
                left: 69vw;
                top: 25vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(5) {
                left: 10vw;
                top: 50vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(6) {
                left: 69vw;
                top: 50.5vh;
            }
            */
            /*
            .dw_50 .do_x .doc_x .doco_x:nth-child(1) {
                display: none;
                left: 6vw;
                top: 18.5vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(2) {
                left: 61vw;
                top: 17vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(3) {
                left: 33vw;
                top: 38vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(4) {
                left: 15vw;
                top: 60.3vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(5) {
                left: 64vw;
                top: 59vh;
            }
            
            .dw_50 .do_x .doc_x .doco_x:nth-child(6) {
                left: 16vw;
                top: 18.5vh;
            }
            */
            
            
            
            .dw_50 .do_x .doc_x .doco_x:nth-child(1) {
                display: none;
                left: 6vw;
                top: 26.5vh;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(2) {
                /*! display: none; */
                left: 26vw;
                top: 45vh;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(3) {
                display: none;
                left: 52vw;
                top: 17vh;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(4) {
/*                left: 12vw;*/
/*                top: 17vh;*/
                left: 48vw;
                top: 45vh;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(5) {
/*                left: 12vw;*/
/*                top: 59vh;*/
                left: 70vw;
                top: 40vh;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(6) {
/*                left: 68vw;*/
/*                top: 59vh;*/
                left: 4vw;
                top: 40vh;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(7) img {
                width: 22em;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(7) {
/*                left: 31vw;*/
/*                top: 46vh;*/
                
                left: 50vw;
                top: 74vh;
            }
            
            
            
            
            
            
            
        }


        @media (max-width: 700px) {
            .dw_50 .do_x .doc_x img {
                width: 17em;
            }
            /*
            .dw_50 .do_x .doc_x .doco_x:nth-child(1) {
                left: 12vw;
                top: 20.5vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(2) {
                left: 57vw;
                top: 44.5vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(3) {
                left: 12vw;
                top: 39vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(4) {
                left: 60vw;
                top: 26vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(5) {
                left: 12vw;
                top: 58.5vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(6) {
                top: 44.5vh;
                top: 63vh;
            }
            */
            /*
            .dw_50 .do_x .doc_x .doco_x:nth-child(1) {
                display: none;
                left: 12vw;
                top: 20.5vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(2) {
                left: 61vw;
                top: 25.5vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(3) {
                left: 32vw;
                top: 42vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(4) {
                left: 12vw;
                top: 60.5vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(5) {
                left: 64vw;
                top: 59.5vh;
            }

            .dw_50 .do_x .doc_x .doco_x:nth-child(6) {
                left: 9vw;
                top: 25.5vh;
            }
            */
            
            
            .dw_50 .do_x .doc_x .doco_x:nth-child(1) {
                display: none;
                left: 6vw;
                top: 26.5vh;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(2) {
                /*! display: none; */
                left: 22vw;
                top: 48.5vh;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(3) {
                display: none;
                left: 55vw;
                top: 22.4vh;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(4) {
/*                left: 66vw;*/
/*                top: 64.5vh;*/
                left: 50vw;
                top: 48.5vh;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(5) {
/*                left: 8vw;*/
/*                top: 63.5vh;*/
                left: 75vw;
                top: 46.5vh;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(6) {
/*                left: 9vw;*/
/*                top: 21.5vh;*/
                left: -2vw;
                top: 46.5vh;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(7) img {
                width: 31em;
            }
            .dw_50 .do_x .doc_x .doco_x:nth-child(7) {
/*                left: 20vw;*/
/*                top: 44vh;*/
                left: 62vw;
                top: 71vh;
                
            }
            
            
            
            
            
            

            .dw_50 .do_x .doc_x .doco_x.karConOn {
                padding: 7vw;
                left: 50vw;
                top: 56vh;
                font-size: 3vw;
                transform: translate(-50%, -50%);
                transition: all 0.6s;
                z-index: 1;
                background: var(--designFarbe-1);
                border-radius: 5%;
                border: 1px solid #000;
            }

        }



















        /* Footer */

        .dw_50 footer {
            position: absolute;
            width: 100%;
            bottom: 2em;
            z-index: -1;
        }

        .dw_50 .df_x {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
        }

        .dw_50 .df_x .dfcf_x {
            display: flex;
        }

        .dw_50 .df_x .dfc_x .dfcf_x picture {
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        .dw_50 .df_x .dfc_x:nth-child(1) {
            width: 22em;
        }

        .dw_50 .df_x .dfc_x:nth-child(1) .dfcf_x picture {
            /* für SVG LOGO
            width: calc(22em * 0.75);
            height: calc(22em * 0.75);
            */
            margin-left: 5em
        }

        .dw_50 .df_x .dfc_x:nth-child(1) img {
            /* für SVG LOGO
            width: 22em;
            height: 22em;
            */
            width: 70%;
        }

        .dw_50 .df_x .dfc_x:nth-child(2) {
            padding: 1em 2em;
            background: #fefefe;
            border: 1px solid #000;
        }

        .dw_50 .df_x .dfc_x:nth-child(3) .dfcf_x {
            justify-content: right;
        }

        .dw_50 .df_x .dfc_x:nth-child(3) {
            width: 22em;
        }

        .dw_50 .df_x .dfc_x:nth-child(3) .dfcf_x picture {
            width: calc(10em * 0.75);
            height: calc(10em * 0.75);
            margin-right: 9em;
            padding-top: 4em;
        }

        .dw_50 .df_x .dfc_x:nth-child(3) img {
            width: 10em;
            height: 10em;
        }


        @media (max-width: 700px) {
            .dw_50 .df_x {
                flex-wrap: wrap;
                justify-content: center;
            }

            .dw_50 .df_x .dfc_x:nth-child(1) {
                font-size: 1.5em;
                width: 100vw;
                margin-bottom: 4em;
            }

            .dw_50 .df_x .dfc_x:nth-child(2) {
                font-size: 2em;
                width: 100vw;
                justify-content: center;
                display: flex;
            }

            .dw_50 .df_x .dfc_x:nth-child(2) p {
                font-size: 1.4em;
            }

            .dw_50 .df_x .dfc_x:nth-child(3) {
                width: 100vw;
            }


            .dw_50 .df_x .dfc_x:nth-child(1) {
                width: 30vw;
                display: flex;
                justify-content: center;
            }

            .dw_50 .df_x .dfc_x:nth-child(1) .dfcf_x picture {
                margin-left: 0;
            }

            .dw_50 .df_x .dfc_x:nth-child(2),
            .dw_50 .df_x .dfc_x:nth-child(3) {
                display: none;
            }

        }












        .dm_x {
            display: none;
            width: 0vw;
            height: 100vh;
            position: fixed;
            left: 100vw;
            transition: .3s all ease;
            overflow: hidden;
            z-index: 10;
        }

        .dm_x .dmc_x {
            width: 100vw;
            height: 100vh;
            /*background-color: var(--designFarbe-1);*/
            transition: .3s all ease;
        }

        .dm_x .dmc_x .dmcm_x {
            height: 100%;
            display: flex;
            justify-content: center;
            text-align: center;
            flex-direction: column;

        }

        .dm_x .dmc_x ul {
            height: fit-content;
        }

        .dm_x .dmc_x ul li {
            font-size: 7em;
            text-align: center;
            margin: 1vw 0;
        }

        .dm_x .dmc_x ul li a {
            display: block;
            text-decoration: none;
            text-transform: uppercase;
            padding: 2vw;
            background: var(--designFarbe-1);
            box-shadow: inset 0 1px 0 #000, inset 0 -1px 0 #000;
        }

        .dm_x .dmc_x ul li a:hover {}

        .nav2 {
            width: 100vw;
            left: 0vw;
            transition: .3s all ease;
        }

        /*
        @media (max-width: 960px) {
            .dm_x .dmc_x {
                background-image: url(bilder/divers/bg_960.jpg);
            }
        }

        @media (max-width: 360px) {
            .dm_x .dmc_x {
                background-image: url(bilder/divers/bg_480.webp);
            }
        }

        @media (max-width: 700px) {
            .dm_x .dmc_x {
                height: 100svh;
                width: 100vw;
                background-size: 250%;
            }
        }        
        */






        navicon {
            display: none;
            width: 7vw;
            height: 7vw;
            position: fixed;
            top: 5vw;
            left: 5vw;
            transform: rotate(0deg);
            transition: .5s ease-in-out;
            cursor: pointer;
            z-index: 11;
        }

        navicon p {
            display: block;
            position: absolute;
            height: 2vw;
            width: 100%;
            border-radius: 9px;
            opacity: 1;
            transform: rotate(0deg);
            transition: .25s ease-in-out;
            background-image: url(../bilder/divers/hamb.svg);
            background-size: 8vw;
            background-position: 35%;
            background-repeat: no-repeat;
        }

        navicon:hover p {}

        navicon p:nth-child(1) {
            top: 0;
        }

        navicon p:nth-child(2) {
            top: 2.2vw;
        }

        navicon p:nth-child(3) {
            top: 4.4vw;
        }

        navicon.open p:nth-child(1) {
            top: 1.6vw;
            transform: rotate(135deg);
        }

        navicon.open p:nth-child(2) {
            width: 0;
            left: -18vw;
            opacity: 0;
        }

        navicon.open p:nth-child(3) {
            top: 2vw;
            transform: rotate(-135deg);
        }

        @media (max-width: 700px) {
            navicon {
                display: block;
                height: 100svh;
            }

            .dm_x {
                display: block;
                height: 100svh;
            }
        }





        .menuWerbungAn {
            display: none;
        }

        .werbungAn .menuWerbungAn {
            display: block;
        }

        .werbungAn .menuWerbungAus {
            display: none;
        }
        
        
        
        
        .ausverkauft h2 {
            position: relative;
        }
        .ausverkauft h2::after {
            position: absolute;
            content: '';
            height: 300%;
            aspect-ratio: 1 / 1;
            width: auto;
            background-image: url(../bilder/produkte/ausverkauft.png);
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            right: 0;
            bottom: 0.6em;
        }