/*
 * Custom Styles added by Martin Gressler
 * */

h1.av-special-heading-tag::before {
    content: '';
    display: block;
    width: 20%;
    height: 0.3em;
	margin-bottom: 20px;
    background-color: #ffe200;
}

/*
 * Custom Styles added by Martin Gressler
 * */

.html_header_top.html_header_sticky #header {
    top: 0;
    padding: 5px 0;
}

@media (min-width: 992px) {
    .html_header_top.html_header_sticky #header {
        top: 0;
        padding: 29px 0 49px;
    }
}

ul.social_bookmarks, #header .header_bg {
    display: none !important;
}

#header {
    background-color: #fff !important;
    background-size: 1px 100%;
    position: fixed !important;
}

#header_main {
    background-color: #fff;
}

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 0 !important;
}

.av_seperator_big_border .av-main-nav > li > a {
    border: none;
    white-space: nowrap;
}

.av_seperator_big_border .av-main-nav > li > a > span {
    text-transform: uppercase;
    font-size: 14px;
    color: #072A41;
    letter-spacing: 0.05rem;
}

.avia-search-tooltip {
    border: none!important;
}

@media only screen and (max-width: 1230px) {
    #top .av_seperator_big_border .avia-menu.av_menu_icon_beside {
        border: none !important;
        padding-right: 0 !important;
    }

    .social_bookmarks {
        display: none !important;
    }
}

@media (min-width: 1230px) {
    .av_seperator_big_border .av-main-nav > li.current-menu-item > a, .mieterstrom-magazin #menu-item-827 > a {
        background: #072a41 !important;
    }

    .av_seperator_big_border .av-main-nav > li > a:hover {
        background: #072a41 !important;
    }

    .av_seperator_big_border .av-main-nav > li#menu-item-2776 > a:hover, .av_seperator_big_border .av-main-nav > li.current-menu-item#menu-item-2776 > a {
        background: #ff9900 !important;
    }
}

#top #menu-item-search, #top #menu-item-search a {
    border: none !important;
    color: #072A41 !important;
}

#menu-item-search .avia-search-tooltip .ajax_search_content .ajax_search_title {
    position: relative;
    margin-top: 8px;
}

#menu-item-search .avia-search-tooltip .ajax_search_content .ajax_search_excerpt {
    display: none;
}

@media (max-width: 1230px) {
    .responsive #top #header_main > .container .main_menu .av-main-nav > li:not(#menu-item-search) > a {
        position: relative;
    }
    .responsive #top #header_main > .container .main_menu .av-main-nav > li:not(#menu-item-search) > a:before {
        content: "";
        width: 40px;
        height: 40px;
        background-color: #072a41;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        overflow: hidden;
        position: absolute;
        top: 20px;
        left: -11px;
    }
    .av-hamburger-box {
        width: 18px !important;
    }

    .av-hamburger-box > span {
        height: 2px !important;
    }

    .av-hamburger-box > span:before, .av-hamburger-box > span:after {
        height: 2px !important;
    }

    .av-hamburger-inner::before {
        top: -5px;
    }
    .av-hamburger-inner::after {
        bottom: -5px;
    }
}

.av_seperator_big_border .av-main-nav > li > a:hover > span, .av_seperator_big_border .av-main-nav > li.current-menu-item > a > span {
    color: #fff;
}

#top .av_seperator_big_border#header .av-main-nav > li > a, #top .av_seperator_big_border#header .av-main-nav > li > div#menu-item-search-event {
    padding: 0 21px;
}

#menu-item-search {
    overflow: visible !important;
}

@media (min-width: 1231px) {
    div#menu-item-search-event {
        line-height: 53px !important;
        height: 53px !important;
        cursor: pointer !important;
    }
}

#top #searchsubmit {
    height: 44px !important;
}

.header_color .avia-tt, .header_color .avia-tt .avia-arrow, .header_color .avia-tt .avia-arrow {
    border: none !important;
}


#top .header_color .main_menu .menu ul {
    width: auto;
    border: none !important;
    background-color: #fff !important;
}

#top .header_color .main_menu .menu ul a {
    border: none !important;
}

#top .header_color .main_menu .menu ul li>a:hover, #top .header_color .main_menu .menu ul li.current-menu-item>a {
    background: #fff;
}

