@import "font.css";

    :root {
        --main-header-bg-color: #000033;
        --main-header-bg2-color: #faf7ff;
        --main-header-bg3-color: #e8e8ff;
        --main-header-bg-color-alpha: rgba(0, 0, 51, 0.7);
        --main-header-bg-color-alpha3: rgba(0, 0, 51, 0.2);
        --main-header-bg-color-alpha2: rgba(0, 0, 51, 0.9);
        --main-bg-color: #000033;
        --main-bg2-color: #0c0c36;
        --main-accent-color: #312459;
        --main-accent2-color: #002e61;
        --main-faq-bordercolor: #8685ef;
        --main-txt-color: #f3f6ff;
        --main-tags-color: #faf8ff;
        --main-txt-color-alpha: rgba(243, 246, 255, 0.7);
        --main-colorred: #d65cbe;
        --main-color-hotspot: #ad1ae9;
        --main-errorcolor-hotspot: #e91a58;
        --main-colorgreen: #5ad1a0;
        --main-border-color: #161637;
        --main-borderh-color: #f9f871;
        --main-highlight-color: #ffffb4;
        --main-pauschalangebot-color: #fffff8;
        --main-margin-top: 50px;
        --main-margincaoursel-top: 14px;
        --global-border-radius: 8px;
        --global-bordersmall-radius: 4px;
        --global-padding: 10px;
        --global-padding-big: 20px;
        --page-width: 1420px;
    }



    html,
    body {
        width: 100%;
        font-family: 'awfo', sans-serif;
        font-weight: 400;
        background-color: var(--main-header-bg-color);
        color: var(--main-txt-color);
        margin: 0px;
        padding: 0px;
    }


    .getcontactbottom {
        box-sizing: border-box;
        padding: 14px;
        font-size: 0.85em;
        font-weight: 600;
        border-radius: 12px;
        position: fixed;
        bottom: 40px;
        right: 40px;
        z-index: 9999;
        min-width: 250px;
        max-width: 350px;
        color: var(--main-txt-color);
        background-color: var(--main-errorcolor-hotspot);
    }

    .getcontactbottom svg {
        width: 30px;
        margin-right: 5px;
    }


    .tarifoption,
    .tarifoption2 {
        border-radius: 2px;
        font-size: 0.8em;
        font-weight: 600;
        padding: 1px 4px;
        background-color: var(--main-txt-color);
        color: #000033;
        display: inline-block;
    }

    .tarifoption2 {
        background-color: #ffadab;
    }

    .albuminfo {
        box-sizing: border-box;
        color: var(--main-tags-color);
        background-color: var(--main-accent-color);
        border-radius: var(--global-border-radius);
        padding: 12px;
    }

    .poslister2 {
        box-sizing: border-box;
        font-size: 0.95em;
        cursor: pointer;
        padding: 20px;
        background-color: var(--main-colorgreen);
        margin-bottom: 10px;
        border-radius: var(--global-border-radius);
        border: 2px solid var(--main-colorgreen);
    }

    .poslister2 a {
        color: var(--main-bg-color);
    }

    .poslister2:hover {
        border: 2px solid var(--main-borderh-color);
    }

    .poslist {
        margin: 0;
        padding: 0;
        font-size: 0.95em;
        vertical-align: middle;
    }

    .poslist svg {
        width: 22px;
        vertical-align: middle;
        display: inline-block;
    }


    .albumtags {
        box-sizing: border-box;
        padding: 2px 6px 2px 6px;
        border-radius: var(--global-border-radius);
        background-color: var(--main-color-hotspot);
        font-size: 0.7em;
        margin-right: 5px;
        display: inline;
    }



    .albumbuy {
        box-sizing: border-box;
        padding: 6px 12px 6px 12px;
        color: var(--main-bg-color);
        border-radius: var(--global-border-radius);
        background-color: var(--main-borderh-color);
        font-size: 0.85em;
        font-weight: 600;
        margin-right: 5px;
        display: inline;
    }

    .albumbuy:hover {
        color: var(--main-borderh-color) !important;
        background-color: var(--main-bg-color);
    }

    .nomarginpadding {
        padding: 0px;
        margin: 0px;
    }

    .topinfo2 {

        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.85em;
        text-align: center;
        margin: 0px;
        font-weight: 600;
        background-color: var(--main-color-hotspot);
        padding: 6px;
        box-sizing: border-box;
        gap: 5px;
    }

    .topinfo2 a {
        color: var(--main-txt-color);
    }

    .topinfo2 svg {
        width: 0.95em;
        margin: 0px;
        padding: 0px;
    }


    .topinfo {
        font-size: 0.85em;
        text-align: center;
        margin: 0px;
        background-color: var(--main-errorcolor-hotspot);
        padding: 6px;
        box-sizing: border-box;
    }

    .infoerror {
        width: 100%;
        box-sizing: border-box;
        width: 100%;
        font-size: 0.85em;
        padding: 10px;
        border-radius: 10px;
        margin-bottom: 20px;
        font-weight: 500;
        text-align: center;
        color: var(--main-bg-color);
        background-color: var(--main-colorgreen);
    }

    .affiainf {
        margin-top: 16px;
        font-size: 0.85em;
        width: 100%;
        padding: 14px;
        box-sizing: border-box;
        background-color: var(--main-header-bg3-color);
        border-radius: 10px;
    }

    .chart-container {
        position: relative;
        height: 300px;
        width: 100%;
    }

    .musictablecampaign {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--main-header-bg3-color);
        padding-bottom: 5px;
        padding-top: 5px;
    }


    .campaigns {
        background-color: var(--main-accent-color);
        padding: 16px;
        border-radius: 12px;
        box-sizing: border-box;
        margin-top: 10px;
    }

    .campaigns p {
        padding: 0px;
        margin: 0px;
    }

    .musictable {
        padding: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid var(--main-header-bg3-color);
    }

    .musictable:nth-of-type(1) {
        border-top: 1px solid var(--main-header-bg3-color);
        margin-top: 40px;
    }

    .musictable div:nth-of-type(1) {
        border-right: 1px solid var(--main-header-bg3-color);
        margin-right: 20px;
    }

    .favimg {
        cursor: pointer;
        position: absolute;
        right: 10px;
        padding: 0px;
        top: 10px;
        width: 35px;
        height: 35px;
        box-sizing: border-box;
        border-radius: 50px;
        border: 3px solid var(--main-accent-color);
        background-color: var(--main-accent-color);
    }

    .favimg:hover {
        border: 3px solid var(--main-borderh-color);
    }

    .favimg svg {
        margin: 6px;
        padding: 0px;
    }

    .inhaltnews {
        color: var(--main-bg-color);
    }
    .inhaltnews a {
        color: var(--main-bg-color);
        border-bottom: 1px solid var(--main-bg-color);
    }

    .eventimportant {
        margin-bottom: 20px;
        box-sizing: border-box;
        padding: 10px;
        font-size: 0.8em;
        font-weight: 500;
        line-height: 1.1em;
        border-radius: var(--global-border-radius);
        background-color: var(--main-errorcolor-hotspot);
    }

    .inhaltnews a:hover {
        color: var(--main-bg-color);
    }

    .infoerror a {
        color: var(--main-bg-color);
        border-bottom: 2px solid var(--main-bg-color);
    }

    .trhover tr:hover {
        background-color: var(--main-pauschalangebot-color);
    }

    .eprivacy {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100vw;
        height: 100vh;
        background-color: var(--main-header-bg-color-alpha2);
        z-index: 99999;
    }

    .eprivacy_inner {
        box-sizing: border-box;
        margin: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }

    .eprivacy_content p {
        margin: 0px;
        padding: 0px;
        margin-bottom: 15px;
    }

    .eprivacy_content h3 {
        margin: 0px;
        padding: 0px;
        margin-bottom: 8px;
    }

    .desch {
        display: none;
    }

    .eprivacy_content {
        font-size: 0.9em;
        text-align: center;
        padding: 16px;
        max-width: 550px;
        background-color: var(--main-txt-color);
        color: var(--main-header-bg-color);
    }

    .eprivacy_content a {
        font-size: 0.8em;
        color: var(--main-header-bg-color);
    }

    table {
        width: 100%;
    }



    .markborder {
        border-bottom: 2px solid var(--main-borderh-color);
    }

    a {
        text-decoration: none;
        color: var(--main-txt-color);
    }


    .searchgrid {
        display: none;
        width: 100%;
        background-color: #001548;
        box-sizing: border-box;
        padding: 10px;
        margin-bottom: 50px;
    }

    .appmachen {
        padding-bottom: 1px;
        border-bottom: 1px solid var(--main-tags-color);
    }

    .appmachen svg {
        width: 12px;
        margin-left: 5px;
        vertical-align: middle;
    }

    .svgrot svg {
        transform: rotate(-16deg);
    }

    .mobilemenu {
        display: none;
        padding: 20px;
        box-sizing: border-box;
    }

    .appmachen:hover {
        border-bottom: 1px solid var(--main-borderh-color);
        color: var(--main-borderh-color);
    }

    .trender {
        position: absolute;
        left: 30px;
        top: 5px;
        background-color: var(--main-errorcolor-hotspot);
        color: var(--main-header-bg2-color);
        text-transform: uppercase;
        border-radius: 6px;
        padding: 2px 8px;
        font-size: 0.72em;
        font-weight: 600;

        border: 1px solid transparent;
        /* Grundzustand */
        animation: border-blink 1.5s ease-in-out infinite;
    }


    @keyframes border-blink {
        0% {
            border-color: transparent;
        }

        50% {
            border-color: white;
            /* weißer Rand sichtbar */
        }

        100% {
            border-color: transparent;
        }
    }

    .closereel {
        width: 100%;
        text-align: right;
        font-size: 0.75em;
        padding: 5px;
        cursor: pointer;
    }

    .fullhw {
        background-color: red;
        padding: 20px;
        box-sizing: border-box;
        height: 100vh;
    }

    .disalowdata {
        font-size: 0.75em;
    }


    .mugsclick {
        cursor: pointer;
    }

    .goback {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .videoemb div {
        border-radius: 14px !important;
    }

    .goback a {
        color: var(--main-header-bg-color);
        display: flex;
        align-items: center;
        justify-content: start;
        font-weight: 600;
    }

    .goback svg {
        color: var(--main-header-bg-color);
        height: 20px;
        width: 20px;
        margin-right: 5px;
    }

    .gobackwhite a {
        color: var(--main-txt-color);
    }

    .gobackwhite svg {
        color: var(--main-txt-color);
        height: 20px;
        width: 20px;
        margin-right: 5px;
    }

    .filetodownload {
        margin-bottom: 10px;
        cursor: pointer;
        font-size: 0.95em;
        display: inline;
        font-weight: 600;
        padding: 6px 10px 6px 10px;
        background-color: var(--main-accent2-color);
        border-radius: var(--global-border-radius);
        border: 3px solid transparent;
    }

    .filetodownload:hover {
        border: 3px solid var(--main-borderh-color);
    }

    .filetodownload svg {
        color: var(--main-txt-color);
        height: 18px;
        width: 18px;
        margin-right: 5px;
    }

    .portaltab {
        cursor: pointer;
        margin-top: 10px;
    }

    .showtabsl {
        display: none;
    }

    .showseitencontainer {
        margin-bottom: 25px;
        background-color: var(--main-txt-color);
        padding: 20px;
        color: var(--main-bg-color);
        border-radius: var(--global-border-radius);
    }

    .underline {
        border-bottom: 1px solid transparent;
    }

    .underline:hover {
        border-bottom: 1px solid var(--main-txt-color);
    }

    .underline svg {
        color: var(--main-txt-color);
        height: 14px;
        width: 14px;
        margin-right: 5px;
    }


    .buttonbulb {
        border-radius: 4px;
        display: inline-block;
        background-color: var(--main-accent2-color);
        font-size: 0.85em;
        padding: 2px 8px 2px 8px;
    }

    .centertext .lazytext {
        margin-left: auto;
        margin-right: auto;
    }

    .flexyh1 {
        font-size: 2em;
    }

    .margintop4 {
        margin-top: 4px;
    }

    .margintop8 {
        margin-top: 8px;
    }

    .margintop40 {
        margin-top: 40px;
    }

    .margintop {
        margin-top: 20px;
    }

    .marginbottom {
        margin-bottom: 20px;
    }


    .margintop16 {
        margin-top: 16px;
    }

    .headerimg {
        background-color: var(--main-bg-color);
        max-width: 100%;
        background-position: right bottom;
        background-size: 40%;
        position: relative;
        background-repeat: no-repeat;
    }

    .headerimg::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(140deg, rgba(5, 15, 45, 1) 60%, rgba(5, 15, 45, 0.4) 91%);
    }

    .headerimg_inner {
        position: relative;
        max-width: var(--page-width);
        color: var(--main-txt-color);
        margin: 0 auto;
        padding: var(--global-padding);
        box-sizing: border-box;
        width: 100%;
        margin: 0 auto;
        padding: 20px;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .newscaption {
        display: none;
        position: absolute;
        right: 10px;
        bottom: 10px;
        background-color: rgba(0, 0, 0, 0.6);
        color: var(--main-header-bg2-color);
        font-size: 0.75em;
        border-radius: 16px;
        padding: 2px 8px;
    }

    .tabcontent {
        box-sizing: border-box;
    }

    .widgeta {
        display: none;
        box-sizing: border-box;
        text-align: center;
        margin-bottom: 15px;
    }

    .widgetas {
        font-size: 12px;
        margin-bottom: 5px;
        text-align: center;
    }

    .widget {
        box-sizing: border-box;
        padding: 20px;
        background-color: var(--main-accent2-color);
    }

    #musiksuche {
        margin-top: 20px;
    }

    .widgetwhite {
        box-sizing: border-box;
        padding: 20px;
        background-color: var(--main-txt-color);
        color: var(--main-bg-color);
    }

    .lazytext {
        background-color: var(--main-txt-color);
        padding: 8px;
        border-radius: 14px;
        width: 40%;
        margin: 10px;
    }

    .lazy {
        background-color: var(--main-accent2-color);
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        padding: 0px;
        margin: 0px;
    }

    .epricavy {
        border-collapse: collapse;
    }

    .epricavy td {
        padding: 0px;
        margin: 0px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .epricavy tr {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .epricavy a {
        color: var(--main-accent2-color);
        text-decoration: underline;
    }


    .gontable {
        box-sizing: border-box;
        width: 100%;
        border-collapse: collapse;
        vertical-align: middle;
        font-size: 0.95em;
        margin-top: 5px;
    }

    .gontable td {
        margin: 0px;
        padding: 10px;
        box-sizing: border-box;
    }

    .gontable tr {
        border-bottom: 1px solid var(--main-header-bg2-color);
    }

    .gontable svg {
        width: 25px;
    }

    .infoc {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        box-sizing: border-box;
        line-height: 1.3em;
        padding: 14px;
        font-size: 0.85em;
        background-color: var(--main-bg2-color);
        margin-bottom: 15px;
    }

    .infoc a {
        border-bottom: 1px solid var(--main-txt-color);
    }

    .infoc svg {
        width: 35px;
        margin-right: 10px;
    }

    .faktentable,
    .faktentable2 {
        width: 100%;
        border-collapse: collapse;
        vertical-align: middle;
        font-size: 0.95em;
        margin-top: 5px;
    }


    .faktentable strong svg,
    .faktentable2 strong svg {
        width: 14px;
        height: 14px;
        margin-left: 5px;
    }

    .faktentable svg,
    .faktentable2 svg {
        width: 25px;
        height: 25px;
    }

    .faktentable td,
    .faktentable2 td {
        padding: 10px;
    }

    .faktentable tr {
        border-bottom: 1px solid var(--main-txt-color);
    }

    .mainangebot table {
        width: 100%;
        border-collapse: collapse;
        vertical-align: middle;
        font-size: 0.95em;
        margin-top: 5px;
        color: var(--main-txt-color);
    }

    .mainangebot td {
        padding: 8px;
    }

    .mainangebot td:nth-child(2) {
        text-align: right;
    }

    .mainangebot tr {
        border-bottom: 1px solid var(--main-txt-color);
    }

    .alphatable {
        border-collapse: collapse;
        font-size: 0.9em;
    }

    .alphatable td {
        text-align: center;
        width: 16%;
        padding-bottom: 8px;
    }

    .searchfull {
        text-align: center;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        padding: 5px;
        width: 100%;
        font-size: 0.8em;
        font-weight: 500;
        color: var(--main-bg-color);
        background-color: var(--main-tags-color);
        border-radius: var(--global-border-radius);
    }

    .searchalpha {
        box-sizing: border-box;
        cursor: pointer;
        padding: 5px;
        max-width: 25px;
        color: var(--main-bg-color);
        background-color: var(--main-tags-color);
        border-radius: var(--global-border-radius);
        font-weight: 600;
    }

    .searchalpha:hover,
    .searchfull:hover {
        background-color: var(--main-borderh-color);
    }

    .imageCover {
        box-sizing: border-box;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
    }


    .bullet {
        display: inline-block;
        background-color: var(--main-txt-color);
        color: var(--main-header-bg-color);
        padding: 2px 10px 2px 10px;
        border-radius: 60px;
        font-size: 0.75em;
        font-weight: 600;
    }



    .textareawhite {
        font-family: 'awfo', sans-serif;
        font-weight: 400;
        width: 100%;
        box-sizing: border-box;
        outline: none;
        border-radius: 8px;
        padding: 10px;
        border: 2px solid var(--main-bg-color);
        background-color: var(--main-txt-color);
        color: var(--main-bg-color);
        font-size: 0.85em;
        min-height: 150px;
        resize: none;
    }

    .textareawhite:focus {
        outline: none;
        border: 2px solid var(--main-accent2-color);
    }

    input {
        font-weight: 400;
        width: 100%;
        box-sizing: border-box;
        outline: none;
        border-radius: 8px;
        padding: 14px;
        border: 2px solid var(--main-accent-color);
        background-color: var(--main-accent-color);
        color: var(--main-txt-color);
        font-size: 1em;
    }

    input:focus {
        outline: none;
        border: 2px solid var(--main-borderh-color);
    }

    input::placeholder {
        font-weight: 200;
        font-size: 1em;
        opacity: 0.5;
        color: var(--main-txt-color);
    }


    .inputwhite {
        font-weight: 400;
        width: 100%;
        box-sizing: border-box;
        outline: none;
        border-radius: 8px;
        padding: 10px;
        border: 2px solid var(--main-bg-color);
        background-color: var(--main-txt-color);
        color: var(--main-bg-color);
        font-size: 0.85em;
    }

    .selectme {
        font-weight: 400;
        width: 100%;
        box-sizing: border-box;
        outline: none;
        border-radius: 8px;
        padding: 10px;
        border: 2px solid var(--main-bg-color);
        background-color: var(--main-txt-color);
        color: var(--main-bg-color);
        font-size: 0.85em;
    }


    .inputwhite[readonly] {
        opacity: 0.8;
    }

    .inputwhite::placeholder {
        font-weight: 200;
        font-size: 1em;
        opacity: 0.8;
        color: var(--main-bg-color);
    }

    .inputwhite:focus {
        outline: none;
        border: 2px solid var(--main-accent2-color);
    }

    .errorborder {
        border: 2px solid var(--main-errorcolor-hotspot) !important;
    }

    .successfull {
        background-color: var(--main-colorgreen);
        color: var(--main-bg-color);
        padding: 10px;
        border-radius: 5px;
        margin-bottom: 25px;
        margin-top: 25px;
        display: none;
    }

    .globalsuche {
        font-weight: 600;
        box-sizing: border-box;
        outline: none;
        border-radius: 0px;
        padding: 8px;
        border: none;
        width: 100%;
        border-bottom: 2px solid transparent;
        background-color: transparent;
        color: var(--main-txt-color);
        border-bottom: 2px solid var(--main-tags-color);
        font-size: 1.4em;
    }

    .searchspinner2 {
        display: inline;
        margin-top: 10px;
    }

    .searchresults2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .searchresults2 h4 {
        margin-bottom: 10px;
        display: inline-block;
        font-weight: 500;
        background-color: var(--main-tags-color);
        color: var(--main-bg-color);
        border-radius: var(--global-bordersmall-radius);
        padding: 2px 10px 2px 10px;
        font-size: 0.75em;

    }

    .searchresults2 h4::before {
        content: 'Suche in "';
    }

    .searchresults2 h4::after {
        content: '"';
    }

    .searchspinner2 svg {
        width: 18px;
        height: 18px;
        margin-right: 4px;
    }

    .searchspinner {
        display: none;
    }

    .closespinner {
        cursor: pointer;
    }

    .globalsuche:focus {
        outline: none;
        border: none;
        border-bottom: 2px solid var(--main-borderh-color);
    }

    .globalsuche::placeholder {
        font-weight: 600;
        font-size: 1em;
        opacity: 0.7;
        color: var(--main-tags-color);
    }

    .sendungsuchen {
        font-weight: 400;
        box-sizing: border-box;
        outline: none;
        border-radius: 4px;
        padding: 8px;
        border: 2px solid var(--main-accent-color);
        background-color: var(--main-accent-color);
        color: var(--main-txt-color);
        font-size: 0.8em;
        max-width: 250px;
    }

    .searchfullsite {
        font-weight: 400;
        width: 100%;
        box-sizing: border-box;
        outline: none;
        border-radius: 8px;
        padding: 6px;
        border: 2px solid var(--main-accent-color);
        background-color: var(--main-accent-color);
        color: var(--main-txt-color);
        font-size: 0.8em;
        max-width: 100px;
    }

    .awvideoshow {
        display: none;
    }

    .cursorPointer {
        cursor: pointer;
    }

    .ottplayers {
        display: none;
        opacity: 0;
    }

    .waitload2 {
        background-color: var(--main-border-color);
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    .waitload2 svg {
        margin-left: auto;
        margin-right: auto;
    }

    .waitload {
        background-color: var(--main-border-color);
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    .waitload svg {
        margin-left: auto;
        margin-right: auto;
    }

    .accord svg {
        -moz-transition: transform 0.5s;
        -webkit-transition: transform 0.5s;
        transition: transform 0.5s;
    }

    .socimedi svg {
        margin-top: 14px;
        margin-right: 5px;
        width: 30px;
        height: 30px;
        color: var(--main-txt-color);
    }

    .fullwidth {
        width: 100%;
        box-sizing: border-box;
        background: linear-gradient(to bottom, #002e61 0%, #000033 100%);
    }

    .fullwidtprint {
        width: 100%;
        box-sizing: border-box;
        background: linear-gradient(to bottom, #002e61 0%, #000033 40%);
    }

    .footerparent {
        margin-top: 30px;
        padding-top: 50px;
        padding-bottom: 50px;
        width: 100%;
        box-sizing: border-box;
        background: #000027;
        color: var(--main-txt-color)
    }

    .footercontainer {
        display: grid;
        gap: 14px;
        grid-template-columns: 2fr 1fr 1fr 1fr;
    }

    .accordinside {
        background-color: var(--main-txt-color);
        color: var(--main-bg-color);
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 0.9em;
    }

    .accordinside a {
        color: var(--main-bg-color);
        border-bottom: 1px solid var(--main-bg-color);
    }

    .accordinside p {
        margin: 0px;
        padding: 0px;
    }

    .accord {
        padding: 16px;
        background-color: var(--main-txt-color);
        color: var(--main-bg-color);
    }

    .accord svg {
        width: 25px;
        height: 25px;
        color: var(--main-bg-color);
    }


    .tab,
    .tab2,
    .tabwh {
        cursor: pointer;
        display: inline-block;
        padding-bottom: 3px;
        border-bottom: 2px solid transparent;
    }

    .tab:hover,
    .tab2:hover {
        border-bottom: 2px solid var(--main-borderh-color);
    }

    .tabacctive {
        border-bottom: 2px solid var(--main-txt-color) !important;
    }

    .tabwhacctive {
        border-bottom: 2px solid var(--main-bg2-color) !important;
    }

    .tabwh:hover {
        border-bottom: 2px solid var(--main-faq-bordercolor);
    }

    .title {
        display: inline-block;
        padding-bottom: 3px;
        border-bottom: 2px solid var(--main-txt-color);
    }

    .infopart {
        font-size: 0.9em;
    }

    .infopartbig {
        font-weight: 600;
        font-size: 1.2em;
    }

    .centertext {
        text-align: center;
    }


    .mainbghover {
        padding: 10px;
    }

    .mainbghover:hover {
        background-color: var(--main-border-color);
    }

    .mainborderhoverwhite {
        text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
        border: 4px solid var(--main-txt-color);
    }

    .mainborderhoverwhite:hover {
        border: 4px solid var(--main-faq-bordercolor);
    }



    .mainborderhover2 {
        text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
        border: 4px solid var(--main-accent2-color);
    }


    .showhowlong {
        box-sizing: border-box;
        margin-top: 10px;
        padding: 2px;
        box-sizing: border-box;
        border-radius: 5px;
        background-color: var(--main-bg-color);
    }

    .showcurrent {
        box-sizing: border-box;
        padding: 2px;
        background-color: var(--main-colorgreen);
        border-radius: 5px;
    }

    .coter {
        box-sizing: border-box;
        padding: 12px;
        color: var(--main-bg-color);
        background-color: var(--main-colorgreen);
        border-radius: 5px;
        font-size: 0.95em;
    }

    .mainborderhovertransparent {
        text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
        border: 4px solid transparent;
    }

    .mainborderhovertransparent:hover {
        border: 4px solid var(--main-borderh-color);
    }


    .mainborderhover {
        text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
        border: 4px solid var(--main-header-bg-color);
    }

    .mainborderhover:hover,
    .mainborderhover2:hover {
        border: 4px solid var(--main-borderh-color);
    }

    .onairborder {
        border: 4px solid var(--main-colorgreen);
    }




    .titledark {
        display: inline-block;
        padding-bottom: 3px;
        border-bottom: 2px solid var(--main-header-bg-color);
    }

    .epggradient {
        background: linear-gradient(to right, rgba(0, 0, 60, 1) 50%, rgba(0, 0, 51, 0.85) 90%);
    }

    .maingradient {
        background: linear-gradient(to bottom, rgba(0, 0, 51, 0) 0%, rgba(0, 0, 51, 0.85) 90%);
    }

    .maingradientfull {
        background: linear-gradient(to bottom, rgba(0, 0, 51, 0) 0%, rgba(0, 0, 51, 1) 80%);
    }

    .gradientop {
        background: linear-gradient(to bottom, rgba(0, 0, 51, 1) 0%, rgba(0, 0, 51, 0));
    }

    .mobile {
        display: none;
    }

    .desktop {
        display: none;
    }

    .padding {
        padding: var(--global-padding);
    }

    .paddingbig {
        padding: var(--global-padding-big);
    }

    .borderradius {
        border-radius: var(--global-border-radius);
    }

    .aspect166 {
        aspect-ratio: 16/6;
    }

    .verticalitemreel {
        aspect-ratio: 9/14;
        background-color: var(--main-accent2-color);
    }

    .aspect1614 {
        width: 100%;
        aspect-ratio: 16/12;
        box-sizing: border-box;
    }

    .aspect1611 {
        width: 100%;
        aspect-ratio: 16/10;
        box-sizing: border-box;
    }

    .aspect11 {
        aspect-ratio: 1/1;
    }


    .aspect169 {
        aspect-ratio: 16/9;
    }

    .marginright {
        margin-right: 12px;
    }

    .shareinfo svg {
        height: 20px;
        margin-right: 12px;
    }

    .showinfo svg {
        height: 25px;
        margin-right: 12px;
    }

    .showinfo span {
        font-size: 0.9em;
        line-height: 1.1em;
    }

    .marginleft {
        margin-left: 12px;
    }

    section {
        padding: var(--global-padding);
        box-sizing: border-box;
        width: 100%;
        max-width: var(--page-width);
        margin: 0 auto;
        padding: 20px;
        margin-bottom: 20px;
    }

    .nopadding {
        padding: 0px;
    }

    .horilink {
        cursor: pointer;
        display: flex;
        box-sizing: border-box;
        padding: 10px;
        text-align: left;
        align-items: center;
        justify-content: start;
        width: 100%;
        font-size: 0.9em;
        font-weight: 600;
        border-radius: var(--global-bordersmall-radius);
        margin-bottom: 5px;
    }

    .horilink svg {
        width: 16px;
        margin-right: 8px;
    }

    .buttoninline {
        cursor: pointer;
        background-color: var(--main-borderh-color);
        color: var(--main-bg-color);
        display: inline-block;
        box-sizing: border-box;
        border: none;
        padding: 10px;
        text-align: center;
        font-size: 0.8em;
        font-weight: 600;
        border-radius: var(--global-bordersmall-radius);
        margin-bottom: 5px;
    }

    .chooseeprivacy {
        display: none;
        background-color: var(--main-header-bg3-color);
        margin-top: 20px;
        text-align: left;
        box-sizing: border-box;
        padding: 20px;
        margin-bottom: 20px;
        line-height: 1.1em;
        font-size: 0.95em;
    }

    .chooseeprivacylist {
        margin-top: 15px;
        margin-bottom: 15px;
        max-height: 500px;
        overflow: hidden;
        overflow-y: auto;
    }

    .chooseeprivacy p,
    .chooseeprivacy h4 {
        margin: 0px;
        padding: 0px;
    }

    .eprivacyone {
        cursor: pointer;
        background-color: var(--main-header-bg3-color);
        color: var(--main-bg-color);
        box-sizing: border-box;
        border: none;
        padding: 10px;
        text-align: center;
        font-size: 0.9em;
        font-weight: 600;
        border-radius: var(--global-bordersmall-radius);
        margin-bottom: 5px;
    }

    .eprivacyonesel {
        background-color: var(--main-accent-color);
        color: var(--main-txt-color);
    }

    .eprivacyone:hover {
        background-color: var(--main-borderh-color);
        color: var(--main-bg-color);
    }

    .buttoninline.disabled {
        pointer-events: none;
        cursor: wait;
        opacity: 0.6;
    }

    .remover svg {
        width: 16px;
        height: 16px;
    }

    .asvg {
        width: 20px;
        height: 20px;
    }

    .buttoninlineforwhempty {
        cursor: pointer;
        color: var(--main-accent-color);
        display: inline-block;
        box-sizing: border-box;
        border: none;
        padding: 10px;
        text-align: center;
        font-size: 0.8em;
        font-weight: 600;
        border-radius: var(--global-bordersmall-radius);
        margin-bottom: 5px;
    }

    .buttoninlinewh {
        cursor: pointer;
        color: var(--main-accent-color);
        background-color: var(--main-txt-color);
        display: inline-block;
        box-sizing: border-box;
        border: none;
        padding: 10px;
        text-align: center;
        border: 2px solid transparent;
        font-size: 0.8em;
        font-weight: 600;
        border-radius: var(--global-bordersmall-radius);
        margin-bottom: 5px;
    }

    .buttoninlinewh:hover {
        cursor: pointer;
        background-color: var(--main-accent-color);
        color: var(--main-txt-color);
        display: inline-block;
        box-sizing: border-box;
        border: 2px solid var(--main-borderh-color);
        padding: 10px;
        text-align: center;
        font-size: 0.8em;
        font-weight: 600;
        border-radius: var(--global-bordersmall-radius);
        margin-bottom: 5px;
    }

    .buttoninlineforwh {
        cursor: pointer;
        background-color: var(--main-accent-color);
        color: var(--main-txt-color);
        display: inline-block;
        box-sizing: border-box;
        border: none;
        padding: 10px;
        text-align: center;
        font-size: 0.8em;
        font-weight: 600;
        border-radius: var(--global-bordersmall-radius);
        margin-bottom: 5px;
    }

    .buttoninline svg {
        width: 20px;
        height: 20px;
    }

    .showtagparent {
        display: inline-block;
    }

    .showmargin {
        margin-bottom: 20px;
    }

    .showtag {
        display: flex;
        box-sizing: border-box;
        background-color: var(--main-txt-color);
        color: var(--main-header-bg-color);
        padding: 2px 6px 2px 6px;
        text-align: left;
        align-items: center;
        justify-content: start;
        font-weight: 600;
        margin-right: 5px;
        font-size: 0.75em;
        border-radius: var(--global-bordersmall-radius);
    }

    .showtag svg {
        width: 16px;
        margin-right: 4px;
    }

    .eventtaginfo {
        background-color: var(--main-txt-color);
        color: var(--main-bg-color);
        font-size: 0.8em;
        padding: 1px 6px 1px 6px;
        margin-right: 8px;
        border-radius: 5px;
        text-align: center;
        width: 40px;
    }

    .button {
        cursor: pointer;
        background-color: var(--main-borderh-color);
        color: var(--main-bg-color);
        display: flex;
        box-sizing: border-box;
        padding: 10px;
        text-align: left;
        align-items: center;
        justify-content: start;
        width: 100%;
        font-size: 0.8em;
        font-weight: 600;
        border-radius: var(--global-bordersmall-radius);
        margin-bottom: 5px;
    }

    .button svg {
        width: 16px;
        margin-right: 8px;
    }

    .eventteail {
        width: 100%;
        font-size: 0.95em;
    }

    .eventteail svg {
        width: 20px;
        margin-right: 8px;
    }

    .buttoninlineforwh:hover,
    .button:hover,
    .button2:hover,
    .buttoninline:hover,
    .buttoninlineforwhempty:hover {
        background-color: var(--main-colorgreen);
        color: var(--main-bg-color);
    }

    .progresser {
        margin: 5px;
        box-sizing: border-box;
        width: calc(100% - 10px);
        border-radius: 14px;
        border: 2px solid var(--main-header-bg2-color);
    }

    .progresser_inner {
        display: flex;
        box-sizing: border-box;
        height: 34px;
        font-size: 0.75em;
        align-items: center;
        justify-content: end;
        padding-right: 10px;
        color: var(--main-bg-color);
        border-radius: 12px;
        background-color: var(--main-colorred);
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }

    .ticketingitem {
        display: none;
        background-color: var(--main-border-color);
        box-sizing: border-box;
        padding: 8px 12px 8px 12px;
        font-size: 0.95em;
        border-radius: 4px;
        margin-top: 8px;
    }

    .errorform {
        margin-top: 10px;
        color: var(--main-errorcolor-hotspot);
    }

    .ticketing svg {
        display: inline-block;
        width: 10px;
        height: 10px;
        vertical-align: top;
        margin-right: 5px;
    }

    .ticketing {
        margin-top: 6px;
        cursor: pointer;
        width: 100%;
        box-sizing: border-box;
        padding: 8px 12px 8px 12px;
        font-size: 0.9em;
        font-weight: 600;
        color: var(--main-text-color);
        background-color: var(--main-border-color);
        border-radius: 4px;
        border: 1px solid var(--main-txt-color);
        background-color: var(--main-accent2-color);
    }

    .ticketing:hover {
        background-color: var(--main-borderh-color);
        color: var(--main-bg-color);
    }

    .playyt {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .playyt svg {
        height: 50px;
        width: 50px;
    }

    .asarchivea {
        cursor: pointer;
    }

    .subvideo {
        cursor: pointer;
    }

    .subimage {
        cursor: pointer;
    }

    .asbulb {
        display: inline-block;
        font-size: 0.7em;
        font-weight: 500;
    }

    .gobacknavitem {
        cursor: pointer;
        box-sizing: border-box;
        height: 100%;
        width: 100%;
        display: flex;
        line-height: 1.3em;
        align-items: center;
        justify-content: center;
        margin: 0px;
        margin-right: 30px;
    }

    .showtaber {
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 0px;
    }

    .gobacknavitem svg {
        height: 35px;
        width: 35px;
    }

    .gobacknavitem:hover svg {
        color: var(--main-borderh-color);
    }

    .strechfullcenterleft {
        box-sizing: border-box;
        height: 100%;
        width: 100%;
        padding: 14px;
        display: flex;
        line-height: 1.1em;
        align-items: end;
        justify-content: start;
    }

    .strechfullcenter {
        box-sizing: border-box;
        height: 100%;
        width: 100%;
        padding: 14px;
        display: flex;
        line-height: 1.3em;
        align-items: end;
        justify-content: center;
    }

    .strechfull {
        box-sizing: border-box;
        padding: 14px;
        height: 100%;
        width: 100%;
        display: flex;
        line-height: 1.3em;
        align-items: end;

    }

    .youtubeprivacy {
        background-color: var(--main-header-bg-color-alpha2);
        display: flex;
        color: var(--main-txt-color);
        align-items: center;
        box-sizing: border-box;
        text-align: center;
        padding: 40px;
    }


    .anliegen {
        display: flex;
        cursor: pointer;
        background-color: var(--main-txt-color);
        color: var(--main-bg-color);
        padding: 12px;
        font-size: 0.9em;
        box-sizing: border-box;
        border: 3px solid var(--main-txt-color);
        justify-content: flex-start;
        align-items: center;
    }

    .anliegen:hover {
        border: 3px solid var(--main-color-hotspot);
    }

    .anliegen svg {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .inlinesvg {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    .fullwidthsecion {
        width: 100%;
        display: flex;
        gap: 20px;
        box-sizing: border-box;
        align-items: center;
        justify-content: center;
    }

    .flexyvortl {
        margin-bottom: 15px;
        box-sizing: border-box;
        display: flex;
        gap: 16px;
        justify-content: flex-start;
        align-items: center;
        background-color: var(--main-txt-color);
        color: var(--main-bg-color);
        font-size: 0.95em;
        line-height: 1.4em;
    }

    .flexyvortl img {
        margin-left: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        width: 100px;
        aspect-ratio: 16 / 9;
    }

    .flexyvortl_cont {
        margin-right: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .flexyspacearoundgap {
        box-sizing: border-box;
        display: flex;
        gap: 10px;
        justify-content: space-around;
        align-items: center;
    }

    .flexyspacearound {
        box-sizing: border-box;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .flexyspacearoundcenter {
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .flexyspacebetween2 {
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .flexyspacebetween {
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .flexystrecht2 {
        box-sizing: border-box;
        display: flex;
        gap: 16px;
        justify-content: stretch;
        align-items: start;
    }

    .flexystrecht3 {
        box-sizing: border-box;
        display: flex;
        gap: 5px;
        justify-content: stretch;
        align-items: center;
    }

    .rowsep {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .prolist {
        position: relative;
        cursor: pointer;
        background-color: var(--main-txt-color);
        padding: 16px;
        gap: 10px;
        line-height: 1.2em;
        margin-top: 10px;
        border: 4px solid var(--main-txt-color);
        font-size: 0.95em;
        color: var(--main-bg-color);
    }

    .prolist:hover {
        border: 4px solid var(--main-borderh-color);
    }

    .prolist_active {
        border: 4px solid var(--main-errorcolor-hotspot) !important;
    }


    .chooser {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .chooser svg {
        display: none;
        width: 25px;
    }

    .checklist {
        box-sizing: border-box;
        display: flex;
        justify-content: start;
        align-items: center;
        position: relative;
        background-color: var(--main-txt-color);
        padding: 16px;
        padding-left: 45px;
        gap: 10px;
        line-height: 1.2em;
        margin-top: 10px;
        font-size: 0.95em;
        color: var(--main-bg-color);
    }

    .checklist p {
        margin: 0px;
        padding: 0px;
    }

    .checklist .bulbgreen,
    .prolist .bulbgreen {
        display: inline;
        font-size: 0.85em;
        padding: 2px 10px 2px 10px;
        background-color: var(--main-colorgreen);
        border-radius: 10px;
    }

    .prolist .bulbtrans {
        display: inline;
        font-size: 0.75em;
    }


    .prolist .bulbred {
        display: inline;
        font-size: 0.75em;
        padding: 2px 10px 2px 10px;
        background-color: var(--main-colorred);
        border-radius: 10px;
    }

    .checklist .bulb {
        display: inline;
        font-size: 0.85em;
        padding: 2px 10px 2px 10px;
        background-color: var(--main-header-bg-color-alpha3);
        border-radius: 10px;
    }

    .checklist a {
        color: var(--main-bg-color);
        border-bottom: 1px solid var(--main-bg-color);
        font-size: 0.85em;
    }

    .checkbo {
        position: absolute;
        cursor: pointer;
        width: 24px;
        height: 24px;
        left: 12px;
        border-radius: 5px;
        background-color: var(--main-faq-bordercolor);
        color: var(--main-faq-bordercolor);
        transition: transform 0.5s ease;
    }

    .checkbo:hover {

        background-color: var(--main-accent-color);
        color: var(--main-accent-color);
    }

    .checkbo_active {
        background-color: var(--main-txt-color) !important;
        color: var(--main-bg-color) !important;
    }

    .flexystrecht {
        box-sizing: border-box;
        display: flex;
        gap: 16px;
        justify-content: stretch;
        align-items: center;
    }

    .formholder {
        display: none;
        background-color: var(--main-txt-color);
        padding: 15px;
        color: var(--main-bg-color);
    }

    .anliegelist {
        box-sizing: border-box;
        display: flex;
        justify-content: start;
        align-items: center;
        padding: 12px;
    }

    .fleyeventlist {
        box-sizing: border-box;
        display: flex;
        justify-content: start;
        align-items: center;
        padding: 10px;
    }

    .fleyeventlist:hover {
        background-color: var(--main-border-color);
    }

    .productlist {
        box-sizing: border-box;
        padding: 10px;
    }

    .productlist:hover {
        background-color: var(--main-border-color);
    }

    .flexystartaligntop {
        box-sizing: border-box;
        display: flex;
        justify-content: start;
        align-items: flex-start;
    }

    .flexystart {
        box-sizing: border-box;
        display: flex;
        justify-content: start;
        align-items: center;
    }

    .epgflexy {
        box-sizing: border-box;
        display: flex;
        gap: 12px;
        justify-content: space-between;
        align-items: start;
    }




    .flexytab,
    .flexytab2,
    .flexytab3 {
        box-sizing: border-box;
        display: flex;
        gap: 12px;
        justify-content: start;
        align-items: center;
    }

    .flexytabcenter {
        box-sizing: border-box;
        display: flex;
        gap: 12px;
        justify-content: center;
        align-items: center;
    }

    .sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 15px;
    }

    .simplebox {
        width: 100%;
        padding: 14px;
        box-sizing: border-box;
        margin-top: 14px;
        background-color: var(--main-accent2-color);
    }

    .underlinelink a {
        border-bottom: 1px solid var(--main-txt-color);

    }

    .simplebox .epgaws {
        font-size: 0.85em;
        text-align: right;
    }

    .gonnews {
        background-color: var(--main-txt-color);
        box-sizing: border-box;
        border-radius: var(--global-border-radius);
        padding: 14px;
        color: var(--main-bg-color);
        font-size: 0.95em;
        border: 3px solid transparent;
    }

    .gonnews p {
        margin: 0px;
    }

    .gonnews .ftrunc p {
        margin-top: 8px;
    }

    .gonnews:hover {
        border: 3px solid var(--main-color-hotspot);
    }

    .faqitlater {
        background-color: var(--main-txt-color);
        box-sizing: border-box;
        border-radius: var(--global-border-radius);
        padding: 20px;
        margin-top: 15px;
        color: var(--main-bg-color);
        font-size: 0.95em;
        border: 2px solid transparent;
    }

    .faqitlater:hover {
        border: 2px solid var(--main-color-hotspot);
    }

    .clipme2 {
        cursor: pointer;
        text-decoration: none;
        margin-bottom: 5px;
    }

    .clipme2:hover {
        cursor: pointer;
        text-decoration: underline;
    }

    .clipme svg {
        vertical-align: middle;
        width: 13px;
        height: 13px;
        margin-right: 4px;
    }

    .angebotborder {
        background-color: var(--main-bg-color);
        box-sizing: border-box;
        border-radius: var(--global-border-radius);
        border: 2px solid var(--main-bg-color);
        padding: 10px;
        color: var(--main-header-bg2-color);
        font-size: 0.95em;
    }

    .angebotborder:hover {
        background-color: var(--main-accent-color);
        border: 2px solid var(--main-header-bg2-color);
    }

    .faqnext {
        background-color: var(--main-txt-color);
        box-sizing: border-box;
        border-radius: var(--global-border-radius);
        padding: 20px;
        margin-bottom: 25px;
        color: var(--main-bg-color);
        font-size: 0.95em;
    }

    .faqitemnow {
        background-color: var(--main-txt-color);
        box-sizing: border-box;
        border-radius: var(--global-border-radius);
        padding: 20px;
        margin-bottom: 25px;
        color: var(--main-bg-color);
        font-size: 0.95em;
        border: 4px solid var(--main-faq-bordercolor);
    }

    .zahlenfakten {
        box-sizing: border-box;
        font-size: 0.95em;
    }

    .faqitemnow a {
        color: var(--main-border-color);
        border-bottom: 1px solid var(--main-header-bg-color-alpha);
    }

    .faqitemnow a:hover {
        border-bottom: 2px solid var(--main-color-hotspot);
    }



    .faqgroup {
        box-sizing: border-box;
        background-color: var(--main-txt-color);
        padding: 20px;
        border-radius: var(--global-border-radius);
        color: var(--main-bg-color);
        font-size: 0.9em;
    }

    .faqitemsingle {
        display: inline-flex;
        color: var(--main-bg-color);
        align-items: center;
        box-sizing: border-box;
        border-bottom: 2px solid transparent;
    }

    .faqitem {
        display: inline-flex;
        color: var(--main-bg-color);
        align-items: center;
        box-sizing: border-box;
        border-bottom: 2px solid transparent;
    }

    .faqitem svg {
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }



    .faqitem:hover {
        border-bottom: 2px solid var(--main-bg-color);
    }


    .splide__arrows button {
        background-color: transparent;
        border: none;
        cursor: pointer;
        padding: 0px;
        margin: 0px;
    }

    .splide__arrows {
        position: absolute;
        right: 0px;
        z-index: 999;
        background-color: var(--main-bg-color);
    }

    .splide__arrows svg {
        width: 28px;
        height: 28px;
        margin-left: 5px;
        cursor: pointer;
        color: var(--main-txt-color);
    }

    .minibutton {
        background-color: var(--main-color-hotspot);
        display: inline-flex;
        font-size: 0.8em;
        margin-right: 10px;
        font-weight: 500;
        padding: 2px 8px 2px 8px;
        color: var(--main-text-color);
        text-shadow: none;
        border-radius: 5px;
        justify-content: start;

        align-items: center;
    }

    .minibutton:hover {
        background-color: var(--main-borderh-color);
        color: var(--main-bg-color);
    }

    .minibutton svg {
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }

    .eventbulb {
        background-color: var(--main-txt-color);
        display: inline-flex;
        font-size: 0.75em;
        margin-right: 10px;
        font-weight: 500;
        padding: 2px 8px 2px 8px;
        color: var(--main-bg-color);
        text-shadow: none;
        border-radius: 5px;
        justify-content: start;
        align-items: center;
    }

    .eventbulb svg {
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }

    .bulbaccord2 {
        display: inline;
        background-color: var(--main-colorgreen);
        margin-right: 4px;
        height: 20px;
        width: 20px;
        text-shadow: none;
        border-radius: 20px;
        vertical-align: top;
    }

    .bulbaccord {
        display: inline;
        font-size: 0.7em;
        font-weight: 500;
        padding: 2px 8px 2px 8px;
        background-color: var(--main-colorgreen);
        color: var(--main-bg-color);
        margin-right: 4px;
        text-shadow: none;
        border-radius: 20px;
        vertical-align: top;
    }


    .epgbulb {
        display: inline;
        font-size: 0.7em;
        margin-right: 10px;
        font-weight: 500;
        padding: 2px 8px 2px 8px;
        background-color: var(--main-faq-bordercolor);
        color: var(--main-bg-color);
        text-shadow: none;
        border-radius: 20px;
        vertical-align: top;
    }

    .epgaw1next,
    .epgaw2next {
        opacity: 0.6;
    }

    header,
    .footer {
        box-sizing: border-box;
        width: 100%;
        max-width: var(--page-width);
        margin: 0 auto;
        padding: 20px;
    }

    .headerlinkitemnohover {
        margin-top: 2px;
        cursor: pointer;
        margin-left: 20px;
    }

    .headerlinkitemnohover svg {
        width: 30px;
    }

    .headerlinkitempromote {
        background-color: var(--main-color-hotspot);
        border-radius: 4px;
        padding-left: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 5px;
    }

    .more {
        display: inline-block;
        cursor: pointer;
        font-size: 0.8em;
        padding-bottom: 2px;
        border-bottom: 1px solid var(--main-txt-color);
    }

    .more:hover {
        border-bottom: 1px solid var(--main-borderh-color);
    }

    .moremore {
        display: none;
    }

    .headerlinkitem2 {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
        display: block;
        cursor: pointer;
        border-bottom: 2px solid transparent;
        margin-bottom: 10px;
        padding-bottom: 2px;
    }

    .headerlinkitem {
        margin-top: 2px;
        cursor: pointer;
        margin-left: 20px;
        padding-bottom: 2px;

        border-bottom: 2px solid transparent;
    }

    .headerlinkitem:hover,
    .headerlinkitem2:hover {
        border-bottom: 2px solid var(--main-borderh-color);
    }

    .headerlinkitem2 svg {
        width: 20px;
    }


    .headerlinkitem svg {
        width: 20px;
        margin-right: 6px;
    }

    .headerlinkitem span,
    .headerlinkitem2 span {
        font-weight: 500;
        font-size: 0.78em;
    }

    .headersplide {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .navitemitem:hover {
        color: var(--main-borderh-color);
    }

    .navitemitem {
        color: var(--main-txt-color);
        cursor: pointer;
        margin-right: 40px;
        padding-bottom: 3px;
        line-height: 1.1em;
    }

    .navitemitem_active {
        color: var(--main-borderh-color);
    }

    .shadow {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

    .navitemitemsubtitle {
        font-size: 0.75em;
    }

    .navitemitemtitle {
        font-size: 1.1em;
        font-weight: 600;
    }

    .atable {
        border-collapse: collapse;
        font-size: 0.9em;
    }

    .atable td {
        padding: 5px;
        vertical-align: top;
        text-align: left;
        line-height: 1.2em;
    }

    .resultdiv {
        padding: 5px;
        margin-top: 10px;
    }

    .resultdiv h4 {
        font-size: 0.9em;
    }

    .resula {
        display: block;
        line-height: 1.2em;
        padding: 8px;
        font-size: 0.9em;
        border-radius: 5px;

    }

    .resulasub {
        font-size: 0.85em;
    }

    .resula:hover {
        background-color: var(--main-accent2-color);
    }

    .tengrid {
        display: grid;
        gap: 5px;
        align-items: center;
        grid-template-columns: 40px 2fr;
        padding: 6px;
        border-top: 1px solid var(--main-bg-color);
    }

    .tengridsmall {
        font-size: 0.85em;
        background-color: var(--main-bg-color);
        padding: 1px 5px 1px 5px;
        border-radius: 12px;
    }

    .musicgrid {
        display: grid;
        gap: 5px;
        align-items: center;
        padding: 5px;
        grid-template-columns: 30px 1fr;
    }

    .eventlistgrid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 14px;
    }

    .eventcontainer {
        padding: 50px;
        display: grid;
        gap: 40px;
        grid-template-columns: 1.6fr 1fr;
    }

    .containerwidthsideleft {
        display: grid;
        gap: 30px;
        grid-template-columns: 320px 2fr;
    }

    .printcontainerswithside {
        display: grid;
        margin-top: 50px;
        gap: 50px;
        height: 700px;
        align-items: normal;
        grid-template-columns: 2fr 1fr;
    }

    .containerwidthside {
        display: grid;
        gap: 30px;
        grid-template-columns: 2fr 360px;
    }

    .containerwidthnoside {}

    .episodecontainer {
        display: grid;
        gap: 30px;
        grid-template-columns: 2fr 360px;
    }

    .hovershow {
        display: none;
    }

    [data-goto] {
        cursor: pointer;
    }

    .eventoverview {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .eprivacygrid {
        display: grid;
        gap: 14px;
        margin-top: 5px;
        margin-bottom: 10px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .bilderontainer {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .zeitschriftgrid {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .bildalbum {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }


    .galcontainer {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .pauschalis {
        display: grid;
        gap: 8px;
        margin-top: 30px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .faqgridoverviewtopic {
        display: grid;
        gap: 14px;
        margin-top: 30px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .faqgridoverview {
        display: grid;
        gap: 14px;
        margin-top: 30px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .faqgrid {
        display: grid;
        gap: 14px;
        margin-top: 30px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .showoverviewcontainer {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .newcontainer {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .showcontainersendungen {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr 1fr 1fr;
    }


    .showcontainer {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .grid12er {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr 2fr;
    }

    .grid21mer {

        display: grid;
        gap: 50px;
        grid-template-columns: 1fr 1fr;
    }

    .grid21er {
        display: grid;
        gap: 14px;
        grid-template-columns: 50% 50%;
    }

    .overviewcontainer {
        display: grid;
        gap: 14px;
        grid-template-columns: 3fr 1fr;
    }

    .grid111 {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .preistab {
        display: inline-block;
        border-radius: 4px;
    }

    .preistabinline {
        display: grid;
        gap: 12px;
        grid-template-columns: auto auto auto;
        justify-items: center;
        align-items: center;
    }

    .proimg {
        cursor: pointer;
    }

    .grid21 {
        display: grid;
        gap: 12px;
        grid-template-columns: 2fr 1fr;
    }

    .grid3er {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr 1fr 1fr;
    }


    .addproimg {
        display: grid;
        margin-top: 12px;
        gap: 12px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .grid4er {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .grid12er {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr 2fr;
    }

    .productgrid {
        display: grid;
        gap: 25px;
        grid-template-columns: 1fr 1.8fr;
    }

    .productinfo a {
        border-bottom: 1px solid var(--main-txt-color-alpha);
    }


    .grid12ern {
        display: grid;
        gap: 12px;
        grid-template-columns: 200px 2fr;
    }


    .grid2erforms {
        display: grid;
        gap: 8px;
        justify-self: center;
        align-self: center;
        grid-template-columns: 1fr 1fr;
    }

    .grid1erform {
        display: grid;
        gap: 8px;
        grid-template-columns: 1fr;
        justify-self: center;
        align-self: center;
    }

    .grid2erform {
        display: grid;
        gap: 8px;
        grid-template-columns: 1fr 1fr;
        justify-self: center;
        align-self: center;
    }

    .fakten2 {
        padding: 14px;
        background-color: var(--main-accent-color);
    }

    .fakten {
        font-size: 0.85em;
        display: flex;
        color: var(--main-bg-color);
        padding: 16px;
        background-color: var(--main-txt-color);
    }

    .fakten svg {
        margin: 0px;
        padding: 0px;
        width: 25px;
        height: 25px;
        margin-right: 14px;
    }

    .grid22er {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr 1fr;
    }

    .grid2er {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr 1fr;
    }

    .grid2erspenden {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr 1fr;
    }

    .grid2erfix {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr 1fr;
    }

    .grid11 {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr 1fr;
    }

    .overviewcontainer2 {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr 1fr;
    }



    .verticalitem {
        aspect-ratio: 10/14;
        background-color: var(--main-accent2-color);
    }

    .playreelicon {
        position: absolute;
        top: 50%;
        left: calc(50% - 7px);
        transform: translate(-50%, -50%);
    }

    .playreelicon svg {
        height: 50px;
        width: 50px;
    }

    .readicon {
        position: absolute;
        top: 50%;
        left: calc(50% - 7px);
        transform: translate(-50%, -50%);
    }

    .readicon svg {
        height: 40px;
        width: 40px;
    }

    .waitloader {
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
    }

    .waitloader svg {
        display: inline-block;
    }

    .text-container {
        position: relative;
    }

    .text-content {
        max-height: 100px;
        overflow: hidden;
        position: relative;
        line-height: 1.5;
        transition: max-height 0.3s ease;
    }

    .text-content:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 80px;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #000033 100%);
    }

    .text-container.expanded .text-content {
        max-height: none;
    }

    .text-container.expanded .text-content:after {
        display: none;
    }

    .searchresults2 {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr 1fr;
    }

    .searchresults {
        display: grid;
        gap: 14px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .searchresults h4 {
        display: inline-block;
        background-color: var(--main-txt-color);
        color: var(--main-bg-color);
        padding: 2px 6px 2px 6px;
        border-radius: 4px;
        margin-bottom: 5px;
        font-size: 0.8em;
    }

    .asarchivecontainer {
        vertical-align: middle;
    }

    .asarchive {
        background-color: var(--main-txt-color);
        color: var(--main-bg-color);
        padding: 18px;
        font-size: 0.95em;
        line-height: 1.4em;
        border-radius: var(--global-border-radius);
    }

    .reelvid {
        display: grid;
        place-items: center;
        height: 100vh;
    }

    .reelvid .videoemb {
        width: 20%;
        height: auto;
    }


    #flipbook {
        position: relative;
    }

    .goent {
        display: none;
        padding-bottom: 4px;
        padding-left: 8px;
        color: var(--main-borderh-color);
    }

    .goentfinal {
        display: none;
        padding-bottom: 4px;
        padding-left: 8px;
        color: var(--main-txt-color);
    }

    .highlights {
        width: 100%;
        text-align: center;
    }

    .imagebottomtext {
        margin-top: -40px;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }

    .profname {
        font-size: 0.8em;
        line-height: 0.9em;
        margin-right: 4px;
        margin-left: 4px;
        padding-bottom: 5px;
    }

    .profname .salut {
        font-size: 0.7em;
        font-weight: 600;
    }

    .profname .salutname {
        font-weight: 700;
    }


    .senderlogo {
        position: absolute;
        width: 35px;
        right: 10px;
        top: 10px;
        -webkit-filter: drop-shadow(0px 0px 10px #222);
        filter: drop-shadow(0px 0px 10px #222);
    }

    .aboutuslink {
        font-size: 0.85em;
    }

    .aboutuslink svg {
        display: inline-block;
        width: 16px;
        height: 16px;
        color: var(--main-txt-color);
        margin-right: 5px;
    }

    .erbox {
        background-color: var(--main-header-bg-color);
        width: 100%;
        background-size: 60%;
        aspect-ratio: 16 / 9;
    }

    .specialbordertop {
        border-top-left-radius: var(--global-border-radius);
        border-top-right-radius: var(--global-border-radius);
    }

    .erboxconent {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        font-size: 0.85em;
        border: 2px solid var(--main-bg-color);
        box-sizing: border-box;
        padding: 10px;
        border-bottom-left-radius: var(--global-border-radius);
        border-bottom-right-radius: var(--global-border-radius);
    }

    .bghover {
        cursor: pointer;
        box-sizing: border-box;
        width: 100%;
        background-color: var(--main-txt-color);
        border: 4px solid var(--main-txt-color);
    }

    .bghover:hover {
        border: 4px solid var(--main-bg-color);
    }


    .aboutflexy {
        box-sizing: border-box;
        display: inline-flex;
        justify-content: start;
        align-items: center;
        padding-bottom: 1px;
        margin-top: 2px;
        border-bottom: 1px solid transparent;
    }

    .aboutflexy:hover {
        border-bottom: 1px solid var(--main-txt-color);
    }

    input[type="checkbox"] {
        box-sizing: border-box;
        width: 16px;
        height: 16px;
        margin: 6px;
        padding: 5px;
        border: 4px solid var(--main-txt-color);
        appearance: none;
        background-color: var(--main-txt-color);
        outline: none;
        transition: outline 0.1s;
    }

    input[type="checkbox"]:checked {
        background-size: cover;
        padding: 5px;
    }

    input[type="checkbox"]:not(:disabled):checked {
        border-color: var(--checkbox-checked-color);
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path style="fill: %23274c77" d="M11.941,28.877l-11.941-11.942l5.695-5.696l6.246,6.246l14.364-14.364L32,8.818"/></svg>');
    }

    input[type="checkbox"]:disabled {
        background-size: contain;
        background-repeat: no-repeat;
    }

    input[type="checkbox"]:disabled:checked {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path style="fill: %23274c77" d="M11.941,28.877l-11.941-11.942l5.695-5.696l6.246,6.246l14.364-14.364L32,8.818"/></svg>');
    }

    .angebote a {
        color: var(--main-bg-color);
    }

    .angebote {
        box-sizing: border-box;
        color: var(--main-bg-color);
        background-color: var(--main-txt-color);
        padding: 15px;
        border: 4px solid var(--main-txt-color);
        cursor: pointer;
    }

    .angebote svg {
        width: 25px;
        height: 25px;
    }

    .angebotpauschal {
        box-sizing: border-box;
        background-color: var(--main-pauschalangebot-color);
        border: 4px solid var(--main-pauschalangebot-color);
    }

    .angebote:hover {
        border: 4px solid var(--main-faq-bordercolor);
    }

    .faktentable .prices {
        display: inline-block;
        background-color: var(--main-header-bg3-color);
        padding: 2px 8px 2px 8px;
        border-radius: 4px;
        font-size: 0.85em;
        color: var(--main-bg-color);
        font-weight: 500;
    }

    .faktentablehover tr:hover {
        cursor: pointer;
        background-color: var(--main-accent-color);

    }

    .plyr__video-wrapper,
    .awvideo,
    .plyr--video,
    .plyr__poster {
        border-radius: var(--global-border-radius);
    }

    .weshowe {
        display: none;
        position: absolute;
        left: 10px;
        top: 10px;
        font-size: 0.85em;
        z-index: 999;
        border-radius: 4px;
        padding: 2px 8px 2px 8px;
        background-color: var(--main-accent-color);
        border: 2px solid var(--main-header-bg3-color);

    }


    .weshow {
        cursor: pointer;
        display: none;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 0.85em;
        z-index: 999;
        border-radius: 4px;
        padding: 2px 8px 2px 8px;
        background-color: var(--main-accent2-color);
    }

    .jumper {
        display: none;
        width: 20px;
        vertical-align: middle;
        height: 20px;
    }

    .shareicondark {
        color: var(--main-header-bg-color);
    }

    @media (hover: hover) {
        input[type="checkbox"]:not(:disabled):hover {
            background-color: var(--checkbox-hover-color);
            outline: 8px solid var(--checkbox-hover-color);
            transform: scale(1.05);
        }
    }

    input[type="checkbox"]:focus-visible {
        outline: 6px solid var(--checkbox-hover-color);
        transform: scale(1.05);
    }


    @media (max-width: 909px) {
        .mobile {
            display: block;
        }

        .grid21er {
            grid-template-columns: 1fr;
        }




        .getcontactbottom {
            left: 50%;
            right: auto;
            bottom: 20px;
            transform: translateX(-50%);
            width: 90%;
            max-width: none;
            min-width: 0;
        }

        .containerwidthside,
        .containerwidthsideleft {
            grid-template-columns: 1fr;
        }

        .faqgrid {
            grid-template-columns: 1fr;
        }

        .reelvid .videoemb {
            width: 80%;
            height: auto;
        }

        .weshowe {
            font-size: 0.75em;

        }

        .weshow {
            font-size: 0.75em;
        }

        .headersplide {
            padding-top: 10px;
            padding-bottom: 5px;
        }

        .flexytab3 {
            padding: 10px;
            display: grid;
            gap: 12px;
            text-align: center;
            grid-template-columns: 1fr 1fr;
        }

        .grid12ern {
            display: grid;
            gap: 12px;
            grid-template-columns: 1fr;
        }

        .flexytab2 {
            padding: 10px;
            display: grid;
            gap: 12px;
            text-align: center;
            grid-template-columns: 1fr 1fr 1fr;
        }

        .galcontainer {
            display: grid;
            gap: 14px;
            grid-template-columns: 1fr 1fr;
        }

        .zeitschriftgrid {
            grid-template-columns: 1fr 1fr;
        }


        .tabcontent {
            font-size: 0.9em;
        }

        .grid21 {
            display: grid;
            gap: 12px;
            grid-template-columns: 1fr;
        }

        .showtaber {
            padding-left: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
        }


        .eventcontainer {
            display: grid;
            gap: 40px;
            padding: 14px;
            grid-template-columns: 1fr;
        }

        .faqgridoverview {
            grid-template-columns: 1fr;
        }

        .overviewcontainer {
            grid-template-columns: 1fr;
        }

        .showoverviewcontainer {
            grid-template-columns: 1fr;
        }


        .newcontainer {
            grid-template-columns: 1fr;
        }

        .eventoverview {
            grid-template-columns: 1fr 1fr;
        }

        .showcontainer {
            grid-template-columns: 1fr 1fr;
        }

        .showcontainersendungen {
            grid-template-columns: 1fr 1fr
        }


        .episodecontainer {
            grid-template-columns: 1fr;
        }

        .aspect166 {
            aspect-ratio: 16/9;
        }

        .navitemitemtitle {
            font-size: 0.95em;
            font-weight: 600;
        }

        .navitemitemsubtitle {
            font-size: 0.65em;
        }

        .flexyspacearoundgap {
            display: block;
        }

        h3 {
            font-size: calc(1.17em / 1.2);
        }

        .grid2er,
        .grid3er,
        .grid2erform,
        .productgrid {
            grid-template-columns: 1fr;
        }

        .grid2erspenden {
            grid-template-columns: 1fr;
            gap: 2px;
        }

        .eventlistgrid {
            grid-template-columns: 1fr;
        }

        .searchresults {
            grid-template-columns: 1fr;
        }

        .splide__arrow--prev,
        .splide__arrow--next {
            display: none;
        }

        .grid22er {
            grid-template-columns: 1fr;
        }

        .bilderontainer {
            display: grid;
            gap: 14px;
            grid-template-columns: 1fr;
        }

        .bildalbum {
            display: grid;
            gap: 14px;
            grid-template-columns: 1fr 1fr;
        }


        .erboxconent {
            font-size: 0.95em;
        }

        .imagebottomtext {
            margin-top: -20px;
            border-top-right-radius: 0px;
            border-top-left-radius: 0px;
        }

        .footercontainer {
            display: grid;
            gap: 14px;
            grid-template-columns: 1fr;
        }

        .centermobile {
            text-align: center;
        }

        .eprivacygrid {
            grid-template-columns: 1fr;
            gap: 5px;
        }

        .faqgridoverviewtopic {
            display: grid;
            gap: 14px;
            margin-top: 30px;
            grid-template-columns: 1fr;
        }

        .pauschalis {
            grid-template-columns: 1fr;
        }

        .grid21mer {
            display: grid;
            grid-template-columns: 1fr;
        }

        .grid4er {
            grid-template-columns: 1fr 1fr;
        }


    }



    @media (min-width: 910px) {
        .desktop {
            display: block;
        }
    }

    @media print {
        .new-page {
            page-break-before: always;
        }

        .hide-on-print {
            display: none !important;
            /* Versteckt das Element vollständig */
        }

        body {
            margin: 20px;
            padding: 0;
            width: calc(100% - 40px);
            background: var(--main-bg-color);
        }
    }