/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

.ausblenden {
    display:none;

}
.logged-in .ausblenden {
    display:block !important;
}

:focus {
    transition: outline-offset .02s ease;
    outline-offset: 1px;
}

a:focus,
div.logo:focus{
    outline: 2px solid #b17b39 !important;
}


#header-custom-header .container {
    max-width: 1260px;
}

#Footer{
    margin-top: 30px;

}

    #Footer .menu-item {
        padding-top:15px;
    }


.wpforms-submit {
    background-color: #b47d3a !important;
    color: #ffffff !important;
}
div.wpforms-container-full .wpforms-form .wpforms-required-label {
    color: #b47d3a !important;
}

.button-submit-wpform:after{
    background: transparent !important;
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
     color: #FF0000  !important;
    font-size: 16px  !important;
}
.mfp-inline {
    padding: 25px 18px !important;
}

h2 {
 margin-top:40px;   
}

div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    border: 1px solid #000 !important;
}
.wpforms-field-divider {
     height: 50px !important;  
}
@media only screen and (max-width: 768px) {
.wpforms-one-third, .wpforms-one-half, .wpforms-one-fourth, .wpforms-one-sixth {
    width: 100% !important;
        margin-left: 0px !important;
    }
}



/**************
ONLY CSS FOR MENU
 */

.menu-inhaltsaubersicht .icon-new-common{
    display: none;
}

/**********
ONLY CSS FOR FRONTEND LOGIN
 */
.wppb-error{
    border: 1px solid red;
    color: red;
    padding: 5px 10px;
}

.wppb-form-field label,
#wppb-login-wrap .login-username label,
#wppb-login-wrap .login-password label {
    width: 100% !important;
    float: none !important;
}

#wppb-login-wrap .login-remember{
    display: none !important;
}

#wppb-login-wrap input[type=text],
#wppb-login-wrap input[type=password]{
    width: 100% !important;
}

/*********
FRONTEND LOGIN CSS ENDS HERE
 */

.presse-builder-container .desc_img{
    display: none !important;
}

/* Social-Media Menu Icons*/
#Action_bar .social-menu  li.icon-new-common.new-cart-icon {margin-right: 30px !important;}

body.single-tribe_events  .event__left_box {

    min-height: 300px;
}

#Action_bar{
    /*background: #fff !important;*/
}


#Top_bar{
    z-index: 101 !important;
}
#Top_bar.is-sticky .menu_wrapper {
    margin-top: 22px !important;
}

#Top_bar.is-sticky {
    opacity: 1.0 !important;
}

@media only screen and (min-width: 768px){
    .tr-menu.header-fixed #Top_bar:not(.is-sticky) {
        background: #fff !important;
    }
}




#gutscheineForm .column {
    margin-bottom: 10px !important;
}

#gutscheineForm:after{
    display: block;
    clear: both;
    content: '';
}



/***********************
Caption css
 */
.header-right-aligned{
    left: auto !important;
    right: 10px !important;
}

.if-caption-on .wp-caption-text {
    padding: 0px 0px !important;
    width: 89% !important;
    height: 40px;
    text-shadow: 0px 0px 2px black;
}




/********************
RESPONSIVE ANPASSUNG // Dani 14.07.2021
*********************************************
 */
 
@media only screen and (min-width: 960px) and (max-width: 1239px) {
    .section_wrapper, .container, .with_aside .content_wrapper {
        max-width: 1200px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .section_wrapper, .container, .with_aside .content_wrapper {
        max-width: 940px !important;
    }
}





#menu-hauptmenue li.new-cart-icon{
    display: none;
}

.hide-class-temp{
    display: none !important;
    
}
aside:after{
    display: none !important;
}

#Side_slide #menu ul li a {
    margin-left: 20px;
    margin-right:0px;
}
#Side_slide #menu ul li.submenu .menu-toggle {
    left: 0px;
}
#Side_slide #menu ul li.hover > .menu-toggle, #Side_slide a.active, #Side_slide a:not(.action_button):hover {
    color: #000;
}
#Side_slide #menu ul li.current-menu-item > a, #Side_slide #menu ul li.current_page_item > a, #Side_slide #menu ul li.current-menu-parent > a, #Side_slide #menu ul li.current-page-parent > a, #Side_slide #menu ul li.current-menu-ancestor > a, #Side_slide #menu ul li.current-page-ancestor > a, #Side_slide #menu ul li.current_page_ancestor > a, #Side_slide #menu ul li.hover > a, #Side_slide #menu ul li:hover > a {
    color: #000;
}

#Top_bar .menu li ul {
    top: 100% !important;
    left: -14px !important;
    z-index: -205 !important;
    margin: 0;
    /* background-color: rgba(177,123,57,1.0); */
    background-color: rgba(255,255,255,1.0);
}
#Top_bar .menu li ul li {
    width: 230px !important;
}
.menu-musik a:hover span {
    color: #00928f;
}

.sticky-menu-news {
    right: -300px;
    height: 340px !important;
    top: 360px;
    position: fixed;
    z-index: 999999;
    width: 300px !important;
    text-align: center;
    font-weight: 700;
    background: white;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    margin: 0;
    padding: 10px !important;
    background: white !important;
}

.sticky-menu-news:hover {
    right: 0px;
}

.sticky-menu-news #menu-sidebar {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -50px;
    margin-top: 48px;
}

.offnung-zeit-div{
    text-align: left;
    margin-left: -40px;
    position: relative;
    top: 20px;
        font-weight: 400;
}
.sticky-menu-news #widget_mfn_menu-2{
    margin: 0;
    padding: 0;
    left: -50px;
}

.sticky-menu-news:hover a{
    /*background: #395f6f !important;*/
    /*color: black !important;*/
}

.sticky-menu-news a.event__category__reset__text{
    /*background: #395f6f !important;*/
    color: white !important;
}

/*
 #Header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
} 
*/


_::-webkit-full-page-media, _:future, :root .sticky-menu-news { 
    height: 148px;  
    right: -342px;
     /*width: 400px !important;   */
}

_::-webkit-full-page-media, _:future, :root .sticky-menu-news:hover {  
    right: -10px; 
    }


_::-webkit-full-page-media, _:future, :root .sticky-menu-news #menu-sidebar { 
    margin-left: -55px;
    margin-top: 55px;
}



#Action_bar .social-menu li.icon-new-common {
    width: 24px;
    height: auto;
    /*background: red;*/
    margin-right: 6px;
    padding-right: 0;
}

#Action_bar .social-menu li.icon-new-common img{
    position: relative;
    top: 3px;
    max-width: 80%;
}




/*
.sidebar-custom-class{
    padding: 30px;
    background: white;
}
*/

.make-sidebar-sticky aside{
    background: white;
    padding: 30px;
    /*margin-bottom: 20px;*/
    padding-bottom: 5px;
    margin-top: 0;
}


.make-sidebar-sticky aside:after{
    border: 0;
}



.rahmen-preview.column-margin-0px.column{
    position: relative;
    margin-top: -60px !important;
}

.event__time__holder {
    margin-bottom: 15px !important;
}
.event__time__holder h4.event__reset__headline:first-child {
    margin-bottom: 15px !important;
}

#custom_html-9{
    margin-top: 20px;
}

.make-column-full-width{
    padding: 5px;
    width: 102.2%;
    position: relative;
    /*left: -9px;*/
}


.mcb-sidebar:before {
    background: transparent !important;
}




:not(.is-sticky) .sticky-cart-link{
    /*display: none;*/  /*** accessibilty custom **/
}

.is-sticky .sticky-cart-link{
    /*position: absolute;
    right: -15px;
    top: 5px;
    display: block;*/
}



#Top_bar a.responsive-menu-toggle {
    margin-top: -6px !important;
}
.responsive-menu-toggle::before {
    content: "MENÜ";
    font-size: 18px;
    position: absolute;
    left: -60px;
    top: 0px;
    color: #b47d3a;
    background-color: rgb(255, 255, 255);
    height: 34px;
    padding: 6px 8px 4px;
}
/*
ul.make-menu-less-1240 {
    display: flex;
    margin: 0;
    position: absolute;
    right: 45px;
    top: 36%;
}
*/







