.elementor-kit-21{--e-global-color-primary:#FFFBF6;--e-global-color-secondary:#081727;--e-global-color-text:#081727;--e-global-color-accent:#A7382A;--e-global-color-cf9323f:#132B45;--e-global-color-61eb458:#F9F0E5;--e-global-typography-primary-font-family:"Lora";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Lora";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.15em;--e-global-typography-text-font-family:"Barlow";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.35em;--e-global-typography-accent-font-family:"Barlow";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.2em;--e-global-typography-ce2fba0-font-family:"Barlow";--e-global-typography-ce2fba0-font-size:16px;--e-global-typography-ce2fba0-font-weight:500;--e-global-typography-72fe9aa-font-size:26px;--e-global-typography-72fe9aa-font-weight:600;--e-global-typography-72fe9aa-line-height:1.35em;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-ce2fba0-font-family ), Sans-serif;font-size:var( --e-global-typography-ce2fba0-font-size );font-weight:var( --e-global-typography-ce2fba0-font-weight );}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.elementor-kit-21 p{margin-block-end:16px;}.elementor-kit-21 a{color:var( --e-global-color-secondary );font-family:"Barlow", Sans-serif;font-size:18px;font-weight:400;}.elementor-kit-21 a:hover{color:var( --e-global-color-accent );font-family:var( --e-global-typography-ce2fba0-font-family ), Sans-serif;font-size:var( --e-global-typography-ce2fba0-font-size );font-weight:var( --e-global-typography-ce2fba0-font-weight );}.elementor-kit-21 h1{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-21 h2{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-21 h3{color:var( --e-global-color-text );font-family:"Barlow", Sans-serif;font-size:26px;font-weight:600;line-height:1.35em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing: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-kit-21{--e-global-typography-primary-font-size:36px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:28px;--e-global-typography-secondary-line-height:1.15em;--e-global-typography-text-font-size:17px;--e-global-typography-text-line-height:1.35em;--e-global-typography-accent-font-size:13px;--e-global-typography-accent-line-height:1.2em;--e-global-typography-ce2fba0-font-size:15px;--e-global-typography-72fe9aa-font-size:24px;--e-global-typography-72fe9aa-line-height:1.35em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-21 a{font-size:15px;}.elementor-kit-21 a:hover{font-size:var( --e-global-typography-ce2fba0-font-size );}.elementor-kit-21 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-21 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-21 h3{font-size:24px;}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{font-size:var( --e-global-typography-ce2fba0-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-21{--e-global-typography-primary-font-size:34px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:25px;--e-global-typography-secondary-line-height:1.15em;--e-global-typography-text-font-size:16px;--e-global-typography-text-line-height:1.35em;--e-global-typography-accent-font-size:12px;--e-global-typography-accent-line-height:1.2em;--e-global-typography-ce2fba0-font-size:14px;--e-global-typography-72fe9aa-font-size:22px;--e-global-typography-72fe9aa-line-height:1.35em;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-21 a{font-size:14px;}.elementor-kit-21 a:hover{font-size:var( --e-global-typography-ce2fba0-font-size );}.elementor-kit-21 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-21 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-21 h3{font-size:22px;}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{font-size:var( --e-global-typography-ce2fba0-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==================================================
   FEINE BIERE – GLOBAL CSS
================================================== */


/* ==================================================
   1. TEXTLINKS – KEIN SCHRUMPFEN BEI HOVER
================================================== */

/* Normale Textlinks dürfen bei Hover ihre Größe
   oder Typografie nicht verändern */
.elementor-widget-text-editor a,
.elementor-widget-text-editor a:visited,
.elementor-widget-text-editor a:hover,
.elementor-widget-text-editor a:focus,
.elementor-widget-text-editor a:active,
.e-con p a,
.e-con p a:visited,
.e-con p a:hover,
.e-con p a:focus,
.e-con p a:active {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;

  transform: none !important;
  scale: 1 !important;
}


/* Bei normalen Textlinks nur die Farbe animieren */
.elementor-widget-text-editor a,
.e-con p a {
  transition: color 0.2s ease !important;
}



/* ==================================================
   2. FEINE BIERE – SOFT REVEAL
================================================== */

/* Standard: Text, Buttons, kleine Elemente */
.smooth-reveal {
  opacity: 0;
  transform: translate3d(0, 7px, 0);

  transition:
    opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),
    transform 1s cubic-bezier(0.16, 1, 0.3, 1);

  backface-visibility: hidden;
}


/* Sichtbar */
.smooth-reveal.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}



/* ==================================================
   3. BILDER – NUR FADE, KEINE BEWEGUNG
================================================== */

