:root {
    --height-red-logos: 42.7vw;
    --kup-rust-red: #7A0200;
    background-attachment: scroll;
}
/* open-sans-300 - latin_math_symbols */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../styles/fonts/open-sans-v43-latin_math_symbols-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../styles/fonts/open-sans-v43-latin_math_symbols-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-300italic - latin_math_symbols */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../styles/fonts/open-sans-v43-latin_math_symbols-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../styles/fonts/open-sans-v43-latin_math_symbols-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-regular - latin_math_symbols */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../styles/fonts/open-sans-v43-latin_math_symbols-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../styles/fonts/open-sans-v43-latin_math_symbols-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-italic - latin_math_symbols */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../styles/fonts/open-sans-v43-latin_math_symbols-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../styles/fonts/open-sans-v43-latin_math_symbols-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-500 - latin_math_symbols */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../styles/fonts/open-sans-v43-latin_math_symbols-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../styles/fonts/open-sans-v43-latin_math_symbols-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-500italic - latin_math_symbols */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    src: url('../styles/fonts/open-sans-v43-latin_math_symbols-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../styles/fonts/open-sans-v43-latin_math_symbols-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-600 - latin_math_symbols */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../styles/fonts/open-sans-v43-latin_math_symbols-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../styles/fonts/open-sans-v43-latin_math_symbols-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-600italic - latin_math_symbols */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../styles/fonts/open-sans-v43-latin_math_symbols-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../styles/fonts/open-sans-v43-latin_math_symbols-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-700 - latin_math_symbols */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../styles/fonts/open-sans-v43-latin_math_symbols-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../styles/fonts/open-sans-v43-latin_math_symbols-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-700italic - latin_math_symbols */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../styles/fonts/open-sans-v43-latin_math_symbols-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../styles/fonts/open-sans-v43-latin_math_symbols-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-800 - latin_math_symbols */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../styles/fonts/open-sans-v43-latin_math_symbols-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../styles/fonts/open-sans-v43-latin_math_symbols-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-800italic - latin_math_symbols */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('../styles/fonts/open-sans-v43-latin_math_symbols-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../styles/fonts/open-sans-v43-latin_math_symbols-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* Für Mobiltelefone portait */
@media only screen and (max-width: 991px) {


    [type="checkbox"],
    [type="radio"] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
    }




    .clearfix {
        grid-area: 9 / 1;
    }

    .addedByMedienGalerie {
        display: none !important;
    }

    * {
        margin: 0;
        padding: 0;
    }

    html {
        margin: 0;
        padding: 0;
    }

    body {
        margin: 0;
        padding: 0;
        font-family: 'Open Sans', sans-serif;
        font-size: 3vw;
        color: #333333;
        background-color: white;
        width: 100%;
        height: 100%;
    }

    a {
        text-decoration: none;
        color: #000000;
    }

        a:hover {
            color: var(--kup-rust-red);
        }

    ul {
        list-style: none;
    }

    .invisible {
        visibility: hidden;
        height: 0px;
        width: 0px;
        line-height: 0px;
        font-size: 0px;
        overflow: hidden;
    }

    .hidden {
        display: none;
    }
    /* ??? */
    img[src*="./Handler/ImageHandler.ashx.x"] {
        display: none;
    }

        img[src*="./Handler/ImageHandler.ashx.x"].img-visible {
            display: unset;
        }





    .DV_contentHolder p {
        margin-bottom: 3vw;
    }

    #topNavi {
        display: grid;
        grid-template-columns: auto;
    }

    /* Logo */
    .topLogo {
        display: grid;
        grid-template-columns: auto;
        /*
        -ms-align-content: center;
        -webkit-align-content: center;
        align-content: center;
*/
    }

    #Logo_1, #Logo_2 {
        display: block;
        text-align: center;
        color: white;
        font-family: 'Open Sans',sans-serif;
        width: 100%;
    }

    #Logo_1 {
        font-size: 10vw;
    }

    #Logo_2 {
        font-size: 4.5vw;
    }

    /* Metamenu */
    #topAboutMetaHolder {
        grid-area: 2 / 1;
    }

    #aboutNavi > ul {
        display: grid;
        grid-template-columns: 50% 50%;
    }
    /*
    #aboutNavi > ul > li:nth-child(1) {
        grid-area: 1 / 1 / span 2;
    }
    #aboutNavi > ul > li:nth-child(2) {
        grid-area: 1 / 3;
    }
    */
    #aboutNavi li {
        padding-right: 0.4vw;
        padding-top: 0.4vw;
    }

        #aboutNavi li a {
            display: block;
            color: #FFFFFF;
            font-family: 'Open Sans', sans-serif;
            font-size: 4vw;
            text-align: center;
        }

            #aboutNavi li a:hover {
                background-color: #140000;
            }

        #aboutNavi li.aboutNaviActive a {
            background-color: #140000;
        }


    .metaNavi > ul {
        display: grid;
        grid-template-columns: auto auto auto;
        height: 7vw;
    }

        .metaNavi > ul > li {
            padding-top: 1vw;
        }

    .metaNavi li a img {
        height: 2.25vh !important;
        vertical-align: sub;
    }

    .metaNavi li a {
        display: block;
        color: #FFFFFF;
        font-family: 'Open Sans', sans-serif;
        font-size: 4vw;
        text-align: center;
    }

        .metaNavi li a:hover {
            color: #A39697;
        }

    .metaNavi li.metaNaviActive a {
        color: #A39697;
    }
    /*************/
    /* Hauptmenu */
    /*************/
    .topMainNavi > ul {
        display: grid;
        grid-template-columns: 50% 50%;
    }
    /*
    .topMainNavi > ul > li:first-child {
        grid-area: 1 / 1;
    }
    .topMainNavi > ul > li:nth-child(2) {
        grid-area: 1 / 2;
    }
    .topMainNavi > ul > li > a {
        display:grid;
        grid-template-columns: auto auto;
    }
*/

    .topMainNavi li {
        padding-bottom: 0.4vw;
        padding-right: 0.4vw;
    }

        .topMainNavi li a {
            display: block;
            color: #FFFFFF;
            font-family: 'Open Sans', sans-serif;
            font-size: 4.5vw;
            text-align: center;
        }

            .topMainNavi li a:hover {
                background-color: white;
                color: black;
            }

        .topMainNavi li.mainNaviActive a {
            background-color: white;
            color: gray;
        }

    .sgGallery {
        grid-area: gal; 
        overflow: auto;
        position: relative;
        width: auto;
        height: 68vw;
    }

        .sgGallery > .slideElement {
            /*        position:unset !important; */
            /*background-size: 100% 68vw; */
        }

    /**************/
    /* Museen     */
    /**************/
    .muf-info h1 {
        margin-left: 2vw;
        margin-right: 2vw;
    }

    .muf-info p {
        margin-left: 2vw;
        margin-right: 2vw;
    }

    .muf-info img {
        width: 100%;
    }
    /**************/
    /* DetailView */
    /**************/
    .detailsPage {
        width: 100% !important;
    }

        .detailsPage a {
            text-decoration: underline;
        }

    .DV_detailView {
        margin-left: 2vw;
        margin-right: 2vw;
    }

        .DV_detailView ul li {
            margin-left: 4vw !important;
            line-height: unset !important;
            list-style-type: disc;
        }

        .DV_detailView h1 {
            margin-top: 2vw;
            margin-bottom: 2vw !important;
        }

        /*  .DV_detailView div.DV_contentHolder p { */
        .DV_detailView p {
            line-height: unset !important;
        }
        .DV_detailView p > a {
            word-break: break-word;
        }

    .DV_imgHochkantContainer {
        width: 40% !important;
    }

    .DO_pnlMain > div > iframe {
        width: 100% !important;
        height: 60vw !important;
    }

    .ShadowBlock {
        width: 100% !important;
        font-size: 4vw;
    }

    .BilderstreckeItem > a > img {
        width: 100%;
    }

    div[id*="dv_imgCopyright"] {
        font-family: 'Open Sans',sans-serif !important;
        font-size: 3vw;
        text-align: center;
        visibility: unset !important;
        height: unset !important;
        width: unset !important;
        line-height: unset !important;
        font-size: unset !important;
        overflow: unset !important;
    }

    .descriptionText, div[id*="dv_imgDescription"], #btnDummy {
        display: none;
    }

    .DV_copyright {
        display:none;
    }

    .DV_copyright > img {
        height: 3vw;
    }

    .DV_txtHolderPanorama {
        width: 100% !important;
    }

    p > a {
    }

    .textContainer {
        width: 100% !important;
    }

    .teaserText {
        line-height: unset !important;
        margin-right: 2vw;
        padding-left: unset !important;
    }

    .TL_ul li a {
        font-size: unset !important;
    }

    .TL_ul li div.imgContainer {
        width: 40vw !important;
        min-height: unset !important;
        height: auto !important;
        margin-left: 3vw !important;
    }

        .TL_ul li div.imgContainer img {
            width: 40vw;
        }

    /**************/
    /* Die rausgerückten Bilder nicht anzeigen */
    /**************/
    .SL_previewImageDiv {
        display: none;
    }
    /**************/
    /* Linkliste  */
    /**************/
    .LL_pnlMain {
        margin-left: 2vw;
        margin-right: 2vw;
    }

    .LL_ul {
        width: 100% !important;
    }

        .LL_ul li a {
            font-size: 3vw !important;
            width: unset !important;
            padding: 0.5vw 1vw !important;
        }
    /**************/
    /* Suche      */
    /**************/
    .SL_pnlMain {
        margin-left: 2vw;
        margin-right: 2vw;
    }

        .SL_pnlMain input {
            font-size: 4vw;
        }

    div[id*="pnlSuche"] div[id*="txtSuche"] {
        font-size: 5vw;
    }

    div[id*="pnlSuche"] div[id*="lnkSucheStarten"] {
        font-size: 5vw;
    }

    .SL_ul {
        width: 100% !important;
    }

        .SL_ul li div.linkText {
            padding-bottom: unset !important;
            line-height: unset !important;
        }

    .linkText {
        font-size: 2vw !important;
        padding-left: unset !important;
    }

    .SL_ul li a {
        padding-bottom: 1vw !important;
        padding-top: 1vw !important;
        padding-left: unset !important;
        width: unset !important;
    }
    /**************/
    /* AL         */
    /**************/
    div[id*="pnlModuleContainerAspx"] {
        border-top: solid 1vw #ADA590 !important;
    }

    .AL_pnlMain {
        margin-left: 2vw;
        margin-right: 2vw;
    }

    .AL_infoContainer {
        width: 100% !important;
    }

    .AL_column {
        font-size: 3vw !important;
        line-height: unset !important;
        margin-bottom: unset !important;
    }

    .AL_infoBtnContainer a {
        margin-right: 5vw !important;
        font-size: 3vw !important;
    }

    .AL_ul li {
        padding-bottom: unset !important;
        margin-bottom: 2vw !important;
        border-bottom: unset !important;
    }

    .AL_innerColumn {
        width: 14vw !important;
    }
    /********************/
    /* PagingContainer  */
    /********************/
    .SL_pagingPanel, .TL_pagingPanel {
        padding-bottom: 3vw;
    }

    .AL_pagingPanel {
        display: flex;
    }

    .pagingContainer {
        margin-top: 3vw !important;
        margin-bottom: 3vw;
    }

    .pagingSeitenzahl {
        display: none !important;
    }

    .pagingJumpLink a {
        font-size: 4vw !important;
        width: 6vw !important;
        height: unset !important;
        padding-top: unset !important;
        padding-bottom: 1vw;
    }

    .pagingItem a {
        font-size: 4vw !important;
        width: 6vw !important;
        height: unset !important;
        padding-top: unset !important;
        padding-bottom: 0.5vw;
    }
    /********************/
    /* Funktionsleiste  */
    /********************/
    .FunktionsLeiste > table {
        margin-left: 4vw;
    }
    /********************/
    /* Verweise (Links) */
    /********************/
    .verweiseContainer {
        margin-top: unset !important;
        padding-top: unset !important;
        border-top: solid 1vw #ADA590 !important;
    }

        .verweiseContainer ul {
            font-size: 4vw;
        }

    .SA_pnlMain, .DO_pnlMain {
        margin-left: 4vw;
    }

    .SA_headline, .DO_headline {
        font-size: 4vw !important;
        margin-bottom: 1vw !important;
    }
    /*************/
    /* Downloads */
    /*************/
    .DO_headline {
        font-size: 6vw !important;
        margin-bottom: 1vw !important;
    }

    .DO_pnlMain {
        margin-left: 4vw;
        margin-right: 4vw;
        margin-bottom: 4vw;
    }

        .DO_pnlMain li a {
            display: block;
            text-indent: -1vw;
            background-color: #edebe7;
            color: #333333;
            padding-left: 2vw;
            padding-right: 1vw;
            border-bottom: solid 0.3vw white;
        }

        .DO_pnlMain ul li {
            margin-bottom: unset !important;
        }

        .DO_pnlMain li ul {
            font-size: 3vw;
            margin-left: 4vw;
        }
    /********************/
    /* Verweise (Links) */
    /********************/
    .LI_headline {
        font-size: 6vw !important;
        margin-bottom: 1vw !important;
    }

    .LI_pnlMain {
        margin-left: 4vw;
        margin-right: 4vw;
        margin-bottom: 4vw;
    }

        .LI_pnlMain li a {
            display: block;
            text-indent: -1vw;
            background-color: #edebe7;
            color: #333333;
            padding-left: 2vw;
            padding-right: 1vw;
            border-bottom: solid 0.3vw white;
        }

        .LI_pnlMain ul li {
            margin-bottom: unset !important;
        }

        .LI_pnlMain li ul {
            font-size: 3vw;
            margin-left: 4vw;
        }
    /**************/
    /* Highlights */
    /**************/
    .HL_title {
        border-top: solid 1vw #ADA590 !important;
        font-size: 5vw;
        font-weight: bold;
        text-align: center;
    }
    /*
    .HL_ul {
        border-top:solid;
    }
    */
    .HL_ul > li {
        display: grid;
        grid-template-columns: 32% auto;
        border-top: solid 1vw #ADA590;
    }

    .HL_imgContainer {
        height: unset !important;
        width: 30vw !important;
    }

        .HL_imgContainer > img {
            width: inherit;
        }

    .HL_rubrik {
        font-size: 4vw;
        font-weight: bolder;
    }

    .HL_contentTitle {
        font-size: 3vw;
        font-weight: bold;
    }

    .HL_contentText {
        font-size: 3vw;
    }

    /* Kommt immer unter den Inhalt */
    .sideNavi, .FT_st_pnlMain {
        border-top: solid 1vw #ADA590 !important;
    }

    .sideNavi_ul {
        font-size: 4vw;
        margin-left: 4vw;
        margin-right: 4vw;
    }

        .sideNavi_ul li a {
            display: block;
            text-indent: -1vw;
            background-color: #edebe7;
            color: #333333;
            padding-left: 2vw;
            padding-right: 1vw;
            border-bottom: solid 0.3vw white;
        }

        .sideNavi_ul li ul {
            font-size: 3vw;
            margin-left: 4vw;
        }

    li.sideSubNaviActive a {
        background-color: #ADA590;
    }

    /*************/
    /* Senden an */
    /*************/
    body > div#header > img#Image1 {
        width: 100% !important;
        margin-bottom: 4vw;
    }

    body > form#form2 {
        width: 92vw !important;
        margin-left: 4vw;
        margin-right: 4vw;
        font-size: 4vw;
    }

        body > form#form2 > table {
            width: unset !important;
        }

    #iName, #iEmail, #kurzText {
        width: 54vw !important;
        font-size: 4vw;
    }

    body > form#form2 > span {
        width: 100% !important;
    }

        body > form#form2 > span#WarningText {
            font-size: 2.5vw !important;
            color: red;
        }
    /*************/
    /* Sitemap   */
    /*************/
    .Sitemap {
        width: 100% !important;
        margin-left: 2vw;
        margin-right: 2vw;
    }

        .Sitemap h1 {
            margin-bottom: 2vw;
        }

    .SitemapCol {
        width: unset !important;
        float: unset !important;
        padding-right: unset !important;
    }

    .SitemapMain {
        padding-bottom: unset !important;
    }

    .SitemapMain > li {
        font-size: 4vw !important;
        padding-bottom: 3vw !important;
    }

    .SitemapSub > li {
        font-size: 3.5vw !important;
    }

    .SitemapMainItem {
        width: unset !important;
        padding-bottom: 1vw !important;
        margin-bottom: 1vw !important;
    }
    /*************/
    /* Die Logos */
    /*************/
    .HL_SideLogo {
        display: grid;
        grid-template-columns: auto auto;
        border-top: solid 1vw #ADA590 !important;
    }

        .HL_SideLogo .KUFTILogoContainer {
            grid-area: auto / auto / auto / span 2;
        }

    .logoContainer {
        grid-area: auto / auto / auto / span 2;
    }

    .KUFTILogoContainer img {
        width: 100%;
    }

    .logoContainer > a > img { /* komisches Verhalten */
        width: 100%;
    }

    .FrankfurtCultureLogoContainer img {
        height: var(--height-red-logos);
    }

    .HL_SideLogoLower > .museumsuferLogoContainer > a > img {
        height: var(--height-red-logos);
        float: right;
    }

    .HL_SideLogoUpmost > .museumsuferLogoContainer > a > img {
        height: var(--height-red-logos);
        float: right;
    }

    .HL_SideLogoUpper > .museumsuferLogoContainer > a > img {
        width: 100vw;
        float: right;
    }

    .museumsuferLogoContainer img {
        align-self: baseline;
    }

    #bottomNaviContainer {
    }
    /**************************************/
    /* Bildunterschrift Startseitenbilder */
    /**************************************/
    #phAltBottomNavi_pnlAltBottomNaviAspx {
    }
    .SP_altBottomNavi {
        float: unset !important;
    }
    .SP_InfoIcon {
        display: none !important;
    }
    .SP_altBottomNavi > span {
        float: left;
        margin-top: 0.3vw;
    }
    .SP_copyright {
        margin-top: unset !important;
        font-size: 3vw;
        text-align:center;
    }
    /********************/
    /* Navigation unten */
    /********************/

    #bottomNavi {
        border-top: solid 1vw #ADA590 !important;
    }

        #bottomNavi > ul > li {
            display: block;
            background-color: #EDEBE7;
            color: #333333;
            font-size: 5vw;
            margin-left: 4vw;
            margin-right: 4vw;
            padding-left: 2vw;
            border-bottom: solid 0.3vw white;
        }

    #ZoomClose > img {
        width: 10vw !important;
        height: 10vw !important;
    }

    /**************************/
    /* Veranstaltungen        */
    /**************************/
    .EC_mainContent {
        float: unset !important;
        display: unset !important;
        margin-left: unset !important;
        margin-top: unset !important;
    }

    div[id*="UpdatePanel1"] {
        display: grid;
        grid-template-areas: 'ec-navi'
            'ec-content';
    }

    .EC_NaviContainer {
        grid-area: ec-navi;
        float: left !important;
        display: block !important;
        width: 100% !important;
    }

        .EC_NaviContainer div.EC_NaviHeadline {
            font-size: 4vw !important;
            padding-left: 4vw !important;
        }

    .EC_naviItem {
        display: grid;
        grid-template-areas: 'ec-suchTerm ec-suchTerm ec-inpSearch ec-inpSearch ec-inpSearch ec-inpSearch'
            'ec-Area ec-Area ec-inputDD ec-inputDD ec-inputDD ec-inputDD'
            'ec-labelVon ec-inpVon ec-btnKalenderVon ec-labelBis ec-inpBis ec-btnKalenderBis'
            'ec-btnLink ec-btnLink ec-btnLink ec-btnLink ec-btnLink ec-btnLink';
        grid-row-gap: 1vw;
        border-top: unset !important;
        margin-top: 1vw !important;
    }
    span.EC_NaviHeadline {
        margin-left:4vw;
    }
    span[id*="labelSuchTerm"] {
        grid-area: ec-suchTerm;
    }

    .EC_labelNavi1 {
        float: unset !important;
        display: inline;
        margin-left: 4vw !important;
        margin-top: unset !important;
        width: unset !important;
    }

    .EC_inpSearch {
        grid-area: ec-inpSearch;
        width: 50vw !important;
        margin-top: unset !important;
    }

    span[id*="labelArea"] {
        grid-area: ec-Area;
    }

    .EC_inputDD {
        grid-area: ec-inputDD;
        width: 50.2vw !important;
        height: unset !important;
        margin-top: unset !important;
    }

    span[id*="labelVon"] {
        grid-area: ec-labelVon;
        width: unset !important;
    }

    input[id*="inpVon"] {
        grid-area: ec-inpVon;
    }

    input[id*="btnKalenderVon"] {
        grid-area: ec-btnKalenderVon;
    }

    span[id*="labelBis"] {
        grid-area: ec-labelBis;
        width: unset !important;
    }

    input[id*="inpBis"] {
        grid-area: ec-inpBis;
    }

    input[id*="btnKalenderBis"] {
        grid-area: ec-btnKalenderBis;
    }

    .floatRight {
        grid-area: ec-btnLink;
    }

    .EC_inpDate {
        width: 19vw !important;
        margin-top: unset !important;
    }

    .EC_btnCalendar {
        float: unset !important;
        /*  display: unset !important; */
        margin-top: unset !important;
        margin-left: unset !important;
        height: 6vw;
    }
    /* Zum Testen um den Kalender offen zu halten */
    .ajax__calendar_xxx {
        visibility: visible !important;
        display: unset !important;
    }

    .ajax__calendar_container {
        cursor: default;
        font-family: tahoma,verdana,helvetica;
        font-size: 4vw !important;
        padding: 1vw !important;
        text-align: center;
        width: 58vw !important;
    }

    .ajax__calendar_body {
        height: 33vw !important;
        width: 58vw !important;
    }

    .ajax__calendar_header {
        height: 6vw !important;
    }

    .ajax__calendar_prev, .ajax__calendar_next {
        background-size: 2vw;
        height: 4vw !important;
        width: 4vw !important;
    }

    .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
        height: 40vw !important;
        width: 40vw !important;
    }

    .ajax__calendar_container TD {
        font-size: 3.5vw !important;
    }

    .ajax__calendar_day {
        height: 4.5vw !important;
        padding: 0 2vw !important;
        width: 4vw !important;
    }

    .ajax__calendar_dayname {
        height: unset !important;
        padding: unset !important;
        width: 1vw !important;
    }

    .EC_btnLink {
        font-size: 4vw !important;
        padding: 1vw 4vw 1vw 4vw !important;
        margin-top: 2vw !important;
    }

    .EC_loaderContainer {
        margin-top: 15vw !important;
        margin-left: 45vw !important;
    }

    .EC_noResults {
        margin-top: 4vw !important;
    }

    .EC_noResults {
        margin-top: 4vw !important;
        margin-bottom: 6vw !important;
        border-bottom: solid 1px #ADA590;
        padding-bottom: 4vw !important;
        color: red;
    }

    .EC_inputFloat {
        float: right !important;
        display: inline;
        padding: unset !important;
        height: unset !important;
        font-size: 4vw;
        margin-right: 4vw;
    }

    .EC_cbList {
    }

        .EC_cbList td {
            height: 5vw !important;
            width: 30vw !important;
            font-size: 3vw !important;
        }

        .EC_cbList input {
            margin-left: 4vw !important;
            margin-right: 2vw !important;
            margin-top: 1.2vw !important;
        }

    .EC_bigBtn {
        height: 5vw !important;
        width: auto !important;
        margin-left: 1px !important;
        margin-bottom: 1vw !important;
        margin-top: 0.3vw !important;
    }

        .EC_bigBtn label {
            margin-top: 0.5vw !important;
            padding-right: 1vw !important;
            font-size: 3vw !important;
        }

        .EC_bigBtn input {
            margin-left: 4vw !important;
            margin-right: 2vw !important;
            margin-top: 1.4vw !important;
        }

    .EC_btnLink2 {
        text-align: center !important;
        font-size: 3vw !important;
        width: 31vw !important;
        height: 4.6vw !important;
        margin-left: 1px !important;
        margin-top: 10.5vw !important;
        padding-top: 0.6vw !important;
    }

    .EC_journalHolder a {
        padding-left: 10vw !important;
        padding-top: unset !important;
        height: 8vw !important;
        margin-top: unset !important;
        background-size: 8vw !important;
        margin-left: 4vw;
    }

    .EC_ticketHolder a {
        height: 15vw !important;
        margin-top: 4vw !important;
        margin-left: 4vw;
    }

    .EC_ContentContainer {
        grid-area: ec-content;
        width: auto !important;
        margin-right: 2vw !important;
        margin-left: 2vw !important;
    }

    .EC_mainContent h1 {
        font-size: 8vw !important;
        padding-bottom: 1vw !important;
        margin-top: 4vw !important;
    }

    .EC_ContentContainer div.title {
        font-size: 4vw !important;
        margin-top: unset !important;
        line-height: unset !important;
    }

    .EC_ContentContainer a.moreLinks {
        margin-right: 2vw !important;
        font-size: 3.1vw !important;
    }

    /**************************/
    /* Youtube                */
    /**************************/
    .Video-iframe {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 0;
        height: 0;
        overflow: hidden;
    }

        .Video-iframe iframe,
        .Video-iframe object,
        .Video-iframe embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    /**************************/
    /* Cookie Google Maps     */
    /**************************/
    .Cookie-GM h1 {
        font-size: 3vw;
        font-weight: bold;
        margin-bottom: 1vw !important;
        border-bottom: none;
        padding-bottom: unset !important;
        margin-right: 2vw !important;
    }

    .Cookie-GM {
        font-size: 3vw;
    }

    .Cookie-GM a {
        font-size: 3vw !important;
        font-weight: bold;
    }

    /**************/
    /* Adresse    */
    /**************/
    .addressMapContainer {
        border-top: solid 1vw #ADA590 !important;
    }
    /* Adresse und Link */
    .AD_addressContainer {
        display: inline;
        margin-left: 2vw;
        margin-right: 2vw !important;
        width: 48vw !important;
        height: unset !important;
    }

    .AD_column {
        font-size: 3vw !important;
        line-height: unset !important;
        margin-bottom: unset !important;
    }

    .AD_columnWS {
        margin-bottom: unset !important;
        margin-top: 3vw !important;
    }
    .AD_columnWS > a {
        font-size: 3.5vw !important;
        line-height: unset !important;
    }
    /* Google Maps */
    .AD_mapContainer {
        float: unset !important;
        display: block !important;
        padding-bottom: unset !important;
        width: 44vw !important;
    }

    .AD_map {
        height: 0 !important;
        overflow: hidden !important;
        padding-bottom: 100% !important;
        position: relative;
        width: unset !important;
    }

    .AD_map iframe {
        height: 100% !important;
        left: 0 !important;
        position: absolute !important;
        top: 0 !important;
        width: 100% !important;
    }

    /**************************/
    /* Cookie Youtube         */
    /**************************/
    .Cookie-YT {
        /*
    background-image:url("/Images/film-145099_640.png");
    background-size: cover; */
        background-color: #edebe7;
        padding: 20px;
    }

    .Cookie-YT h1 {
        font-size: 1.5em;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 0.5em !important;
        border-bottom: none;
        padding-bottom: unset !important;
        color: black;
    }

    .Cookie-YT p {
        font-size: 1em;
    }

    .Cookie-YT a.yt-activate {
        display: flex;
        font-size: 1.3em;
        font-weight: bold;
        border-top: 2px solid black;
        border-bottom: 2px solid black;
    }

    .Cookie-YT a.yt-datenschutz {
        font-size: 1em;
        font-weight: bold;
        text-decoration: underline;
    }

    .Cookie-YT a div {
        display: flex;
        align-items: center;
        margin: auto;
    }

    .Cookie-YT a div img {
        width: 2em;
        margin: 1em 0em 1em 0.5em;
    }
    /**************************/
    /* Cookie Popup Container */
    /**************************/
    #cookie-popup-container {
    }
    .cookie-popup-1 {
        display: grid;
        position: fixed;
        height: auto;
        bottom: 0;
        background-color: white;
        border: 2vw solid var(--kup-rust-red);
    }

    .cookie-popup-headline h1 {
        font-size: 6vw;
        font-weight: bold;
        margin-top: 1vw;
        margin-left: 2vw;
    }

    .cookie-popup-headline p {
        font-size: 3.5vw;
        margin-top: 1vw;
        margin-left: 2vw;
        margin-right: 2vw;
        padding-bottom: 2vw;
        border-bottom: solid 1px lightgray;
    }

    /* Hide the browser's default checkbox */
    .checkbox-cookie-banner input {
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom checkbox */
    .checkmark {
        float: left;
        height: 2vw;
        width: 2vw;
        border: 1vw solid var(--kup-rust-red);
        border-radius: 1vw;
        margin-left: 2vw;
        margin-top: 1vw;
        background-color: #eee;
    }

    /* On mouse-over, add a grey background color */
    .checkbox-cookie-banner:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .checkbox-cookie-banner input:checked ~ .checkmark {
        background-color: var(--kup-rust-red);
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        position: relative;
        float: left;
        content: "";
        display: none;
    }

    /* Show the checkmark when checked */
    .checkbox-cookie-banner input:checked ~ .checkmark:after {
        display: none;
    }

    /* Style the checkmark/indicator */
    .checkbox-cookie-banner .checkmark:after {
        left: 0.3vw;
        bottom: 0.5vw;
        width: 1vw;
        height: 2vw;
        border: solid white;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-width: 0 0.6vw 0.6vw 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #check11 {
    }

    #check12 {
    }

    #check13 {
    }

    .cookie-links-1 a, .cookie-links-2 a {
        margin: 15px;
        position: relative;
        float: left;
        text-decoration: underline;
    }

    .cookie-links-1 a {
        margin: 15px 15px 15px 0px;
        position: relative;
        float: left;
        text-decoration: underline;
    }

    .cookie-links-1 {
        margin-top: 2em;
        border-top: 1px solid lightgray;
        margin-left: 2em;
        margin-right: 2em;
    }

    .cookie-weiter-2 a {
        margin: 15px;
        position: relative;
        float: right;
    }

    .button {
        display: block;
        width: 30vw;
        height: 6vw;
        text-align: center;
        border-radius: 2vw;
        font-weight: bold;
        font-size: 3.2vw;
        padding-top: 1.2vw;
    }

    #cookie-button-all {
        margin: 2vw;
        position: absolute;
        left: 62vw;
        background: black;
        color: white;
        bottom: 6.5vw;
    }

    #cookie-button-save {
        margin: 2vw;
        position: absolute;
        left: 62vw;
        background: gray;
        color: black;
        bottom: -1vw;
    }

    .checkbox-cookie-banner h1 {
        font-size: 3.1vw;
        font-weight: bold;
        margin-left: 4vw;
        margin-top: -1.1vw;
        white-space: nowrap;
    }

    .checkbox-cookie-banner p {
        font-size: 3vw;
        font-weight: normal;
        margin-top: 1vw;
        margin-bottom: 1vw;
        margin-left: 2vw;
        margin-right: 2vw;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
	overflow: -moz-scrollbars-vertical;
}
	