.is-sticky ul.make-menu-more-1240 {
    top: 10%;
}



ul.make-menu-less-1240 li.kart-icon a{
    line-height: 24px;
}

.event-sidebar-text-area p{
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.tribe_events_cat-allgemeine .event-sidebar-text-area a{
    color: white !important;
}



@media (max-width: 1240px) {
    #Side_slide #menu ul li.icon-new-common{
        display: none !important;
    }

    /* #Side_slide #menu ul li ul li a {
        color: #A6A6A6;
    } */
}

/**************
HEADER SLIDER CSS HERE
***************************
 */
.slider-column-left .image_wrapper{
    background-size: cover !important;
    min-height: 340px;
}

.slider-container-column .slider-column-right{
    display: flex;
    justify-content: center;
    flex-direction: column;  /* <--- I added this */
    align-items: flex-start;   /* <--- Change here */
    height: 100%;
    opacity: 0;
}

.slider-container-column .slider-column-right{
    padding: 40px;
}

.slider-container-column .slider-column-right h2{
    font-size: 36px;
    line-height: 38px;
    font-weight: 400;
    letter-spacing: 1px;
    position:relative;
}



/*********************
CSS ONLY TOP MENU
 */


ul.make-menu-more-1240 li{
    display: inline;
}


ul.make-icon-list-menu {
    /*margin: 0;
    display: flex;
    display: inline-flex;*/
    float: right;
    padding: 10px 0;
}

ul.make-menu-more-1240 {
    /*display: inline-flex;
    padding: 5px 0;
    float: right;*/
    /*margin: 0;
    position: absolute;
    right: 0;
    top: 12%;
    height: 24px;*/
}




ul.make-menu-more-1240 li {
    display:block;
    width:30px;
    float:left;
    margin: 0 2px;
    /*margin-left:2px;*/
    /*border:1px solid #000;*/
}

ul.make-menu-more-1240 li.common-boxed-sized a{
    /*width: 40px;*/
    height: 20px;
}


ul.make-menu-more-1240 a {
    display:block;
    padding:3px;
    text-decoration:none;
    /*background-color:#fff;
    color:#009;*/
}

ul.make-menu-more-1240 a:hover {
    /*background-color:#009;
    color:#fff;*/
}


ul.make-menu-more-1240 li a{
    /*height: 100% !important;
    width: 30px !important;
    padding: 0 0px !important;*/
    font-size: 16px !important;
    line-height: 16px;
}

ul.make-menu-more-1240 li.kart-icon{
    width: 50px;
    position: relative;
}

ul.make-menu-more-1240 li.kart-icon span.total-count{
    position: absolute;
    left: 25px;
    top: -3px;
    background: #b17b39;
    padding: 0px 5px;
    border-radius: 50px;
    line-height: 22px;
    color: white;
}

ul.make-menu-more-1240 li.kart-icon a{
    /*line-height: 20px;*/
    text-align: right;
    background-position: left center;
}

ul.make-menu-more-1240 li.leichte-sprache-icon {
    /*padding-right: 10px;*/
    /*width: auto !important;*/
}


ul.make-menu-more-1240 li.sign-language-icon {
    /*padding-right: 10px;*/
    width: 40px;
}



/*
ul.make-menu-more-1240 li.kalender-icon{
    width: auto !important;
}
 */

li.font-size-icon a {
    background: url("img/icons/Icon_textgroesse.svg") center center no-repeat !important;
}


li.contrast-icon a {
    background: url("img/icons/Icon_leichte_sprache.svg") center center no-repeat !important;
}


li.sign-language-icon a {
    background: url("img/icons/Icon_zeichensprache.svg") center center no-repeat !important;
}


li.icon-barrierfrei{
    position: relative;
}

li.icon-barrierfrei a{
    /*padding-left: 35px;*/
}

.icon-barrierfrei a:before{
    /*display: block;
    width: 24px;
    height: 24px;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url("img/icon-barreirefreiheit.svg") left top no-repeat ;
   */
}

li.barrierfrei-icon a{
    /*margin: 0;
    width: 34px;
    height: 100%;
    text-indent: -99999px;
    display: inherit;*/
    background: url("img/icons/Icon-barreirefreiheit.svg") center center no-repeat;
}

li.kalender-icon a{
    /*margin: 0 5px 0 15px;
    width: 34px;
    height: 100%;
    display: inherit;
    text-indent: -99999px;*/
    background: url("img/icons/Icon-kalender.svg") center center no-repeat;
}

li.kart-icon a{
    /*padding-left: 30px;
    margin: 0;
    width: 34px;
    height: 100%;
    display: inherit;
    line-height: 20px;*/
    background: url("img/icons/Icon-warenkorb.svg") center center no-repeat;
}

li.leichte-sprache-icon a{
    /*padding-left: 30px;
    margin: 0;
    width: 34px;
    height: 100%;
    display: inherit;
    line-height: 20px;*/
    background: url("img/icons/leichte_sprache_normal.svg") center center no-repeat;
}




@media screen and (min-width: 1241px) {
    ul.make-menu-less-1240 {
        display: none;
    }

    ul.make-menu-more-1240{
        /*display: flex;*/
    }

    li.barrierfrei-icon a{
        background-position: center center;
    }


}

@media screen and (max-width: 1240px) {
    /*
        ul.make-menu-less-1240 {
            display: flex;
        }

        ul.make-menu-more-1240{
            display: none;
        }
        */

    ul.make-icon-list-menu {
        float: none;
        padding: 0px;
    }
}

@media screen and (max-width: 768px) {
    .make-column-full-width{ 
        width: 100%;
        position: relative;
        left: 0;
    }

}



/**************************************
CUSTOM HEADER DESIGN CSS
*********************************************
 */
#Content{
    background-color: #f7f7f7;
}

.content_wrapper{
}

#header-custom-header{
    padding: 40px;
    background-color: #f7f7f7;
    position: relative;
    z-index: 0;
}
.header__holder_container,
.header__image_holder{
    position: relative;
}

.header__holder_container:after{
    clear: both;
    display: block;
    content: '';
}
.custom__header__content__holder{
    position: relative;
    right: 0;
    /*top: 150px;*/
    z-index: 100;
    background: white;
    margin-top: -150px;
    min-width: 700px;
    flex-basis: auto; /* default value */
    flex-grow: 1;

}

.header__image_holder{
    min-width: 880px;
    flex-basis: auto; /* default value */
    flex-grow: 1;
}

.custom__header__content__holder__left{
    float: left;
}

.custom__header__content__holder__right{
    float: right;
}

.with_aside .sections_group {
    width: 72%;
}

.aside_right .mcb-sidebar {
    border-color: transparent !important;
}

.mcb-sidebar.sidebar .widget {
    background: white;
    padding: 20px;
}

.with_aside .sidebar.columns {
    /*padding-top:20px;*/
}

.with_aside .sidebar.columns aside:first-child{
    margin-top: 0px;
}


#header-custom-header .column.one{
    margin-bottom: 0 !important;
}


@media screen and (max-width: 960px) {
    .header__image_holder{
        min-width: 100%;
        width: 100%;
    }
    .custom__header__content__holder {
        margin-top: 0px;
        width: 100%;
        min-width: 100%;
    }
}

.alert_icon{
    color: white !important;
}

.alert a.close i {
    color: rgba(255,255,255,.6) !important;
}

.style-simple .alert .alert_icon {
    border-right: 1px solid rgba(255,255,255,.05) !important;
}

.box .alert{
    background: #b47d3a !important;
    color: white;
}

.button-reset-calender{
    font-size: 15px !important;
}

/********************
EVENT CALENDER CUSTOM CSS GOES HERE
*********************************************
 */

 /* <-- 2.04.2024 Information button and box on calendar widget */

#calendar-title-container{
    display: flex;
    justify-content: space-between;
    align-items: start;
}

