@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");


}



:root{
  --design-em: 1.5em;
  --design-box-2x: 0.66;
  --design-box-1: 240rem;
  --design-box-2: calc(var(--design-box-2x) * var(--design-box-1));
}
/* Template Content */
.dw_50 .dd_0 {
  display: none;
}
.dw_50 .dd_1, .dw_5 .dd_2 {
  width: min(100%, var(--design-box-1));
  margin-inline: auto;
}

/*
.dw_50 .dd_1 > div {
  width: min(100%, var(--design-box-1));
  margin-inline: auto;
}
*/

.dw_50 .dd_2 > div {
  width: min(100%, var(--design-box-2));
  margin-inline: auto;
}
@media (max-width: 80rem){
  .dw_50 .dd_2 > div {
    width: min(100% - 2em, var(--design-box-2));
  }
}


@media (max-width: 160rem) {
    :root{
        --design-box-1: 160rem;
    }
    body {
        font-size: calc( 1 * var(--design-em));
    }
}
@media (max-width: 120rem) {
    :root{
        --design-box-1: 120rem;
    }
    body {
        font-size: calc( 0.75 * var(--design-em));
    }
}
@media (max-width: 100rem) {
    :root{
        --design-box-1: 100rem;
    }
    body {
        font-size: calc( 0.625 * var(--design-em));
        font-size: calc( 0.75 * var(--design-em));
    }
}
@media (max-width: 80rem) {
    :root{
        --design-box-1: 80rem;
        --design-box-2: var(--design-box-1);
    }
    body {
        font-size: calc( 0.5 * var(--design-em));
        font-size: calc( 0.75 * var(--design-em));
    }
}
@media (max-width: 60rem) {
    :root{
        --design-box-1: 60rem;
        --design-box-2: var(--design-box-1);
    }
    body {
        font-size: calc( 0.375 * var(--design-em));
        font-size: calc( 0.75 * var(--design-em));
    }
}
@media (max-width: 50rem) {
    :root{
        --design-box-1: 50rem;
        --design-box-2: var(--design-box-1);
    }
    body {
        font-size: calc( 0.3125 * var(--design-em));
        font-size: calc( 0.75 * var(--design-em));
    }
}
@media (max-width: 40rem) {
    :root{
        --design-box-1: 40rem;
        --design-box-2: var(--design-box-1);
    }
    body {
        font-size: calc( 0.25 * var(--design-em));
        font-size: calc( 0.75 * var(--design-em));
    }
}









*,
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;
    z-index: 1;
}
.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 p {
    display: flex;
    justify-content: center;
}
.dg_50 .container-search img {
    position: absolute;
    width: 46.5em;
    top: -8.5em;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    z-index: 1;
}
.dg_50 .container-search .logoFirma2 img {
    width: 24.5em;
    top: -5.5em;
}
@media (max-width: 700px) {
    .dg_50 .container-search img {
        width: 83.5em;
    }
    .dg_50 .container-search .logoFirma2 img {
        width: 34.5em;
        top: -7.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 {
    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;
    }
}


@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: 12vw;
        top: 39vh;
        left: 57vw;
        top: 44.5vh;
    }
    .dw_50 .do_x .doc_x .doco_x:nth-child(3) {
        left: 57vw;
        top: 63vh;
        top: 44.5vh;
        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) {
        left: 60vw;
        top: 44.5vh;
        top: 63vh;
    }
    .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;
}
.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) a {
    transform: scale(1);
    filter: drop-shadow(0px 0px 0px black);
    transition: 0.3s;
}
.dw_50 .df_x .dfc_x:nth-child(1) a:hover {
    transform: scale(1.1);
    filter: drop-shadow(2px 4px 9px black);
    transition: 0.3s;
}

.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%;
    z-index: 9;
}
.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;
    }
    .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: 100vw;
        display: flex;
        justify-content: center;
    }
    */
    
    .dw_50 .df_x .dfc_x:nth-child(1) {
        font-size: 1.5em;
        width: 40vw;
        display: none;
        justify-content: center;
        margin-bottom: 4em;
    }
    .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;
    }

}

   
     
.dw_50.dm_50 .dm_x {
    display: none;
    width: 0vw;
    height: 100vh; 
    position: fixed; 
    left: 100vw;
    transition: .3s all ease;
    overflow: hidden;
    z-index: 10;
}
.dw_50.dm_50 .dm_x .dmc_x{
    width: 100vw;
    height: 100vh;
    /*background-color: var(--designFarbe-1);*/
    transition: .3s all ease;
    height: 100%;
}
.dw_50.dm_50 .dm_x .dmc_x .dmcm_x {
    height: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-direction: column;
   
}
.dw_50.dm_50 .dm_x .dmc_x ul {
    height: fit-content;
}
.dw_50.dm_50 .dm_x .dmc_x ul li{
    font-size: 7em;
    text-align: center;
    margin: 1vw 0;
}
.dw_50.dm_50 .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;
}