body {
	margin: 0; 
	padding: 0;
    font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#333333;	
	background-color:white;
	width:100%;
	height:100%;
}

a {
	text-decoration:none;
	color:#000000;
}

a:hover {
    color: var(--kup-rust-red);
}

/********************************************/
/* Hier wird dynamisch die Farbe gewechselt */
/********************************************/
.header
    {
	height:61px;
	overflow:visible;
    min-width:1000px;
    }

#topNavi{
	width:1000px;
	margin:auto;	
}

.topLogo
    {
	float:left;
	display:block;
	width:199px;
    height:61px;
    }

#Logo_1
    {
	display:block;
    width:auto;
	padding-top:2px;

	color:#FFFFFF;
    font-family: 'Open Sans', sans-serif;
	font-size:20px;
	text-align:center;		
    }

#Logo_2
    {
    display:block;
    width:auto;
	padding-top:4px;
	padding-bottom:10px;

	color:#FFFFFF;
    font-family: 'Open Sans', sans-serif;
	font-size:12px;	
	text-align:center;		
    }

#imgMuseumsuferLogo,#imgFrankfurtCulture,#imgKUFTI,#imgFrankfurtLogo,#imgLogo
    {
    border-width:0px;
    }

.topMainNavi
    {
	float:left;
	display:block;
	width:600px;
    }