#calendar-title-container button{
    background-color: white;
    width: 20px;
    height:20px;
    background: url("img/icons/Icon-barreirefreiheit.svg") center center no-repeat;
    cursor: pointer;
    padding:0px;
    margin: 0px;
}

#calendar-title-container button:focus{
    outline: solid 2px #b47d3a !important;
    transition: outline-offset .02s ease;
    outline-offset: 1px;
}

#calendar-title-container #calendar-info-box {
    background: white;
    padding: 10px 5px 30px 5px;
    position: absolute;
    top: 45px;
    width: calc(100% - 40px);
    z-index: 101;
    border: solid 2px #b47d3a;
    -webkit-box-shadow: 0px 7px 6px 0px rgba(0,0,0,0.32); 
    box-shadow: 0px 7px 6px 0px rgba(0,0,0,0.32);
    font-size: 16px;
    line-height: 22px;
  
}

#calendar-title-container #calendar-info-box li {
    padding-bottom: 5px;;
}

#calendar-title-container #calendar-info-box span {
    color: white;
    padding: 0 2px;
}

#calendar-title-container #calendar-info-box span.bg-braun{
    background-color: #b47d3a;
}

#calendar-title-container #calendar-info-box span.bg-grau{
    background-color: #eaeaea;
    color: black;
}

#calendar-title-container #calendar-info-box span.bg-turkis{
    background-color: #00928f;
}

#calendar-title-container #calendar-info-box span.bg-orange{
    background-color: #ff9a32;
}

/* --> */

.custom__column__all__padding{
    padding: 0px 40px 0 40px;
}


/*
.accordion__class__att__custom_padding{
    /*padding:20px 40px 20px;
    padding: 40px 40px 0 40px;
}
*/

.accordion__js__class{
    margin: 0;
    padding: 0;
}

.single__event__organizer__accordion{
    margin: 0 !important;
    padding: 0 !important;
}

.single__event__organizer__accordion .acc_head{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-weight: 600;
    padding-left: 0 !important;
    padding-bottom: 5px !important;
    background: transparent !important;

}

.single__event__organizer__accordion .acc_content{
    padding: 0 !important;
    margin: 0 !important;
    padding-top: 20px !important;
}

.single__event__organizer__accordion .acc_content p{
    padding: 0 !important;
    margin: 0 !important;
    line-height: 24px;
    margin-bottom: 10px !important;
}

.organizer__detail__single span{
    display: block;
    margin-bottom: 0px;
}


.single__event__organizer__accordion.accordionjs .acc_section {
    border-width: 0;
    position: relative;
    z-index: 10;
    margin-top: -1px;
    overflow: hidden;
}


.tribe-events-calendar-list__event-title{
    margin-bottom: 10px;
}

p.p__ticket__price__wrapper{
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-bottom: 15px;
}

a.button.ticket-eventim{
    margin-bottom: 0;
    margin-top: 10px;
}

.one.column.columns__reset__events{
    margin: 0;
    width: 100%;
}

img.img-margin-0px{
    margin: 10px 15px 0 0;
}

body.single-tribe_events .the_content_wrapper{
    margin: auto !important;
}

.event__container{
    margin: 0;
}

ul.events-items-list,
ul.events-items-list li{
    margin: 0;
    padding: 0;
    list-style: none;
}

.event__holder{
    margin: 0;
    /*border: 2px solid #ececec;*/
    display: flex;
    padding-right: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
    background: white;
    padding: 0 0 0 0;
    align-items: center;
    justify-content: stretch;
}

.search__tribe_result__list__container .event__right_box{
    padding-right: 0px !important;
}



.event__holder:after{
    display: block;
    content: '';
    clear: both;
}

.event__left_box{
    display: flex;
    margin: 0;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 40%;
    /*min-height: 300px;*/
    height: 300px;
    background-size: cover !important;
    background-position: center center;
    position: relative;
}

.event-feature-img-with-barrier{
    height: auto;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.event__right_box{
    margin: 0;
    padding-left: 80px;
    /*margin-top: 40px;*/
    position: relative;
    padding-right: 20px;
    width: 100%;
}

.events-items-list .event__right_box{
    padding-right: 0px;
}

.event__right_box h1{
    margin-bottom: 0;
}

.event__right_box h1.tribe__event_title_custom{
    font-size: 34px !important;
    line-height: 38px !important;
    letter-spacing: 0 !important;
}

.event__right_box h2{
    font-size: 30px;
}

.event__right_box h4{
    color: #b47d3a;
}

.event__right_box h4 a{
    padding-left: 0 !important;
}

.event__date_box{
    width: 90px;
    height: 90px;
    position: absolute;
    top: 50%;
    right: -45px;
    margin-top: -45px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #b47d3a;
    text-transform: uppercase;

}
.event__date_box p{
    text-align: center;
    font-size: 30px;
    padding: 0 0px 10px 0;
    line-height: 24px;
    margin: 0;
}

.event__category__reset__background{
    background: transparent !important;
    border-width: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}

.event__category__reset__text{
    color: white !important;
    border-width: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}

.event__category__reset__border {
    padding-bottom: 1px !important;
    border-width: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}



.button-search-style{
    background: transparent !important;
    border: 1px solid #b47d3a !important;
    color: black !important;
}

.form_reset_button_input_margin{
    margin-bottom: 0 !important;
}

.tribe_event_search_blank{
    width: 100%;
    height: 20px;
}

/*
.event__time__holder h4:first-child{
     margin-bottom: 5px !important; 
}
*/
.event__time__holder h4{
     margin-bottom: 0px !important; 
}

.event__copyright__text{
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 10px;
}

.event__copyright__text p{
    margin: 0;
    padding: 0;
    font-size: 9px;
    color: white;
    font-weight:700;
    text-shadow: 0px 0px 2px black;
}

.event__alternet_title{
    position: absolute;
    left: 0;
    bottom: 0;
    background: white;
    margin: 0 10px 0 10px;
}

.event__alternet_title h4{
    font-size: 24px;
    padding: 5px 10px 5px 10px;
    line-height: 26px;
    margin: 0;
    font-weight: 400;
}


#rockfm_form_2 .uiform-main-form {
    /* background: #ffffff; */
    /* box-shadow: 3px 3px 10px #cccccc; */
    /* padding: 20px 17px 20px 17px; */
    box-shadow: none !important;
    padding: 0 !important;
}

.radio-button-class .sfdc-radio{
    margin: 0 !important;
}

.radio-button-class .rockfm-inp2-opt-label{
    position: relative;
    top: -4px !important;
}


#video-section{
    padding-bottom: 40px;
}

/*.video__holder__container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}*/

/*
.video__holder__container .video__item{
    float: left;
    width: 48%;
    margin: 0 2%;
}
*/

.video__holder__container .video__item{
    width: 49%;
}

.video__item {
    position: relative;
    padding-bottom: 26.25%; /* - 16:9 aspect ratio (most common) */
    /* padding-bottom: 62.5%; - 16:10 aspect ratio */
    /* padding-bottom: 75%; - 4:3 aspect ratio */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 10px;
}

.video__holder__container .video_item_full_width{
    width: 100%;
    padding-bottom: 52.75%;
}

