/*
Theme Name: Freizeitpark Rußbach
Theme URI: https://freizeitpark-russbach.at/
Author: Ing. Michael Krichbaum
Author URI: https://www.disignx.com
Description: Das offizielle Theme von Freizeitpark Rußbach

Version: 2025.1

Freizeitpark Rußbach © 2025
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

*, *::after, *::before {box-sizing: border-box!important;}

*{
	margin: 0;
	padding: 0;
	outline: none;
	line-height: inherit;
	min-width: 0;
	min-height: 0;
}

*, *::before, *::after
{
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
}

:root {
  font-size: calc(100vw / 100);
  --fcolor:rgb(0,0,0);
  --white: rgb(255,255,255,1);
  --white-transparent: rgb(255,255,255,0.8);
  --light-gray: rgb(242,242,242);
  --Fresh-Green: rgb(147, 201, 73);     /* #93c949 */
  --Olive-Green: rgb(103, 145, 38);     /* #679126 */
  --Charcoal-Grey: rgb(36, 36, 36);     /* #242424 */
  --black:rgb(0,0,0);
  --burger-menu-transition: 300ms;
  --transition-duration-04: 0.4s;
  --font-headline: "Plus Jakarta Sans", sans-serif;
}


@media(max-width: 1199.98px){:root {font-size: calc(100vw / 50);}}
@media(max-width: 767.98px){:root {font-size: calc(100vw / 30);}}

body, html
{
font-family: "Roboto Slab", serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
color:var(--fcolor);
font-size: .94rem;
font-weight:300;
background:var(--light-gray);
}


.global-frame{position:relative;z-index:2;padding-left:8rem;padding-right:8rem;}
@media(max-width: 1199.98px){.global-frame{padding-left:4rem;padding-right:4rem;}}
@media(max-width: 767.98px){.global-frame{padding-left:2rem;padding-right:2rem;}}



/*
##########################################
TOOLKIT
##########################################
*/

[class^="col-"], [class*=" col-"] {margin-bottom:1.5rem;}

/*
##########################################
HEADINGS
##########################################
*/


h1{position:relative;display:inline-block;width:100%;font-family: var(--font-headline);font-weight:700;font-size:4rem;padding-bottom:1rem;color:var(--Fresh-Green);}
@media(max-width: 767.98px){h1{font-size:3rem;}}

h2{position:relative;display:inline-block; font-family: var(--font-headline);width:100%;font-weight:700;font-size:3rem;padding-bottom:1rem;padding-top:1rem;color:var(--Fresh-Green);}

h3{position:relative;display:inline-block;width:100%;font-family: var(--font-headline);font-weight:700;font-size:2rem;padding-bottom:1rem;color:var(--Fresh-Green);}

h4{position:relative;display:inline-block;font-size:2rem;font-family: var(--font-headline);font-weight:700;padding-bottom:0.5rem;margin-bottom:1rem;color:var(--Fresh-Green);}

h5{display:inline-block;width:100%;font-size:1.4rem;color:var(--fcolor);font-weight:200;margin-bottom:1rem;color:var(--Fresh-Green);}


@keyframes gradient-animation {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}


.bg-icon-disignx{padding-top:2rem;padding-bottom:2rem;}
.bg-icon-disignx::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;display:block;background:url(img/icon-disignx.svg);background-size:auto 100%;background-repeat: no-repeat;opacity:0.1;}
@media(max-width: 767.98px){.bg-icon-disignx::before{background:url(img/icon-disignx.svg);background-size:auto 90%;background-repeat: no-repeat;}}


/*
##########################################
FORMATING
##########################################
*/
a{color:var( --Olive-Green);position: relative;z-index:10;text-decoration: none;}
a:hover{color:var( --Fresh-Green);}
b{font-weight:700!important;}
p{padding-bottom:1rem!important;}
.thecontent a{color:var(--Fresh-Green);}
.thecontent a:hover{text-decoration:underline;}

img{max-width:100%;height:auto;}
strong{font-weight:600;}

.hidden {display:none;}
.no-points{list-style-type:none;}

/* Standardmäßig das <br> ausblenden */
.desktop-break{display:block;}

/* Im Desktopmodus anzeigen (z.B. ab 992px Breite) */
@media(max-width: 1199.98px){.desktop-break {display:none;}}


.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/*RESPONSE POINTS
@media(max-width: 575.98px){}
@media(max-width: 767.98px){}
@media(max-width: 991.98px){}
@media(max-width: 1199.98px){}
@media(max-width:1600px){}
*/


.widget-link{display:flex;align-items: center;}
.widget-link .material-symbols-outlined{color:var( --Olive-Green);padding-right:0.3rem;}
.widget-link a{display:block!important;}

/*
##########################################
SPACES
##########################################
*/
.padd-left{padding-left:5rem;}
@media(max-width: 1199.98px){.padd-left{padding-left:0rem;}}

.padd-right{padding-right:5rem;}
@media(max-width: 1199.98px){.padd-right{padding-left:0rem;}}

@media(max-width: 1199.98px){.margin-0-resp{margin:0;}}

.mt-2rem{margin-top:2rem!important;}
.nopt{padding-top:0rem!important;}
.nopb{padding-bottom:0rem!important;}
.nomb{margin-bottom:0rem!important;}
.nomt{margin-top:0rem!important;}

.no-padding{padding:0rem!important;}


.padding-content-1{padding-top:6rem;}


/*
##########################################
Z-Index
##########################################
*/
.z-index-1{z-index:1;}
.z-index-0{z-index:0;}
.z-index-5{z-index:5;}

/*
##########################################
Aligments
##########################################
*/
.acenter{text-align:center;}
.aleft{text-align:left;}
.aright{text-align:right;}
.float-right{float:right;}

@media(max-width: 1199.98px){.resp-align-left{text-align:left;}}
/*
##########################################
Wrappers
##########################################
*/
.text-wrapper-infobox-fr{position:relative;display:block;float:left;width:100%;padding:0rem;margin-top:2rem;}

.text-block-color-1{display:block;width:100%;padding:4rem;background:var(--white);}
@media(max-width: 767.98px){.text-block-color-1{padding:3rem;}}
/*
##########################################
Elements
##########################################
*/

