/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://example.com/hello-elementor-child
 Description:  Child Theme for Hello Elementor
 Author:       Dein Name
 Author URI:   https://example.com
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/* Hier können deine eigenen CSS-Anpassungen folgen */
/* shrinking header section */
/* Quelle:
 * https://lytboxacademy.com/shrinking-sticky-header-on-scroll-with-elementor/ 
 *
.shrinker {
	background: transparent;
        height: (set your header height in pixels);
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}

.shrinker.elementor-sticky--effects {
	background: #fff;
        height: (set your header height after shrinking in pixels)!important;
	padding-top: 2px!important;
	padding-bottom: 2px!important;
	box-shadow: 0px 6px 30px -4px rgba(0,0,0,.05);
	transition: all .2s linear!important;
	-webkit-transition: all .2s linear!important;
	-moz-transition: all .2s linear!important;
}
*/

/* Shrink Header Logo on Scroll down */
/*.shrinker .elementor-jet-inline-svg
{
	width: 100%;
	margin-inline: auto;
	transition: width .4s linear;
}

.shrinker.elementor-sticky--effects .elementor-jet-inline-svg
{
	width: 30%;
}
*/

.logo-wrapper .logo-large {
  display: block;
}

.logo-wrapper .logo-small {
  display: none;
}

.elementor-sticky--effects .logo-wrapper .logo-large {
  display: none;
}

.elementor-sticky--effects .logo-wrapper .logo-small {
  display: block;
}

:root {
  scroll-padding-top: 108px;
}