/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body {
  hyphens: auto;
}

#masthead.sticky {
  background: #171719;
  padding: 10px 0 10px 20px !important;
  align-items: center !important;
}

#masthead .logo-sticky {
  display: none;
}
#masthead.sticky .logo-full {
  display: none;
}
#masthead.sticky .logo-sticky {
  display: block;
}

#masthead.sticky .elementor-widget-button > div {
  padding-top: 5px !important;
}

#masthead,
#masthead .logo-sticky,
#masthead .logo-full,
#masthead.sticky .elementor-widget-button > div {
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.elementor-blockquote::before{
  color:#030304 !important;
}
.page-content{
  min-height: 60vh;
}

/* Video Scroll */

#scrolly-video video {
  position: static !important;
  transform: none !important;
}

@media screen and (min-width: 2500px){
  body{
     /* Skaliert den Inhalt auf das 2-fache (4K -> 1080p Verhältnis) */
    transform: scale(1.5);
    /* Ursprung der Skalierung oben links festlegen */
    transform-origin: top left;
    /* Verhindert, dass der Inhalt über den Bildschirmrand hinausragt */
    width: 66vw; /* Breite halbieren */
    /* Optional: Ränder anpassen, falls nötig */
  }
}
@media screen and (min-width: 3840px){
  body{
     /* Skaliert den Inhalt auf das 2-fache (4K -> 1080p Verhältnis) */
    transform: scale(2);
    /* Ursprung der Skalierung oben links festlegen */
    transform-origin: top left;
    /* Verhindert, dass der Inhalt über den Bildschirmrand hinausragt */
    width: 50vw; /* Breite halbieren */
    /* Optional: Ränder anpassen, falls nötig */
  }
}