.section-arrow{position:absolute;top:-2.1rem;left:50%;width:4em;height:4rem;margin-left:-2rem;background:var(--white);transform:rotate(45deg);}

/* TABLE  */
.table{display:block;float:left;height:100%;}
.table tr{display:block;float:left;width:100%;}
.table td, .table th{color:#fff;padding:2rem;float:left;width:100%;}


.table th{background-color:var(--white-transparent);}
.table  tr:nth-child(even){border-top:2px solid var(--white-transparent-middle);}


.white-block{padding:2rem;}
.content-page-thubnail{padding-bottom:1.5rem;}

.mountain-panorama{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background: url(img/mountian-panorama.svg);background-size: 100% auto;background-repeat: no-repeat;}



/*
##########################################
Images
##########################################
*/
.cover-image-container{position:relative;display:block;width:100%;height:100%;}
.cover-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}
@media(max-width: 1199.98px){.cover-image-container{height:20rem;}}


/* Cover Image Default Absolute */
.cover-image-container-absolute{position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
.cover-image-container-absolute img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}

.cover-image-container-absolute-individual-1{position:absolute;z-index:0;top:0;right:0;display:block;width:55%;height:100%;}
.cover-image-container-absolute-1 img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;}

@media(max-width: 1199.98px){.cover-image-container-absolute-individual-1{width:100%;height:24rem;}}

/* Cover Image Electric Frame */
.cover-image-container-frame{position:relative;display:block;width:100%;height:100%;}

.cover-image-container-frame::after{content:"";display:block;position:absolute;z-index:-1;top:0;width:90%;height:90%;border:0.2rem solid var( --Fresh-Green);border-radius:2rem;}
.cover-image-container-frame img{position:absolute;bottom:0;width:90%;height:90%;object-fit: cover;}
.cover-image-container-frame.image-contain img{width:100%;height:100%;object-fit:contain;}

.cover-image-container-frame.frame-left::after{left:0;}
.cover-image-container-frame.frame-left img{right:calc(var(--bs-gutter-x) / 2);}

.cover-image-container-frame.frame-right::after{right:0;}
.cover-image-container-frame.frame-right img{left: calc(var(--bs-gutter-x) / 2);}

@media(max-width: 1199.98px){.cover-image-container-frame{width:100%;height:auto;padding-top:100%;margin-bottom:3rem;}}

.border-radius img{border-radius:3rem;}

/*
##########################################
Text Formating
##########################################
*/
.text-container-medium{position:relative;display:block;width:100%;padding-top:3rem;padding-bottom:3rem;}
@media(max-width: 1199.98px){.text-container-medium{padding:0rem;}}

.text-container-medium-2{position:relative;display:block;width:100%;float:left;padding:3rem;padding-top:0rem;padding-bottom:0rem;}
@media(max-width: 1199.98px){.text-container-medium-2{padding:0rem;}}

.text-container-medium-green-line-right{position:relative;display:block;width:100%;float:left;padding-right:5rem;border-right:2px solid var( --Fresh-Green);}
@media(max-width: 1199.98px){.text-container-medium-green-line-right{padding-right:0rem;border:none;}}


#content ul{padding-bottom:2rem;padding-left:1rem;}
#content ul li{padding-top:0.25rem;padding-bottom:0.25rem;padding-left:0.5rem;font-weight:300;}
li::marker {color: var( --Olive-Green);}

/*
##########################################
SECTIONS & COLOR SCHEMES
##########################################
*/
section{position:relative;display:block;width:100%;padding-top:6rem;}
section.woocommerce-customer-details, section.woocommerce-order-details{padding-top:2rem;}
.content-page{padding-top:20rem;}

/*
##########################################
COLORS
##########################################
*/
.ag{color:var( --Fresh-Green);}
.bg-white{background:var(--white);}
.bg-black{background:var(--black);}
.bg-ag{background:var(--Fresh-Green);}

/*
##########################################
GLOBAL SPACERS
##########################################
*/
.spacer-12rem{display:inline-block;width:100%;height:12rem;}
.spacer-9rem{display:inline-block;width:100%;height:9rem;}
.spacer-6rem{display:inline-block;width:100%;height:6rem;}
.spacer-5rem{display:inline-block;width:100%;height:5rem;}
.spacer-4rem{display:inline-block;width:100%;height:4rem;}
.spacer-3rem{display:inline-block;width:100%;height:2rem;}
.spacer-2rem{display:inline-block;width:100%;height:2rem;}
.spacer-1rem{display:inline-block;width:100%;height:1rem;}
.spacer-05rem{display:inline-block;width:100%;height:0.5rem;}

.wp-block-spacer{height:2rem!important;}


/*
##########################################
BUTTONS
##########################################
*/
.button-1, .wp-element-button, .button{display:inline-block;padding:1.5rem 3rem 1.5rem 3rem;margin-top:1rem;font-size:1.2rem;border-radius:5rem;color:var( --white);background:var(--Fresh-Green);border:0px;}
.button-1:hover, .wp-element-button:hover, .button:hover{background:var(--Olive-Green);color:var(--white)!important;}

/*
##########################################
HEADER
##########################################
*/
header{position:fixed;display:block;z-index:1001;left:0px;top:0px;width:100%;height:auto;background:var(--white);padding-top:2rem;padding-bottom:1rem;}

header.hasScrolled{padding-top:1.5rem;padding-bottom:1rem;}
@media(max-width: 1199.98px){header.hasScrolled{padding-top:2rem;}}


.header-logo{position:absolute;top:0;Left:0;display:block;float:left;width:18rem;}

.header-logo img{display:block;width:100%;height:auto;}


/*
##########################################
NAVIGATION DESKTOP
##########################################
*/
.header-menu-wrapper{display:block;float:left;}