.topMainNavi ul
    {
	list-style:none;
    }

.topMainNavi li
    {
	float:left;
	display:block;
	margin-left:1px;
	margin-bottom:1px;
    }

.topMainNavi li div
    {
    }

/* Hauptmenu */
.topMainNavi li a
    {
	display:block;
	color:#FFFFFF;
    font-family: 'Open Sans', sans-serif;
	font-size:12px;	
	width:99px;
	height:22px;
	padding-top:6px;
	padding-bottom:2px;
	text-align:center;		
    }

.topMainNavi li a:hover
    {
	background-color:white;
    color:black;
    }

.topMainNavi li.mainNaviActive a
    {
    background-color:white;
    color:gray;
    }

#topAboutMetaHolder
    {
	float:left;
	display:block;
	width:201px;
    }

#aboutNavi
    {
    }

#aboutNavi ul
    {
	list-style:none;
    }

#aboutNavi li
    {
	float:left;
	display:block;
	margin-left:0px;
	margin-bottom:1px;
    }

#aboutNavi li a
    {
	display:block;
	color:#FFFFFF;
    font-family: 'Open Sans', sans-serif;
	font-size:12px;	
    width:auto;
	height:22px;
	padding-top:8px;
	text-align:center;			
    }

#aboutNavi li a.aboutNaviItem0
    {
    width:125px;
    }