.video__item iframe,
.video__item object,
.video__item embed {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*******************
custom Video overlay CSS
 */

.video__item:after{
    clear: both;
    display: block;
    content: '';
}

.video__item .videoTextOverlayContainer{
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.9);
    z-index: 5;
    border: 2px solid #b47d3a;
    height: 100%;
    display: flex;
    padding: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.video__item .videoTextOverlayContainer p{
    font-size: 16px;
    line-height: 18px;
    margin: 0;
    padding: 0;
    text-align: left;
    flex: 0 0 100%;
}

.video_item_full_width .videoTextOverlayContainer p {
    line-height: 26px;
}


.video__item .videoTextOverlayContainer a.onlyLinkOverlay{
    padding: 5px 10px;
    border: 2px solid rgba(177, 123, 57, 0.75);
    text-transform: uppercase;
    background: white;
}


@media (max-width: 1280px) {
    .video__holder__container .video__item {
        margin-top: 0px !important;
    }


    .video_item_full_width .videoTextOverlayContainer p {
        line-height: 18px;
    }

    .video__holder__container .video_item_full_width {
        padding-bottom: 44.75%;
    }
}


@media (max-width: 768px) {

    .video__item .videoTextOverlayContainer p{
        font-size: 78%;
        line-height: 1;
    }

    .content_video.iframe.auto-wh .videoTextOverlayContainer p{
        font-size: 90%;
        line-height: inherit;
    }
}


@media (max-width: 560px) {


    .content_video.iframe.auto-wh .videoTextOverlayContainer p{
        font-size: 80%;
        line-height: 16px;
    }
}


@media (max-width: 480px) {

    .content_video.iframe.auto-wh {
        padding-bottom: 74.25%;
    }

    .video__holder__container .video_item_full_width {
        padding-bottom: 58.75%;
    }

    .videoTextOverlayContainer{
        display: none;
    }

    .content_video.iframe.auto-wh .videoTextOverlayContainer p{
        font-size: 76%;
        line-height: 13px;
    }
}


@media (max-width: 360px) {

    .content_video.iframe.auto-wh {
        padding-bottom: 99.25%;
    }

    .video__holder__container .video_item_full_width {
        padding-bottom: 80.75%;
    }

    .videoTextOverlayContainer{
        display: none;
    }
}




/*

.video__holder__container .video__item:first-child{
    margin: 0 2% 0 0;
}

.video__holder__container .video__item:last-child{
    margin: 0 0 0 2%;
}
*/

.mobile__reset__sidebar__margin{
    margin-left: -5px;
}

a.mobile__button__reset__margin{
    margin-right: 0px !important; ;
}

#Content{
    padding-bottom: 30px;
}







.column.one.reset-column-1300px {
    width: 100%;
}


#tribe__event__no__result .alert.alert_warning{
    margin-bottom: 0 !important;
    background: #b17b39 !important;
    color: #fff !important;
}

#tribe__event__no__result .alert {
    padding: 20px 55px 20px 55px;
}

#tribe__event__no__result i.icon-attention{
    font-size: 40px !important;
}

#tribe__event__no__result .alert_icon{
    display: none !important;
}

#tribe__event__no__result a.close{
    display: none !important;
}

/*
p.event__categoty__link__in__content_padding__reset,
p.event__categoty__link__in__content_padding__reset a{
    padding-left: 0 !important;
}
*/

a.event__categoty__link__in__content_padding__reset,
h4.event__categoty__link__in__content_padding__reset{
    padding-left: 0 !important;
}



.custom__header__content__holder__left h1{
    margin-left: -2px !important;
}
.event-sidebar-text-area h3,
.event-sidebar-text-area h4,
.event-sidebar-text-area h5,
.event-sidebar-text-area h6,
.event-sidebar-text-area p,
.event-sidebar-text-area a{
    color: white;
}

.left__content__inner_area__section{
    padding: 40px 55px 20px 30px
}

.tribe-events-calendar-list h2 a{
    color: #161922 !important;
}

.tribe-events-calendar-list h2 a:hover{
    /*text-decoration: underline;*/
}

.search__single__back_button{
    display: none;
}

.ticket_static_ticket{
    margin-top: 40px;
    background: white;
    font-style: italic;
    line-height: 24px;
    text-align: center;
    font-size: 16px;
    padding: 25px 15px;
    font-weight: 400;
    width: 100%;
    /*margin-left: -5px;*/
}

.ticket_static_ticket strong{
    font-weight: 700;
}

.mobile__reset__sidebar__margin a.mobile__button__reset__margin{
    margin-bottom: 15px !important;
}


 #sc_gallery-1 {
     margin: auto;
 }
#sc_gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 25%;
}
#sc_gallery-1 img {
    /*border: 2px solid #cfcfcf;*/
}
#sc_gallery-1 .gallery-caption {
    margin-left: 0;
}
/* see sc_gallery() in functions/theme-shortcodes.php */





/*
  The grid itself needs only 4 CSS declarations:
*/

.myGallery {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.myGallery img {
    width: 100%;
}


.myGallery .item-icon img {
    width: 60%;
}

.myGallery .item {
    position: relative;
    overflow: hidden;
}

.myGallery .item img {
    vertical-align: middle;
}

.myGallery .caption {
    margin: 10px 5px;
    padding: 0;
    display: block;
    color: rgb(0, 0, 0);
    text-align: center;
    line-height: initial;
}


.new-menu-with-access{
    display: block !important;
}


.event__single__sidebar__right .mcb-wrap-inner{
    display: inline-block;
}





@media screen and (min-width: 1280px) {
    .column.one.reset-column-1300px {
        width: 99.4%;
    }

    .banner__slider{
        max-width: 1250px;
    }

}


@media screen and (max-width: 1280px) {
    .wrap.mcb-wrap.one.column-margin-0px{
        padding:  20px 20px 0 20px !important;
    }

    .widget-area .inner-wrapper-sticky{
        /*right: 5px !important;*/
    }


}

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

    .new-menu-with-access{
        display: none !important;
    }
}



@media screen and (min-width: 990px) {
    .three-fourth.mcb-wrap.force-column-margin-right {
        margin: 0 4% 0 0;
        width: 71%;
    }

}


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

    #Action_bar .container{
        padding-right: 15px !important;
    }

    #Action_bar .column{
        justify-content: end;
        margin-bottom: 10px;
    }
    
    #Action_bar .column { 
        display: flex;
        justify-content: end;
        padding-top: 10px;
        width: 96%;
    }

    .with_aside .sections_group {
        width: 70%;
    }

    .with_aside .sidebar.columns {
        width: 28%;
    }

    .with_aside .sidebar.columns {
        padding-top: 0px;
    }

    .with_aside .sidebar.columns aside:first-child{
        margin-top: 0px;
    }

    .event__left_box {
        max-height: 240px;
    }

    .event__right_box {
        padding-left: 60px;
        padding-right: 0;
    }

}


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

    h2 {
        font-size: 24px !important;
        line-height: 26px !important;
    }

    .event__alternet_title h4 {
        font-size: 20px;
        line-height: 24px;
    }


}



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

    .with_aside .sections_group {
        width: 70%;
    }

    .with_aside .sidebar.columns {
        width: 30%;
    }

    .with_aside .sidebar.columns {
        padding-top: 0px;
    }

    .with_aside .sidebar.columns aside:first-child{
        margin-top: 0px;
    }

    .three-fourth.mcb-wrap.force-column-margin-right {
        margin: 0 5% 0 0;
        width: 70%;
    }

    .three-fourth.mcb-wrap.event__single__content_left{
        width: 60% !important;
        margin: 0;
    }

    .one-fourth.mcb-wrap.event__single__sidebar__right{
        margin-left: 4%;
        width: 36% !important;
    }

}



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

    .left__content__inner_area__section{
        padding: 40px 55px 20px 20px !important;
    }

}





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

    .with_aside .sections_group {
        width: 65%;
    }

    .with_aside .sidebar.columns {
        width: 35%;
    }


    #price-list-table select{
        width: 100%;
    }

    .event__right_box{
        margin: 0;

        position: relative;
        width: 60%;
    }
        
    .sticky-menu-news {
      display:none !important; }


    /* von Dani hinzugefügt, damit Kalender schon bei 900px runter rutscht */
    /*** macht kalender runter bis 768px   *****/
    .with_aside .sidebar.columns {
     /*width: 100%!important;
     clear: both !important; */
    }

}




@media screen and (min-width: 768px) {

    .with_aside .sections_group {
        padding-top: 0;
    }



}


