/*
Theme Name: KRONE Fisch
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


.fusion-column-wrapper{
        position: relative;
}

.kf_prod_card_home_bg{
        position: absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
     
}
.kf_productslider_home{
        max-width: 2000px;
        margin: auto;
}

.kf_widecontent{
        max-width: 1720px;
        margin: auto;
        
}

.kf_widecontent .fusion-section-separator-svg {
        max-width: 1620px;
        margin: auto;
}
@media only screen and (min-width: 640px) and (max-width: 1700px){
        .kf_widecontent .fusion-section-separator-svg {
                padding: 0 50px !important;
        }
}

.kf_prod_card_home_bg.blue{
        background: linear-gradient(180deg, rgba(45,97,169,0.6) 0%, #172344 100%);
     /*   box-shadow: 0 0 20px 0 rgba(0,0,0,0.19);*/
}
.kf_prod_card_home_bg.green{
        background: linear-gradient(180deg, rgba(68,106,134,0.6) 0%, #133650 100%);
         /*   box-shadow: 0 0 20px 0 rgba(0,0,0,0.19);*/
}
.kf_prod_card_home_bg.bluegrey{
        background: linear-gradient(180deg, rgba(78,110,146,0.6) 0%, #133350 100%);
     /*   box-shadow: 0 0 20px 0 rgba(0,0,0,0.19);*/
}

.fusion-button.button-flat.kf_prod_card_home_btn{
        box-shadow: rgba(0, 0, 0, 0.19) 0px 0px 10px 0px !important;
}


.kf_prod_card_home_bg.lachs{
        background: linear-gradient(180deg, rgba(45,97,169,0.6) 0%, #172344 100%);
     /*   box-shadow: 0 0 20px 0 rgba(0,0,0,0.19);*/
}
.kf_prod_card_home_bg.forelle{
        background: linear-gradient(180deg, rgba(68,106,134,0.6) 0%, #133650 100%);
         /*   box-shadow: 0 0 20px 0 rgba(0,0,0,0.19);*/
}
.kf_prod_card_home_bg.garnele{
        background: linear-gradient(180deg, rgba(78,110,146,0.6) 0%, #133350 100%);
     /*   box-shadow: 0 0 20px 0 rgba(0,0,0,0.19);*/
}
.kf_prod_card_home_bg.makrele{
        background: linear-gradient(180deg, rgba(117,139,164,0.6) 0%, #323B50 100%);
     /*   box-shadow: 0 0 20px 0 rgba(0,0,0,0.19);*/
}


.kf_product_card .kf_product_card_title,
.kf_product_card .kf_product_card_claim,
.kf_product_card .kf_product_card_more{
        z-index:1;
}

/*
        produkt Übersicht
*/

.fusion-filters{

        border:none !important;

}
.fusion-filters .fusion-filter:last-child{
        margin-right:0;
}

.fusion-filters .fusion-filter{
        flex: 1;
        text-align: center;
}
.fusion-filters .fusion-filter a{
        color:#fff !important;
}
.fusion-filters .fusion-filter a[data-filter='*']{
        background-color:#0092DF;
}
.fusion-filters .fusion-filter a[data-filter='*']:before{
        border-top: 20px solid #0092DF;
}

.fusion-filters .fusion-filter a[data-filter='.lachs']{
        background-color:#2D61A9;
}
.fusion-filters .fusion-filter a[data-filter='.lachs']:before{
        border-top: 20px solid #2D61A9;
}


.fusion-filters .fusion-filter a[data-filter='.bio']{
        background-color:#A9C938;
}
.fusion-filters .fusion-filter a:before{
        border-top: 20px solid #A9C938;
}



.fusion-filters .fusion-filter a[data-filter='.makrelen']{
        background-color:#7489A3;
}
.fusion-filters .fusion-filter a[data-filter='.makrelen']:before{
        border-top: 20px solid #7489A3;
}



.fusion-filters .fusion-filter a[data-filter='.garnelen']{
        background-color:#3D5F90;
}
.fusion-filters .fusion-filter a[data-filter='.garnelen']:before{
        border-top: 20px solid #3D5F90;
}



.fusion-filters .fusion-filter a[data-filter='.forellen']{
        background-color:#436985;
}
.fusion-filters .fusion-filter a[data-filter='.forellen']:before{
        border-top: 20px solid #436985;
}


.fusion-filters .fusion-filter.fusion-active a{

        border:none !important;
}
.fusion-filters .fusion-filter.fusion-active{
        position: relative;
        overflow: visible  !important;
}
.fusion-filters{
        overflow: visible  !important; 
}
.fusion-filters .fusion-filter a:before{
        content:"";
        width: 0; 
        height: 0; 
        border-left:15px solid transparent;
        border-right: 15px solid transparent;
        position:absolute;
       
        bottom:-20px;
        left:50%;
        margin-left:-15px;
       

        transition: all 0.3s;
        transform-origin: top center;

        -webkit-transform: scaleY(0);
        -moz-transform: scale(0); 
         -ms-transform: scaleY(0);  
          -o-transform: scaleY(0);  
             transform: scaleY(0);
}
.fusion-filters .fusion-filter.fusion-active a:before{
       display:block;

       -webkit-transform: scaleY(0.5);
       -moz-transform: scaleY(0.5); 
        -ms-transform: scaleY(0.5);
         -o-transform: scaleY(0.5);  
            transform: scaleY(0.5);
}


@media only screen and (max-width: 800px){
        .fusion-filters a{
                line-height: 50px  !important;
        }
        .fusion-filters .fusion-filter a:after{
                content: '';
                position:absolute;

                content: '';
                position: absolute;
                border-style: solid;
                border-width: 1px 1px 0 0;
                border-color:#fff;
                display: inline-block;
                height: 20px;
                width: 20px;
                bottom: -27px;
                left: 50%;
                margin-left: -3px;
                vertical-align: top;

                transition: all 0.3s;
                transition: all 0.3s;
                transform-origin: top center;

                opacity:0;
                
                -webkit-transform: scaleY(0) rotate(135deg);
                -moz-transform: scale(0) rotate(135deg);
                 -ms-transform: scaleY(0) rotate(135deg); 
                  -o-transform: scaleY(0) rotate(135deg); 
                     transform: scaleY(0) rotate(135deg);
        }
        .fusion-filters .fusion-filter.fusion-active a:after{
                
                -webkit-transform:  scaleY(0.7) rotate(135deg);
                -moz-transform:  scaleY(0.7) rotate(135deg);
                 -ms-transform:  scaleY(0.7) rotate(135deg);
                  -o-transform:  scaleY(0.7) rotate(135deg);
                     transform: scaleY(0.7) rotate(135deg);

                     opacity:1;
        }
}



.product_arr_left.fb-icon-element{
        margin:0 min(2vw,70px) 0 0!important;
        min-width:75px !important;
        width:75px !important;
        height:75px !important;
        line-height:75px !important;
}

.product_arr_right.fb-icon-element{
        margin:0 0 0 min(2vw,70px) !important;
        min-width:75px !important;
        width:75px !important;
        height:75px !important;
        line-height:75px !important;
}


#productCarousel .awb-swiper-button-prev,
#productCarousel .awb-swiper-button-next{
    display:none;
}

.gradient_top_grey:before{
        content: "";
        position: absolute;
        height: 40vh;
        width: 100%;
        top: 0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ebecee+0,ebecee+100&1+0,0+100 */
        background: linear-gradient(to bottom,  rgba(235,236,238,1) 0%,rgba(235,236,238,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.gradient_bottom_blue:after{
        content: "";
        position: absolute;
        height: 40vh;
        width: 100%;
        bottom: 0;
       /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#132150+0,132150+100&0+0,1+100 */
        background: linear-gradient(to bottom,  rgba(19,33,80,0) 0%,rgba(19,33,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
}

.kf_product_gradient_bottom_blue:after{
        content: "";
        position: absolute;
        height: 10vw;
        width: 100%;
        bottom: 0;
       /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#132150+0,132150+100&0+0,1+100 */
        background: linear-gradient(to bottom,  rgba(19,33,80,0) 0%,rgba(19,33,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
}


.curve_top{
        -webkit-border-radius: 200vh 200vh 0 0/ 10vh 10vh 0% 0% !important;
        margin-top:-50px  !important;
}
.curve_tox:after{
        content:"";
        border:1px solid red;
        top:-20px;
        left:0;
        background-color:#f3f3f3;
        position:absolute;
        z-index: -1;
        width: 100%;
        height: 70px;
       border-radius: 200vh 200vh 0% 0% / 10vh  10vh 0% 0%;
        -moz-border-radius: 200vh 200vh 0% 0% / 10vh 10vh 0% 0%;
        -webkit-border-radius: 100% 100% 0 0/ 100% 100%  ;
        overflow: hidden;


}

.kf_specs_tabs li.active{
        border-bottom:3px solid #059fff;
}
.kf_naehrwerte p{

        margin-bottom:0 !important;
}
.kf_productbox_curvedc>div{

        border-radius:   50% 50% 0% 0% / 4% 4% 0% 0%  !important;
        -moz-border-radius:  50% 50% 0% 0% / 4% 4% 0% 0%  !important;
        -webkit-border-radius:  50% 50% 0% 0% / 4% 4% 0% 0%  !important;
}

.fusion-section-separator-svg{
        margin-left:0 !important;
        margin-right:0 !important;
}


/*
    slider fix
*/
.full-width-slider,
.full-width-slider div.background{
    max-height:min(49vw,80vh) !important;
    height:min(49vw,80vh) !important;
}

.full-width-slider .background.background-image{
        background-position: center 30%,170px;
}


.kf_blog_cards .kf_blog_card:nth-child(even) .blog_tab_odd{
        display:none;
}

.kf_blog_cards .kf_blog_card:nth-child(odd) .blog_tab_even{
        display:none;
}


.kf_bioecke.isbio{
        background-image: url(img/bioecke.png);
        background-repeat: no-repeat;
        background-position: top right;
        background-size:contain;
        width:100%;
        max-width:110px;
        height:110px;
        position:absolute !important; 
        right:0;
        top:0;
        max-width:110px !important; 
}



/*
form
*/


.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input:hover:not(:checked)+label:before {
        border-color: #ffffff !important; 
    }
    .fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input:checked+label:before {
        border: 1px solid  #ffffff !important; 
    }


.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox input:checked+label:after {
        background:  #ffffff !important; 
        top:10px !important; 
}
.fusion-form-form-wrapper .fusion-form-field .fusion-form-checkbox label:before {
        top:10px !important; 
}



/*
helper
*/
.dynfont_prodtitle{
        font-size: clamp(28px, 3.2vw, 46px) !important;
        line-height:1.2 !important;
    }
.dynfont43_86{
        font-size: clamp(43px, 4vw, 86px) !important;
        line-height:1.2 !important;
    }
    
.silbentrennung{
        hyphens: auto;
}


.fusion-tb-header>div{
        transition: all 0.3s;
}
.fusion-tb-header>div.menu_onhover_blue{
        background-color:#132150;
}

.fusion-tb-header>div.menu_onhover_blue a{
        color:#ffffff !important;
}


.kf_burgericon{
        
}

/*
.swiper-slide{
                min-height: 800px;
}
@media only screen and (min-width: 800px){
        .swiper-slide{
                 min-height: 800px;
        }

}*/
 .swiper-slide img{
        aspect-ratio: 300/375;
        height:auto;
}