.dw_50.dm_50 .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%;
            }
        }        
        */
        
     

.dw_50.dm_50 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;
}
.dw_50.dm_50 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;
}
.dw_50.dm_50 navicon:hover p{
}
.dw_50.dm_50 navicon p:nth-child(1) {
    top: 0;
}
.dw_50.dm_50 navicon p:nth-child(2) {
    top: 2.2vw;
}
.dw_50.dm_50 navicon p:nth-child(3) {
    top: 4.4vw;
}
.dw_50.dm_50 navicon.open p:nth-child(1) {
    top: 1.6vw;
    transform: rotate(135deg);
}
.dw_50.dm_50 navicon.open p:nth-child(2) {
    width: 0;
    left: -18vw;
    opacity: 0;
}
.dw_50.dm_50 navicon.open p:nth-child(3) {
    top: 2vw;
    transform: rotate(-135deg);
}
@media (max-width: 700px) {
    .dw_50.dm_50 navicon {
        display: block;
        /*height: 100svh;*/
    }
    .dw_50.dm_50 .dm_x {
        display: block;
        height: 100svh;
        height: 60svh;
        top: 20svh;
    }
}





.dw_50 .impDat {
    padding: 3em;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 60vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    line-height: 1.5;
    z-index: 1;
}
.dw_50 .impDat h3 {
    margin-bottom: 1rem;
}

@media (max-width: 700px) {
    .dw_50 .impDat {
        font-size: 4em;
        max-width: calc(100vw - 2em);
        min-width: calc(100vw - 2em);
    }
}
    









/* Slider ds_6 */




.ds_6 ~ .ds_x {
    height: calc(100vh - 23em);
    margin-top: 4em;
    overflow: hidden; 
    z-index: 1;
}
.ds_6 ~ .ds_x .dsc_x {
    height: 100%;
    overflow: hidden;
    position: relative;
}
.ds_6 ~ .ds_x .dscs_x {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}
.ds_6 ~ .ds_x picture {
    width: 100%;
    height: 100%;
    overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    object-position: center;
    z-index: -1;
}
.ds_6 ~ .ds_x picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 660px) {
    .ds_6 ~ .ds_x img{
        transform: scale(1.2)
    }
}

.ds_6 ~ .ds_x .slide1 .slideTexte {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--designFarbe-3-01);
    font-size: 0.8em;
}
@media (max-width: 950px) {
    .ds_6 ~ .ds_x .slide1 .slideTexte {
        font-size: 1.1em;
    }
}
@media (max-width: 850px) {
    .ds_6 ~ .ds_x .slide1 .slideTexte {
        font-size: 2em;
    }
}
@media (max-width: 750px) {
    .ds_6 ~ .ds_x .slide1 .slideTexte {
        font-size: 2em;
    }
}
@media (max-width: 650px) {
    .ds_6 ~ .ds_x .slide1 .slideTexte {
        font-size: 2em;
    }
}
@media (max-width: 550px) {
    .ds_6 ~ .ds_x .slide1 .slideTexte {
        font-size: 2em;
    }
}
@media (max-width: 450px) {
    .ds_6 ~ .ds_x .slide1 .slideTexte {
        font-size: 2em;
    }
}
@media (max-width: 350px) {
    .ds_6 ~ .ds_x .slide1 .slideTexte {
        font-size: 2em;
    }
}
.ds_6 ~ .ds_x .slide1 .slideTexte > div {
    margin: 2em;
}

.ds_6 ~ .ds_x .slide1 .slideTexte h3,
.ds_6 ~ .ds_x .slide1 .slideTexte p,
.ds_6 ~ .ds_x .slide1 .slideTexte a {
    color: var(--designFarbe-0);
    font-family: 'TrueNorth-Regular';
}
.ds_6 ~ .ds_x .slide1 .slideText1 > div:nth-child(2) p {
    font-family: 'TrueNorthRoughDots-Black';
}
.ds_6 ~ .ds_x .slide1 .slideText1 > div:nth-child(2) p span {
    font-family: 'TrueNorth-Regular';
}

