.elementor-kit-4{--e-global-color-primary:#880030;--e-global-color-secondary:#08415C;--e-global-color-text:#880030;--e-global-color-accent:#FF4B56;--e-global-color-f169b83:#E7E2D8;--e-global-color-c0ca9bb:#08415C;--e-global-color-2229182:#FFFFFF;--e-global-typography-primary-font-family:"Open Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Open Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:20px;--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.2em;--e-global-typography-f3166b6-font-family:"Open Sans";--e-global-typography-f3166b6-font-size:21px;--e-global-typography-f3166b6-font-weight:500;--e-global-typography-f3166b6-text-transform:none;--e-global-typography-3b11067-font-family:"Reem Kufi";--e-global-typography-3b11067-font-size:36px;--e-global-typography-3b11067-font-weight:500;--e-global-typography-3b11067-text-transform:uppercase;--e-global-typography-db8ba31-font-family:"Reem Kufi";--e-global-typography-db8ba31-font-size:33px;--e-global-typography-db8ba31-font-weight:500;--e-global-typography-db8ba31-line-height:1.2em;--e-global-typography-1b288d3-font-family:"Reem Kufi";--e-global-typography-1b288d3-font-size:26px;--e-global-typography-1b288d3-font-weight:500;--e-global-typography-1b288d3-text-transform:uppercase;--e-global-typography-3659368-font-size:20px;--e-global-typography-3659368-font-weight:600;--e-global-typography-3659368-text-transform:uppercase;--e-global-typography-3659368-line-height:1.15em;--e-global-typography-7969788-font-family:"Reem Kufi";--e-global-typography-7969788-font-size:23px;--e-global-typography-7969788-font-weight:500;--e-global-typography-7969788-text-transform:uppercase;--e-global-typography-f72d8bf-font-size:16px;font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:300;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Reem Kufi", Sans-serif;font-size:24px;font-weight:400;text-transform:uppercase;letter-spacing:1px;color:var( --e-global-color-2229182 );border-radius:100px 100px 100px 100px;padding:17px 15px 12px 35px;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 h1{color:var( --e-global-color-accent );font-family:"Reem Kufi", Sans-serif;font-size:45px;text-transform:uppercase;letter-spacing:1px;}.elementor-kit-4 h2{color:var( --e-global-color-primary );font-size:36px;font-weight:600;text-transform:uppercase;line-height:1.2em;}.elementor-kit-4 h3{font-size:21px;line-height:1.3em;}.elementor-kit-4 img{border-radius:45px 45px 45px 45px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:35px;--container-default-padding-right:35px;--container-default-padding-bottom:35px;--container-default-padding-left:35px;}}@media(max-width:767px){.elementor-kit-4{--e-global-typography-accent-font-size:17px;--e-global-typography-3b11067-font-size:26px;--e-global-typography-db8ba31-font-size:25px;font-size:17px;}.elementor-kit-4 h1{font-size:30px;}.elementor-kit-4 h2{font-size:25px;}.elementor-kit-4 h3{font-size:21px;}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:17px;padding:13px 13px 13px 13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:10px;--container-default-padding-right:20px;--container-default-padding-bottom:10px;--container-default-padding-left:20px;}}/* Start custom CSS *//* Buttons */ 

.login-button a {
    border: 1px solid #880030;
    background: #880030;
    border-radius: 100px;
    display: inline-block !important;
    margin: 20px;
    color: white !important;
}

/* Basis für Icon-Container */
.elementor-button .elementor-button-icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    background-color: transparent;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

/* Hover: Original-SVG ausblenden */
.btn-weiss:hover svg,
.btn-hellrot:hover svg,
.btn-rot:hover svg,
.btn-blau:hover svg {
    opacity: 0;
}

/* Hover-Icons */

/* Weiß */
.btn-weiss .elementor-button:hover .elementor-button-icon {
    mask-image: url("https://schneewise.com/wp-content/uploads/2025/11/button-pfeil.svg");
    -webkit-mask-image: url("https://schneewise.com/wp-content/uploads/2025/11/button-pfeil.svg");
    background-color: currentColor;
}

/* Hellrot */
.btn-hellrot .elementor-button:hover .elementor-button-icon {
    mask-image: url("https://schneewise.com/wp-content/uploads/2025/11/button-pfeil-hell-rot.svg");
    -webkit-mask-image: url("https://schneewise.com/wp-content/uploads/2025/11/button-pfeil-hell-rot.svg");
    background-color: currentColor;
}

/* Rot */
.btn-rot .elementor-button:hover .elementor-button-icon {
    mask-image: url("https://schneewise.com/wp-content/uploads/2025/11/button-pfeil-rot.svg");
    -webkit-mask-image: url("https://schneewise.com/wp-content/uploads/2025/11/button-pfeil-rot.svg");
    background-color: currentColor;
}

/* Blau */
.btn-blau .elementor-button:hover .elementor-button-icon {
    mask-image: url("https://schneewise.com/wp-content/uploads/2025/11/button-pfeil-blau.svg");
    -webkit-mask-image: url("https://schneewise.com/wp-content/uploads/2025/11/button-pfeil-blau.svg");
    background-color: currentColor;
}

b, strong {
    font-weight: 600;
}

h1.entry-title {
    margin-top: 140px!important;
}

@media (max-width: 575px) {
h1.entry-title {
    text-align: center!important;
    margin-top: 40px!important;}
}

.referenzen img {
    border-radius: 0;
}

h1.entry-title {
    margin-top: 45px;
}

span.elementor-button-icon {
    font-size: 35px;
    margin-top: -5px;
}

.badge span {
    color: white;
    font-weight: 400;
    background: var(--e-global-color-accent);
    padding: 10px 20px;
    border-radius: 100px;
}


.badge.circle span {
    background-color: transparent;
    background-image: url("https://schneewise.com/wp-content/uploads/2025/11/roter-kreis.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; /* oder cover */
    padding: 28px
}


.badge.price span, .badge.circle {
    font-size: 28px;
    font-family: 'Reem Kufi';
    font-weight: 600;
}

a.elementor-sub-item {
    font-size: 15px !important;
}

/* Weglot */
.weglot-dropdown {
    background: transparent !important;
}
.weglot-dropdown .wgcurrent {
    border: 1.5px solid #fff!important;
    padding: 3px;
    border-radius: 100px;
    color: white;
}

.wgcurrent:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white; 
    margin-top: 3px;
}

.weglot-dropdown .wgcurrent span {
    padding-right: 28px!important;
    font-size: 17px;
}

.bottom-bar-mobile .weglot-dropdown .wgcurrent {
    border: 1.5px solid var(--e-global-color-accent)!important;
    color: var(--e-global-color-accent);

}
.bottom-bar-mobile .elementor-button-text {
        font-weight: bold!important;
}

.bottom-bar-mobile .weglot-dropdown ul {
    position: absolute;
    bottom: 100%;      /* statt unterhalb jetzt oberhalb */
    top: auto !important;
    left: 0;
    transform: translateY(-5px); /* optionaler kleiner Abstand */
}

/* Bottom bar mobile */
.bottom-bar-mobile 
.elementor-button {
        padding: 5px 10px 0px 10px !important
    }
    
.bottom-bar-mobile 
span.elementor-button-text {
    margin-top: 10px;
}

.bottom-bar-mobile  span.elementor-button-icon {
    font-size: 25px;
    margin-top: 5px;
}

/* Newsletter Formular */
.newsletter-form .elementor-field-label {
  display: none;
}

.newsletter-form input[type="text"],
.newsletter-form input[type="email"] {
  border-radius: 100px;
  padding: 14px 16px;
  border: 1px solid #ccc;
  width: 100%;
  box-sizing: border-box;
}


.newsletter-form input:focus {
  border-color: var(--e-global-color-accent);
  outline: none;
}


/* Blog */

.blog-text h2, .blog-text h3, .blog-text h4, .blog-text h5 {
    margin-top: 30px;
}

.blog-text li {
    margin-bottom: 15px;    
}

.elementor-post__thumbnail img {
    border-radius: 0;
}

.elementor-posts .elementor-post__card .elementor-post__meta-data {
    border-top: 1px solid rgb(245 68 83);
    margin-bottom: 5px;
}

/* Aufzählung mit Haken */

.checklist ul {
  list-style: none;
  padding-left: 0;
}

.checklist ul li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 8px;
}