.elementor-widget-image.smooth-reveal,
figure.smooth-reveal,
picture.smooth-reveal,
img.smooth-reveal {
  opacity: 0;
  transform: none !important;

  transition:
    opacity 1.15s cubic-bezier(0.16, 1, 0.3, 1);
}


.elementor-widget-image.smooth-reveal.is-visible,
figure.smooth-reveal.is-visible,
picture.smooth-reveal.is-visible,
img.smooth-reveal.is-visible {
  opacity: 1;
  transform: none !important;
}


/* Nach Animation */
.smooth-reveal.reveal-done {
  will-change: auto;
}



/* ==================================================
   4. REDUCED MOTION
================================================== */

@media (prefers-reduced-motion: reduce) {

  .smooth-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }

}



/* ==================================================
   5. NEWS AUF HOMEPAGE – HELLE VARIANTE
================================================== */

/*
   Auf dem Loop Grid der HOMEPAGE unter:

   Erweitert → CSS-Klassen

   exakt eintragen:

   news-home

   OHNE Punkt davor.
*/


/* ==================================================
   5.1 ALLE TEXTE IM LOOP HELL
================================================== */

.news-home,
.news-home *,
.news-home h1,
.news-home h2,
.news-home h3,
.news-home h4,
.news-home h5,
.news-home h6,
.news-home p,
.news-home span,
.news-home a,
.news-home div,
.news-home .elementor-heading-title,
.news-home .elementor-heading-title a,
.news-home .elementor-widget-text-editor,
.news-home .elementor-widget-text-editor p,
.news-home .elementor-widget-theme-post-excerpt,
.news-home .elementor-widget-theme-post-excerpt p {
  color: #F5ECE0 !important;
}



/* ==================================================
   5.2 CLASSIC ELEMENTOR BUTTON
================================================== */

.news-home .elementor-button {
  background-color: transparent !important;
  color: #F5ECE0 !important;

  border-color: #F5ECE0 !important;
}


/* Button-Inhalte ebenfalls hell */
.news-home .elementor-button *,
.news-home .elementor-button-text,
.news-home .elementor-button-icon {
  color: inherit !important;
}



/* ==================================================
   5.3 CLASSIC BUTTON – HOVER / KLICK
================================================== */

.news-home .elementor-button:hover,
.news-home .elementor-button:focus,
.news-home .elementor-button:active {
  background-color: #F5ECE0 !important;
  color: #081727 !important;

  border-color: #F5ECE0 !important;
}


/* Auch Text und Icon bei Hover Navy */
.news-home .elementor-button:hover *,
.news-home .elementor-button:focus *,
.news-home .elementor-button:active * {
  color: #081727 !important;
}



/* ==================================================
   5.4 ATOMIC ELEMENTOR BUTTON
================================================== */

.news-home .e-button,
.news-home a.e-button,
.news-home button.e-button {
  background-color: transparent !important;
  color: #F5ECE0 !important;

  border-color: #F5ECE0 !important;
}


/* Inhalte übernehmen Buttonfarbe */
.news-home .e-button *,
.news-home a.e-button *,
.news-home button.e-button * {
  color: inherit !important;
}



/* ==================================================
   5.5 ATOMIC BUTTON – HOVER / KLICK
================================================== */

.news-home .e-button:hover,
.news-home .e-button:focus,
.news-home .e-button:active,
.news-home a.e-button:hover,
.news-home a.e-button:focus,
.news-home a.e-button:active,
.news-home button.e-button:hover,
.news-home button.e-button:focus,
.news-home button.e-button:active {
  background-color: #F5ECE0 !important;
  color: #081727 !important;

  border-color: #F5ECE0 !important;
}


.news-home .e-button:hover *,
.news-home .e-button:focus *,
.news-home .e-button:active *,
.news-home a.e-button:hover *,
.news-home a.e-button:focus *,
.news-home a.e-button:active * {
  color: #081727 !important;
}



/* ==================================================
   5.6 BUTTON ICON / PFEIL
================================================== */

.news-home .elementor-button svg,
.news-home .elementor-button svg path,
.news-home .e-button svg,
.news-home .e-button svg path {
  fill: currentColor !important;
  stroke: currentColor !important;
}



/* ==================================================
   5.7 BUTTON ICON / PFEIL BEI HOVER
================================================== */

.news-home .elementor-button:hover svg,
.news-home .elementor-button:hover svg path,
.news-home .elementor-button:focus svg,
.news-home .elementor-button:focus svg path,
.news-home .e-button:hover svg,
.news-home .e-button:hover svg path,
.news-home .e-button:focus svg,
.news-home .e-button:focus svg path {
  fill: #081727 !important;
  stroke: #081727 !important;
}/* End custom CSS */