.ds_6 ~ .ds_x .slide1 .slideText1,
.ds_6 ~ .ds_x .slide1 .slideText3 {
    text-align: center;
}
.ds_6 ~ .ds_x .slide1 .slideText2 {
    display: flex;
}
@media (max-width: 650px) {
    .ds_6 ~ .ds_x .slide1 .slideText2 {
        flex-direction: column;
        font-size: 1.8em;
    }
}
.ds_6 ~ .ds_x .slide1 .slideText1 > div p {
    font-size: 2em;
}
.ds_6 ~ .ds_x .slide1 .slideText1 > div:nth-child(2) p {
    font-size: 10em;
    line-height: 0.9;
}
.ds_6 ~ .ds_x .slide1 .slideText1 > div:nth-child(2) p span{
    font-size: 0.05em;
}
.ds_6 ~ .ds_x .slide1 .slideText2 {
    margin-top: 5em;
}
.ds_6 ~ .ds_x .slide1 .slideText2 p {
    margin: 2em;
    font-size: 0.7em;
    line-height: 2;
}
.ds_6 ~ .ds_x .slide1 .slideText3 {
    margin-top: 5em;
}
@media (max-width: 650px) {
    .ds_6 ~ .ds_x .slide1 .slideText2,
    .ds_6 ~ .ds_x .slide1 .slideText3 {
       margin-top: 2em;
    }
    .ds_6 ~ .ds_x .slide1 .slideText2 p {
        margin: 1em 2em;
        font-size: 0.7em;
        line-height: 1.5;
    }
}

@media (max-width: 700px) {
    .ds_6 ~ .ds_x {
        height: calc(100vh - 60em);
        margin-top: 4em;
    }
}
















.ds_5 ~ .ds_x {
    height: calc(100vh - 21em);
    margin-top: 3em;
    overflow: hidden;
    /*background: var(--designFarbe-3-01);*/
}

@media (max-width: 660px) {
    .ds_5 ~ .ds_x {
        height: calc(100vh - 46vw);
        height: calc(100vh - 30vw);
        margin-top: 3vw;
    }
}
.ds_5 ~ .ds_x .dsc_x {
    height: 100%;
    overflow: hidden;
    position: relative;
}
.ds_5 ~ .ds_x .dscs_x {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    overflow: hidden;
}
.ds_5 ~ .ds_x picture {
    width: 100%;
    height: 100%;
    overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    object-position: center;
    z-index: -1;
}
.ds_5 ~ .ds_x .slideRight {
  animation: slideToRight 1s forwards;
}
@keyframes slideToRight {
  0% {transform: translateX(-50%);opacity: 0;}
  100% {transform: translateX(0%);opacity: 1;}
}

.ds_5 ~ .ds_x .slideOpacity {
  animation: slideOpacity 1s forwards;
}
@keyframes slideOpacity {
  0% {transform: translateX(0%);opacity: 1;}
  100% {transform: translateX(0%);opacity: 0;}
}

.ds_5 ~ .ds_x .slide2 img{
    margin-top: 20vw;
}

@media (max-width: 660px) {
     .ds_5 ~ .ds_x .slide2 img{
        margin-top: 0;
    }
    .ds_5 ~ .ds_x img{
        transform: scale(1.2);
        height: 100%;
        width: auto;            
    }
}


.ds_5 ~ .ds_x .sliderDots {
    width: 100%;
    height: 1em;
    position: absolute;
    bottom: -1em;
    z-index: 1;
    display: flex;
    justify-content: center;
}

