/*.bunch-element {*/
    /*width: 100%;*/
    /*display: table;*/
    /*margin: 0 0 15px 0;*/
    /*padding: 0;*/
/*}*/
.bunch-text {
    position: relative;
    border:#eee solid 2px;
    padding: 0;
}
.bunch-text-padding {
    padding: 1.5em;
    color: #666;
}
.bunch-text h3 {
    font-variant: small-caps;
    font-size: 26px;
    margin: 0;
    font-weight: bold;
}
.bunch-text h4 {
    padding: 0.5em 0 1.5em 0 ;
    margin: 0;
}
@media (min-width: 481px) {
    .bunch-text a.btn,
    .bunch-text a.btn:hover {
        padding-left: 0;
    }
}
.bunch-text p,
.bunch-text h4 {
    /*font-family: 'Noto Sans', Arial, Helvetica, sans-serif;*/
    font-size: 12px;
}
/*.bunch-image {*/
    /*position: relative;*/
    /*min-height: 18em;*/
    /*border:#eee solid 0;*/
    /*background: no-repeat center center #eee;*/
    /*-webkit-background-size: contain;*/
    /*-moz-background-size: contain;*/
    /*background-size: contain;*/
/*}*/
.bunch-promos {
    position: absolute;
    top:0;
    left:0;
    z-index:2;
    display: table;
    border-collapse: separate;
    border-spacing: 1px 0;
}
.bunch-promos .bunch-promo {
    display: table-cell;
    vertical-align: middle;
    padding: 0.75em;
    text-align: center;
    color: white;
    /*font-family: 'Noto Sans', Arial, Helvetica, sans-serif;*/
    font-size: 10px;
    height: 3.2em;
    line-height: 1.1em;
    text-transform: uppercase;
    background: var(--kummel-color);
    color: white;
}
.bunch-promos .bunch-promo.bunch-promo-light {
    background: #ccc;
    color: var(--kummel-color);
}
.bunch-promo strong {
    font-size: 1.2em;
}


/*Inizio nuovo style component Bunch*/

.col-bunch.bunch-image {
    width: 20%;
    position: relative;
    min-height: 252px;
    float: left;
    border: 1px solid #eee;
    background: no-repeat center center #fff;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
}


.col-bunch.bunch-text {
    width: 80%;
    position: relative;
    float: right;
    border: #eee solid 1px;
    min-height: 252px;
    height: 100%;
}

.bunch-element {
    padding-left: 10%;
    padding-right: 10%;
    height: 100%;
    min-height: 252px;
}

@media (max-width: 980px) {
    .bunch-element {
        padding-left: 0%;
        padding-right: 0%;
    }
}

@media (max-width: 770px) {

    .col-bunch.bunch-image {
        width: 100%;
        position: relative;
        height: 100% !important;
        background-color: white;
        float: left;
        border: #eee solid 2px;
    }


    .col-bunch.bunch-text {
        width: 100%;}

}

.copyright {
	font-size: 16px;
    position: relative;
    top: -6px;
    left: -3px;
}