.checklist ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 18px;
  height: 18px;
  -webkit-mask-image: url('https://schneewise.com/wp-content/uploads/2025/11/check.svg');
  mask-image: url('https://schneewise.com/wp-content/uploads/2025/11/check.svg');
  mask-size: contain;
  mask-repeat: no-repeat;
}

.checklist.primary ul li::before { 
    background-color: var(--e-global-color-primary);
}

.checklist.secondary ul li::before { 
    background-color: var(--e-global-color-secondary);
}

.checklist.white ul li::before { 
    background-color: var(--e-global-color-2229182);
}


/* Aufzählung mit Pfeilen */

.arrowlist ul {
  list-style: none;
  padding-left: 0;
}

.arrowlist ul li {
  position: relative;
  padding-left: 60px;
  margin-bottom: 40px;
}

.arrowlist ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: -3px;
  width: 40px;
  height: 40px;
  -webkit-mask-image: url('https://schneewise.com/wp-content/uploads/2025/11/button-pfeil.svg');
  mask-image: url('https://schneewise.com/wp-content/uploads/2025/11/button-pfeil.svg');
  mask-size: contain;
  mask-repeat: no-repeat;
}

.arrowlist.primary ul li::before { 
    background-color: var(--e-global-color-primary);
}

.arrowlist.secondary ul li::before { 
    background-color: var(--e-global-color-secondary);
}