#top .header_color .main_menu .menu ul li a {
    cursor: pointer !important;
    white-space: nowrap !important;
    background: #fff !important;
}

#top .header_color .main_menu .menu ul li>a>span.avia-menu-text {
    display: inline-block;
    position: relative;
    transform: translateX(0);
    font-family: 'IBMPlexSans-Medium';
    transition: ease .15s transform;
    color: #000;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 14px;
    padding-right: 20px;
}

#top .header_color .main_menu .menu ul li>a:hover>span.avia-menu-text, #top .header_color .main_menu .menu ul li.current-menu-item>a>span.avia-menu-text {
    transform: translateX(20px);
    transition-duration: .3s;
}

#top .header_color .main_menu .menu ul li>a>span.avia-bullet {
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 15px;
    width: 16px;
    height: 16px;
    border: none;
    background: url(../images/arrow-forward-dark-blue.svg) center center no-repeat;
    background-size: cover;
    opacity: 0;
    overflow: hidden;
    transform: scaleX(0) translateX(-25px);
    transition: ease .15s all;
}

#top .header_color .main_menu .menu ul li>a:hover>span.avia-bullet, #top .header_color .main_menu .menu ul li.current-menu-item>a>span.avia-bullet {
    opacity: 1;
    overflow: visible;
    transform: scaleX(1) translateX(0);
    transition: ease .3s all;
}

#header_main .logo {
    width: 200px !important;
    height: 75px!important;
    padding-top: 0px;
}

#header_main .logo img {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 1230px) and (min-width: 768px) {
    .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu .av-main-nav > li > a, .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {
        height: 80px;
        line-height: 80px;
        padding: 0 0 0 20px;
    }

}