#desktop-navigation{display:block;float:left;padding-left:20rem;}
@media(max-width: 1199.98px){#desktop-navigation{display:none;}}

/* Menu */
#desktop-navigation ul{display:block;float:left;}
#desktop-navigation ul li{position:relative;display:block;float:left;text-decoration:none;margin-left:1.8rem;margin-right:1.8rem;padding-bottom:1rem;cursor:pointer;}
#desktop-navigation ul li.menu-item-has-children::before{content:"";position:absolute;bottom:1.5rem;left:-1.5rem;width:0.8rem;height:0.6rem;background-image: url(img/dropdown-arrow.svg);background-size:100% auto;background-repeat:no-repeat;transition: all 0.5s ease;pointer-events: none;}
#desktop-navigation ul li a{display:block;float:left;text-decoration:none;font-size:1.2rem;font-weight:600;color:var(--fcolor);}
header.hasScrolled #desktop-navigation ul li a{color:var(--fcolor);}
header.hasScrolled #desktop-navigation ul li a:hover{color:var(--Fresh-Green);}
#desktop-navigation ul li:hover, #desktop-navigation ul li a:hover{color:var( --Fresh-Green);}

/* Sub-Menu */
#desktop-navigation .sub-menu{position:absolute;top:2.5rem;left:-1.5rem;float:left;min-width:16rem;background:#fff;padding:1.5rem 2rem 1.5rem 2rem; visibility: hidden; transform: translate(0, -2rem); transition: transform 0.2s ease-out, opacity 0.2s, z-index 0s 0.2s; opacity: 0;}
#desktop-navigation .sub-menu li{display:block;float:left;width:100%;padding-top:0.5rem;padding-bottom:0.5rem;margin:0rem;}
#desktop-navigation .sub-menu li a{display:block;float:left;font-size:1rem;font-weight:300;color:var(--fcolor); text-decoration: solid underline 0.1rem rgba(255, 255, 255, 0);}
#desktop-navigation .sub-menu li a:hover{color:var( --Fresh-Green);text-decoration: solid underline 0.1rem var( --Fresh-Green);}

/* LI HOVER */
#desktop-navigation ul li.menu-item-has-children:hover::before{transform: rotate(180deg);}

/* LI HOVER */
#desktop-navigation ul li:hover .sub-menu, #desktop-navigation ul li:active.sub-menu{
  visibility: visible;
  transform: translate(0, 0);
  opacity: 1;
  z-index: 0;
}

/* LI HOVER */
#desktop-navigation ul li:hover .sub-menu li, #desktop-navigation ul li:active .sub-menu li{
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}