.arrowlist.white ul li::before { 
    background-color: var(--e-global-color-2229182);
}


/* Aufzählung mit Nummern */

.numberlist ol {
  counter-reset: step;
  margin: 0;
  padding: 0;
}


.numberlist ol > li {
  list-style: none;
  position: relative;
  margin: 0 0 28px 0;
  padding-left: 72px;         
}

.numberlist ol > li::before {
  counter-increment: step;
  content: counter(step);
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  font-weight: 400;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
  background: #880030;
}

.numberlist.secondary ol > li::before {
  background: #08415C;
}


/* Responsive Anpassung */
@media (max-width: 600px) {
  .numberlist ol > li {
    padding-left: 60px;
    margin-bottom: 22px;
  }
  .numberlist ol > li::before {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }
}

/* FAQs */

.faq .e-n-accordion-item-title-text::after {
    content: "";
    display: block;
    width: 250px;
    height: 2px;
    background: var(--e-global-color-accent);
    margin-top: 8px;
}

.faq p {
    color:var(--e-global-color-primary);
}


/* Animierter Pfeil */
:root {
  --schneewise-color: #ff3b40;   /* Farbe */
  --schneewise-stroke: 6px;      /* Strichstärke */
  --schneewise-gap: 0px;         /* Abstand zwischen Pfeilen */
  --schneewise-speed: 1.2s;      /* Animationsgeschwindigkeit */
}

/* Container */
.schneewise-chevron {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: var(--schneewise-gap);
}

/* Pfeil (SVG) */
.schneewise-chevron__item {
  aspect-ratio: 2 / 1;
  stroke: var(--schneewise-color);
  stroke-width: var(--schneewise-stroke);
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  transform: translateY(-6px);
  opacity: .25;
  animation: schneewise-drop var(--schneewise-speed) ease-in-out infinite;
}

/* Größen & Zeitversatz */
.schneewise-chevron__item:nth-child(1) {
  width: 32px;
  animation-delay: 0s;
}
.schneewise-chevron__item:nth-child(2) {
  width: 45px;
  animation-delay: calc(var(--schneewise-speed) * .2);
}
.schneewise-chevron__item:nth-child(3) {
  width: 44px;
  animation-delay: calc(var(--schneewise-speed) * .4);
}

/* Bewegung */
@keyframes schneewise-drop {
  0%   { transform: translateY(-4px); opacity: .25; }
  45%  { transform: translateY(0);    opacity: 1;   }
  100% { transform: translateY(6px);  opacity: 0;   }
}

/* Optional: schnellere Animation beim Hover */
.schneewise-chevron:hover .schneewise-chevron__item {
  animation-duration: calc(var(--schneewise-speed) * .8);
}

/* Mega Menü */

.megamenu-item {
position: relative;
}


.megamenu-item:hover * {
  color: var(--e-global-color-primary) !important;
}


.megamenu-item::after {
  content: "";
  position: absolute;
    right: 30px;
    top: 20px;
    width: 35px;
    height: 35px;

  /* SVG als Maske */
  -webkit-mask-image: url('https://schneewise.com/wp-content/uploads/2025/11/button-pfeil.svg');
  mask-image: url('https://schneewise.com/wp-content/uploads/2025/11/button-pfeil.svg');

  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  background-color: white;
  transition: background-color 0.3s ease;
}

.megamenu-item:hover::after {
  background-color: #880030;
}

/* Mobile */
@media (max-width: 767px) {

span.elementor-button-text {
    margin-top: 7px;
    margin-left: 7px;
}

}/* End custom CSS */