:root {
	
}

#fp-gallery-accordeon a, #fp-gallery-accordeon a:hover, #fp-gallery-accordeon a:visited { color: #fff; }


.accordeon-slide a { position: relative; overflow: hidden; }

.accordeon-slide a.section-block.fullWidth.pushLeft .bgCover {
    width: calc(2 * var(--section-block-width) );
    height: 100%;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    position: absolute;
}

/**************** new hover animation *********************/

#actionSlider .swiper-slide {
    background-size: 100% auto;
    transition: .7s ease-out;
}
#actionSlider .swiper-slide:hover { background-size: 103% auto; }

.section-block .maskingBack, 
.selected-block .maskingBack {transition: .7s ease-out;}
.section-block:hover .maskingBack, 
.selected-block:hover .maskingBack { background-size: calc(1.09 * var(--section-block-width)); }

.b-blocks .bgCover {
    transition: .7s ease-out;
    background-size: auto 100%;
}
.b-blocks:hover .bgCover { background-size: auto 103%; }

.b-blocks.b-left:hover:before { opacity: .8; }

.b-blocks.b-left:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(101deg, rgba(0, 0, 0, .3), transparent);
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    transition: .7s ease-out; 
}


/*********************************************************/

@media screen and ( max-width: 770px ) and ( min-width: 601px ) {
    :root {
        --fp-logo-width: calc(.54 * (100% + 2 * var(--block-radius)));
    }
    
    #actionSlider .swiper-slide { background-size: auto 100%; }
    
    #newsSlider .swiper-slide p b {
        display: block;
        width: 90%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and ( max-width: 1180px ) and ( min-width: 601px ) {
	:root {
		--section-block-width: calc( (100 * var(--vw) - 2 * var(--page-h-padding) - 2 * var(--simple-padding)) / 3);
        --fp-logo-width: calc(.54 * (100% + 2 * var(--block-radius)));
	}

    .row.halfmargin { width: calc(100 * var(--vw) - 2 * var(--page-h-padding) + var(--simple-padding)); }
    
    .section-block.double-section.mid-section-single-block {
    	width: var(--section-block-width);
    }

    .section-block.tripple-section.mid-section-double-block {
    	width: calc(2* var(--section-block-width) + var(--simple-padding));
    }

    .section-block.tripple-section.quatro-section.mid-section-double-block { width: calc(100 * var(--vw) - 2 * var(--page-h-padding)); }

    .full-page-md {
    	width: calc(100 * var(--vw) - 2 * var(--page-h-padding) + var(--simple-padding));
    }

    .section-block.video-block {
    	width: calc(100* var(--vw) - 2* var(--page-h-padding));
        height: calc(var(--section-block-width)* 1.5);
    }

    .section-block.tripple-section {
	    width: calc(3* var(--section-block-width) + 2* var(--simple-padding));
	}

	.section-block.double-row.single-row-md {
	    height: var(--section-block-width);
	}

	.hettich-md-wrap {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	}

	.hettich-md-wrap .section-inner-width-ovf {
		width: calc(var(--section-block-width) - 2* var(--block-radius));
        margin-left: var(--simple-padding);
        margin-right: 0;
        height: calc(var(--section-block-width) - 2* var(--block-radius) + 3* var(--vw));
	}

	.news-btn-width-md { width: 9em; }

	.news-wrapper-width { width: calc(100% - 9em + 2* var(--block-radius)); }

    #newsSlider .swiper-pagination-bullet {
        height: 6px;
        width: 6px;
    }

    .inline-form { display: block; }

    .inline-form .form-wrap { padding-top: calc(var(--block-radius) / 5); }

    .inline-form .form-wrap .inner-section { width: 33.333%; }

    .inline-form .md-form-title { top: calc(-2.5 * var(--block-radius) / 5); }

    .hidemd { display: none; }

    .inner-section {
        padding: 0 calc(var(--block-radius));
    }

    .inline-form .form-wrap .inner-section {
        align-items: flex-start; 
    }

    .news-and-form-wrapper h3 {
        font-size: var(--body-bigger-size);
    }

    #news_list_preview.quatro-section .news-btn-width-md {
        width: calc(var(--section-block-width) + var(--block-radius) - 1.5* var(--simple-padding));
        padding-right: calc(1.5* var(--simple-padding));
    }
}

