@charset "utf-8";
/* CSS Document */


/* Overrides Typo3 */

	.ce-content #section-fliud-left, .ce-content .section-fliud-left,
    .ce-content #section-fliud-right, .ce-content .section-fliud-right {
    	padding: 0;
	}


/* CSS - Fluid - Bild/Text */

	#section-fliud-left, .section-fliud-left,
    #section-fliud-right, .section-fliud-right {
    	position: relative; 
	}
	
	.half-width-image-left {
    width: calc(0.5 * 100vw);
    height: 100%;
    position: absolute;
    left: 0;
    object-fit: cover;
    object-position: 50% 50%;
	}
	
	.half-width-image-right {
    width: calc(0.5 * 100vw);
    height: 100%;
    position: absolute;
    right: 0;
    object-fit: cover;
    object-position: 50% 50%;
	}
	
	@media ( min-width: 768px) {
	.section-fullwidth .row {
		min-height: 600px;
		align-items: center;
		}	
	}
	
	@media ( min-width: 768px) {
	.section-fullwidth-text,
    .section-fullwidth-text-right {
	width: calc(0.35 * 100vw);	
		}
	}
    
    @media ( min-width: 1400px) {
	.section-fullwidth-text,
    .section-fullwidth-text-right {
	width: calc(0.3 * 100vw);	
		}
	}
    
    @media ( min-width: 768px) {
	.section-fullwidth-text-right {
	padding-left: 3rem;	
		}
	}
    @media ( min-width: 1400px) {
	.section-fullwidth-text-right {
	padding-left: 5rem;	
		}
	}
	
	@media ( max-width: 768px) {
    .half-width-image-left,
    .half-width-image-right {
        float: none;
        width: 100%;
        max-height: 40vw;
        position: relative;
    	}
	}