#aboutNavi li a.aboutNaviItem1
    {
    width:74px;
    }

#aboutNavi li a:hover
    {	
	background-color:#140000;
    }

#aboutNavi li.aboutNaviActive a
    {
    background-color:#140000;
    }

/* Navigation oben rechts unten */
.metaNavi
    {
    width:201px;
    height:31px;
    }

.metaNavi ul
    {
    margin:auto;
    display: flex;
    }

.metaNavi li
    {
    float:left;
    width:33.3333%;
    display: flex;
    justify-content: center;
    }

.metaNavi li a
    {
	display:block;
	color:#FFFFFF;
    font-family: 'Open Sans', sans-serif;
	font-size:10px;	
	height:22px;
	padding-top:8px;
    }

.metaNavi li a:hover
    {	
	color:#A39697;
    }

.metaNavi li.metaNaviActive a
    {
    color:#A39697;
    }
/********************************************/
/********************************************/
/********************************************/
.contentContainer
{
    position:relative;
   	width:1000px;
	margin:auto;	
	padding:0px;
		
    min-height:670px;
    height:auto !important;
    
    border-bottom:solid 1px #000000;
    background-color:#FFFFFF;
    background-repeat:no-repeat;
}

.mainContent
{
    float:left;
    display:block;
    
    margin-left:50px;
    width:545px;
    margin-right:40px;
    margin-top:14px;
}

