/* TYPO  Extra */
@font-face {
  font-family: 'GarageGothicFB';
  src: url('./westlichtfonts/garagegothicfbregular.eot'); /* IE9 Compat Modes */
  src: local('☺'),
         url('./westlichtfonts/garagegothicfbregular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./westlichtfonts/garagegothicfbregular.woff') format('woff'), /* Pretty Modern Browsers */
       url('./westlichtfonts/garagegothicfbregular.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
    }

@font-face {
  font-family: 'GarageGothicFBB';
  src: url('./westlichtfonts/garagegothicfbbold.eot'); /* IE9 Compat Modes */
  src: local('☺'),
         url('./westlichtfonts/garagegothicfbbold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./westlichtfonts/garagegothicfbbold.woff') format('woff'), /* Pretty Modern Browsers */
       url('./westlichtfonts/garagegothicfbbold.ttf')  format('truetype'); /* Safari, Android, iOS */
        font-weight: bold;
        font-style: normal;
        }

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');


.page_intro .text,
#titleinsert,
.sweFontSize1,
.sweFontSize2,
.fontgarage  {

    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 0.1em;
    font-family: 'GarageGothicFB', Arial; }

.page_intro .text strong,
#titleinsert strong,
.fontgarage strong {
    font-family: 'GarageGothicFBB', Arial;
    font-weight: bold;
    }


.sweFontSize2, span.sweFontSize2 {
    font-size: 2.8rem;
    line-height: 3.2rem;
}

.sweFontSize1, span.sweFontSize1 {
    font-size: 5rem;
line-height: 5.6rem;
}

/* TYPO  Extra ––– END  */



body { line-height: 1.8; font-weight: 300; }

strong { font-weight: 700; }

#contentBox > .container
/*,
#contentBox > .container-fluid */ {
    padding-left: 30px; padding-right: 30px;
}

a:hover, a {
    cursor: pointer;
}


#topBox {
    position: fixed;
    top: 0px; left: 0px;
    width: 100%;
    background-color: transparent;
    transition: all 0.5s ease-in-out;
    }

    #titlewrapper { opacity: 0; transition: all 0.5s ease-in-out; }

    #topBox.headscroll {
        background-color: rgba(255,255,255,0.8);
        }
        #topBox.headscroll #titlewrapper { opacity: 1; }

    #topBox .treeMenu .selected a span,
    #topBox .treeMenu a:hover span { text-decoration: underline; }

#mainHeaderContentBox img { width: 80px; height: 80px; }

    .treeMenu a { background-color: transparent;  }


#contentBox {min-height: 100vh;}
#footerBox { padding: 10px; }

#mainBottomBox { padding-left: 0px; padding-right: 0px;  }
    #mainBottomBox .widgetItem:last-child { background-color: white; }

    #homelinkBox, #homelinkBox a { max-width: 95px; width: 95px; }
    #mainnavBox { width: auto; }

/* float nav */

#front_floatmenu {
    position: fixed;
    left: 0px;
    bottom:20px;
    width: 100%;
    z-index: 1050;
    }

    #front_floatmenu .treeMenu li > * a {
        padding: 8px 15px 8px 15px;
        color: white;
        text-align: left;
        background-color: rgba(62,62,64,0.6);
        font-size: 90%;
    }

        #front_floatmenu .treeMenu ul { display: flex; }

        #front_floatmenu .treeMenu ul .nexttolast  { flex: 1; }

        #front_floatmenu .treeMenu li.nexttolast > * a {
                         border-radius: 0px 4px 4px 0px;
            -webkit-border-left-radius: 0px 4px 4px 0px;
               -moz-border-left-radius: 0px 4px 4px 0px;
            }
        #front_floatmenu .treeMenu li > *.firstrow a {
                         border-radius: 4px 0px 0px 4px;
            -webkit-border-left-radius: 4px 0px 0px 4px;
               -moz-border-left-radius: 4px 0px 0px 4px;
            }

        #front_floatmenu .treeMenu li > *.lastrow a {
            background-color: rgba(0,0,0,0.85);

                    border-radius: 4px;
            -webkit-border-radius: 4px;
               -moz-border-radius: 4px;

               margin-left: 15px;
        }

        #front_floatmenu a[target="_blank"]::before {
            content: "\2197 ";
            display: inline-block;
            margin-right: 5px;
            font-size: 100%;

            }

/* footer + float */
#footer_widgets a {
    text-decoration: none;

}

#footer_widgets .widgetList .widgetItem:first-child a {
    color: white;
    font-size: 120%;
    }
    #footer_widgets .widgetList .widgetItem:first-child a::after {
            content: "\2192 ";
            display: block;
            margin-right: 0px;
            font-size: 120%;
            vertical-align: middle;
    }
    #footer_widgets .widgetList .widgetItem:first-child a:hover::after {
        padding-left: 5px;
        }

#footer_widgets .widgetList .widgetItem:last-child a {
    color:#89898d;
    }
    #footer_widgets .widgetList .widgetItem:last-child a:hover { text-decoration: underline; }

    #floatFooter {
        width: 100%;
        background-color: rgba(0,0,0,0.85);

                border-radius: 8px;
        -webkit-border-radius: 8px;
           -moz-border-radius: 8px;

           padding: 20px;
           color: white;

        }



        #floatFooter.mfp-hide { display: block !important; } /* keep visible after close */

        .popupmenu_footer .mfp-content { top:0px; }
        .popupmenu_footer .mfp-container { padding: 10px; }
        .popupmenu_footer #floatFooter { height: calc(100vh - 20px); }

        .popupmenu_footer.mfp-bg { background-color: transparent;  }