/* Keyframes */
@-webkit-keyframes slideInLeft {
  from {
    transform: translate(-25%, 0);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes slideInLeft {
  from {
    transform: translate(-25%, 0);
    opacity: 0;
  }
  to {
    transform: translate(0, 0);
    opacity: 1;
  }
}

/*
##########################################
NAVIGATION RESPONSIV
##########################################
*/


/*MAIN NAVIGATION*/
.mobile-menu{position:fixed;z-index:999;top:0px;left:0px;float:left;width:100%;height:0;opacity:0%;top:50%;overflow-y:auto;
  background:var(--white);
    -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s;
}

.show-mobile-navigation .mobile-menu{height:100%;top:0%;opacity:100%;}


#mobile-navigation ul{display:block;float:right;width:100%;margin:0px;padding:0px;padding:8rem;background:var(--white-transparent);}

@media(max-width: 1199.98px){#mobile-navigation ul{padding:4rem;padding-top:8rem;}}
@media(max-width: 767.98px){#mobile-navigation ul{padding:2rem;padding-top:8rem;padding-right:1rem;}}

#mobile-navigation ul li{position:relative;display:block;float:left;width:100%;cursor:pointer;padding-left:1.5rem;margin-bottom:0.5rem;}
#mobile-navigation ul li a{float:left;text-align:left;width:100%;padding-top:0.5rem;padding-bottom:0.5rem;font-size:3rem;font-weight:600;color:var(--black)!important;background:var(--Fresh-Green);padding-left:1rem;}
@media(max-width: 767.98px){#mobile-navigation ul li a{font-size:2.5rem;}}

#mobile-navigation ul li a:hover{color:var(--Fresh-Green);}


#mobile-navigation ul li.menu-item-has-children::before{position:absolute;top:0.3rem;left:-2rem;display:block;content:'\e313';font-family: 'Material Symbols Outlined';font-size:4rem;transition: all 0.5s ease;color:var( --Olive-Green);}
@media(max-width: 767.98px){#mobile-navigation ul li.menu-item-has-children::before{top:0.0rem;}}

#mobile-navigation ul li.menu-item-has-children:hover::before{color:var(--Fresh-Green);}
#mobile-navigation ul li.menu-item-has-children.expand-menu-button::before{content:'\e316';font-family: 'Material Symbols Outlined';transition: all 0.5s ease;}


#mobile-navigation ul li.menu-item-has-children.expand-menu-button .open-submenu{color:var(--Fresh-Green);}
#mobile-navigation ul li.menu-item-has-children.expand-menu-button::before{padding-right:3rem;color:var(--Fresh-Green);}

/* Sub-Menu */
#mobile-navigation  .sub-menu{display:block;float:left;width:50%;padding:0rem;min-height:auto;max-height:0rem;overflow:hidden;background:transparent; -webkit-transition: max-height 1s;
  -moz-transition: max-height 0.5s;
  -ms-transition: max-height 0.5s;
  -o-transition: max-height 0.5s;
  transition: max-height 0.5s;
}

@media(max-width: 1199.98px){#mobile-navigation  .sub-menu{width:100%;}}

#mobile-navigation .sub-menu li{display:block;float:left;width:100%;margin:0rem;padding-left:0rem;}
#mobile-navigation .sub-menu li:first-of-type{margin-top:1rem;}
#mobile-navigation .sub-menu li a{display:block;float:left;width:100%;font-weight:700;font-size:1.2rem;padding:1rem 2rem 1rem 2rem;margin-bottom:0.5rem;color:#fff;border:0.2rem solid #000;background:transparent;}
@media(max-width: 767.98px){#mobile-navigation  .sub-menu li a{font-size:1rem;}}
#mobile-navigation .sub-menu li a:hover{background:transparent;}

#mobile-navigation .sub-menu.open-submenu{max-height:100rem;}



/*
##########################################
TOGGLE BUTTON
##########################################
.global-frame{position:relative;z-index:2;padding-left:10rem;padding-right:10rem;}
@media(max-width: 1199.98px){.global-frame{padding-left:4rem;padding-right:4rem;}}
@media(max-width: 767.98px){.global-frame{padding-left:2rem;padding-right:2rem;}}
*/

.wrapper-toggle-button{position:absolute;z-index:1000;display:none;top:0rem;right:0rem;}
@media(max-width: 1199.98px){.wrapper-toggle-button{display:block;top:1rem;right:1rem;}}

.burger-wrapper 
{
  position:relative;
  display:block;
  cursor: pointer;
  margin: auto;
  width: 4rem;
  height: 4rem;
  caret-color: transparent;
  border:0.2rem solid var( --Olive-Green);
}
.burger-wrapper .hamburger {
  position: relative;
  top:48%;
  left:50%;
  background: var(  --Olive-Green);
  width: 50%;
  margin-left:-25%;
  display:block;
  height: 0.2rem;
  transition: background 10ms 300ms ease;
}
.burger-wrapper .hamburger:before, .burger-wrapper .hamburger:after {
  transition: top 300ms 350ms ease, transform 300ms 50ms ease;
  position: absolute;
  background: var(  --Olive-Green);
  width: 100%;
  height: 0.2rem;
  content: "";
}


/* Obere Linie */
.burger-wrapper .hamburger:before{
  top: -0.5rem;
  left: 0;
}

/* Untere Linie */
.burger-wrapper .hamburger:after {
  top: 0.5rem;
  left: 0;
}

.menu-trigger:checked ~ .burger-wrapper .hamburger {
  background: transparent;
}
.menu-trigger:checked ~ .burger-wrapper .hamburger:after, .menu-trigger:checked ~ .burger-wrapper .hamburger:before {
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  top: 0;
}
.menu-trigger:checked ~ .burger-wrapper .hamburger:before {
  transform: rotate(45deg);
}
.menu-trigger:checked ~ .burger-wrapper .hamburger:after {
  transform: rotate(-45deg);
}

/*
##########################################
WC ICONS
##########################################
*/
.wc-icons{position:relative;display:block;float:right;padding-right:2rem;}
@media(max-width: 1199.98px){.wc-icons{padding-right:6rem;}}

.wc-icons .material-symbols-outlined{position:relative;font-size:3rem;margin-top:-0.5rem;}
.cart-total{position:absolute;bottom:0;right:0;width:1.5rem;height:1.5rem;background:#000;text-align:center;border-radius:1.5rem;color:#fff;padding-top:0.1rem;}
@media(max-width: 767.98px){a[href="/mein-konto/"]{display: none;}}


/*
##########################################
ACCORDION
##########################################
*/
.accordion-item{border:1px solid var(--fcolor)!important;margin-bottom:0.5rem;background:transparent!important;overflow:hidden;border-radius:0!important;}
.accordion-item .accordion-button {padding:2rem;background:transparent!important;border-radius:0rem!important;outline:none;box-shadow: none;font-size:1.2rem;}
@media(max-width: 767.98px){.accordion-item .accordion-button {font-size:1.2rem;}}
.accordion-button span{font-size:1rem;}
@media(max-width: 767.98px){.accordion-button span{font-size:0.8rem;}}


.accordion-button:hover{background:var(--white)!important; color:var( --Fresh-Green);}
.accordion-button:focus, .accordion-button:not(.collapsed){border:0;background:var(--white)!important; color:var( --Fresh-Green);}

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M8 1a.5.5 0 0 1 .5.5v6h6a.5.5 0 0 1 0 1h-6v6a.5.5 0 0 1-1 0v-6h-6a.5.5 0 0 1 0-1h6v-6A.5.5 0 0 1 8 1z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1 7.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z'/%3e%3c/svg%3e");
}

.accordion-header{background:transparent!important;}

.accordion-body{padding:4rem;border-top:1px solid var(--fcolor);}
@media(max-width: 1199.98px){.accordion-body{padding:2rem;}}


.accordion-body p{float:none;padding-bottom:0rem;}
.accordion-body ul{padding-left:0rem!important;padding-top:0rem!important;padding-right:0rem!important;}



/*
##########################################
FRONTPAGE
##########################################
*/
.titel-text-block{position:relative;z-index:5;display:block;width:100%;text-align:center;padding-top:15rem;padding-bottom:1rem;}
.titel-text-block h2{color:var(--white);}

.titel-text-block p{color:var(--white);}

.startslide-gradient{position:absolute;z-index:0;bottom:0;left:0;width:100%;height:70%;background: -webkit-linear-gradient(rgb(0,0,0,0.0), rgb(0,0,0,0.9));}
.startslide-bottom-close{position:absolute;z-index:1;bottom:-0.2rem;left:0;width:100%;height:12rem;background:url(img/startslide-bottom-close.svg);background-size:100% auto;background-repeat:no-repeat;background-position:bottom center;}
.startslide-bottom-gradient{position:absolute;z-index:2;bottom:-15rem;left:0;width:100%;height:25rem;background:url(img/startslide-bottom-gradient.svg);background-size:100% auto;background-repeat:no-repeat;background-position:bottom center;}
@media(max-width: 1199.98px)
{
  .startslide-bottom-gradient{position:absolute;z-index:2;bottom:-7.5rem;left:0;width:100%;height:25rem;background:url(img/startslide-bottom-gradient.svg);background-size:100% auto;background-repeat:no-repeat;background-position:bottom center;}
}

@media(max-width: 767.98px)
{
  .titel-text-block{padding-bottom:0rem;}
  .startslide-bottom-close{position:absolute;z-index:1;bottom:-0.2rem;left:0;width:100%;height:12rem;background:url(img/startslide-bottom-close.svg);background-size:150% auto;background-repeat:no-repeat;background-position:bottom center;}
  .startslide-bottom-gradient{position:absolute;z-index:2;bottom:-6.8rem;left:0;width:100%;height:25rem;background:url(img/startslide-bottom-gradient.svg);background-size:150% auto;background-repeat:no-repeat;background-position:bottom center;}
}

.text-container{z-index:10;}

.container-spring-green{background:var(--Fresh-Green);padding-bottom:6rem;padding-top:8rem;}


.snake{position:absolute;z-index:5;top:2.5rem;left:50%;width:8rem;height:2rem;transform: translate(-50%, 0%);display:block;background:url(img/snake.svg);background-position:top center;background-size:100% auto;background-repeat:no-repeat;}
@media(max-width: 1199.98px)
{
.snake{top:6rem;}
}

.snake-relative{display:inline-block;width:8rem;height:2rem;background:url(img/snake-green.svg);background-position:top center;background-size:100% auto;background-repeat:no-repeat;margin-top:2rem;}

.wrapper-image-link-sportanlage {
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto; /* zentriert den Wrapper horizontal im Elternblock */
    background-color: #ccc; /* optional, zum Testen */
}

.wrapper-image-link-sportanlage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.link-sportanlage:hover .wrapper-image-link-sportanlage img{ transform: scale(1.1);}


.ad-banner {
  position:relative;
  display: block;
  background: url('img/multigeneration.webp') no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 30rem;
}

.ad-banner-text{position:absolute;z-index:2;left:0;bottom:2rem;width:100%;text-align:center;padding-left:6rem;padding-right:6rem;}
.ad-banner-gradient{position:absolute;z-index:0;left:0;bottom:0rem;width:100%;height:50%;background: -webkit-linear-gradient(rgb(255, 255, 255,0.0), rgb(255, 255, 255,1));}


/*
##########################################
Pop-Ups
##########################################
*/

.popup {display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color:var(--white);padding: 4rem;z-index: 1500;border-radius:2rem;}
@media(max-width: 767.98px){.popup{width:80%;}}

.dark-bg{position:fixed;z-index:1499;top:0;right:0;bottom:0;left:0rem;background:rgb(0,0,0,0.6);visibility:hidden;opacity:0;}
.dark-bg.active{visibility:visible;opacity:1;}

/*
##########################################
recaptcha-badge
##########################################
*/
.grecaptcha-badge{display:none;}

/*
##########################################
Footer
##########################################
*/
.panorama-banner{position:relative;display:block;width:100%;margin-top:4rem;}
.dachstein{position:absolute;z-index:1;display:block;top:0;left:0;width:100%;height:100%;background: url(img/Dachstein.webp);background-size: cover;background-position:top center;background-repeat: no-repeat;}
.overlay{position:absolute;z-index:2;display:block;top:0;left:0;width:100%;height:100%;background:rgb(0,0,0,0.5);}
.panorama-banner-text{position:relative;z-index:3;display:block;width:100%;text-align:center;padding-top:12rem;padding-bottom:12rem;color:var(--white);padding-left:2rem;padding-right:2rem;}
.panorama-banner-text h2{color:var(--white);} 

footer{position:relative;padding-top:6rem;display:block;float:left;width:100%;background: var(--Fresh-Green);}
footer a{color:var(--black);}
footer a:hover{color:var(--black);}
@media(max-width: 1199.98px){.footer-col{padding-bottom:3rem;}}

footer strong{font-weight:700;}
footer h3{color:var(--black);font-weight:700;}


.footer-kop-logo{width:8rem;padding-bottom:0.5rem;}
.alpenverein-logo{margin-left:2rem;width:12rem;padding-bottom:0.5rem;}

/*Footer MENUS*/

.document-link{font-weight:700;color:var(--black);display:flex;align-items: flex-start;gap: 0.5rem;}
.material-symbols-outlined{font-size:250%;}
.document-link:hover{color:#4f4f4f;}

#menu-footer-menue li{display:inline-block;list-style-type: none;}
#menu-footer-menue li a{display:block;width:100%;background:var(--Olive-Green);color:#fff;padding-top:0.8rem;padding-bottom:0.8rem;padding-left:1.5rem;padding-right:1.5rem;border-radius:2rem;}
#menu-footer-menue li a:hover{display:block;width:100%;background:var(--white);color:var(--black);}

.rights-text{font-size:80%;padding-top:1.5rem;}
.info-text-footer{font-size:80%;font-style: italic;}

.carfted-by-disignx{display:block;width:100%;padding-top:2rem;}
.carfted-by-disignx:hover{opacity:0.7;}
.carfted-by-disignx img{width:3rem;}

.black-footer-container{background:var(--Charcoal-Grey);margin-top:2rem;padding-top:4rem;padding-bottom:4rem;color:var(--white);}
/*
##########################################
FADEIN EFFECT
##########################################
*/
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}




/*
##########################################
LOADING SPINNER
##########################################
*/
#loading-page{position:fixed;z-index:5000;top:0px;left:0px;width:100%;height:100%;background:var(--Fresh-Green);}
#loading-wrapper{position:absolute;top:50%;left:50%;margin-top:-7.5rem;margin-left:-7.5rem;}
#loading{display:inline-block; width: 15rem; height: 15rem;border: 0.5rem solid rgba(255,255,255,.3);border-radius: 50%;border-top-color:var(--white);animation: spin 1s ease-in-out infinite;-webkit-animation: spin 1s ease-in-out infinite;}
@keyframes spin { to { -webkit-transform: rotate(360deg); }}
@-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); }}


/*
##########################################
Cookie Consent by Osano
##########################################
*/

/* Cookie-Banner Container */
.cc-window{width: auto;max-width:20rem;bottom:0.5rem!important;left:auto!important;right:0.5rem!important;background-color: rgb(37,39,41,0.8)!important;color:#fff;font-family: inherit!important;font-size: 80%!important;padding: 2rem!important;border-radius: 0.5rem!important;box-shadow:none!important;flex-direction: column!important;}
@media(max-width: 767.98px){.cc-window {max-width: calc(100% - 1rem)!important;}}

.cc-window a::before{display:none;}
.cc-message{display:block;float:left;width:100%;margin-right:0rem!important;margin-bottom:1rem;}
.cc-message a{color:var(--Fresh-Green)!important;}
.cc-message a:hover{color:#fff!important;}
.cc-compliance a{color:var(--Fresh-Green)!important;}
.allow.cookies{border:0.1rem solid var(--Fresh-Green)!important;}
.cc-btn{border-radius: 0.5rem!important;font-size:0.7rem!important;padding:0.6rem!important;}
.cc-btn:hover{color:#fff!important;}

.cc-compliance{display:block!important;float:left;width:100%;}
.cc-animate.cc-revoke.cc-active.cc-bottom{display:none;}


.cc-revoke{visibility:hidden!important;}
/*
##################################################################################################################################################################################################################
WOOCOMMERCE
##################################################################################################################################################################################################################
*/
input[type="checkbox"]{width:1.5rem!important;height:1.5rem!important;margin-right: 0.5rem!important;border-radius: 0.5rem!important;cursor:pointer;border-radius:0rem!important;font-size:1rem!important;}
.wc-block-components-checkbox__mark{width:1.5rem!important;height:1.5rem!important;margin-top:-0.2rem!important;margin-left:0rem!important;}


/*
##############################################################################################################################
PRODUKTSEITE
##############################################################################################################################
*/
.product .woocommerce-product-gallery{display:block;float:left;width:40%;}
.product .summary{display:block;float:right;width:50%;}

@media(max-width: 1199.98px){.product .woocommerce-product-gallery{width:100%;margin-bottom:2rem;}}
@media(max-width: 1199.98px){.product .summary{width:100%;}}

.product .product_meta{display:none;}
.woocommerce-product-details__short-description{font-weight:600;padding-bottom:1rem;}
.woocommerce-Price-amount{font-family: var(--font-headline);font-size:3rem;color:var(--Olive-Green);font-weight:700;}
.reset_variations{display:none;}
select[name^="attribute_"] option[value=""] {
    display: none;
}
@media(max-width: 1199.98px){.woocommerce-variation-add-to-cart{padding-bottom:3rem;}}

.product .variations td, .product .variations th{padding-top:0.5rem;padding-bottom:0.5rem;padding-right:1rem;}

.variations td.value select {width: 100%;padding:1rem 2rem 1rem 2rem;background: var(--white);border: none;border-radius: 0.5rem;cursor:pointer;}
.variations td.value select  {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='1,1 5,5 9,1' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1rem;
  padding-right: 3rem; /* Platz für den Pfeil */
  border-radius: 8px;
}

.variations th label{width:100%;padding:1rem 2rem 1rem 2rem;border-radius: 0.5rem;background: rgb(255,255,255,0.5);font-weight:400;}

.reset_variations{display:none;}


.product-checkbox{width:100%;margin-top:1rem;padding-top:1rem;padding-bottom:1rem;border-top:1px solid #919191;}
.product-checkbox label{font-size:70%;font-weight:400;}

.woocommerce-tabs{display:block;float:left;width:100%;padding-top:3rem;}
.wc-tabs{display:block;float:left;width:100%;padding-left:0rem!important;padding-top:2rem!important;border-bottom:1px solid #919191;}
.wc-tabs li{list-style-type: none;display:block;float:left;padding:0rem!important;}
.wc-tabs li::before{display:none;}
.wc-tabs li a{background:var(--Fresh-Green);padding:1rem 2rem 1rem 2rem;margin-right:0.5rem;font-family: var(--font-headline);font-size:2rem;color:var(--white);}

.woocommerce-Tabs-panel{display:block;float:left;width:100%;padding-top:2rem;padding-bottom:4rem;}

.woocommerce-Tabs-panel h2{display:none;}
.additional_information_tab{display:none!important;}

.product::after {
  content: "";
  display: table;
  clear: both;
}


/*
##########################################
NOTICE WRAPPER
##########################################
*/
.woocommerce-notices-wrapper{display:block;width:100%;text-align:center;}

.woocommerce-notices-wrapper strong{font-weight:lighter;}

.woocommerce-notices-wrapper li::before{display:none;}

.woocommerce-notices-wrapper ul, .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-message{display:block;width:100%;padding:3rem!important;margin-bottom:3rem;background:var(--Charcoal-Grey);border-radius:1rem;font-family: var(--font-headline);font-size:1.4rem;}

.woocommerce-notices-wrapper span, .woocommerce-notices-wrapper li{display:block;width:100%;font-family: var(--font-headline);font-size:2rem;color:white;padding-bottom:2rem;padding-top:1rem;}
.woocommerce-notices-wrapper li{font-size:1.4rem;}


.woocommerce-notices-wrapper .woocommerce-message{background:var(--Charcoal-Grey);border-radius:1rem;}
.woocommerce-notices-wrapper ul.woocommerce-error{background:#df2a29;colro:#fff;border-radius:1rem;}
.woocommerce-notices-wrapper li{list-style-type:none;}


/*
##########################################
LIGHT GALLERY SINGLE.php
##########################################
*/
/* Container */
#lightgallery-gallery {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(7.5rem, 1fr));
  gap: 1.5rem;
  width: 100%;
}

/* Standard-Bildlink */
#lightgallery-gallery a {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 3 / 4;
}

/* Großes erstes Bild */
.woocommerce-product-gallery__wrapper a.first-image {
  grid-column: 1 / -1; /* spannt über alle verfügbaren Spalten */
  aspect-ratio: 1 / 1;
  width: 100%;         /* oder fixe Breite je nach Grid */
  height: 30rem;
  overflow: hidden;
  display: block;
}

.woocommerce-product-gallery__wrapper a.first-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Bild selbst */
#lightgallery-gallery a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 9;
  transition: transform 0.4s ease;
}

/* Overlay */
#lightgallery-gallery a::before {
  content: '';
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(147,201,73, 0.2);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: none;
  transition: background-color 0.4s ease;
}

/* Kein Overlay auf erstem Bild */
#lightgallery-gallery a.first-image::before {
  background: rgba(147,201,73, 0.0);
}

/* Hover-Zustand */
#lightgallery-gallery a:hover::before {
  background-color: rgba(147,201,73, 0.8);
  background-image: url(img/plus-white.svg);
}

#lightgallery-gallery a.first-image:hover::before {
  background-color: transparent;
  background-image: none;
}

#lightgallery-gallery a:hover img {
  transform: scale(1.1);
}

#lightgallery-gallery a.first-image:hover img {
  transform: scale(1.0);
}

/* Responsive Anpassung */
@media (max-width: 1199.98px) {
  #lightgallery-gallery a.first-image {
    grid-column: span 4;
    aspect-ratio: 1 / 1!important;
    height: auto !important;
    width: 100% !important;
    display: block;
    overflow: hidden;
}
}