@media screen and (max-width: 1024px) {
    .video__holder__container .video__item{
        width: 100%;
        margin-top: 20px;
    }

    .video__item {
        padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
    }
}


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

    #video-section{
        padding-bottom: 20px;
    }

    .video__holder__container{
        display: block;
    }





    .three-fourth.mcb-wrap.event__single__content_left{
        width: 100% !important;
        margin: 0;
    }

    .one-fourth.mcb-wrap.event__single__sidebar__right{
        margin-left: 0%;
        width: 100% !important;
    }

    .event__right_box h1 {
        margin-bottom: 10px;
    }

    .event__holder {
        margin-top: 20px;
        display: block !important;
        padding-top: 18px;
    }

    .event__right_box{
        padding-left: 0px;
        padding-right: 20px;
        width: 100%;
        margin-top: 15px;
    }

    .three-fourth.mcb-wrap.event__single__content_left{
        width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .one-fourth.mcb-wrap.event__single__sidebar__right{
        margin-left: 0%;
        width: 100% !important;
    }

    .mobile__reset__sidebar__margin{
        margin-left: 0;
    }

    .mobile__only__bg__section{
        background: white;
        padding-bottom: 15px;
    }

    #tribe-events-content {
        overflow: initial !important;
    }
    .columns__reset__events .column_attr.clearfix{
        padding: 0 !important;
        padding-top: 20px !important;
    }

}


ul#menu-hauptmenue-2,
ul#menu-hauptmenue-3{
    display: flex;

}

.sitemap-anywhere-class ul#menu-hauptmenue-2{
    display: block;
}

ul#menu-hauptmenue-2 li,
ul#menu-hauptmenue-3 li{
    flex: auto ;
    font-size: 14px;
    line-height: 20px;
    text-align: left; 
}

ul#menu-hauptmenue-2 li ul li,
ul#menu-hauptmenue-3 li ul li{
    font-weight: 400; 
}


ul#menu-hauptmenue-2 li.menu-item-has-children,
ul#menu-hauptmenue-3 li.menu-item-has-children,
ul#menu-hauptmenue-2 li.menu-item-385,
ul#menu-hauptmenue-3 li.menu-item-385,
ul#menu-hauptmenue-2 li.menu-item-68,
ul#menu-hauptmenue-3 li.menu-item-68{
    font-weight: 600;
}

.menu-hauptmenue-container > ul > li{
    padding: 10px;
}

@media screen and (max-width: 768px){
    
    .mobile-hide-padding-search-result > .column_attr{
        padding:0px !important;
    }

    ul#menu-hauptmenue-2 {
        display: block;
    }

    .menu-hauptmenue-container > ul > li{
        padding: 0px;
    }



    .column_attr.mm-cat-for-hr,
    .column_attr.mm-cat-for-hr > .event__container,
    .column_attr.mm-cat-for-hr > .event__container a{
        padding: 0 !important;
    }
    a.mobile__button__reset__margin .button_icon{
        margin-right: 0 !important;
    }

    .event__right_box .teccc-legend [class*='tribe_events_cat-'] {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .event__single__sidebar__right .teccc-legend [class*='tribe_events_cat-'] {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }


    #tribe-header-caption-container-content{
        padding: 40px 20px 20px 20px !important;
    }

    #header-custom-header > .container{
        padding: 0 !important;
    }
    .event__date_box{
        left: -35px;
        right: inherit;

    }
}

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

    .event__container {
        padding: 0 15px !important;
    }

    .margin-top-start{
        margin-top: 0 !important;
    }

    .mobile-sticky #Top_bar.is-sticky a.responsive-menu-toggle {
        top: 40px!important;
    }

    .event__right_box {
        padding-right: 20px;
    }

    #header-custom-header {
        padding: 40px 30px 0px !important;
    }

}


.day-grid li{
    position: relative;
    border-left: none !important;
    border-right: none !important;
    overflow: hidden;
}

.day-grid li a{
    position: absolute;
    z-index: 5;
}

/*
.day-grid li:after{
    z-index: 2;
    position: absolute;
    content: '';
    border-width: 3em;
    border-style: solid;
    border-left-color: red;
    border-right-color: black;
    border-top-color: red;
    border-bottom-color: black;
}
*/



/*
@media screen and (max-width: 900px) {
    .event__holder{
        display: block !important;
    }
    .with_aside .sections_group {
        width: 99.5%;
    }

}
*/

/*
.event_multiple_posts_category_color{
    background: #ff9a32 !important;
}
*/

/*********************************
this is only cart page checkbox custom checkbox and Radio Button
**********************************
 */
.regular-checkbox{
    position: relative !important;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
    margin-right: 15px !important;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 2.3em;
    font-size: 1.05em;
    line-height: 1.7;
    cursor: pointer;

}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 1.4em;
    height: 1.4em;
    border: 1px solid #aaa;
    background: #FFF;
    border-radius: .2em;
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(180, 125, 58, 0.5);
    -webkit-transition: all .275s;
    transition: all .275s;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '✕';
    position: absolute;
    top: 1.35em;
    left: 0.23em;
    font-size: 1.2em;
    color: #b47d3a;
    line-height: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
}

/* Disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #e9e9e9;
}

[type="checkbox"]:disabled:checked + label:after {
    color: #777;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}

/* Accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
    box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(180, 125, 58, 0.2);
}


[type="radio"]{
    border:2px solid white;
    box-shadow:0 0 0 1px #b47d3a;
    appearance:none;
    border-radius:50%;
    width:12px;
    height:12px;
    background-color:#fff;
    transition:all ease-in 0.2s;

}
[type="radio"]:checked{
    background-color: #b47d3a;
}



.tnp-field [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: relative;
    left: auto; 
    opacity: 1; 
    margin-right: auto;
    
}


.text-line-through{
    text-decoration: line-through;
}

#hauptnavigation,
#footermenu{
    position: absolute;
    left: 0;
    top: -300px;
    z-index: 100;
    width: 240px;
    margin-left: -120px;
    background-color: #b47d3a;
    text-align: center;
    color: white;
    line-height: 120px;
    border-radius: 10px;
    box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
    font-size: 18px;
    font-weight: 600;
}

#hauptnavigation:focus,
#footermenu:focus{
    position: absolute;
    left: 50%;
    top: 48vh;
}


#Top_bar .menu li.open ul{
    display:block !important;
}


#Top_bar .menu a,
ul.make-icon-list-menu a,
a{
    outline: 2px solid transparent;
    outline-offset: 5px;
    transition: outline-offset .2s linear;
}


#Top_bar .menu li a:focus,
ul.make-icon-list-menu a:focus,
a:focus{
    border: 1px solid #b47d3a;
    text-decoration: underline;
    outline-color: currentColor;
    outline-offset: 2px;
}







#my-menu {
    /*margin: 3rem 0;*/
}
#my-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#my-menu li {
    position: relative;
    margin: 0;
    padding: 0;
}
#my-menu button {
    border: 0;
    background: transparent;
    padding: 0;
}
#my-menu button[aria-expanded="false"]:after {
    /*content: "⯆";
    display: inline-block;
    color: #333;*/
}
#my-menu button[aria-expanded="true"]:after {
    /*content: "⯅";
    display: inline-block;
    color: #333;*/
}
#my-menu ul {
    /*background: #efefef;*/
}
#my-menu > ul > li {
    display: inline-block;
}
#my-menu a,
#my-menu button {
    display: block;
    width: 100%;
    padding: 0.25rem 0.25rem;
    text-align: left;
    color: black;
}
#my-menu ul li ul li a,
#my-menu ul li ul li button {
    padding: .5rem 1rem;
    width: auto !important;

}
#my-menu > ul > li > ul {
    position: absolute;
    width: 14rem;
    margin: 0;
    padding: 0;
    background: white;

}
#my-menu ul li ul li {
    display: block;

}
#my-menu [id^="sub"]{

}
#my-menu [id^="sub"] [id^="sub"]{

}
#my-menu [id^="sub"] [id^="sub"] a {
    padding-left: 2rem;
}

#my-menu button:active,
#my-menu button:focus{
    border: 1px solid #b47d3a;
    outline: 2px solid #b17b39 !important;
}

#my-menu button:hover:after{
    opacity: 0 !important;
}















.dropdown-menu > li.more > a {
    padding-left:5px;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;left:100%;
    margin-top:-6px;margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
}

.dropdown-submenu > a:after {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}