h1 
{
    margin:0px;
    padding:0px;
    font-family: 'Open Sans', sans-serif;
    font-size:22px;
    padding-bottom:18px;
    border-bottom:solid 1px #ADA590;
    font-weight:normal;
}

h2 
{
    margin:0px;
    padding:0px;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    margin-bottom:6px;
}

/*
.mainContent ul li
{
    margin-left:15px;
    line-height:18px;
}
*/

.sideNavi
{
    /* Hiermit wird die sideNavi sichtbar */
    position:relative;
    width:345px;
    margin-top:14px;
    margin-bottom:10px;
}

.sideNaviSmaller
{
    min-height:537px;
    height:auto !important;
}

.sideNaviTaller
{
    min-height:586px;
    height:auto !important;
}

.sideNavi ul.sideNavi_ul{
	list-style:none;
}

.sideNavi ul.sideNavi_ul li{
	margin-bottom:4px;	
}

.sideNavi ul.sideNavi_ul li a
{
	display:block;
	background-color:#EDEBE7;
    font-family: 'Open Sans', sans-serif;
	font-size:11px;		
	
	width:327px;	
	color:#333333;
	padding: 3px 9px;
}

.sideNavi ul.sideNavi_ul li a:hover
{
	background-color:#ADA590;
}

.sideNavi ul.sideNavi_ul ul
{
    list-style:none;
}