@media (max-width: 700px) {
    .ds_5 ~ .ds_x .sliderDots {
        font-size: 6em;
    }
    
    .ds_5 ~ .ds_x .slide1 img{
        margin-top: 0;
    }
}
.ds_5 ~ .ds_x .sliderDots .sliderDotsC {
    height: 1em;
    position: absolute;
    bottom: 2em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.ds_5 ~ .ds_x .sliderDots .sliderDotsC .sliderDotsE {
    width: 1em;
    height: 1em;
    margin: 0.5em 0.5em;
    border: 0.1em solid var(--designFarbe-0);
    border-radius: 1em;
    cursor: pointer;
    transition: 0.5s;
}
.ds_5 ~ .ds_x .sliderDots .sliderDotsC .sliderDotsE:not(.sliderDotON):hover {
    box-shadow: inset 0 0 0 0.1em var(--designFarbe-4), inset 0 0 0 0.5em var(--designFarbe-1);
    transition: 0.3s;
}
.ds_5 ~ .ds_x .sliderDots .sliderDotsC .sliderDotsE.sliderDotON {
    box-shadow: inset 0 0 0 0.2em var(--designFarbe-4), inset 0 0 0 0.5em var(--designFarbe-1);
}
@media (max-width: 700px) {
    .ds_5 ~ .ds_x .sliderDots .sliderDotsC {
        bottom: 6em;
    }
}

.ds_5 ~ .ds_x .sliderKR {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.ds_5 ~ .ds_x .sliderKR::before {
    content:'';
    position: absolute;
    width: 5em;
    height: 5em;
    top: 50%;
    right: 5em;
    transform: translateY(-50%);
    z-index: 1;
    background-image: url(../bilder/divers/arrow.svg);
    background-size: 100% 100%;
    opacity: 0.5;
}
@media (max-width: 700px) {
    .ds_5 ~ .ds_x .sliderKR::before {
        background-image: url(../bilder/divers/arrowW.svg);
    }  
}
/* alle Slider */
.ds_5 ~ .ds_x .slideTexte {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ds_5 ~ .ds_x .slideText1 {
    text-align: right;
    font-size: 7vw;
    font-size: 5vw;
    opacity: 0.6;
    opacity: 1;
    letter-spacing: 10px;
}
.ds_5 ~ .ds_x .slideText1 p {
    font-family: 'TrueNorthRoughDots-Black';
    color: #fefefe;
    text-align: left;
}
.ds_5 ~ .ds_x .slideText1 p:nth-child(1),
.ds_5 ~ .ds_x .slideText1 p:nth-child(2) {
    opacity: 0;
}
.ds_5 ~ .ds_x .slideText1 p:nth-child(3) span {
    font-family: 'TrueNorthRoughDots-Black';
    color: #fefefe;
}
.ds_5 ~ .ds_x .slideText1 p:nth-child(4) {
    display: flex;
    justify-content: center;
}
.ds_5 ~ .ds_x .slideText1 p:nth-child(4) span{
    font-size: 1vw;
    letter-spacing: 1px;
    font-family: 'TrueNorth-Regular';
    color: #000;
    background: #fefefe;
    padding: 0.3em 2em;
    border: 2px solid #222;
    margin-top: 1vw;
}
/*
.ds_5 ~ .ds_x .slide1 .slideTexte {
    display: none;
}
*/

/* alle Slider ENDE*/
/*
.ds_5 ~ .ds_x .slide1 .slideTexte {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ds_5 ~ .ds_x .slide1 .slideText1 {
    text-align: right;
    font-size: 7vw;
    font-size: 5vw;
    opacity: 0.6;
    opacity: 1;
}
.ds_5 ~ .ds_x .slide1 .slideText1 p {
    font-family: 'TrueNorthRoughDots-Black';
}
.ds_5 ~ .ds_x .slide1 .slideText1 p:nth-child(1),
.ds_5 ~ .ds_x .slide1 .slideText1 p:nth-child(2) {
    opacity: 0;
}
*/

.ds_5 ~ .ds_x .mobileDisplayBlock {
    display: none;
}


@media (max-width: 1023px) {
    .ds_5 ~ .ds_x .mobileDisplayBlock {
        display: block;
    }
    .ds_5 ~ .ds_x .slideText1 {
        font-size: 7vw;
    }
    .ds_5 ~ .ds_x .slideText1 p:nth-child(3) {
        text-align: center;
    }
    .ds_5 ~ .ds_x .slideText1 p:nth-child(4) span {
        font-size: 1.5vw;
    }
    .ds_5 ~ .ds_x .slide1 img {
        height: 76vh;
        width: auto;
    }
}


@media (max-width: 700px) {
    .ds_5 ~ .ds_x .mobileDisplayBlock {
        display: block;
    }
    /* alle Slider ENDE*/
    .ds_5 ~ .ds_x .slideText1 {
        font-size: 12vw;
    }
    .ds_5 ~ .ds_x .slideText1 p {
        color: #fefefe;
        text-align: left;
    }
    .ds_5 ~ .ds_x .slideText1 p:nth-child(3) {
        text-align: left;
        text-align: center;
    }
    
    .ds_5 ~ .ds_x .slideText1 p:nth-child(4) span{
        font-size: 3vw;
        text-align: center;
    }
    
    /*
    .ds_5 ~ .ds_x .slide1 img {
        height: 55vh;
        width: auto;
        margin-top: -16vh;
    }
    */
    
    /*
    footer {
        display: none;
    }
    */
    /* alle Slider ENDE*/
    /*
    .ds_5 ~ .ds_x .slide1 .slideText1 {
        font-size: 12vw;
    }
    .ds_5 ~ .ds_x .slide1 .slideText1 p {
        color: #fefefe;
        text-align: left;
    }
    .ds_5 ~ .ds_x .slide1 .slideText1 p:nth-child(3) {
        text-align: left;
        text-align: center;
    }
    */
}







/* SLIDER Rodeo Jahres Banner Slider 1 */



.ds_5 ~ .ds_x .slide1 .slideTexte {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ds_5 ~ .ds_x .slide1 .slideTexte > div .slideText1 span,
.ds_5 ~ .ds_x .slide1 .slideTexte > div .slideText2 span {
    font-family: 'TrueNorthRoughDots-Black';
}









@media (min-width: 1024px) {
    .ds_5 ~ .ds_x .slide1 .slideTexte > div {
    /*    background: #00800033;*/
        width: 100%;
        aspect-ratio: auto 768 / 211;
        height: auto;
        position: relative;
    }
    .ds_5 ~ .ds_x .slide1 .slideTexte > div .slideText1 {
    /*    background: #00800033;*/
        position: absolute;
        left: 34.4%;
        top: -6.7%;
        font-size: 8.2em;
        letter-spacing: -0.01em;
    }
    .ds_5 ~ .ds_x .slide1 .slideTexte > div .slideText2 {
    /*    background: #00800033;*/
        position: absolute;
        left: 6.8%;
        top: 77.1%;
        font-size: 5.1em;
    /*    letter-spacing: -0.015em;       09.+10.   */
        letter-spacing: 0.025em;     /*   14.+15.   */
    }
}



@media (min-width: 1900px) {
    .ds_5 ~ .ds_x .slide1 .slideTexte > div {
    /*    background: #00800033;*/
        width: 100%;
        aspect-ratio: auto 768 / 211;
        height: auto;
        position: relative;
    }
    .ds_5 ~ .ds_x .slide1 .slideTexte > div .slideText1 {
    /*    background: #00800033;*/
        position: absolute;
        right: 6.1%;
        top: 17.9%;
        font-size: 7.3em;
        letter-spacing: 0;
    }
    .ds_5 ~ .ds_x .slide1 .slideTexte > div .slideText2 {
    /*    background: #00800033;*/
        position: absolute;
        left: 6.5%;
        top: 61%;
        font-size: 3.21em;
    /*    letter-spacing: -0.04em;   09.+10.   */
        letter-spacing: 0em;    /*   14.+15.   */
    }
}

@media (max-width: 1023px) {
    .ds_5 ~ .ds_x .slide1 .slideTexte {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
/*        background: #ff00001f;*/
    }
    .ds_5 ~ .ds_x .slide1 .slideTexte > div {
    /*    background: #00800033;*/
        width: auto;
        aspect-ratio: auto 800 / 1507;
        height: 76vh;
        position: relative;
    }
    .ds_5 ~ .ds_x .slide1 .slideTexte > div .slideText1 {
    /*    background: #00800033;*/
        
        display: none;
        
        position: absolute;
        left: 34.4%;
        top: -6.7%;
        font-size: 8.2em;
        letter-spacing: -0.01em;
    }
    .ds_5 ~ .ds_x .slide1 .slideTexte > div .slideText2 {
    /*    background: #00800033;*/
        position: absolute;
        left: 6.8%;
        top: 53%;
        font-size: 2.8rem;
    /*    letter-spacing: ;       09.+10.   */
        letter-spacing: -0.15rem;     /*   14.+15.   */
    }
}


@media (max-width: 660px) {
    .ds_5 ~ .ds_x .slide1 .slideTexte > div {
        transform: scale(1.2);
    }
}
@media (max-width: 414px) {
    .ds_5 ~ .ds_x .slide1 .slideTexte > div .slideText2 {
        font-size: 7.5vw;
    }
}
@media (max-width: 375px) {
    .ds_5 ~ .ds_x .slide1 .slideTexte > div .slideText2 {
        font-size: 7.8vw;
    }
}
@media (max-width: 360px) {
    .ds_5 ~ .ds_x .slide1 .slideTexte > div .slideText2 {
        font-size: 8.8vw;
    }
}
@media (max-width: 320px) {
    .ds_5 ~ .ds_x .slide1 .slideTexte > div .slideText2 {
        font-size: 9vw;
    }
}






.menuWerbungAn {
    display: none;
}
.werbungAn .menuWerbungAn {
    display: block;
}
.werbungAn .menuWerbungAus {
    display: none;
}





.testImg {
    width: 0;
    height: 0;
    overflow: hidden;
}