.av-burger-menu-main > a {
    line-height: 80px!important;
    height: 80px!important;
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1230px) {
    .responsive.html_header_sidebar #top #header{width:27%}
    .responsive.html_header_left #main { margin-left: 27%; }
    .responsive.html_header_right #main { margin-right: 27%; }
    .responsive.html_header_sidebar #header .av-main-nav{ padding: 4% 0; }
    .responsive.html_header_sidebar #header .av-main-nav > li { margin: 0 10%; }
    .responsive.html_header_sidebar #header .av-main-nav > li > a .avia-menu-text{ font-size: 14px; }
    .responsive.html_header_sidebar #header .av-main-nav > li > a .avia-menu-subtext{font-size: 11px; }
    .responsive.html_header_sidebar #header .avia-custom-sidebar-widget-area .widget{padding:10%;}
    .responsive.html_header_sidebar .logo{padding: 10%;}

    /*framed layout*/
    .responsive .av-frame{display:none;}
    .responsive.html_av-framed-box{padding:0;}
    .responsive.html_header_top.html_header_sticky.html_av-framed-box #header_main,
    .responsive.html_header_top.html_header_sticky.html_av-framed-box #header_meta{ margin:0 auto; }
    .responsive #top .avia-post-prev { left: 0px; }
    .responsive #top .avia-post-next { right: 0px; }

    .responsive.html_av-framed-box.html_av-overlay-side .av-burger-overlay-scroll{right:0}

    /* cookie consent */
    .responsive .avia-cookie-consent .container{ padding: 0; }
    .responsive .avia-cookie-consent a.avia_cookie_infolink,
    .responsive .avia-cookie-consent p { display: block; margin-right: 0;}
    .responsive .avia-cookie-consent-button{ margin: 0.5em; }
    .responsive .av-framed-box .avia-cookiemessage-top,
    .responsive .av-framed-box .avia-cookiemessage-bottom { width: 100% !important; left: 0 !important; }
    .responsive .av-framed-box .avia-cookiemessage-bottom{ bottom: 0 !important; }
    .responsive .av-framed-box .avia-cookiemessage-top{ top: 0 !important; }
    .responsive .avia-cookiemessage-top-left,
    .responsive .avia-cookiemessage-bottom-left,
    .responsive .avia-cookiemessage-top-right,
    .responsive .avia-cookiemessage-bottom-right{ width: 35%; }


}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1230px) {

    .responsive .main_menu ul:first-child > li > a { padding: 0 10px; }
    .responsive #top .header_bg { opacity: 1; filter: alpha(opacity=100); }
    .responsive #main .container_wrap:first-child{ border-top:none; }
    .responsive .logo{float:left;}
    .responsive .logo img{margin:0; }

    .responsive.html_top_nav_header.html_mobile_menu_tablet #top .social_bookmarks { right: 50px; }
    .responsive.html_top_nav_header.html_mobile_menu_tablet #top #wrap_all #main{padding-top:0;}

    .responsive.js_active .avia_combo_widget .top_tab .tab{font-size: 10px;}
    .responsive.js_active .avia_combo_widget .news-thumb{display:none;}

    .responsive #top #wrap_all .grid-sort-container .av_one_sixth{ width:33.3%; margin-bottom: 0;}
    .responsive body.boxed#top, .responsive.html_boxed.html_header_sticky #top #header, .responsive.html_boxed.html_header_transparency #top #header{max-width: 100%;}

    .responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_mobile_menu_tablet #main{ padding-top: 88px; }
    .responsive.html_header_top.html_header_sticky.html_bottom_nav_header.html_top_nav_header.html_mobile_menu_tablet #main{ margin-top:0; }

    .responsive #top .av-hide-on-tablet{display:none !important;}

    /*new menu*/
    .responsive.html_mobile_menu_tablet .av-burger-menu-main{display: block;}
    .responsive #top #wrap_all .av_mobile_menu_tablet .main_menu{top:0;  left:auto; right:0; display:block;}
    .responsive.html_logo_right #top #wrap_all .av_mobile_menu_tablet .main_menu{top:0;  left:0; right:auto;}
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item{display:none;}
    .responsive #top .av_mobile_menu_tablet .av-main-nav .menu-item-avia-special{display:block;}
    .responsive #top #wrap_all .av_mobile_menu_tablet .menu-item-search-dropdown > a { font-size: 24px; }
    .responsive #top .av_mobile_menu_tablet #header_main_alternate{display:none;}
    .responsive.html_mobile_menu_tablet #top #wrap_all #header {position: relative; width:100%; float:none; height:auto; margin:0 !important; opacity: 1; min-height:0;}
    .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks{display:none;}
    .responsive.html_mobile_menu_tablet .phone-info{float:none; width:100%; clear:both; text-align: center;}
    .responsive.html_mobile_menu_tablet #top .av-logo-container .social_bookmarks{display:none}
    .responsive.html_mobile_menu_tablet #top .av-logo-container .main_menu .social_bookmarks{display:block; position: relative; margin-top: -15px; right:0;}
    .responsive.html_logo_center.html_bottom_nav_header .av_mobile_menu_tablet .avia-menu.av_menu_icon_beside{height:100%;}
    .responsive.html_mobile_menu_tablet #top #wrap_all .menu-item-search-dropdown > a { font-size: 24px; }
    .responsive.html_mobile_menu_tablet #top #main .av-logo-container .main_menu{display:block;}
    .responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main{padding-top: 88px;}
    .responsive.html_mobile_menu_tablet.html_header_top #top #main {padding-top: 0 !important; margin: 0;}
    .responsive.html_mobile_menu_tablet.html_top_nav_header.html_header_sticky #top #wrap_all #main{padding-top:0;}
    .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu  .av-main-nav > li > a,
    .responsive.html_mobile_menu_tablet #top #wrap_all .av-logo-container {height:90px; line-height:90px;}
    .responsive.html_mobile_menu_tablet #top #header_main > .container .main_menu  .av-main-nav > li > a{
        min-width: 0; padding:0 0 0 20px; margin:0; border-style: none; border-width: 0;
    }
    .responsive.html_mobile_menu_tablet #top .av_seperator_big_border .avia-menu.av_menu_icon_beside{border-right-style: solid; border-right-width: 1px; padding-right: 25px;}

    .responsive.html_mobile_menu_tablet #top #header .av-main-nav > li > a, .responsive #top #header .av-main-nav > li > a:hover{
        background:transparent;
        color: inherit;
    }
    .responsive.html_mobile_menu_tablet.html_top_nav_header .av-logo-container .inner-container{overflow: visible;}


}