.sideNavi ul.sideNavi_ul li.sideNaviActive a
{
    background-color:#ADA590;
}

.sideNavi ul.sideNavi_ul li.sideNaviActive ul
{
    margin-top:4px;
}

.sideNavi ul.sideNavi_ul li.sideNaviActive li a
{
    background-color:#EDEBE7;
    padding-left:26px;
    width:310px;
}

.sideNavi ul.sideNavi_ul li.sideNaviActive li a:hover
{
    background-color:#ADA590;
}

.sideNavi ul.sideNavi_ul li.sideNaviActive li.sideSubNaviActive a
{
    background-color:#ADA590;
}

.sideNaviAdditionalContainer
{
    margin-top:40px;
    background-color:#EDEBE7;
	width:327px;	
	color:#333333;
	padding: 9px 9px;	
}

.presseKontakt
{
    line-height:18px;
}

.bigBtn a
{
	display:block;
	background-color:#EDEBE7;
    font-family: 'Open Sans', sans-serif;
	font-size:11px;		
	
	color:#333333;
	padding: 3px 9px;
}

.bigBtn a:hover
{
	background-color:#ADA590;
	color:#333333;
}


/* Logo Container rechts unten */
.KUFTILogoContainer
{
    float:left;
    display:inline;
    overflow:hidden;   
}

