val3.bg_green{background-color: #90C960;}
.font_green{color: #90C960;}

.bg_white{background-color: #FFFFFF;}
.font_white{color: #FFFFFF;}

.bg_dark{background-color: #31374C;}
.font_dark{color: #31374C;}

.bg_red{background-color: #FFEDE8;}
.font_red{color: #86292B;}



/* ==|== primary styles =====================================================
   Author: moxi
   ========================================================================== */

body{
    font-family: 'Open Sans', sans-serif !important;
    color: #31374C !important; /*dunkelblau*/
    font-size: 16px !important;
    background-color: #fff;
    /*max-width:945px;*/
    padding-right:10px;
    padding-left:10px;
    margin:0px auto;
    min-width: 425px !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

header{
    margin-top:48px;
    /*background-image: url("../pix/blau_verlauf_gross.png");
background-repeat: repeat-y;*/
}

#bymoxi {
    left: 3px;
    position: absolute;
    top: 165px;
    z-index: 1;
    text-align: left;
}

/********** INHALT CSS **********/
/** ALLGEMEIN **/


#logo .logo.with-svg{
    background:url('../pix/Logo_Valeria_Felder_straight.svg') bottom left no-repeat;
    height: 82px;
}

#logo .logo.no-svg{
    background-image:url('../pix/Logo_Valeria_Felder.png');
    background-size: 138px auto;
    background-repeat: no-repeat;     
    height: 80px;
}

.hauptmenu{
    width:auto; 
    float:right;
    margin-top:-21px!important; /* -17.5px*/
}

.row{
    max-width:935px;
}

.columns{
    padding-left:0rem !important;
    padding-right:0rem !important;
}

a{
    font-family: 'Open Sans', sans-serif !important;
    font-weight:400;
    color:black;
    text-decoration: underline;
}

a:hover{
    color:#dd5555 !important;
}

/* filtre portfolio */
.filter-desktop{
    font-weight:400;
    text-align:left;
    margin-top:15px;
    margin-bottom:60px;
}

/* kontakt block */
.kontakt-block{
    background-color:black;
    text-align:center;
    height: 52px !important;
}

.kontakt-block:hover{
    background-color:#DD5555;
}

.kontakt-block a{
    display:block;
    color:white !important;
    text-transform:uppercase;
    font-weight:600;
    text-decoration:none !important;
    width:100%;
}

/* FILTRE */
.cbp-filter-item{
    cursor:pointer;
    color:#999999;
    display:inline;
    margin-right:30px;
    font-size:18px !important;
    font: 400 18px/55px "Open Sans", sans-serif !important;        
}

.kollaborationen .cbp-filter-item-active{
    color:black;
}

.cbp-filter-item:hover{
    color:#dd5555;
}

.cbp{
    margin-bottom: 40px;
}

.cbp a {
    transition:color 0.3s ease;
}

.cbp a:hover {
    color:#dd5555;
}

/** END ALLGEMEIN **/

/** MENU **/
.right.meta-site{
    margin-bottom:29px;
    margin-right: -35px !important;
}

.right.meta-site a{
    font-size:15px;
    font-weight: 600;
    text-transform:uppercase;
    text-decoration:none !important;
    color:#999999 !important;
    margin-right:34px;
}

.right.meta-site a:hover{
    color:#dd5555 !important;
}

.right.meta-site a.active{
    color:black !important;
}

.row.meta-nav{
    border-bottom:1px solid #e0e0e0;
}

/** KOLLABORATIONEN **/
.row.kollaborationen{
    min-height: 500px !important;
}

.grid-kollaborationen .cbp-item{
    max-width:100%;
    width:302px !important;
    height:auto;
    border-top: 2px solid black;
    padding: 8px 0 26px !important;
}

.grid-kollaborationen .cbp-item .detail_kollaborationen{
    background-image:url('../pix/arrow.svg');
    height:19px;
    width:19px;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.grid-kollaborationen .cbp-item .detail_kollaborationen:hover{
    background-image:url('../pix/arrow_mouse_on.svg');
    height:19px;
    width:19px;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.grid-kollaborationen .cbp-item .detail_kollaborationen {
    margin-bottom: 1rem;
}

.grid-kollaborationen .cbp-item .image_preview_kollaborationen{
    width:100%;
    height:auto;
}

.grid-kollaborationen .cbp-item .titel{
    font-size:18px;
    font-weight:600;
    color:black;
}

.grid-kollaborationen .cbp-item .haupttitel{
    font-size:28px;
    font-weight:400;
    color:black;
    line-height: 28px;
    margin-bottom: 30px;
}

.grid-kollaborationen .cbp-item .kategorie{
    font-family: 'Neuton', sans-serif !important;
    font-weight:400;
    color:black;
    font-size:16px;
}

.grid-kollaborationen .cbp-item p{
    color:#666666;
    font-size:14px;
    line-height:20px;
}

@media screen and (min-width:1024px) {
	.grid-kollaborationen .cbp-item p {
		max-width:277px;
	}
}

.grid-kollaborationen .cbp-item p strong{
    color:black;
    font-size:14px;
}

.kollaborationen .kontakt-block{
    width:224px !important;
    /*margin-bottom: 28px;
    height: 52px !important;*/
}

.grid-kollaborationen .cbp-lightbox{
    display:block;
}

.grid-kollaborationen .arrow_play{
    height:50px;
    width:auto;
    position:absolute;
    margin-top: 60px;
    margin-left: 38%;    
}

.grid-kollaborationen .arrow_play_vimeo{
    height:50px;
    width:auto;
    position:absolute;
    margin-top: 38px;
    margin-left: 36%;    
}

/** ARBEITEN **/
.row.arbeiten{
    min-height: 500px !important;
}

.filter-mobile{
    display:none;
}

.grid-arbeiten .cbp-item{
    /*max-width:303px !important;*/
    height:auto;
    position:relative;
}




.grid-arbeiten .cbp-item-effet-filtre{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    color:black;
    text-align:center;
    display:none;
}

.grid-arbeiten .cbp-item-effet-filtre .info{
    top:35%;
    position:relative;
    /*height:100%;*/
    text-align: center;                
}

.grid-arbeiten .cbp-item-effet-filtre .info p{
    line-height: 10px;
}

/* pfeil */
.grid-arbeiten .cbp-item-effet-filtre .detail_gehen{
    background-image: url('../pix/arrow.svg');
    height: 19px;
    width: 19px;
    /* background-size: 19px 19px !important; */
    /* margin-bottom: 39px !important; */
    /* margin-top: 20px; */
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    /* display: inline-block; */
    /* margin-top: -0.5px; */
    /* margin-left: 47%; */
    display: block;
    position: absolute;
    top:60%;

    /* display: table-cell; */

}

.grid-arbeiten .cbp-item .detail_gehen_content{
    padding-left:48%;
    height: 100%;
    width: 100%;
    text-align: center;
    margin-top: -47px;
}
/**/


.grid-arbeiten .cbp-item-effet-filtre .titel, .grid-arbeiten .cbp-item-effet-filtre .jahr{
    font-weight:600;
    font-size: 18px;
}

.grid-arbeiten .cbp-item-effet-filtre .kategorie{
    font-family: 'Neuton', sans-serif !important;
    font-weight:600;
    font-size: 15px;
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 10px;
}

.grid-arbeiten .cbp-item:hover .cbp-item-effet-filtre{
    display:block;
    background-color: rgba(235, 237, 239, 0.8);
}

/** DETAIL **/
.row.detail{
    margin-top:57px;
}

.row.detail .detail_zurueck{
    background-image:url('../pix/arrow.svg');
    height:19px;
    width:19px;
    margin-bottom:39px !important;
}

.row.detail .detail_zurueck:hover{
    background-image:url('../pix/arrow_mouse_on.svg');
    height:19px;
    width:19px;
}


.grid-detail .cbp-item{
    width:303px;
    height:auto;
    position:relative;
    margin:0px !important;
    padding:0px !important;
}

.grid-detail .cbp-item .kategorie{
    font-family: 'Neuton', sans-serif !important;
    font-weight:400;
    font-size: 14px;
    color:black !important;
}

.grid-detail .cbp-item .titel{
    font-weight:600;
    font-size: 18px;
    color:black;
    margin-bottom: 18px;
    /*min-width:301px !important;*/
}

.grid-detail .cbp-item .text_detail p{
    font-weight:400 !important;
    font-size: 14px !important;
    color:#999999;
    padding-right:25px;
    line-height:20px;
    word-break: break-word;
}

.grid-detail .cbp-item .text_detail strong{
    color:black !important;
}

.grid-detail .text_detail a {
    color: grey !important;
    text-decoration:underline;
}   

/** CONTACT **/
.row.contact{
    margin-top:57px;
}

.row.contact:after {
    content:" ";
    display:block;
    width:100%;
    height:1px;
    clear:both;
}

.row.contact .contact_zurueck{
    background-image:url('../pix/arrow.svg');
    height:19px;
    width:19px;
    margin-bottom:39px !important;
}

.row.contact .contact_zurueck:hover{
    background-image:url('../pix/arrow_mouse_on.svg');
    height:19px;
    width:19px;
}

.grid-contact .cbp-item{
    width:303px;
    height:auto;
    position:relative;
    margin:0px !important;
    padding:0px !important;
}

.grid-contact .cbp-item .kategorie{
    font-family: 'Neuton', sans-serif !important;
    font-weight:400;
    font-size: 14px;
    color: black;
}

.grid-contact .cbp-item .text_detail{
    font-weight:400;
    font-size: 14px;
    color:#666666;
    /*display: block !important;*/
}

.grid-contact .cbp-item .cbp-item-wrapper{
    /*width:303px !important;*/
}

.grid-contact .cbp-item .cbp-item-wrapper a{
    font-size: 14px;
}

.grid-kollaborationen .cbp-wrapper-outer .cbp-wrapper .cbp-item .cbp-item-wrapper a:hover p.titel {
    color:#dd5555;
}

.grid-contact .cbp-item .text{
    color:#666666 !important;
    font-size: 14px !important;
    /*display: block !important;*/
}

.grid-contact .cbp-item .text a{
    font-weight:400;
    font-size: 14px;
    color:black !important;
}

.grid-contact .cbp-item .text a:hover{
    font-weight:400;
    font-size: 14px;
    color:#dd5555 !important;
}

.grid-contact .cbp-item.links, .grid-contact .cbp-item.mittel, .grid-contact .cbp-item.rechts{
   /* display:block !important;*/
    /*top:0px !important;*/
    /*width:303px !important;*/
  
}


/********** DROPDOWN FILTER ***********/
#filters-container-mobile{
    margin-top:10px;
}

.cbp-l-filters-dropdownWrap{
    background:white !important;
    border:1px solid #E0E0E0;
}
.cbp-l-filters-dropdownHeader{
    color:black !important;
}

.cbp-l-filters-dropdownHeader:after{
    border-color:black transparent !important;
}

.cbp-l-filters-dropdownList .cbp-filter-item{
    border-top:1px solid #E0E0E0 !important;
}

/********** END INHALT CSS **********/

/***** FOOTER *****/
footer{
    padding-top: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}
/* Meta-Nav */




/* TEXT */
h1,h2,h3,h4,h5{
    font-family: 'MavenProBold', Arial, sans-serif !important;
    line-height: 1.2;
}

h1{
    font-size: 1.5rem;
    color: white;
    margin: 0;
}

h2, h3{
    font-size: 1em;
    color :#31374C;
    margin: 0;
    line-height: 1.8rem;
}

h3{
    line-height: 1.3rem;
    margin-bottom: 1rem;
}

.untertitel {
    color: #90C960;
}

p {
    line-height: 1.2;
    margin-bottom: 0.7rem;
}


/* ADAPT TO SHOW 1 COLUMN */
@media only screen and (max-width:510px){
    /* FILTER */
    .filter-mobile{
        display:block;
        width: 100% !important;
    }

    .filter-desktop{
        display:none;
    }

    .cbp-l-filters-dropdownWrap{
        width:100% !important;
    }

    .cbp-l-filters-dropdownList .cbp-filter-item{
        display:block !important;
    }

    .cbp-l-filters-dropdownHeader{
        padding-right:20px;
    }

    .cbp-l-filters-dropdownHeader{
        font:400 18px/55px "Open Sans", sans-serif !important;
    }

    /* KOLLABORATIONEN */
    .kollaborationen .kontakt-block{
        width:auto !important;
    }

    .grid-kollaborationen .cbp-item {
        width:100% !important;
        left:0px !important;
        position:static !important;
    }

    .grid-details .cbp-item {
        width: 100% !important;
    }

    .grid-kollaborationen .arrow_play{
        height:50px;
        width:auto;
        position:absolute;
        margin-top: 32.5%; /* 140px */
        margin-left: 45%;   
    }

    .grid-kollaborationen .arrow_play_vimeo{
        height:50px;
        width:auto;
        position:absolute;
        margin-top: 95px;
        margin-left: 44.5%;   
    }    
    
    /* DETAIL */
    .grid-detail .cbp-item{
        max-width:100% !important;
    }  
}

/* WE DON'T SHOW THE BYMOXI*/
@media only screen and (max-width: 964px){
    #bymoxi{
        display:none;
    } 
}
/***/




/* ==|== print styles ======================================================= */

@media print { 

    * {

        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important; 
        -webkit-print-color-adjust: exact;
    } 
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: ""; }
    abbr[title]:after {content: ""; }

    /* Don't show links for images, or javascript/internal links */

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
    thead {display: table-header-group; /* h5bp.com/t */ }
    tr, img{page-break-inside: avoid; }
    img {max-width: 100% !important; }

    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
    #bymoxi, #langs, #metanav, #form{
        display: none;
    }
    #footer-container, .main aside, #header-container{
        border: none;
    }


    .hide-for-print{
        display:block !important;
    }

    *, body {
        -moz-transform: scale(0.96,0.96); /* Moz-browsers */
        zoom: 0.96; /* Other non-webkit browsers */
        zoom: 96%; /* Webkit browsers */
    }




    .right.meta-site {
        margin-left:205px !important;
        /*border:1px solid black;*/
    }

    a{
        text-decoration: none !important;
    }

    .kontakt-block a{
        display:inline-block;
        color:white !important;
        text-transform:uppercase;
        font-weight:600;
        text-decoration:none !important;
    }


    .kontakt-block{
        background-color:black !important;
        text-align:center;
        height: 52px !important;
        margin-bottom:15px; 
    }    


    .columns.textContent{
        width:600px !important;
    }

    .right.meta-site{
        width: 350px !important;		
    }

}



/* ==|== helper styles =====================================================
   Author: moxi
   ========================================================================== */
.hidden{display: none}
.clear{clear: both}