/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */


#after_section_1 {
    border: none;
}
#main > div.container_wrap.container_wrap_first.main_color.fullsize > div > main {
    padding-top: 0px;
}
#header_main {
    border-color: rgb(120, 146, 157);
}
#socket {
    font-size: 14px!important;
}

/* Header login button */
#top .av-menu-button > a .avia-menu-text {
    border-radius: 50px !important;
    background-color: #738F9B !important;
    color: #ffffff !important;
    border-color: #738F9B !important;
    font-size: 18px;
}


#menu-item-47078 > a  {
    margin-left: 0.7em;
}

/* Suchergebnisse */
.search .post-meta-infos {
    display: none;
}


/* Preisrechner .pcal */
.pcal{
    line-height:1.65em;
}
.pcal_button_angebot{
    font-family: 'montserrat', Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 500;
    background-color: #fb7059;
    color: #ffffff !important;
    border-radius: 2px;
    border-width: 0;
    padding: 16px 20px;
    margin-top: .5rem;
    display: inline-block;
    text-transform: none;
    transition: all 0.1s ease-in-out;
}
.pcal_button_angebot:hover{
    background-color: #cd3411;
}

/*
Breadcrumbs
*/
#top .title_container .container{
    width: 100%;
    max-width: 1310px;
    padding:0;
    margin: 0 auto;
    height: 0;
    min-height: 0;
}
#top .title_container .breadcrumb{
    display: block;
    position: absolute;
    left:0;
    padding:18px 10px 10px 50px;
}
@media only screen and (max-width: 767px) {
    #top .title_container .breadcrumb{
        padding: 0;
        top:14px;
    }
}
.title_container .breadcrumb .trail-end{
    color:#f86952;
}
/* hidden on home*/
#top.home .title_container .container{
    display:none;
}
/* top margin for the first content image and the wahllexicon to give space to breadcrumbs. */
body .container_wrap .avia-builder-el-first.avia-image-container,
.avia-image-container:first-child,
.lexikon{
    margin-top: 2.5rem !important;
}

/*
jumbotron overlay
*/
.av-section-color-overlay{
    background-color: transparent !important;
    opacity: 1 !important;
    background: rgba(0,0,0,0) linear-gradient(to right,rgba(255,255,255,1) 30%,rgba(255,255,255,0.95) 40%, rgba(255,255,255,0) 100%) repeat scroll 0 0;
}


/*
Promobox (Tooltipp-Box)
 */
.av_promobox{
    margin: 10px 0 25px;
    line-height:1.3em;
}
.av_promobox .avia-promocontent p:first-child{
    margin: 0;
}
.av_promobox .avia-promocontent p:nth-child(2){
    padding-top: 5px;
}
.av_promobox .avia-promocontent img.alignleft{
    margin: 0 25px 0 0;
}

/*
Online Kurs Formular
 */

#mc_embed_signup {
    ul, li {
        list-style: none;
        padding-left: 0;
        margin-left: 0;
    }
    div.mce_inline_error {
        margin: -15px 0 1em 0 !important;
        background-color: #fb7059 !important;
    }
    .mce-responses,
    #mce-responses{
        margin-bottom:2rem !important;
        font-weight: bold !important;
    }

    .indicates-required{
        text-align: right;
    }
}


/* cta-button */
#top #wrap_all .avia-button{
    font-size: 17px !important;
    /*
    background-color: #f86951;
    border-color: #f86951;
    transition: all 0.4s ease-in-out;
    margin-bottom: 5px;
    margin-right: 5px;
     */
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
    /* Add your Desktop Styles here */
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
    /* Add your Mobile Styles here */
    .av-section-color-overlay{
        background: rgba(0,0,0,0) linear-gradient(to right,rgba(255,255,255,.9) 30%,rgba(255,255,255,0.5) 100%) repeat scroll 0 0;
    }
}