/* FRONT EXTRAS */


.row.we_intro { }

.row.we_upnext .widgetItemTitle {
    font-size: 90%; line-height: 1;
    font-family: 'Archivo Narrow', sans-serif;
    }

    .widget_pagebuilder_imgtext2col .content .itemlink a:hover,
    .content .itemlink a:hover {
        background-color: transparent !important;
        color: #3e3e40 !important;
    }

    #widgetContentBottomBox .widgetItem:last-child .itemlink {
        position: absolute;
        right: 0px;
        top:30px;
        }

    .we_sectionteaser .widgetItem .itemlink { padding-top: 0px; }
    .we_sectionteaser .widgetItem .itemlink a {
        color: black;
        opacity: 0.9;
        line-height: 1;
        }


    .we_sectionteaser .widget_pagebuilder_imgtext2col .contentWrapper { padding: 50vh 30px 30px}

    .we_sectionteaser .widgetItem .itemlink a::before {

        } .we_sectionteaser .itemlink a:hover::before { margin-right: 0px; }


    .widgetItem .itemlink { text-align: left !important; }

    .widgetItem	.itemlink a {
        text-transform: none !important;
        text-align: left;
        padding: 0px !important;
        font-size: 90%; line-height: 1;
        border: none !important; }


        .itemlink a::before,
        .exhib_infobox .text p > a::after,
        input.sendMail::after {
            content: "\2192 ";
            display: inline-block;
            margin-right: 5px;
            font-size: 120%;
            vertical-align: middle;
            font-family: 'GarageGothicFB', Arial;
            font-weight: normal;

            }

            .itemlink a:hover::before {
                /* margin-right: 15px; */
            }

    /* extra button bigger */

    .we_intro .itemlink,
    #widgetContentBottomBox .itemlink {
        border:1px solid #3e3e40 !important;
        display: inline-block;
        width: auto;
        padding: 6px 8px 3px 6px!important;
    }


    .we_intro .itemlink a,
    #widgetContentBottomBox .itemlink a {

        font-size: 120%;
    }		.we_intro .itemlink a:hover,
        #widgetContentBottomBox .itemlink a:hover { border-color: #3e3e40 !important;}

    /* list */

    .programmpunkt .contentWrapper {
        padding: 10px 0px 20px 30px !important;
    }

        .programmpunkt .contentWrapper .text { position: relative; padding-top: 0px; }
        .programmpunkt .contentWrapper .text::before {
            content: "\2192 ";
            display: inline-block;
            margin-right: 5px;
            font-size: 140%;
            vertical-align: middle;
            font-family: 'GarageGothicFB', Arial;
            font-weight: normal;

            position: absolute;
            left: -30px; top: -5px;
        }

    .programmpunkt .widgetItemTitle {
        font-weight: 700;
        text-align: left;
        font-size: 0.8em;
        text-transform: uppercase;
        }

    /* exhibition and envent detail */

    .page_intro .text { padding-right: 200px !important;}

    .page_intro .contentWrapper {
        padding: 35px 0px 40px 95px !important;
        color: black !important;
    }

    .exhib_images .contentWrapper {
        padding: 4px 0px 10px !important;
        font-size: 80%;
        color: #ababab;  }


        #titleinsert { font-size: 180%; }
        .exhib_introtext { font-size: 110%; }

        .exhib_infobox .text p > a { text-decoration: none; }
        .exhib_infobox .text p > a::after {
            font-size: 100%;
            display: block;
            text-decoration: none;
        }

    .endzeile, hr {
        border: none;
        border-top: 1px solid #a1a1a1;
        }

        .endzeile { padding-top: 30px; font-size: 80%; padding-left: 50%; }

    /* FORM */

    .swslangdynamic_forms fieldset input:not([type="submit"]) {
        border: none;
        border-bottom:2px solid #3e3e40;
        background-color: transparent;
        }



    #widgetContentBottomBox .swslangdynamic_forms fieldset {}
    #widgetContentBottomBox .swslangdynamic_forms fieldset .outerTable {
        display: inline-block;
        clear: none;
        max-width: 33%;
        float: left;
        padding: 10px;
        }

        #widgetContentBottomBox .swslangdynamic_forms fieldset .outerTable .swTableCell {display:block;}


        .newsletter .swslangdynamic_forms fieldset .button.sendMail {
            border-bottom: none;
              background-color:rgba(0,0,0,0.85); width:auto; margin:10px;
              padding: 10px 20px; font-weight: 700;
            }

        .newsletter .swslangdynamic_forms fieldset .button.sendMail.btnUnsubscribe {
              background-color:rgba(0,0,0,0.20);
              margin-right: 20px;
            }

        input:focus { box-shadow: none !important; -webkit-box-shadow: none !important; }

    /* widgets */

        .widget_pagebuilder_slider .widgetSlide .swiper-slide[onclick]:hover .contentTableWrapper {
            -webkit-backdrop-filter: none;
            backdrop-filter: none;
        }

        .widget_pagebuilder_slider .widgetSlide .swiper-slide[onclick]:hover .contentTableWrapper .contentTable {
            box-shadow: 0 0 0 transparent;
        }

    @media screen and (max-width: 742px) {
        .page_intro .text { padding-right: 0px !important;}
    }

    @media screen and (max-width: 490px) {



        .endzeile { padding-left: 0%; }
        .exhib_images .widgetItem { margin-left: 0px !important; margin-right: 0px !important;  }


        }