.dropdown-submenu:hover>a:after {
    border-left-color:#555;
}

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
    text-decoration: none;
}

@media (max-width: 767px) {

    .navbar-nav  {
        display: inline;
    }
    .navbar-default .navbar-brand {
        display: inline;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color: red;
        background-color: #ccc;
        border-radius: 4px;
        margin-top: 2px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #ccc;
    }

    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid white;
        border-radius: 0;
    }
    .dropdown-menu {
        padding-left: 10px;
    }
    .dropdown-menu .dropdown-menu {
        padding-left: 20px;
    }
    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-left: 30px;
    }
    li.dropdown.open {
        border: 0px solid red;
    }

}


@media (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }
    #navbar {
        text-align: center;
    }
}













.dropdown-menu > li.kopie > a {
    padding-left:5px;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;left:100%;
    margin-top:-6px;margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
}

.dropdown-submenu > a:after {
    border-color: transparent transparent transparent #333;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: " ";
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 5px;
    width: 0;
}

.dropdown-submenu:hover>a:after {
    border-left-color:#555;
}

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
    text-decoration: none;
}

@media (max-width: 767px) {

    .navbar-nav  {
        display: inline;
    }
    .navbar-default .navbar-brand {
        display: inline;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-default .navbar-nav .dropdown-menu > li > a {
        color: red;
        background-color: #ccc;
        border-radius: 4px;
        margin-top: 2px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #ccc;
    }

    .navbar-nav .open .dropdown-menu {
        border-bottom: 1px solid white;
        border-radius: 0;
    }
    .dropdown-menu {
        padding-left: 10px;
    }
    .dropdown-menu .dropdown-menu {
        padding-left: 20px;
    }
    .dropdown-menu .dropdown-menu .dropdown-menu {
        padding-left: 30px;
    }
    li.dropdown.open {
        border: 0px solid red;
    }

}

@media (min-width: 768px) {
    ul.nav li:hover > ul.dropdown-menu {
        display: block;
    }
    #navbar {
        text-align: center;
    }
}




.show-overflow {
    overflow: visible !important;
}

.show-overflow .box-content {
    overflow: visible !important;
}
.new-menu-with-access {
    display:table;
    width:100%;
}
.new-menu-with-access > ul {
    margin: 0;
    padding: 0;
    display:flex;
    /*background-color: #036;*/
    color: #000;
}
.new-menu-with-access > ul > li {
    display:flex;
    /*width: 20%;
    text-align: center;*/
    position:relative;
}
.new-menu-with-access a,
.new-menu-with-access .current {
    flex:1;
    display: block;
    padding: .25em;
    border-color: #E8E8E8;
}
.new-menu-with-access a {
    color: #000;
    text-decoration: none;
    /*border: 1px solid #036;*/
    font-size: 16px;
}
.new-menu-with-access a:hover,
.new-menu-with-access a:focus {
    background-color: #fff;
    color: #000;
   /* border: 1px solid #036;*/
    text-decoration: underline;
}
.new-menu-with-access .current {
    background-color: #bbb;
    color: #000;
    border-color: #444;
}

.new-menu-with-access > ul > li > ul {
    display: none;
    position:absolute;
    left:0;
    right:0;
    top:100%;
    padding:0;
    margin:0;
    /*background-color: #036;*/
    z-index: 10000;
    -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
}

.new-menu-with-access > ul > li.open > ul {
    display:block;
    width: 200px;
    background: white;
    padding: 0 10px;
}

.new-menu-with-access > ul > li > ul a{
   /* border-bottom-width: 1px;*/
}
.new-menu-with-access > ul > li > ul > li{
       line-height:20px;
       margin-bottom: 10px;
}

/*
.new-menu-with-access .has-submenu > a:after {
    margin-left: 5px;
    line-height: 14px;
    content: '';
}
.new-menu-with-access .has-submenu:hover > a:hover:after,
.new-menu-with-access .has-submenu > a:focus:after {
    content: '';
}
*/
.new-menu-with-access .has-submenu button {
    background-color: transparent;
    border: none;
    padding:0;
    line-height: 1;
    /*padding: 3px;*/
    margin-right: 5px;
}

.new-menu-with-access .has-submenu button > span {
    display:inline-block;
    width: 16px;
    height: 16px;
    background: url('img/down-arrow.png') center no-repeat;
}

.new-menu-with-access .has-submenu:hover button > span,
.new-menu-with-access .has-submenu button:focus > span {
    background: url('img/down-arrow.png') #fff;
}

.new-menu-with-access .has-submenu button,
.new-menu-with-access .has-submenu a:focus + button {
    /*background-color: #036;*/
}
.new-menu-with-access .has-submenu:hover button,
.new-menu-with-access .has-submenu button:hover,
.new-menu-with-access .has-submenu button:focus {
    background: #FFF;
   /* border: 1px solid #036;*/
    border-left: none;
}

.new-menu-with-access li:first-child button,
.new-menu-with-access li:nth-child(3) button{
    display: none;
}

.sitemap-anywhere-class li{
    list-style: none !important;
}


ul#menu-hauptmenue-2 {
    /* display: flex; */
}

.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: transparent !important;
    border: 1px solid #b4d39b;
    border-width: 0px !important;
}


/***********
wp-form email CSS
04.05.2023
 ***************/


#wpforms-form-16677 .wpforms-field-address .wpforms-field-large:nth-child(2){
    float: left !important;
    width: 49% !important;
    position: relative;
    z-index: 9;
}

#wpforms-form-16677 .wpforms-field-address .wpforms-field-large:nth-child(3){
    float: right !important;
    width: 49% !important;
    position: relative;
    z-index: 9;
}

#wpforms-form-16677 .wpforms-field-address .wpforms-field-large:nth-child(4) .wpforms-field-row-block{
    width: 100% !important;
    position: relative;
    z-index: 9;
}


/************************
added fro accessability
31.08.2023
 */
.buy-button-with-image{
    padding: 5px 5px;
    max-width: 40px;
}

.buy-button-with-image:hover,
.buy-button-with-image:focus{
    background: black;
}

.remove:hover,
.remove:focus{
    color: black;
    border: 0;
} 


.section-form-checkboxs label{
    user-select: none;
}
/*.section-form-checkboxs input:focus + .wpforms-field-label-inline,*/

.section-form-checkboxs li{
    /*display: inline-flex;*/
}

.wpforms-required-label{
    color: #b47d3a;
}


/***********
reset all header menu sized accessibility
 */

#barrierfrei-container{
    position: absolute;
    right: 0px;
    top: 0px;
}

#Top_bar #logo img.svg {
    /*width: auto;*/
}

div:not(.is-sticky) .menu_wrapper {
    margin-top: 45px !important;
}

/*
#Top_bar.is-sticky {
    height: 125px !important;
}
*/
@media (max-width: 1239px) {
    #barrierfrei-container{
        position: absolute;
        right: 14%;
        top: 35px;
    }

    #Top_bar:not(.is-sticky){
       min-height: 125px;
    }


}

@media (max-width: 768px) {

    #Top_bar:not(.is-sticky) {
        min-height: 100px;
    }

    #Top_bar.is-sticky {
        height: 100px !important;
    }

    #barrierfrei-container{
        position: absolute;
        right: 14%;
        top: 40px;
    }


}

@media (max-width: 500px) {
    /*#Top_bar{
        padding-top: 20px;
    }*/

    #Top_bar:not(.is-sticky) {
        min-height: 120px;
    }

    #Top_bar.is-sticky {
        height: 120px !important;
    }

    #barrierfrei-container{
        position: absolute;
        right: 5%;
        top: 5px;
    }


    #Top_bar .column {
        margin-top: 25px!important;
    }

}

/*********
ONLY LOGO CONTROL FOR RESPONSIVE
 */

#mobile-responsive-add-to-cart-table{
    display: flex;
    flex-wrap: wrap;
}

#mobile-responsive-add-to-cart-table a,
#mobile-responsive-add-to-cart-table div{
    color: black;
    flex: 0 0 100%; /* flex-grow, flex-shrink, flex-basis */
}

