.elementor-kit-7{--e-global-color-primary:#E1AD4F;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#E1AD4F;--e-global-typography-primary-font-family:"Cinzel";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{font-family:"Cinzel", Sans-serif;}.elementor-kit-7 h1{color:#E1AD4F;}.elementor-kit-7 h2{color:#E1AD4F;font-family:"Cinzel", Sans-serif;}.elementor-kit-7 h3{color:#E1AD4F;font-family:"Cinzel", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */a {
color: #e1ad4f;
}

/* Bildschirmfüllender Container, klicks bleiben möglich */
.snow-wrap{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  height: 100vh;
}
@supports(height: 100dvh){
  .snow-wrap{ height: 100dvh; }
}

/* Basisebenen */
.snow{
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background-repeat: repeat;
  will-change: transform;
  backface-visibility: hidden;
  transform: translate3d(0,-20%,0);
}

/* Ebene 1 – groß & langsam */
.snow.l1{
  opacity: .85;
  background-image:
    radial-gradient(3px 3px at 20px 20px, rgba(255,255,255,.95) 50%, rgba(255,255,255,0) 55%),
    radial-gradient(2px 2px at 80px 60px, rgba(255,255,255,.9) 50%, rgba(255,255,255,0) 60%),
    radial-gradient(2px 2px at 140px 120px, rgba(255,255,255,.85) 50%, rgba(255,255,255,0) 60%);
  background-size: 260px 260px, 220px 220px, 300px 300px;
  animation: fall-snow 36s linear infinite;
}

/* Ebene 2 – mittel */
.snow.l2{
  opacity: .75;
  background-image:
    radial-gradient(2px 2px at 40px 40px, rgba(255,255,255,.9) 50%, rgba(255,255,255,0) 60%),
    radial-gradient(2px 2px at 100px 80px, rgba(255,255,255,.85) 50%, rgba(255,255,255,0) 60%),
    radial-gradient(3px 3px at 160px 140px, rgba(255,255,255,.8) 40%, rgba(255,255,255,0) 60%);
  background-size: 220px 220px, 200px 200px, 260px 260px;
  animation: fall-snow 54s linear infinite;
}

/* Ebene 3 – fein & schneller */
.snow.l3{
  opacity: .7;
  background-image:
    radial-gradient(1.5px 1.5px at 30px 30px, rgba(255,255,255,.9) 50%, rgba(255,255,255,0) 60%),
    radial-gradient(2px 2px at 90px 70px, rgba(255,255,255,.85) 50%, rgba(255,255,255,0) 60%),
    radial-gradient(2px 2px at 150px 130px, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 60%);
  background-size: 180px 180px, 180px 180px, 220px 220px;
  animation: fall-snow 72s linear infinite;
}

/* Optionale schnelle Ebenen – mehr Speedflocken */
.snow.l4{
  opacity:.6;
  background-image:
    radial-gradient(1.5px 1.5px at 25px 25px, rgba(255,255,255,.9) 50%, rgba(255,255,255,0) 60%),
    radial-gradient(1.5px 1.5px at 75px 55px, rgba(255,255,255,.85) 50%, rgba(255,255,255,0) 60%),
    radial-gradient(2px 2px at 135px 115px, rgba(255,255,255,.85) 50%, rgba(255,255,255,0) 60%),
    radial-gradient(1.5px 1.5px at 195px 165px, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 60%);
  background-size: 160px 160px, 160px 160px, 190px 190px, 180px 180px;
  animation: fall-snow 28s linear infinite;
}

.snow.l5{
  opacity:.55;
  background-image:
    radial-gradient(1.5px 1.5px at 20px 20px, rgba(255,255,255,.95) 50%, rgba(255,255,255,0) 60%),
    radial-gradient(1.5px 1.5px at 60px 40px, rgba(255,255,255,.9) 50%, rgba(255,255,255,0) 60%),
    radial-gradient(1.5px 1.5px at 100px 80px, rgba(255,255,255,.85) 50%, rgba(255,255,255,0) 60%),
    radial-gradient(2px 2px at 140px 120px, rgba(255,255,255,.85) 50%, rgba(255,255,255,0) 60%),
    radial-gradient(1.5px 1.5px at 180px 160px, rgba(255,255,255,.8) 50%, rgba(255,255,255,0) 60%);
  background-size: 140px 140px, 140px 140px, 160px 160px, 170px 170px, 150px 150px;
  animation: fall-snow 20s linear infinite;
}

/* GPU-freundliche Animation mit leichter Drift */
@keyframes fall-snow{
  from{ transform: translate3d(0,-20%,0) rotate(0.01deg); }
  to  { transform: translate3d(0,120%,0) rotate(0.01deg); }
}

/* Mobile: weniger Dichte, längere Dauer */
@media (max-width: 767px){
  .snow.l1{ animation-duration: 48s; background-size: 300px 300px, 260px 260px, 360px 360px; }
  .snow.l2{ animation-duration: 72s; background-size: 260px 260px, 240px 240px, 320px 320px; }
  .snow.l3{ animation-duration: 96s; background-size: 220px 220px, 220px 220px, 280px 280px; }
  .snow.l4{ animation-duration: 36s; }
  .snow.l5{ animation-duration: 28s; }
}

/* Bewegungsarme Nutzer respektieren */
@media (prefers-reduced-motion: reduce){
  .snow{ animation: none; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Cinzel';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.hotel-sonneneck-thale.de/wp-content/uploads/2023/11/cinzel-v23-latin-regular-1.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.hotel-sonneneck-thale.de/wp-content/uploads/2023/11/roboto-v30-latin-regular-1.woff2') format('woff2');
}
/* End Custom Fonts CSS */