@media screen and (max-width: 600px) and (orientation: portrait) {
    :root {
        --swiper-pagination-bullet-horizontal-gap: 2px;
    }


	.section-block.news-preview__height.asThree {
		height: calc(var(--section-block-width) / 4);
	}

    .section-block.video-block {
        width: calc(100* var(--vw) - 2* var(--page-h-padding));
        /*height: auto;
        aspect-ratio: 16 / 9;*/
        height: calc(var(--section-block-width) / 2);
    }

    .xs-logo-holder .fp-logo {
        width: 96px;
    }
    .xs-logo-holder .button-part {
        width: calc(var(--section-block-width) / 2 - 2* var(--block-radius) - var(--simple-padding) / 2);
        /*width: calc((100% - 2 * var(--simple-padding) - var(--block-radius))/2);*/
    }

    .xs-logo-holder .flex.space-between {
        padding-left: var(--block-radius);
        width: 100%;
    }

    .xs-logo-holder .mail-btn {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #actionSlider {
        /*height: auto;
        aspect-ratio: 16 / 9;*/
        height: calc(var(--section-block-width) / 2);
        width: calc(100* var(--vw) - 2* var(--page-h-padding));
    }    

    #fp-gallery-accordeon {
        margin: 0 calc(-1* var(--simple-padding));
        margin-left: 0;
        width: calc(100* var(--vw) - 2* var(--page-h-padding) + var(--simple-padding) / 2);
        height: auto;
        background-color: transparent !important;
    }

    #fp-gallery-accordeon .accordeon-slide,
    #fp-gallery-accordeon .accordeon-slide:hover,
    #fp-gallery-accordeon:hover .accordeon-slide {
        /*aspect-ratio: 1 / 1;
        height: auto;*/
        width: 50% !important;
        height: calc(var(--section-block-width) / 2);
        padding: 0;
        padding-left: calc(var(--simple-padding) / 2);
        text-align: center;
    }

    .row.halfmargin { width: calc(100 * var(--vw) - 2 * var(--page-h-padding) + var(--simple-padding)); }

    #news_list_preview {
    	width: calc(100* var(--vw) - 2* var(--page-h-padding));
    }

    .news-and-form-wrapper > .section-block { position: relative; }

    /*.news-and-form-wrapper .section-block:nth-of-type(1) { margin-top: 0;  }*/

	.news-wrapper-width {
	    width: 100%;
	    padding-left: 0;
	}

    /*.news-and-form-wrapper .round-btn { width: 60%; }*/
    #newsSlider .swiper-slide p { 
        max-width: 100%; 
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #newsSlider .swiper-pagination {
        top: auto;
        bottom: 0px;
    }

    #newsSlider {
        height: calc(3em + 10px);
        padding-bottom: 10px;
    }

    #newsSlider .swiper-pagination-bullet {
        height: 4px;
        width: 4px;
    }

    #news_list_preview .flex.xs-column.row-12 {
        height: calc(100% + 15px);
    }

    .b-blocks {
        width: calc(50* var(--vw) - var(--page-h-padding) - var(--simple-padding) / 4);
        height: calc(50* var(--vw) - var(--page-h-padding) - var(--simple-padding) / 4);
    }
    .b-blocks.b-left {
        margin-right: 0;
    }

    .section-block.news-preview__height_more {
        height: auto;
        overflow: hidden;
        display: block;
        position: absolute;
        width: calc(100 * var(--vw) - 2 * var(--page-h-padding) );
    }

    .section-block.news-preview__height_more.slipped {
        height: 0;
        opacity: 0;
    }

    .inline-form .form-wrap {
        width: 100%;
        display: block;
    }

    .section-block .inner-section {
        display: block;
        width: 100%;
    }

    .second-line-sub-header { margin-top: 0; }

    .input-container, .input-container + .input-container {
        margin-top: calc(1.8* var(--simple-padding));
    }

    .inline-form .round-btn {
        margin: var(--simple-padding) auto 0;
        display: block;
    }

    .double #news_list_preview { 
        top: calc(25px + 3.3* var(--h3-font-size) + 4*(var(--btn-height) + 1.8* var(--simple-padding)) + var(--btn-height) + var(--simple-padding));
        transform: translateY(-100%);
    }

    .news-and-form-wrapper.double {
        height: calc(40px + 3.3* var(--h3-font-size) + 4*(var(--btn-height) + 1.8* var(--simple-padding)) + var(--btn-height) + var(--simple-padding) + calc(var(--section-block-width) / 4));
    }

    .section-block .section-inner-part {
        height: 50px;
    }

    .b-left p {
        font-size: .75em;
    }

    .section-block .section-inner-part p {
        line-height: calc(50px / 6);
        -webkit-line-clamp: 6;
    }
}