#mobile-responsive-add-to-cart-table select{
    width: 100%;
}

.add-to-cart-single-row{
    margin-bottom: 10px;
    background: transparent;
    padding: 10px;
}

.add-ticket-info-label{
    font-weight: 600;
    margin-bottom: 0;
}

.alert_wrapper > *{
    /*flex: 0 0 100%;*/ /* flex-grow, flex-shrink, flex-basis */
}


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

    .add-to-cart-single-row{
        background: #e7e7e7;
    }
}


@media only screen and (min-width: 768px){
    #Top_bar.is-sticky #logo img.logo-sticky {
        max-height: 80px !important;
    }

}




@media (max-width: 767px) {
    .mobile-header-mini.logo-overflow #Top_bar #logo img.logo-mobile,
    .mobile-sticky.logo-overflow #Top_bar.is-sticky #logo img.logo-mobile-sticky {
        /*max-height: 70px !important;
        margin-top: 5px;*/
    }



    .mobile-header-mini.logo-overflow #Top_bar #logo img.logo-mobile{
        margin-top: 5px;
    }

    #Top_bar .logo #logo, #Top_bar .logo .custom-logo-link {
        padding-top: 0px !important;
        margin-left: 0px !important;
    }

}


/* Position sub-labels above form fields 
   @link https://wpforms.com/developers/how-to-position-sub-labels-above-form-fields/
*/
 
/* Address field */
.wpforms-field-address .wpforms-field-row > div, 
/* Time field */
.wpforms-field-date-time .wpforms-field-row > div, 
/* Date field (date picker) */
.wpforms-field-date-time .wpforms-field-row > .wpforms-date-type-datepicker > div, 
/* Date field (date dropdown) */
.wpforms-field-date-time .wpforms-field-row > .wpforms-date-type-dropdown > div,
/* Password with confirmation enabled */
.wpforms-field-password .wpforms-field-row > div,
/* Email with confirmation enabled */
.wpforms-field-email .wpforms-field-row > div {
  display: flex;
  flex-wrap: wrap;
}

.wpforms-field-sublabel{
    font-weight: bold !important;
}
 
/* Address field */
.wpforms-field-address .wpforms-field-row > div input, 
.wpforms-field-address .wpforms-field-row > div select, 
/* Time field */
.wpforms-field-date-time .wpforms-field-row > div input, 
/* Date field (date picker) */
.wpforms-field-date-time .wpforms-field-row > .wpforms-date-type-datepicker > div,
/* Date field (date dropdown) */
.wpforms-field-date-time .wpforms-field-row > .wpforms-date-type-dropdown > div,
/* Password with confirmation enabled */
.wpforms-field-password .wpforms-field-row > div input,
/* Email with confirmation enabled */
.wpforms-field-email .wpforms-field-row > div input {
  order: 2;
  margin-top: 5px;
}

.wpforms-field-name .wpforms-field-row .wpforms-field-row-block{
    display:flex; 
    flex-wrap: wrap;
}

.wpforms-field-name .wpforms-field-row .wpforms-field-row-block > input {
  order: 2;
  margin-top: 5px;
}

.wpforms-field-address .wpforms-field-row .wpforms-error,
.wpforms-field-email .wpforms-field-row .wpforms-field-row-block .wpforms-error,
.wpforms-field-name .wpforms-field-row .wpforms-field-row-block .wpforms-error{
     order: 3;
     width: 100%;
    }

select {
    padding-right: 25px;
    background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55% !important;
}

#wpforms-22509-field_20-container [type="checkbox"]:not(:checked),
#wpforms-22509-field_20-container [type="checkbox"]:checked {
    position: absolute;
    left: 0;
    opacity: 0.01;
    margin-right: 15px !important;
    z-index: 999999;
    width: 26px;
    height: 26px;
}

#wpforms-22509-field_20-container [type="checkbox"]:not(:checked) + label:before,
#wpforms-22509-field_20-container [type="checkbox"]:checked + label:before {
    top: 0px;
}

#wpforms-22509-field_20-container [type="checkbox"]:not(:checked) + label:after,
#wpforms-22509-field_20-container [type="checkbox"]:checked + label:after {
    content: '✕';
    position: absolute;
    top: 10px;
    left: 4px;
}

#wpforms-22509-field_20 .wpforms-field-label-inline{
    padding-left: 30px;
    /*display: flex;*/
    flex-wrap: wrap;
}

#wpforms-22509-field_20{
    position: relative;
}

select.select-quantity {
    width: 80px;
    font-weight: 600;
}

.teccc-legend .event__date_box{
    z-index: 100;
}

div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description{
    font-size: 16px !important;
    background: transparent !important;
    border: none !important;
    padding: 0px !important;
    margin-top: 0px !important;
    height: auto !important;
    overflow-y: initial !important;
    overflow-x: initial !important;
}

/**********
make event page calender on top in mobile.
 */
@media only screen and (max-width: 767px){
    /*.page-id-433 .content_wrapper{
        display: flex;
        flex-wrap: wrap;
    }

    .page-id-433 main.sections_group{
        order: 2;
    }

    .page-id-433 .mcb-sidebar.sidebar.sidebar-1{
        order: 1;
    }*/
}


/* --------------- styles for modal -----------------------*/
button.tooltip-button-custom{
    background-color: transparent;
    margin: 0 0 0 auto;
    padding: 5px 5px 0 5px;
}

button.js-tooltip-close{
    background-color: transparent;
    margin: 0 0 0 auto;
    padding: 5px 5px 0 5px;
}

button.tooltip-button-custom:focus{
    outline: auto !important;
    background-color: rgba(0, 0, 0, 0.25) !important;
    color: #b17b39 !important;
}

button.tooltip-button-custom img{
   width: 30px;
    height: 30px;
}




.invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.hidden { display: none; }


/* needed for old browsers */
dialog {
    display: block;
    border: 0;
}

.simple-left-container,
.simple-left-animated-container,
.left-tooltip-container {
    position: relative;
    display: block;
    text-align: right;
}

.simple-left-tooltip,
.simple-left-animated-tooltip {
    position: absolute;
    z-index: 666;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    background: rgba(255, 255, 255, 1.0);
    border: 1px solid #b17b39;
    border-radius: 0;
    padding: .5em;
    text-align: left;
}