/*
##############################################################################################################################
SHOPÜBERSICHT & ÄHNLICHE PRODUKTE
##############################################################################################################################
*/

.woocommerce-result-count, .woocommerce-ordering, .wc-gzd-additional-info, .related.products .price, .products.columns-4 .price{display:none;}
.woocommerce-breadcrumb{display:block;width:100%;font-weight:600;padding-bottom:2rem;}

.products{display: flex;flex-wrap: wrap;gap: 2rem; padding: 0;margin: 0;list-style: none;padding:0rem!important;}
.products .product{flex: 0 0 calc(25% - 1.5rem);box-sizing: border-box;padding:0rem!important;}

.products .product::before{display:none;}

.attachment-woocommerce_thumbnail{width:100%!important;}
.woocommerce-loop-product__title{font-size:2rem;padding-top:1rem;display:block;width:100%;text-align:center;}

.woocommerce-LoopProduct-link:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}

@media(max-width: 1199.98px)
{
  .products .product{flex: 0 0 calc(50% - 1.5rem);}
}
@media(max-width: 767.98px)
{
  .products .product{flex: 0 0 calc(100% - 0rem);}
  .woocommerce-loop-product__title{font-size:3rem;padding-top:1rem;}
}


/*
##############################################################################################################################
WARENKORB
##############################################################################################################################
*/
.wp-block-woocommerce-cart{display:block;width:100%;background:#fff;padding:2rem;}
.wp-block-woocommerce-cart li::before{display:none;}
.wc-block-cart-item__image{padding-left:0rem!important;}
.wc-block-cart-item__product{padding-left:2rem!important;}
.wc-block-cart-item__prices{display:none;}
.wc-block-components-product-details{margin-top:0rem!important;padding:1rem!important;background:#f2f2f2;}
.wc-not-gzd-summary-item-first{margin-top:0rem!important;}

.wc-block-cart-item__remove-link{position:relative;color:#df2a29!important;font-weight:400!important;padding:0.6rem 1rem 0.6rem 2rem!important;border:0.1rem solid #df2a29!important;}
.wc-block-cart-item__remove-link::before{position:absolute;display:block;top:0rem;left:0.5rem;content:"🗑";padding-right:1rem;font-size:1.5rem;}

.wc-block-cart-item__remove-link:hover{background:#f71e1d!important;border:0.1rem solid #f71e1d!important;color:#fff!important;}

.wc-block-components-totals-coupon__input{ width: 100%!important;max-width: 100%!important;flex: 1 1 100%!important;box-sizing: border-box!important;margin-bottom: 10px!important;}
.wc-block-components-totals-coupon__form button{padding:0.6rem 1rem 0.6rem 2rem!important;font-size:1.0rem!important;background:var(--Fresh-Green)!important;}
.wc-block-components-totals-coupon__form button:hover{background:var( --Olive-Green)!important;}
.wc-block-cart__submit-container{margin-top:2rem!important;}


/*
##############################################################################################################################
KASSA
##############################################################################################################################
*/
.wp-block-woocommerce-checkout{display:block;width:100%;background:#fff;padding:2rem!important;}
.wp-block-woocommerce-checkout li::before{display:none;}
.wc-block-components-validation-error.wc-block-components-validation-error>p{width: 100%!important;max-width: 100%!important;flex: 1 1 100%!important;box-sizing: border-box!important;padding-top:0.5rem!important;}

.wc-block-components-order-summary-item__individual-prices{display:none!important;}

.wc-block-components-product-name{font-weight:600!important;padding-bottom:0rem!important;}
.wp-block-woocommerce-checkout .wc-block-components-product-details{padding:0rem!important;}
.wp-block-woocommerce-checkout .wc-block-components-product-details li{padding-left:0rem!important;font-size:70%!important;}

.wc-gzd-checkout .wc-block-components-order-summary, .wc-gzd-checkout .wc-block-components-order-summary.is-large{padding:1.5rem!important;background:var(--white)!important;}
.wc-block-components-order-summary .wc-block-components-order-summary-item{padding-top:1rem!important;}
.wc-block-components-order-summary .wc-block-components-order-summary-item:first-child{padding-top:0rem!important;}


/*
##############################################################################################################################
MEIN KONTO
##############################################################################################################################
*/
.woocommerce-MyAccount-navigation ul{padding:0rem!important;}
.woocommerce-MyAccount-navigation li::before{display:none;}
.woocommerce-MyAccount-navigation li{display:inline-block!important;padding:0rem!important;list-style-type: none!important;margin-right:1rem!important;margin-bottom:1rem!important;}
@media(max-width: 1199.98px)
{
  .woocommerce-MyAccount-navigation li{width:30%!important;}
}
@media(max-width: 767.98px)
{
  .woocommerce-MyAccount-navigation li{width:45%!important;}
}

.woocommerce-MyAccount-navigation li a{display:block;width:100%;background: var(--Fresh-Green)!important;padding:1rem 2rem 1rem 2rem!important;color:#fff!important;font-family: var(--font-headline)!important;font-size:1.5rem!important;border-radius:3rem!important;}
.woocommerce-MyAccount-navigation li a:hover{background:var( --Olive-Green)!important;} 

@media(max-width: 1199.98px)
{
  .woocommerce-MyAccount-navigation li a{padding:1rem 1.5rem 1rem 1.5rem!important;font-size:1.2rem!important;}
}

.woocommerce-MyAccount-navigation li.is-active a{background:var( --Olive-Green)!important;}
.woocommerce-MyAccount-content{background:#fff!important;padding:3rem!important;}

.woocommerce-info .woocommerce-Button, .woocommerce-info .button{display:none!important;}

.woocommerce-Address-title{position:relative!important;}
.woocommerce-message{color:#fff;}
.woocommerce-MyAccount-content .col-1{width:100%!important;}

.woocommerce-info{text-align:left;font-weight:700;color:var( --Olive-Green);padding-bottom:1rem;}



.woocommerce-info:has(a[href*="wc-gzd-resend-activation"]) {
  display: none;
}


.woocommerce-orders-table__cell .woocommerce-button{padding: 0.5rem 1rem;font-size:0.8rem;font-weight:600;background:transparent; color:var(--Fresh-Green);border:0.2rem solid var(--Fresh-Green);}
.woocommerce-orders-table__cell .woocommerce-button:hover{color:var( --Olive-Green)!important;border:0.2rem solid var( --Olive-Green);}


@media(max-width: 767.98px)
{
  .woocommerce-orders-table__header-order-date, .woocommerce-orders-table__cell-order-date{display:none;}
  .woocommerce-orders-table__header-order-status, .woocommerce-orders-table__cell-order-status{display:none;}
  .woocommerce-orders-table__header-order-total, .woocommerce-orders-table__cell-order-total{display:none;}
  .woocommerce-orders-table__cell .woocommerce-button{width:100%;text-align:center;}
}

/*
##############################################################################################################################
LEERER WARENKORB
##############################################################################################################################
*/
.wp-block-woocommerce-empty-cart-block::before{display:block;text-align:center;width:100%;content:"Dein Warenkorb ist derzeit noch leer.";}
.wp-block-woocommerce-empty-cart-block h2, .wp-block-woocommerce-empty-cart-block hr{display:none!important;}
.wp-block-woocommerce-product-new{display:none!important;}



/*
##############################################################################################################################
ANMELDEN / REGISTRIERUNG
##############################################################################################################################
*/

#customer_login{position:relative;}


.u-columns .u-column1, .u-columns .u-column2, .woocommerce-ResetPassword, .woocommerce-form{
    width: 100%;
    margin: 0 auto;
    float: none;
    background:#fff;
    padding:4rem;
}

@media(max-width: 767.98px)
{
  .u-columns .u-column1, .u-columns .u-column2, .woocommerce-ResetPassword, .woocommerce-form{
    padding:0rem;
    background:transparent;
  }
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"] {
  /* Hier deine gewünschten Styles */
  padding: 1rem;padding-left:2rem;padding-right:2rem;
  border-radius: 3rem;
  width: 100%;
  box-sizing: border-box;border:0rem;
  background:var(--white);

  box-shadow: 0px 0px 0.2rem 0px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 0.2rem 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 0.2rem 0px rgba(0,0,0,0.5);
}

input:hover{background:#f2ffd1;}

input:focus{
  outline: none;
  box-shadow: 0 0 0 3px rgba(33, 150, 83, 0.5);
}


.woocommerce label{padding-bottom:0.5rem;padding-top:0.5rem;}

.woocommerce-form-login__rememberme{width:100%;}
.woocommerce-form-login, .woocommerce-form-register{background:#f9f9f9;border-radius:3rem;}

@media(max-width: 767.98px)
{
  .woocommerce-form-login, .woocommerce-form-register{background:transparent;}
}


.woocommerce-form-row{position:relative;}
.show-password-input{position:absolute;width:2rem;height:2rem;bottom:1.8rem;right:1rem;border:0rem;background:transparent;}
.show-password-input::before {content: "\e8f5";font-family: 'Material Symbols Outlined';font-size: 2rem;display: inline-block;}


.woocommerce-coming-soon-store-only{padding-top:10rem;}

.account-switch {
  text-align: left;
}

.switch-btn {
  background: var(--Fresh-Green);
  border: none;
  padding: 0rem 3rem;
  margin: 0 0.1rem;
  cursor: pointer;
  opacity:0.5;
  margin-bottom:2rem;
}
.switch-btn h2{background:#fff;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.switch-btn:hover{opacity:1;}

.switch-btn.active {
  background: var(--Olive-Green);
  opacity:1;
}

@media(max-width: 1199.98px)
{
  .switch-btn {width:100%;text-align:center;border-radius:3rem;}
}


#customer_login .u-column1, #customer_login .u-column2 {
  display: none;
}

#customer_login .u-column1.active,
#customer_login .u-column2.active {
  display: block;
}
/*
##########################################
ÜBERSICHT
##########################################
*/
.order_details .woocommerce-Price-amount, .woocommerce-orders-table .woocommerce-Price-amount{font-size:1rem;font-family: "Open Sans", sans-serif;color:inherit;}
.shop_table{width:100%;background:transparent!important;}
.shop_table thead{font-weight:700;}

/*
##########################################
BLOG
##########################################
*/
.blog-info{padding-top:2rem;}
.blog-link-to-article{display: grid;  grid-template-columns: 3fr 7fr;gap: 2rem;text-decoration: none;align-items: start;background:#fff;padding:2rem;}
.wrapper-blog-link-image{overflow:hidden;}
.blog-link-to-article:hover{background:#f2ffd1;}
.blog-link-to-article:hover img{ transform: scale(1.1);}

@media(max-width: 1199.98px)
{
  .blog-link-to-article{grid-template-columns: 1fr;gap: 2rem;}
}

/*
##########################################
GENERAL TRANSITIONS
##########################################
*/
a, header, transition-04, .mobile-menu, .wrapper-toggle-button, #scroll-to-content, input, textarea, #cn-notice-buttons a, .cn-close-icon, #mobile-navigation  .sub-menu li, #desktop-navigation .sub-menu li a, #mobile-navigation  .sub-menu li a, .global-transition,
.gradient-hover, a.link-to-project, .gradient-hover, .gt04, .button, .woocommerce-LoopProduct-link img, .wc-block-cart-item__remove-link, .wc-block-components-panel__button, .wc-block-components-button, .wc-block-components-textarea, .woocommerce-MyAccount-navigation li a, input,
.blog-link-to-article img, .switch-btn
{
  -o-transition:.4s;
  -ms-transition:.4s;
  -moz-transition:.4s;
  -webkit-transition:.4s;
  transition:.4s!important;
}

/*
##########################################
VISIBILITY
##########################################
*/
.resp-display{display:none!important;}
@media(max-width: 1199.98px){.resp-display{display:block!important;}}

.no-display{display:none;}
.no-display-resp{display:block;}
@media(max-width: 1199.98px){.no-display-resp{display:none;}}