/*
Theme Name: TheGem Elementor Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem-elementor
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

.hero-video-loop {
    position: relative;
    overflow: hidden;
    background-color: #000;
}

.hero-video-loop > .elementor-background-video-container {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}

.hero-video-loop > .elementor-background-video-container >
.elementor-background-video-hosted {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    transform: none !important;
    object-fit: cover !important;
    object-position: top center !important;
}

/* Desktop: Hintergrund immer komplett ausfüllen */
@media (min-width: 1920px) {
    .hero-video-loop > .elementor-background-video-container >
    .elementor-background-video-hosted {
        object-fit: cover !important;
        object-position: top center !important;
		top: 50px !important;
    }
}

/* Desktop: Hintergrund immer komplett ausfüllen */
@media (min-width: 1025px) {
    .hero-video-loop > .elementor-background-video-container >
    .elementor-background-video-hosted {
        object-fit: contain !important;
        object-position: top center !important;
		top: 50px !important;
    }
}

/* Tablet: gesamtes Motiv bevorzugen */
@media (min-width: 768px) and (max-width: 1024px) {
    .hero-video-loop > .elementor-background-video-container >
    .elementor-background-video-hosted {
        object-fit: contain !important;
        object-position: top center !important;
		top: 50px !important;
    }
}

/* Smartphone: gesamtes Motiv zeigen */
@media (max-width: 767px) {
    .hero-video-loop > .elementor-background-video-container >
    .elementor-background-video-hosted {
        object-fit: contain !important;
        object-position: top center !important;
    }
}

body, .thegem-heading .thegem-heading-word {
	-webkit-hyphens: auto; 
  	hyphens: auto; 
}

.thegem-heading .thegem-heading-word {
	white-space: wrap !important;
	hyphens: auto-flow;
}