.KUFTILogoContainer img
{
     width:224px;
     height:78px; 
}

.FrankfurtCultureLogoContainer
{
    float:right;
    display:inline;
    overflow:hidden;   
}

.FrankfurtCultureLogoContainer img
{
     width:93px;
     height:94px; 
}

.museumsuferLogoContainer img
{
     width:126px;
     height:94px; 
}

.museumsuferLogoContainer
{
    float:left;
    display:inline;
    overflow:hidden;
    height:94px;
    margin-bottom:5px; 
}

.logoContainer
{
    float:left;
    display:inline; 
    overflow:hidden;          
}

.logoContainer img
{
     width:224px;
     height:auto; 
}



/* Navi unten*/
#bottomNaviContainer
{   
    width:1000px;
	margin:auto;
}

#bottomNavi
{
    float:right;
    display:inline;
    margin-top:4px;
    margin-right:0px;
}

#bottomNavi ul
{
	list-style:none;
}

#bottomNavi li
{
	float:left;
	display:inline;
    margin-bottom:4px;		    
}

#bottomNavi li a
    {
	display:block;
    font-family: 'Open Sans', sans-serif;
	font-size:11px;	
    font-variant:small-caps;
	color:#333333;
	margin-left:8px;
    }

#bottomNavi li a:hover
    {
	color:#000000;
    font-weight:bold;
    }

.clearfix
{
	clear:both;
    font-size:0;
    line-height:0;
	height: 0px;
	width:0px;
	visibility: hidden;
	overflow:hidden;
}

.hidden
{
    display:none;
}

.invisible
{
    visibility:hidden;
    height:0px;
    width:0px;
    line-height:0px;
    font-size:0px;
    overflow:hidden;
}

.invisibleKeepSize
{
    visibility:hidden;
}

.floatLeft
{
    float:left;
    display:inline;    
}

.floatRight
{
    float:right;
    display:inline;    
}

table 
{
    line-height:18px;
    width:100%;
}

.DV_contentHolder p
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

.DV_contentHolder a
{
	text-decoration: underline;
}

/* Tauser 28.7.2010, 16.10.2010 */

.FunktionsLeiste
{
    margin-top:25px;	
    margin-bottom:25px;
}

.FunktionsLeisteDetail
{
/* 
 margin-top:-25px;
 */
}

.ShadowBlock
{
	background-color:#EDEBE7;
    font-family: 'Open Sans', sans-serif;
	font-size:11px;
	color:#333333;
	text-align:center;
	vertical-align:middle;
}

.ShadowBlock a
{
	text-decoration:none;
}

.SocialBookmarks 
{
    margin-top:0px;
}

.SocialBookmarksImg 
{
    margin-top:2px;
    height:20px
}

/* ---- MUF ÜBERGANGSBUTTON ---*/
div.muf-info
{
    background-color: #ecebe7;
}

div.muf-info a
{
    padding: 14px;
    background-position: center bottom;
    background-repeat:no-repeat;
    display:block;    
}

div.muf-info h1
{
  border-bottom:0px;
  padding-bottom:12px;
  margin-top:12px;
}

div.muf-info img
{
  width:100%;
}

div.muf-info a:hover p
{
   color: #000;
}

#StartseitenGalerie
{
    position: absolute;
    height: 670px;
    width: 1000px;
    overflow: hidden;
}

/* Highlights Aktuell auf Startseite Home */
.HL_mainContent
{
    margin:0px;
    padding:0px;
    width:auto;
    position:relative;
}

.HL_main
{
    display:inline;
    float:right;
    width:345px;
}

.HL_mainStart
{
    margin-top:14px;
    margin-bottom:20px;
    margin-right:20px;
}

.HL_mainRubriken
{  
    margin-top:2px;
}

.HL_main a
{
    color:#333333;
}

.HL_main a:visited
{
    color:#333333;
}

.HL_main a:hover
{
    color:#333333;
}

.HL_main a:active
{
    color:#333333;
}

.HL_SideLogo
{
    position:absolute;
    margin-left:756px;
}

.HL_SideLogoUpmost
{
    top:444px;
}

.HL_SideLogoUpper
{
    top:525px;
}

.HL_SideLogoLower
{
    top:624px;
}

.HL_main div.HL_title
{
	background-color:#EDEBE7;
    font-family: 'Open Sans', sans-serif;
	font-size:11px;
	width:327px;
	color:#333333;
	padding: 4px 8px 4px 10px;
	margin-bottom:4px;
}

.HL_main ul
{
    list-style-type:none;
}