.simple-left-animated-tooltip {
    -webkit-animation: pop ease .5s 1 normal ;
    animation: pop ease .5s 1 normal ;
}
@-webkit-keyframes pop {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes pop {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.simple-left-tooltip__title,
.simple-left-animated-tooltip__title {
    margin: 0;
    line-height: 1;
}
.simple-left-tooltip p,
.simple-left-animated-tooltip p {
    font-size: .9em;
    line-height: 1.2;
}
.simple-left-tooltip__close,
.simple-left-animated-tooltip__close {
    float: right;
    border: 0;
    /** fix typo inputs **/
    font-family: inherit;
    font-size: .8em;
    background: #128197;
    color: #fff;
    border-radius: 1em;
}
.simple-left-tooltip__close:focus,
.simple-left-tooltip__close:hover,
.simple-left-tooltip__close:active,
.simple-left-animated-tooltip__close:focus,
.simple-left-animated-tooltip__close:hover,
.simple-left-animated-tooltip__close:active {
    outline: 1px dotted #fff;
}
.simple-left-tooltip__close:hover,
.simple-left-tooltip__close:active,
.simple-left-animated-tooltip__close:hover,
.simple-left-animated-tooltip__close:active  {
    background: #4d287f;
}


/* tooltip modal */
.left-tooltip-tooltip {
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 667;
    position: fixed;
    width: 25em;
    max-width: 100%;
    padding: .5em;
    /*font-size: 1em;*/
    border: 0;
    animation: fromleft .3s linear;
    background: #ddd; /* fallback IE9 */
    background-image:
            -webkit-linear-gradient(
                    top,
                    #128197 3em,
                    #f7f7f7 3em
            );  background-image:
        linear-gradient(
                to bottom,
                #128197 3em,
                #f7f7f7 3em
        );
}
.left-tooltip-tooltip__close {
    float: right;
    background: transparent;
    color: #fff;
    border: 0;
}
.left-tooltip-tooltip__title {
    font-size: 1.2em;
    margin: 0;
    color: #fff;
    font-weight: normal;
}

@-webkit-keyframes fromleft {
    0%   { width: 0; }
    100% { width: 25em; }
}
@keyframes fromleft {
    0%   { width: 0; }
    100% { width: 25em; }
}



.cc_example {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 700;
    border: 0;
    background: transparent;
    color: #fff;
    text-decoration: none;
    padding: .25em;
}
.cc_example::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 70px;
    height: 70px;
    border: 70px solid transparent;
    border-bottom: 70px solid rgba(18, 129, 151, .85);
    bottom: 0;
    left: -70px;
    z-index: -1;
}
.fixed-tooltip-tooltip {
    position: fixed;
    bottom: 3em;
    left: 3em;
    width: 13em;
    background: #fff;
    z-index: 700;
    border: 1px solid #128197;
    right: auto;
    padding: .5em;
}
.fixed-tooltip-tooltip__close {
    background: transparent;
    border: 0;
    font: inherit;
    float: right;
}
.fixed-tooltip-tooltip__title {
    margin: 0;
}



/* it can be easily adapted in media-queries for tablets/mobile */

/* for this example: tablets */
@media (max-width: 55.625em) {

    .simple-left-container,
    .simple-left-animated-tooltip{
        position: static;
    }
    .simple-left-tooltip,
    .simple-left-animated-tooltip{
        position: static;
        width: auto;
        margin-top: 1em;
    }

}

#js-tooltip-close{
    background: #b47d3a;
    margin: 0;
    padding: 5px 8px;
    line-height: 1;
    font-weight: 600;
}

#js-tooltip-close:focus{
    outline: auto !important;
    background-color: rgba(0, 0, 0, 0.25) !important;
    color: #b17b39 !important;
}

.tooltip-grau{
    background-color: #eaeaea !important;

}

.tooltip-darkorange{
    background-color: #b47d3a !important;
    color: white !important;
}

.tooltip-orange{
    background-color: #ff9a32 !important;
    color: white !important;
}

.tooltip-turkish{
    background-color: #00928f !important;
    color: white !important;
}

/************
22.07.2024
 */

/**********************
Menually added all Category color classes
 */

.button.previous-button{
    margin-right: 10px;
}

.teccc-legend .tribe_events_cat-allgemeine,
.teccc-legend .tribe_events_cat-die-glocke,
.teccc-legend .tribe_events_cat-links-amp-service,
.teccc-legend .tribe_events_cat-tickets-amp-programm{
    background-color: #b47d3a;
    color: #b47d3a;
}

.teccc-legend .tribe_events_cat-glocke-familienkonzert,
.teccc-legend .tribe_events_cat-glocke-ferienprogramm,
.teccc-legend .tribe_events_cat-glocke-impuls,
.teccc-legend .tribe_events_cat-glocke-lesung-mit-musik,
.teccc-legend .tribe_events_cat-glocke-ohrwurm,
.teccc-legend .tribe_events_cat-glocke-sitzkissenkonzert,
.teccc-legend .tribe_events_cat-glocke-sockenkonzert,
.teccc-legend .tribe_events_cat-lernort-glocke,
.teccc-legend .tribe_events_cat-musikvermittlung{
    background-color: #00928f;
    color: #00928f;
}

.teccc-legend .tribe_events_cat-glocke-backstage,
.teccc-legend .tribe_events_cat-glocke-jazznights,
.teccc-legend .tribe_events_cat-glocke-reihen,
.teccc-legend .tribe_events_cat-glocke-sonderkonzert,
.teccc-legend .tribe_events_cat-glocke-spezial,
.teccc-legend .tribe_events_cat-glocke-vokal{
    background-color: #ff9a32;
    /*color: #00928f;*/
}

.teccc-legend .tribe_events_cat-testkategorie{
    background-color: #CFCFCF;
    color: #CFCFCF;
}


.teccc-legend .tribe_events_cat-glocke-backstage,
.teccc-legend .tribe_events_cat-glocke-jazznights,
.teccc-legend .tribe_events_cat-glocke-reihen,
.teccc-legend .tribe_events_cat-glocke-sonderkonzert,
.teccc-legend .tribe_events_cat-glocke-vokal,
.teccc-legend .tribe_events_cat-glocke-spezial{
    color: #ff9a32;
}




  .button_size_1.button-reset-calender {
    transform: scale(1.0);
    line-height: 26px;
}

.header__image_holder .image_wrapper img{
    height: 420px;
    object-position: left;
}

.header-right-aligned {
    right: 0px !important;
}

/*******
added 29-01-2025

make the Month also look the same like Date.
 */
/*
.event__date_box b{
    font-weight: 400 !important;
}*/

/***********
added to fix barrierfrei requirement
 */

.tnp.tnp-subscription input[type="email"] {
    font-size: 24px;
}

.tnp.tnp-subscription input[type=checkbox] {
    width: 24px;
    height: 24px;
    top: 5px;
}

.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form #wpforms-22509-field_5{
    height: 44px !important;
    font-size: 19px !important;
}


#wpforms-22509-field_17{
    font-size: 19px;
}

input[type=checkbox]#wpforms-22509-field_20_1,
input[type=radio]#tax-amount{
    width: 24px;
    height: 24px;
}

#wpforms-22509-field_20 .choice-1.depth-1 label{
    position: relative;
    top: -5px;
}

#get-the-amout{
    height: 44px;
    font-weight: 600;
}

#wpforms-form-16677 input[type="text"],
#wpforms-form-16677 input[type="email"],
#wpforms-form-16677 input[type="tel"],
#wpforms-form-16677 select{
    height: 44px;
    font-size: 19px;
}

div.wpforms-container-full .wpforms-form .wpforms-field-sublabel,
.wpforms-field-limit-text{
    font-size: 16px !important;
}

#wpforms-form-16677 label.wpforms-error {
    font-size: 19px;
    font-weight: 500 !important;
    color: #990000;
    border: 1px solid #990000;
    margin-top: 10px;
    padding: 5px 10px;
}

span.rockfm-inp2-label{
    position: relative;
    top: -5px;
}

#tax-price-added-not-trigger,
#total-price-calculation,
.extra_price_post{
    font-weight: 600;
}
.ticket-form-php i,
.ticket-form-php .remove:hover i{
    color: var(--mfn-clients-tiles-hover);
}

/**********
added 10-04-2025
 */
#wpforms-31099-field_20-container{
    position:relative;
}

#wpforms-31099-field_30 li{
    position:relative;
}

#wpforms-31099-field_30 li input{
    /*visibility:hidden;*/
}

#wpforms-31099-field_30 li label:before{
    top:0px;
}

#wpforms-31099-field_30 li label:after{
    top:11px;
    left: 4px;
}

#wpforms-31099-field_20 li label:after{
    top: 26px;
    left: 4px;
}


@media only screen and (max-width: 768px) {
    #wpforms-22509-field_9-container,
    #wpforms-22509-field_10-container,
    #wpforms-22509-field_11-container,
    #wpforms-22509-field_12-container,
    #wpforms-22509-field_13-container,
    #wpforms-22509-field_14-container,
    .wpforms-field-row-block,
    #wpforms-form-16677 .wpforms-field-address .wpforms-field-large:nth-child(2),
    #wpforms-form-16677 .wpforms-field-address .wpforms-field-large:nth-child(3),
    #wpforms-31099-field_10-container,
    #wpforms-31099-field_11-container,
    #wpforms-31099-field_10-container,
    #wpforms-31099-field_29-container{
        width: 100% !important;
        margin-left: 0px !important;
    }


    /************
    For Buy ticket form
     */

    .section-half-div{
        flex-basis: 100% !important;
        margin-bottom: 10px !important;
    }

    .cart{
        overflow-y: auto;
        word-break: initial;
    }
}