.HL_main ul li
{
    display:inline;
    float:left;
    margin-bottom:4px;
    background-color:#EDEBE7;
    width:327px;
    padding:9px;
    cursor:pointer;
}

.HL_main div.HL_imgContainer
{
    display:inline;
    float:left;
    overflow:hidden;
}

.HL_main div.HL_textContainer
{
    display:inline;
    float:left;
    margin-left:15px;
    width:230px;
    height:57px;
    overflow:hidden;
}

.HL_main div.HL_textContainer div.HL_rubrik
{
    font-family: 'Open Sans', sans-serif;
    font-size:15px;
    margin-top:-5px;
    margin-bottom:-1px;
}

.HL_main div.HL_textContainer div.HL_contentTitle
{
    font-family: 'Open Sans', sans-serif;
    font-size:11px;
    line-height:13px;
}   

.HL_main div.HL_textContainer div.HL_contentTitle a
{
    font-weight:bold;
}

.HL_main div.HL_textContainer div.HL_contentText
{
    font-family: 'Open Sans', sans-serif;
    font-size:11px;
}

/*************************/
/* Für den Cookie Banner */
/*************************/

/* Hide the browser's default checkbox */
.checkbox-cookie-banner input {
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
    border: 3px solid var(--kup-rust-red);
    border-radius: 4px;
    background-color: #eee;
    margin-left: 15px;
    margin-top: 15px;
}

/* On mouse-over, add a grey background color */
.checkbox-cookie-banner:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-cookie-banner input:checked ~ .checkmark {
    background-color: var(--kup-rust-red);
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  position:relative;
  float:left;
  content: "";
  display: none;
}

/* Show the checkmark when checked */
.checkbox-cookie-banner input:checked ~ .checkmark:after {
  display: none;
}

/* Style the checkmark/indicator */
.checkbox-cookie-banner .checkmark:after {
  position:relative;
  float:left;
  left: 7px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#check11 {
    position: relative;
    left: 1em;
    top: -1.4em;
}
#check12{
    position:absolute;
    left:28.5em;
    top:11.7em;
}
#check13{
    position:absolute;
    left:55.5em;
    top:11.7em;
}

#cookie-popup-container {
    width:1000px;
    margin:auto;
    }

.cookie-popup-1 {
    display:none;
    position:fixed;
    z-index:10;
    margin:auto;
    text-align:left;
    bottom: 0;
    width:1000px;
    background-color: #ffffff;
    box-shadow: 0 -4px 6px rgba(50,50,93,.11), 0 -1px 3px rgba(0,0,0,.08);
    }

.Cookie-GM h1 {
    font-size: 1.04em;
    font-weight: bold;
    margin-bottom: 0.5em !important;
    border-bottom:none;
    padding-bottom:unset !important;
}

.Cookie-GM p {
    font-size: 1em;
    }

.Cookie-GM a {
    font-size: 1em;
    font-weight:bold;
    }

.Cookie-YT {
/*
    background-image:url("/Images/film-145099_640.png");
    background-size: cover; */
    background-color: #edebe7;
    padding:20px;
}

.Cookie-YT h1 {
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0.5em !important;
    border-bottom: none;
    padding-bottom: unset !important;
    color: black;
}

.Cookie-YT p {
    font-size: 1em;
    }

.Cookie-YT a.yt-activate {
    display: flex;
    font-size: 1.3em;
    font-weight: bold;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

.Cookie-YT a.yt-datenschutz {
    font-size: 1em;
    font-weight: bold;
    text-decoration:underline;
}

.Cookie-YT a div {
    display: flex;
    align-items: center;
    margin: auto;
}

.Cookie-YT a div img {
    width: 2em;
    margin: 1em 0em 1em 0.5em;
}

.cookie-links-1 a, .cookie-links-2 a {
    margin: 15px;
    position: relative;
    float: left;
    text-decoration:underline;
}
.cookie-links-1 a {
    margin:  15px 15px 15px 0px;
    position: relative;
    float: left;
    text-decoration:underline;
}

.cookie-links-1 {
    margin-top: 2em;
    border-top: 1px solid lightgray;
    margin-left: 2em;
    margin-right: 2em;
}

.cookie-weiter-1 a, .cookie-weiter-2 a {
    margin: 15px;
    position: relative;
    float: right;
}

.button {
    display:block;
    width:150px;
    height:22px;
    padding:10px;
    text-align:center;
    border-radius:5px;
    font-weight:bold;
    font-size:1.2em;
}

#cookie-button-all{
    background:black;
    color:white;
}
#cookie-button-save{
    background:gray;
    color:black;
}

.cookie-popup-headline h1 {
    font-size: 2em;
    font-weight: bold;
    padding-bottom: unset;
    border-bottom: unset;
    margin-top:1em;
    margin-bottom: 0.5em;
    margin-left:1em;
}

.cookie-popup-headline p {
    font-size: 1.4em;
    font-weight:normal;
    margin-top:0.5em;
    margin-bottom:0em;
    margin-left:1.5em;
    margin-right:1.5em;
    padding-bottom:1.5em;
    border-bottom: solid 1px lightgray;
    }

.cookie-popup-1 .cookie-popup-headline p {
    margin-bottom:1em;
    }

    .checkbox-cookie-banner h1 {
        font-size: 1.2em;
        padding-bottom: unset;
        border-bottom: unset;
        font-weight: bold;
        margin-top: 0.1em;
        margin-bottom: 0.5em;
        margin-left: 2.5em;
        white-space: nowrap;
    }

.checkbox-cookie-banner p {
    font-size: 1.2em;
    font-weight:normal;
    margin-top:0.5em;
    margin-bottom:0.2em;
    margin-left:4em;
    margin-right:2em;
}

} /* End media screen > 992 */

@media only printer {
#header
{
	display: none;
}

.sideNavi 
{
	display: none;
}

#bottomNaviContainer
{
	display: none;
}

/* Tauser 16.10.2010 */
.contentContainer
{
   	width:800px;
  	margin:0px;	
  	padding:0px;	
		   
    border-bottom:solid 1px #000000;
    background-color:#FFFFFF;
    background-repeat:no-repeat;
    /* background-position:0px 1px; */
}
.addedByMedienGalerie
{
    display:none !important;
}

} /* End media printer */