:root{
/* Standard Farben */
  --z-main: 0;
  --z-header: 2000;   /* Header über dem Main */
  --z-overlay: 2950;  /* Overlay unter Sidebar, über Header/Main */
  --z-sidebar: 3000;  /* Sidebar/Filter ganz oben */
  --z-produktbild: 4000;  /* Modalimage Produktbild */

--primary-color: rgb(214, 11, 82);
--primary-color-r: 214;
--primary-color-g: 11;
--primary-color-b: 82;
--primary-color-t10: rgba(var(--primary-color-r), var(--primary-color-g), var(--primary-color-b), 0.1);
  --primary-color-t20: rgba(var(--primary-color-r), var(--primary-color-g), var(--primary-color-b), 0.2);
  --primary-color-t30: rgba(var(--primary-color-r), var(--primary-color-g), var(--primary-color-b), 0.3);
  --primary-color-t40: rgba(var(--primary-color-r), var(--primary-color-g), var(--primary-color-b), 0.4);
  --primary-color-t50: rgba(var(--primary-color-r), var(--primary-color-g), var(--primary-color-b), 0.5);
  --primary-color-t60: rgba(var(--primary-color-r), var(--primary-color-g), var(--primary-color-b), 0.6);
  --primary-color-t70: rgba(var(--primary-color-r), var(--primary-color-g), var(--primary-color-b), 0.7);
  --primary-color-t80: rgba(var(--primary-color-r), var(--primary-color-g), var(--primary-color-b), 0.8);
  --primary-color-t90: rgba(var(--primary-color-r), var(--primary-color-g), var(--primary-color-b), 0.9);
  --primary-color-t100: rgba(var(--primary-color-r), var(--primary-color-g), var(--primary-color-b), 1);
  


header{
  background-color: var(--kontrasthintergrund);
  position: sticky;   /* oder fixed, wenn du magst */
  top: 0;
  z-index: var(--z-header);
  isolation: isolate; /* schützt den Header-Layer vor Child-Z-Exzessen */
}

html {
  font-size: 16px;
}

body {
  min-height: 100vh;
  margin: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;  
}

.container{
  margin:3%;
}

.seite{
   margin:3%; 
}


.nobg:hoover{
background: none !important;
}

  --hintergrund:#ffffff;
  --kontrasthintergrund:  #000000;
  --kontrast-text-farbe:  #ffffff; 
  --text-farbe:#000000; 
    


  --fehler:rgb(255, 0, 0);
  --warnung:rgb(238, 255, 0);
  --hinweis:rgb(0, 187, 255); 
  --erfolg:rgb(0, 255, 60);  

  /* Corporate Design Farben */

  --secondary-color: #6C757D;
  --accent-color: #FFC107;

  /* Schriftarten */
  font-family: Arial, sans-serif;
}

.standardschrift{
  color: var(--text-farbe);
}
.kontrastschrift{
  color: var(--kontrast-text-farbe);
}


/* 1) Variablen global definieren */
:root{
  --sg-1: clamp(2rem, 1.5vw + 1rem, 3rem);
  --sg-2: clamp(1.75rem, 1vw + 0.875rem, 2.25rem);
  --sg-3: clamp(1.5rem, 0.75vw + 0.75rem, 2rem);
  --sg-4: clamp(1.25rem, 0.5vw + 0.625rem, 1.75rem);
  --sg-5: clamp(1rem, 0.25vw + 0.5rem, 1.5rem);
  --sg-6: clamp(0.875rem, 0.125vw + 0.4rem, 1.25rem);
}

/* 2) Basis-Utilities (ohne Breakpoint) */
.sg-1 { font-size: var(--sg-1) !important; }
.sg-2 { font-size: var(--sg-2) !important; }
.sg-3 { font-size: var(--sg-3) !important; }
.sg-4 { font-size: var(--sg-4) !important; }
.sg-5 { font-size: var(--sg-5) !important; }
.sg-6 { font-size: var(--sg-6) !important; }

/* 3) Responsive Varianten */

/* sm ≥576px */
@media (min-width: 576px) {
  .sg-sm-1 { font-size: var(--sg-1) !important; }
  .sg-sm-2 { font-size: var(--sg-2) !important; }
  .sg-sm-3 { font-size: var(--sg-3) !important; }
  .sg-sm-4 { font-size: var(--sg-4) !important; }
  .sg-sm-5 { font-size: var(--sg-5) !important; }
  .sg-sm-6 { font-size: var(--sg-6) !important; }
}

/* md ≥768px */
@media (min-width: 768px) {
  .sg-md-1 { font-size: var(--sg-1) !important; }
  .sg-md-2 { font-size: var(--sg-2) !important; }
  .sg-md-3 { font-size: var(--sg-3) !important; }
  .sg-md-4 { font-size: var(--sg-4) !important; }
  .sg-md-5 { font-size: var(--sg-5) !important; }
  .sg-md-6 { font-size: var(--sg-6) !important; }
}

/* lg ≥992px */
@media (min-width: 992px) {
  .sg-lg-1 { font-size: var(--sg-1) !important; }
  .sg-lg-2 { font-size: var(--sg-2) !important; }
  .sg-lg-3 { font-size: var(--sg-3) !important; }
  .sg-lg-4 { font-size: var(--sg-4) !important; }
  .sg-lg-5 { font-size: var(--sg-5) !important; }
  .sg-lg-6 { font-size: var(--sg-6) !important; }
}

/* xl ≥1200px */
@media (min-width: 1200px) {
  .sg-xl-1 { font-size: var(--sg-1) !important; }
  .sg-xl-2 { font-size: var(--sg-2) !important; }
  .sg-xl-3 { font-size: var(--sg-3) !important; }
  .sg-xl-4 { font-size: var(--sg-4) !important; }
  .sg-xl-5 { font-size: var(--sg-5) !important; }
  .sg-xl-6 { font-size: var(--sg-6) !important; }
}

/* xxl ≥1400px */
@media (min-width: 1400px) {
  .sg-xxl-1 { font-size: var(--sg-1) !important; }
  .sg-xxl-2 { font-size: var(--sg-2) !important; }
  .sg-xxl-3 { font-size: var(--sg-3) !important; }
  .sg-xxl-4 { font-size: var(--sg-4) !important; }
  .sg-xxl-5 { font-size: var(--sg-5) !important; }
  .sg-xxl-6 { font-size: var(--sg-6) !important; }
}

	.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active {
  color: #000 !important;          /* schwarze Schrift */
  background-color: rgba(255,255,255,0.9) !important; /* leicht hell, damit Kontrast stimmt */
  border-color: #fff !important;   /* behält weißen Rahmen */
}



/* === PfalzWahn Rainbow Border Effekt === */
.pw-rainbow-card {
  position: relative;
  border-radius: .8rem;
  background: #fff;
  overflow: hidden;
  z-index: 0;
}

/* Der animierte Farbverlauf-Rahmen */
.pw-rainbow-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 3px; /* Border-Dicke */
  background: linear-gradient(
    270deg,
    rgb(255, 0, 100),
    rgb(255, 154, 0),
    rgb(208, 222, 33),
    rgb(79, 220, 74),
    rgb(63, 218, 216),
    rgb(47, 201, 226),
    rgb(28, 127, 238),
    rgb(95, 21, 242),
    rgb(186, 12, 248),
    rgb(251, 7, 217),
    rgb(255, 0, 100)
  );
  background-size: 1000% 1000%;
  animation: pw-rainbow-move 12s linear infinite;
  mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  z-index: 1;
}



#prodCarousel .carousel-item, 
#prodCarousel .carousel-item * { touch-action: pan-y; }

/* Inneninhalt sichtbar über dem Border */
.pw-rainbow-card > * {
  position: relative;
  z-index: 2;
}

/* Bewegung des Regenbogen-Verlaufs */
@keyframes pw-rainbow-move {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


.brandschrift{
  color: var(--primary-color);
}
.accentschrift{
  color: var(--accent-color);
}
.secondary-schrift{
  color: var(--secondary-color);
}
.bold{
  font-weight: bold; 
}


.t1{
  font-size: 1 rem;
}

.container{
  margin:3%;
}

body {
  background-color: var(--hintergrund);
  width: 100%;
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

main{
z-index: 500 !important;    
opacity: 1 !important;
  background-color: white !important;
}


  .be_grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 1.5rem;
  }

.gridcard_container {
  display: grid;
  gap: 20px;
  padding: 20px;
  width: 100%;
  max-width: 1200px;
}
.untermenuschrift{
  color: var(--text-farbe);
}
.card {
  background: white;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  max-width: 480px;
}

.card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-content {
  padding: 15px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.card h3 {
  font-size: 1.2em;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card p {
  flex: 1;
  font-size: 1em;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.price {
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0;
}

.card button {
  padding: 10px;
  border: none;
  cursor: pointer;
  text-align: center;
  border-radius: 5px;
}

@media (max-width: 480px) {
  .gridcard_container {
      grid-template-columns: 1fr;
  }




}

@media (min-width: 481px) and (max-width: 768px) {
  .gridcard_container {
      grid-template-columns: repeat(2, 1fr);
  }




}

@media (min-width: 769px) and (max-width: 1024px) {
  .gridcard_container {
      grid-template-columns: repeat(3, 1fr);
  }



}

@media (min-width: 1025px) and (max-width: 1440px) {
  .gridcard_container {
      grid-template-columns: repeat(5, 1fr);
  }



}


@media (max-width: 768px) {

  h1 { font-size: clamp(2rem, 5vw, 3rem); }   /* 32px - 48px */
  h2 { font-size: clamp(1.75rem, 4.5vw, 2.5rem); } /* 28px - 40px */
  h3 { font-size: clamp(1.5rem, 4vw, 2.25rem); } /* 24px - 36px */
  h4 { font-size: clamp(1.25rem, 3.5vw, 2rem); } /* 20px - 32px */
  h5 { font-size: clamp(1.125rem, 3vw, 1.75rem); } /* 18px - 28px */
  h6 { font-size: clamp(1rem, 2.5vw, 1.5rem); } /* 16px - 24px */
  p { font-size: clamp(1rem, 2vw, 1.25rem); } /* 16px - 20px */
  span { font-size: clamp(1rem, 2vw, 1.25rem); } /* 16px - 20px */
  small { font-size: clamp(0.875rem, 1.5vw, 1rem); } /* 14px - 16px */
  button, input, textarea { font-size: clamp(1rem, 2vw, 1.25rem); } /* 16px - 20px */

}
@media (min-width: 769px) {

h1 { font-size: clamp(3rem, 6vw, 5rem); }   /* 48px - 80px */
h2 { font-size: clamp(2.5rem, 5vw, 4rem); } /* 40px - 64px */
h3 { font-size: clamp(2rem, 4vw, 3.5rem); } /* 32px - 56px */
h4 { font-size: clamp(1.75rem, 3.5vw, 3rem); } /* 28px - 48px */
h5 { font-size: clamp(1.5rem, 3vw, 2.5rem); } /* 24px - 40px */
h6 { font-size: clamp(1.25rem, 2.5vw, 2rem); } /* 20px - 32px */
p { font-size: clamp(1.125rem, 2vw, 1.5rem); } /* 18px - 24px */
span { font-size: clamp(1.125rem, 2vw, 1.5rem); } /* 18px - 24px */
small { font-size: clamp(1rem, 1.5vw, 1.25rem); } /* 16px - 20px */
button, input, textarea { font-size: clamp(1rem, 2vw, 1.25rem); } /* 16px - 20px */
}







/* Navigationsmenü */

:where(ul) {
  box-sizing:border-box;
  -webkit-padding-start:0;
  padding-inline-start:0;
  margin:0;
  list-style:none;
  width:100%;
}
li ul {
  margin:0
}
.qx-menu :is(collapse-button,
button,
a):is(:hover,
:focus,
:focus-visible) {
  text-decoration:none
}
.qx-menu :is(collapse-button,
button,
a):is(:hover,
:focus,
:focus-visible) span {
  text-decoration:none
}
@keyframes from-left {
  0% {
    transform:translate3d(-100%, 0, 0)
  }
  100% {
    transform:translate3d(0, 0, 0)
  }
}
@keyframes to-left {
  0% {
    transform:translate3d(0, 0, 0)
  }
  100% {
    transform:translate3d(-100%, 0, 0)
  }
}
@keyframes from-right {
  0% {
    transform:translate3d(100%, 0, 0)
  }
  100% {
    transform:translate3d(0, 0, 0)
  }
}
@keyframes to-right {
  0% {
    transform:translate3d(0, 0, 0)
  }
  100% {
    transform:translate3d(100%, 0, 0)
  }
}
.hamburger {
  display:inline-block;
  width:35px;
  height:35px;
  padding:5px;
  background-color:var(--kontrasthintergrund);
  border:0 solid #000
}
.hamburger .inner {
  position:relative;
  width:100%;
  margin-top:-1px
}
.hamburger .bar {
  position:absolute;
  display:block;
  width:100%;
  height:2px;
  background-color:var(--hintergrund);
  transition:transform .3s cubic-bezier(0.645, 0.045, 0.355, 1) .2s,opacity .25s cubic-bezier(0.645, 0.045, 0.355, 1) .25s
}
.hamburger .bar:nth-child(1),
.hamburger .bar:nth-child(3) {
  top:0;
  background:none;
  transform:translate3d(0, -7px, 0)
}
.hamburger .bar:nth-child(1)::before,
.hamburger .bar:nth-child(3)::before {
  position:absolute;
  display:block;
  width:100%;
  height:2px;
  background-color:var(--hintergrund);
  content:"";
  transition:transform .35s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger .bar:nth-child(3) {
  transform:translate3d(0, 7px, 0)
}
.hamburger[aria-expanded=true] .bar {
  transition:transform .25s cubic-bezier(0.645, 0.045, 0.355, 1),opacity .25s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.hamburger[aria-expanded=true] .bar:nth-child(1),
.hamburger[aria-expanded=true] .bar:nth-child(3) {
  transform:translate3d(0, 0, 0)
}
.hamburger[aria-expanded=true] .bar:nth-child(1)::before,
.hamburger[aria-expanded=true] .bar:nth-child(3)::before {
  transition:transform .35s cubic-bezier(0.645, 0.045, 0.355, 1) .15s;
  transform:rotate(45deg)
}
.hamburger[aria-expanded=true] .bar:nth-child(2) {
  opacity:0
}
.hamburger[aria-expanded=true] .bar:nth-child(3)::before {
  transform:rotate(-45deg)
}
.qxulbg{
  background: var(--kontrasthintergrund);
}
.qx-nav {
  position:sticky;
  top:0;
  left:0;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:12px 3.5%;
  border-bottom:1px solid rgba(45,52,56,.1)
}
.qx-nav :is(collapse-button,
button,
a) {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  padding:8px;
  color:var(--kontrast-text-farbe);
  text-decoration:none;
  background:var(--kontrasthintergrund);
  border:0
}
.qx-nav :is(collapse-button,
button,
a):focus-visible {
  outline:-webkit-focus-ring-color solid 2px;
  outline-offset:0
}
.qx-nav :is(collapse-button,
button,
a).level-0 {
  font-family:input-sans,sans-serif
}
body:not(.modal-open) .qx-nav {
  z-index:10490 !important
}
body:is(.overflow-hidden,
.modal-open) .drift-conductor-item {
  z-index:10490 !important
}
:is(.qx-menu,
.has-children) {
  display:flex;
  flex-direction:column;
  row-gap:8px
}
:is(.qx-menu,
.has-children).dir-row {
  flex-flow:row wrap
}
.qx-menu.level-1 {
  background: var(--hintergrund);
}
.qx-menu.level-3 {
  width:100%;
  -webkit-padding-start:48px;
  padding-inline-start:48px
}
.qx-menu :is([aria-expanded],
.back-button) {
  -moz-column-gap:12px;
  column-gap:12px;
  justify-content:space-between
}
.qx-menu :is([aria-expanded],
.back-button)::after {
  background-image:url("../../pix/icons/pfeil.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  width:12px;
  height:8px;
  content:""
}
.qx-menu :is([aria-expanded],
.back-button)[aria-expanded=true]::after {
  transform:rotate(180deg)
}
.qx-menu .menu-link small {
  width:100%;

  font-weight:400;
  line-height:1;
  text-decoration:none
}
.qx-menu .menu-link.level-1 {
  flex-wrap:wrap;
  -moz-column-gap:6px;
  column-gap:6px;
  align-items:baseline
}
@media(width >= 450) {
  .qx-menu .menu-link.level-1 {
    -moz-column-gap:12px;
    column-gap:12px
  }
}
.qx-menu .menu-link.level-1::after {
  background-image:url("../../pix/icons/anker.svg");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  width:10px;
  height:10px;
  content:""
}
.qx-menu .menu-link.level-1.white::after {
  background-image:url("../../pix/icons/anker_weis.svg")
}
.qx-menu .menu-title,
.qx-menu .menu-link.level-1 {
  padding:16px 8px;
  margin:0;
}
.qx-menu .collapse-button {
  justify-content:flex-start;
  width:100%
}
.qx-menu .collapse-button img {
  display:block;
  width:28px;
  height:28px
}
.qx-menu .collapse-top-link {
  gap:12px;
  min-width:80%;
  text-underline-offset:4px;
  font-weight:500
}
.qx-menu .collapse-top-link img {
  display:block;
  width:28px;
  height:28px
}
.qx-menu .collapse-top-link+.collapse-button {
  flex:1;
  justify-content:center
}
.qx-menu .collapse-link {
  padding:0
}
.qx-menu .demo-button {
  justify-content:center;
  color:#fff;
  font-weight:400;
  font-size:12px;
  line-height:150%;
  letter-spacing:inherit;
  position:relative;
  border:none;
  background:rgba(0,0,0,0);
  text-align:left;
  padding:9px 16px;
  border-radius:19px;
  text-transform:uppercase;
  display:inline-flex;
  transition:color .2s ease-in-out;
  overflow:hidden;
  z-index:1
}
.qx-menu .demo-button:before {
  content:"";
  background:linear-gradient(90deg, #2fa1ee 10%, #5b26e6 100%);
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  z-index:-1;
  opacity:1;
  transition:filter .2s ease-in-out
}
.qx-menu .demo-button:hover {
  fill:#fff;
  color:fff
}
.qx-menu .demo-button:hover:before {
  filter:grayscale(0.5)
}
.qx-menu .demo-button:focus {
  outline:3px solid #b6a0f7
}
.qx-menu .demo-button:focus:not(:focus-visible) {
  outline:3px solid #b6a0f7
}
.qx-menu .menu-footer {
  gap:12px;
  align-items:baseline;
  justify-content:space-between;
  padding:18px 24px;
  margin:18px -32px -24px;
  background:#000
}
.qx-menu .menu-footer :is(.menu-link,
.footer-link,
.description) {
  width:auto;
  padding:0;
  color:#fff;
  border-radius:4px
}
.qx-menu .menu-footer :is(.footer-link,
.description) {
  font-size:12px
}
.qx-menu .menu-footer .qx-menu {
  flex-direction:row;
  gap:12px;
  width:auto
}
.qx-menu .menu-footer .menu-item:nth-child(n+2) {
  border-left:1px solid #fff
}
.qx-menu .menu-footer .menu-item:nth-child(n+2) .footer-link {
  -webkit-margin-start:12px;
  margin-inline-start:12px
}
.qx-menu .description {
  margin:0
}
[aria-expanded=false]+.qx-menu {
  visibility:hidden
}
[aria-expanded=false]+.qx-menu.level-3 {
  display:none
}
@media(pointer: fine)and (hover: hover) {
  .qx-nav :where(collapse-button,
  button,
  a) {
    cursor:pointer
  }
  .qx-menu :is(collapse-button,
  button,
  a):is(:hover,
  :focus-visible) {
    background: hsla(79, 100%, 60%, 1);
  }
  .qx-menu .demo-button {
    justify-content:center;
    color:#fff;
    font-weight:400;
    font-size:12px;
    line-height:150%;
    letter-spacing:inherit;
    position:relative;
    border:none;
    background:rgba(0,0,0,0);
    text-align:left;
    padding:9px 16px;
    border-radius:19px;
    text-transform:uppercase;
    display:inline-flex;
    transition:color .2s ease-in-out;
    overflow:hidden;
    z-index:1;
    font-family:"input-sans" !important
  }
  .qx-menu .demo-button:before {
    content:"";
    background:linear-gradient(90deg, #2fa1ee 10%, #5b26e6 100%);
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:-1;
    opacity:1;
    transition:filter .2s ease-in-out
  }
  .qx-menu .demo-button:hover {
    fill:#fff;
    color:#fff
  }
  .qx-menu .demo-button:hover:before {
    filter:grayscale(0.5)
  }
  .qx-menu .demo-button:focus {
    outline:3px solid #b6a0f7
  }
  .qx-menu .demo-button:focus:not(:focus-visible) {
    outline:3px solid #b6a0f7
  }
  .qx-menu .menu-footer .menu-link {
    position:relative
  }
  .qx-menu .menu-footer .menu-link:hover {
    background:rgba(0,0,0,0)
  }
  .qx-menu .menu-footer .menu-link:hover::before {
    position:absolute;
    bottom:-2px;
    left:0;
    display:block;
    width:100%;
    height:2px;
    content:"";
    background:var(--kontrasthintergrund);
  }
  .qx-menu .menu-footer .menu-link:focus-visible {
    background:rgba(0,0,0,0)
  }
  .qx-menu .menu-footer .menu-link:focus-visible:focus-visible {
    outline:#fff solid 2px;
    outline-offset:3px
  }
  .qx-menu .menu-footer .footer-link:focus-visible {
    background:rgba(0,0,0,0)
  }
  .qx-menu .menu-footer .footer-link:focus-visible:focus-visible {
    outline:#fff solid 2px;
    outline-offset:3px
  }
  .qx-menu :is(.footer-link,
  .collapse-link):hover {
    text-decoration:underline;
    text-underline-offset:4px;
    background:rgba(0,0,0,0)
  }
}
@media screen and (max-width: 1199.98px) {
  .qx-menu {
    width:100%;
    max-height:calc(100vh - 80px);
    max-height:calc(100dvh - 80px)
  }
  .qx-menu :is(collapse-button,
  button,
  a) {
    width:100%;
    padding:8px;
    border-radius:8px
  }
  .qx-menu:is(.level-0,
  .cloned) {
    position:absolute;
    top:calc(100% + 1px);
    left:0;
    padding:24px;
    overflow-y:auto;
    box-shadow:0 5px 5px 0 rgba(0,0,0,.12);
    background:var(--hintergrund);
  }
  .qx-menu [aria-expanded=false]:not(.collapse-button)::after {
    transform:rotate(-90deg)
  }
  .qx-menu .back-button {
    justify-content:flex-start
  }
  .qx-menu .back-button::after {
    order:-1;
    transform:rotate(90deg)
  }
  .qx-menu .collapse-top-link {
    width:auto
  }
  .qx-menu .language-button img {
    display:none
  }
  .qx-menu .description {
    display:none
  }
  [aria-expanded=false]+.qx-menu {
    visibility:hidden
  }
  [aria-expanded=false]+.qx-menu:not(.level-0) {
    display:none
  }
  .qx-menu.active>:not(.active),
  .qx-menu.active :is(.menu-button,
  .language-button) {
    display:none
  }
  .animation-enabled .qx-menu.level-0 {
    opacity:0;
    transition:all .3s ease-out;
    transform:translate3d(0, 10px, 0)
  }
  .animation-enabled .qx-menu.level-0.slide-in {
    animation:from-left .3s ease-in-out
  }
  .animation-enabled .qx-menu.level-0.slide-out {
    animation:to-left .3s ease-in-out
  }
  .animation-enabled .qx-menu.cloned.slide-in {
    animation:from-right .3s ease-in-out
  }
  .animation-enabled .qx-menu.cloned.slide-out {
    animation:to-right .3s ease-in-out
  }
  .animation-enabled [aria-expanded=true]+.qx-menu.level-0 {
    opacity:1;
    transform:translate3d(0, 0, 0)
  }
}
@media screen and (min-width: 1200px) {
  .hamburger,
  .back-item {
    display:none !important
  }
  .language-item {
    -webkit-margin-start:auto;
    margin-inline-start:auto
  }
  :is(.qx-menu,
  .has-children) {
    gap:12px
  }
  .qx-nav {
    padding: 20px 4.8% 5px;
  }
  .qx-menu :is(collapse-button,
  button,
  a) {
    border-radius:10px
  }
  .qx-menu :is(.language-link) {
    padding:12px
  }
  .qx-menu.level-0 {
    flex:1;
    flex-direction:row;
    -moz-column-gap:20px;
    column-gap:20px;
    align-items:center;
    -webkit-padding-start:50px;
    padding-inline-start:50px;
    visibility:visible
  }
  .qx-menu .level-0 {
    position:relative;

  }
  .qx-menu .level-0:is(:hover,
  [aria-expanded=true])::before {
    position:absolute;
    bottom:-7px;
    left:7px;
    width:calc(100% - 14px);
    height:3px;
    z-index:2;
    content:"";
    background: hsla(79, 100%, 60%, 1);
  }
  .qx-menu .level-0.language-button:is(:hover,
  [aria-expanded=true])::before {
    bottom:-9px
  }
  .qx-menu .level-0:hover {
    background:rgba(0,0,0,0)
  }
  .qx-menu .level-0:focus-visible {
    background:rgba(0,0,0,0)
  }
  .qx-menu .level-0:focus-visible::before {
    display:none
  }
  .qx-menu.level-1 {
    position:absolute;
    top:calc(100% + 1px);
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    max-height:calc(100vh - 70px);
    padding:12px;
    overflow:auto;
    border-radius:10px;
    box-shadow:0 0 58px 16px rgba(0,0,0,.12);
        max-width:90%;

  }
  [aria-expanded=false]+.qx-menu.level-1 {
    visibility:hidden
  }
  .qx-menu.level-1>.menu-item {
    box-sizing:border-box;
    width:100%;
    padding:12px;
    border-radius:10px
  }
  .qx-menu.level-1>.menu-item:is(:hover,
  :focus-within) {
    
  }
  .qx-menu.level-1 .menu-link,
  .qx-menu.level-1 .menu-title {
    padding:12px;
    margin:0;
    transition:background .3s ease-out
  }
  .qx-menu.level-1 .menu-footer {
    grid-column:1/-1;
    padding:12px 36px;
    margin:0 -12px -12px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px
  }
  .qx-menu.level-1 .menu-footer .menu-link {
    padding:0;
    border-radius:4px
  }
  .qx-menu.level-1 .menu-footer .description {
    flex:1;
    -webkit-margin-start:20px;
    margin-inline-start:20px
  }
  .qx-menu.level-1 [slot=title]+.description {
    margin-top:16px;
    font-size:12px;
    line-height:18px
  }
  .qx-menu.level-3 {
    -webkit-padding-start:52px;
    padding-inline-start:52px
  }
  .qx-menu .language-button span,
  .qx-menu .language-button::after {
    display:none
  }
  .qx-menu .language-button+.qx-menu {
    display:flex;
    gap:8px
  }
  .qx-menu .language-button+.qx-menu .menu-item {
    padding:0
  }
  .qx-menu .demo-button {
    font-size:12px
  }
  .animation-enabled .qx-menu.level-1 {
    opacity:0;
    transform:translate3d(-200px, 10px, 0)
  }
  .animation-enabled [aria-expanded=true]+.qx-menu.level-1 {
    opacity:1;
    transition:all .4s ease-out;
    transform:translate3d(-200px, 0, 0)
  }
  .animation-enabled :not(.language-button)+.qx-menu.level-1>.menu-item {
    opacity:0;
    transform:translate3d(0, 10px, 0)
  }
  .animation-enabled :not(.language-button)[aria-expanded=true]+.qx-menu.level-1>.menu-item {
    opacity:1;
    transform:translate3d(0, 0, 0)
  }
  .animation-enabled :not(.language-button)[aria-expanded=true]+.qx-menu.level-1>.menu-item:nth-child(2) {
    transition:opacity .4s ease-out 0s,transform .4s ease-out 0s
  }
  .animation-enabled :not(.language-button)[aria-expanded=true]+.qx-menu.level-1>.menu-item:nth-child(3) {
    transition:opacity .4s ease-out 0.2s,transform .4s ease-out 0.2s
  }
  .animation-enabled :not(.language-button)[aria-expanded=true]+.qx-menu.level-1>.menu-item:nth-child(4) {
    transition:opacity .4s ease-out 0.4s,transform .4s ease-out 0.4s
  }
}

.footer-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 2rem;
  background-color: #000;
  color: #fff;
  padding: 2rem;
  font-family: 'Space Grotesk', sans-serif;
}

.footer-block h4 {
  margin-bottom: 0.5rem;
  font-weight: bold;

}

.footer-block a {
  display: block;
  color: white;
  text-decoration: none;
  margin: 0.2rem 0;

}

.footer-block a:hover {
  text-decoration: underline;
}

.footer-logo-block {
  display: flex;
  align-items: center;
}

.footer-logo {
  width: 150px;
  height: auto;
  margin-bottom: 0;
}

.footer-address-block a {
  color: white;
  text-decoration: underline;
}

/* Wer wir sind mobile Variante (standard: unsichtbar) */
.wer-wir-sind-mobile {
  display: none !important;
}

@media (max-width: 1450px) {
    .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
    .footer-logo-block,
  .footer-address-block,
  .footer-about-block {
    display: none;
  }
  .wer-wir-sind-mobile {
    display: block !important;
  }
}

.ltext{
    margin-left: 1%;
    }

/* Tablet (≤ 1200px) */
@media (max-width: 1200px) {
  .menudesktop {    
    display: none;
  }  
  .menumobile {    
    display: flex;
  }  
}
/* Tablet (> 1200px) */
@media (min-width: 1200px) {
  .menudesktop {    
    display: block;
  }  
  .menumobile {    
    display: none;
  }  
}


/* Tablet (≤ 991px) */
@media (max-width: 991px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .footer-logo-block,
  .footer-address-block,
  .footer-about-block {
    display: none;
  }

  .wer-wir-sind-mobile {
    display: block;
  }
}

/* Mobil (≤ 575px) */
@media (max-width: 575px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .footer-general,
  .footer-about-block,
  .footer-address-block,
  .footer-logo-block,
  .footer-legal h4,
  .footer-legal a:not(.cookie-button) {
    display: none;
  }

  .cookie-button {
    display: inline-block;
    padding: 1rem;
    background-color: #ff4081;
    border-radius: 0.5rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin-top: 1rem;
  }

  .cookie-button:hover {
    background-color:rgb(224, 48, 112);
  }
}


.button-wrapper {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 1rem;
}

.todo-badge {
  position: absolute;
  top: 6px;
  right: 12px;
  background-color: red;
  color: white;
  padding: 2px 8px;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: bold;
  z-index: 10;
}

.offcanvas {
  z-index: var(--z-sidebar) !important;
}

@media (max-width: 768px) {
  .offcanvas {
      z-index: var(--z-sidebar) !important;
  }
}


Element {
}
.qx-menu :is(collapse-button, button, a):is(:hover, :focus, :focus-visible) span {
  text-decoration: none;

}
.wk-todo-badge {
  position: absolute;
  top: 2px;
  right: -10px;
  background-color: var(--primary-color);
  color: white;
  padding: 2px 8px;
  border-radius: 50%;
  font-size: 0.75rem;
  font-weight: bold;
  z-index: 10;

@media (max-width: 1200px) {
  position: relative !important;
  top: -2px;
  right: 0px;
  }
}


/* Basis-Layout für das Login-Menü */
.login-screen {
  min-height: 100vh;
  background: linear-gradient(120deg, #0f0c29, #302b63, #24243e);
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Orbitron', sans-serif;
  padding: 2rem;
  overflow: hidden;
}

.backend_screen {
  min-height: 100vh;
  background: linear-gradient(120deg, #0f0c29, #302b63, #24243e);
  display: block;
  justify-content: center;
  align-items: center;
  font-family: 'Orbitron', sans-serif;
  padding: 2rem;
  overflow: hidden;
}


/* Glassmorphism Box */
.glass-bg {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 1.5rem;
  padding: 3rem 2rem;
  max-width: 420px;
  width: 100%;
  color: #fff;
  box-shadow: 0 0 30px rgba(224, 48, 112, 0.2);
  animation: floatFade 1.4s ease-out forwards;
}

.login-logo {
  width: 80px;
  filter: drop-shadow(0 0 5px rgba(224, 48, 112, 0.6));
}

.futuristic-title {
  font-size: 2rem;
  letter-spacing: 1px;
  color: #fff;
  text-shadow: 0 0 10px rgba(224, 48, 112, 0.5);
}

.muted-text {
  color: rgba(255, 255, 255, 0.7);
}

/* Input Fields */
.neon-input {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  box-shadow: inset 0 0 5px rgba(224, 48, 112, 0.2);
}

.neon-input:focus {
  border-color: #e03070;
  box-shadow: 0 0 12px rgba(224, 48, 112, 0.5);
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
}

/* Button */
.neon-btn {
  background: linear-gradient(90deg, #e03070 0%, #ff4ec4 100%);
  color: white;
  padding: 0.8rem;
  font-size: 1.1rem;
  border: none;
  border-radius: 0.8rem;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 12px rgba(224, 48, 112, 0.5);
}

.neon-btn:hover {
  box-shadow: 0 0 24px rgba(224, 48, 112, 0.8);
  transform: scale(1.02);
}

/* Float Animation */
@keyframes floatFade {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@media (max-width: 600px) {
  .glass-bg {
    padding: 2rem 1.5rem;
  }
  .futuristic-title {
    font-size: 1.5rem;
  }
}

/* Fix für MDB form-floating Labels */
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
  transform: scale(0.85) translateY(-1.5rem) translateX(0.15rem);
  opacity: 0.85;
}

.form-floating > .form-control::placeholder {
  color: transparent;
}

/* Breite Korrektur */
.form-floating {
  width: 100%;
}

/* Optional: Feldhöhe anpassen */
.form-control.neon-input {
  height: 3.5rem;
  font-size: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Immer sichtbares Label beim leeren Feld */
.form-floating > .form-control:placeholder-shown ~ label {
  opacity: 1;
  transform: scale(1) translateY(0.75rem) translateX(0.75rem);
  color: rgba(0, 0, 0, 0.6);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
  transform: scale(0.85) translateY(-1.5rem) translateX(0.15rem);
  opacity: 0.85;
  color: #fff;
}

#loginFeedback {
  transition: all 0.3s ease-in-out;
  font-weight: 500;
}


.pw-w-1 { width: 1%; !important; }
.pw-w-2 { width: 2%; !important; }
.pw-w-3 { width: 3%; !important; }
.pw-w-4 { width: 4%; !important; }
.pw-w-5 { width: 5%; !important; }
.pw-w-6 { width: 6%; !important; }
.pw-w-7 { width: 7%; !important; }
.pw-w-8 { width: 8%; !important; }
.pw-w-9 { width: 9%; !important; }
.pw-w-10 { width: 10%; !important; }
.pw-w-11 { width: 11%; !important; }
.pw-w-12 { width: 12%; !important; }
.pw-w-13 { width: 13%; !important; }
.pw-w-14 { width: 14%; !important; }
.pw-w-15 { width: 15%; !important; }
.pw-w-16 { width: 16%; !important; }
.pw-w-17 { width: 17%; !important; }
.pw-w-18 { width: 18%; !important; }
.pw-w-19 { width: 19%; !important; }
.pw-w-20 { width: 20%; !important; }
.pw-w-21 { width: 21%; !important; }
.pw-w-22 { width: 22%; !important; }
.pw-w-23 { width: 23%; !important; }
.pw-w-24 { width: 24%; !important; }
.pw-w-25 { width: 25%; !important; }
.pw-w-26 { width: 26%; !important; }
.pw-w-27 { width: 27%; !important; }
.pw-w-28 { width: 28%; !important; }
.pw-w-29 { width: 29%; !important; }
.pw-w-30 { width: 30%; !important; }
.pw-w-31 { width: 31%; !important; }
.pw-w-32 { width: 32%; !important; }
.pw-w-33 { width: 33%; !important; }
.pw-w-34 { width: 34%; !important; }
.pw-w-35 { width: 35%; !important; }
.pw-w-36 { width: 36%; !important; }
.pw-w-37 { width: 37%; !important; }
.pw-w-38 { width: 38%; !important; }
.pw-w-39 { width: 39%; !important; }
.pw-w-40 { width: 40%; !important; }
.pw-w-41 { width: 41%; !important; }
.pw-w-42 { width: 42%; !important; }
.pw-w-43 { width: 43%; !important; }
.pw-w-44 { width: 44%; !important; }
.pw-w-45 { width: 45%; !important; }
.pw-w-46 { width: 46%; !important; }
.pw-w-47 { width: 47%; !important; }
.pw-w-48 { width: 48%; !important; }
.pw-w-49 { width: 49%; !important; }
.pw-w-50 { width: 50%; !important; }
.pw-w-51 { width: 51%; !important; }
.pw-w-52 { width: 52%; !important; }
.pw-w-53 { width: 53%; !important; }
.pw-w-54 { width: 54%; !important; }
.pw-w-55 { width: 55%; !important; }
.pw-w-56 { width: 56%; !important; }
.pw-w-57 { width: 57%; !important; }
.pw-w-58 { width: 58%; !important; }
.pw-w-59 { width: 59%; !important; }
.pw-w-60 { width: 60%; !important; }
.pw-w-61 { width: 61%; !important; }
.pw-w-62 { width: 62%; !important; }
.pw-w-63 { width: 63%; !important; }
.pw-w-64 { width: 64%; !important; }
.pw-w-65 { width: 65%; !important; }
.pw-w-66 { width: 66%; !important; }
.pw-w-67 { width: 67%; !important; }
.pw-w-68 { width: 68%; !important; }
.pw-w-69 { width: 69%; !important; }
.pw-w-70 { width: 70%; !important; }
.pw-w-71 { width: 71%; !important; }
.pw-w-72 { width: 72%; !important; }
.pw-w-73 { width: 73%; !important; }
.pw-w-74 { width: 74%; !important; }
.pw-w-75 { width: 75%; !important; }
.pw-w-76 { width: 76%; !important; }
.pw-w-77 { width: 77%; !important; }
.pw-w-78 { width: 78%; !important; }
.pw-w-79 { width: 79%; !important; }
.pw-w-80 { width: 80%; !important; }
.pw-w-81 { width: 81%; !important; }
.pw-w-82 { width: 82%; !important; }
.pw-w-83 { width: 83%; !important; }
.pw-w-84 { width: 84%; !important; }
.pw-w-85 { width: 85%; !important; }
.pw-w-86 { width: 86%; !important; }
.pw-w-87 { width: 87%; !important; }
.pw-w-88 { width: 88%; !important; }
.pw-w-89 { width: 89%; !important; }
.pw-w-90 { width: 90%; !important; }
.pw-w-91 { width: 91%; !important; }
.pw-w-92 { width: 92%; !important; }
.pw-w-93 { width: 93%; !important; }
.pw-w-94 { width: 94%; !important; }
.pw-w-95 { width: 95%; !important; }
.pw-w-96 { width: 96%; !important; }
.pw-w-97 { width: 97%; !important; }
.pw-w-98 { width: 98%; !important; }
.pw-w-99 { width: 99%; !important; }
.pw-w-100 { width: 100%; !important; }
@media (min-width: 576px ) {
  .pw-w-sm-1 { width: 1%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-2 { width: 2%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-3 { width: 3%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-4 { width: 4%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-5 { width: 5%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-6 { width: 6%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-7 { width: 7%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-8 { width: 8%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-9 { width: 9%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-10 { width: 10%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-11 { width: 11%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-12 { width: 12%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-13 { width: 13%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-14 { width: 14%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-15 { width: 15%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-16 { width: 16%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-17 { width: 17%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-18 { width: 18%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-19 { width: 19%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-20 { width: 20%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-21 { width: 21%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-22 { width: 22%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-23 { width: 23%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-24 { width: 24%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-25 { width: 25%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-26 { width: 26%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-27 { width: 27%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-28 { width: 28%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-29 { width: 29%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-30 { width: 30%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-31 { width: 31%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-32 { width: 32%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-33 { width: 33%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-34 { width: 34%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-35 { width: 35%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-36 { width: 36%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-37 { width: 37%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-38 { width: 38%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-39 { width: 39%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-40 { width: 40%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-41 { width: 41%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-42 { width: 42%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-43 { width: 43%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-44 { width: 44%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-45 { width: 45%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-46 { width: 46%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-47 { width: 47%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-48 { width: 48%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-49 { width: 49%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-50 { width: 50%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-51 { width: 51%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-52 { width: 52%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-53 { width: 53%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-54 { width: 54%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-55 { width: 55%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-56 { width: 56%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-57 { width: 57%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-58 { width: 58%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-59 { width: 59%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-60 { width: 60%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-61 { width: 61%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-62 { width: 62%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-63 { width: 63%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-64 { width: 64%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-65 { width: 65%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-66 { width: 66%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-67 { width: 67%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-68 { width: 68%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-69 { width: 69%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-70 { width: 70%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-71 { width: 71%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-72 { width: 72%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-73 { width: 73%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-74 { width: 74%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-75 { width: 75%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-76 { width: 76%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-77 { width: 77%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-78 { width: 78%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-79 { width: 79%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-80 { width: 80%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-81 { width: 81%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-82 { width: 82%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-83 { width: 83%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-84 { width: 84%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-85 { width: 85%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-86 { width: 86%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-87 { width: 87%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-88 { width: 88%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-89 { width: 89%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-90 { width: 90%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-91 { width: 91%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-92 { width: 92%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-93 { width: 93%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-94 { width: 94%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-95 { width: 95%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-96 { width: 96%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-97 { width: 97%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-98 { width: 98%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-99 { width: 99%; !important; }
}
@media (min-width: 576px ) {
  .pw-w-sm-100 { width: 100%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-1 { width: 1%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-2 { width: 2%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-3 { width: 3%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-4 { width: 4%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-5 { width: 5%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-6 { width: 6%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-7 { width: 7%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-8 { width: 8%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-9 { width: 9%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-10 { width: 10%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-11 { width: 11%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-12 { width: 12%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-13 { width: 13%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-14 { width: 14%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-15 { width: 15%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-16 { width: 16%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-17 { width: 17%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-18 { width: 18%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-19 { width: 19%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-20 { width: 20%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-21 { width: 21%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-22 { width: 22%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-23 { width: 23%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-24 { width: 24%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-25 { width: 25%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-26 { width: 26%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-27 { width: 27%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-28 { width: 28%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-29 { width: 29%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-30 { width: 30%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-31 { width: 31%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-32 { width: 32%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-33 { width: 33%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-34 { width: 34%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-35 { width: 35%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-36 { width: 36%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-37 { width: 37%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-38 { width: 38%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-39 { width: 39%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-40 { width: 40%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-41 { width: 41%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-42 { width: 42%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-43 { width: 43%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-44 { width: 44%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-45 { width: 45%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-46 { width: 46%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-47 { width: 47%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-48 { width: 48%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-49 { width: 49%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-50 { width: 50%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-51 { width: 51%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-52 { width: 52%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-53 { width: 53%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-54 { width: 54%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-55 { width: 55%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-56 { width: 56%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-57 { width: 57%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-58 { width: 58%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-59 { width: 59%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-60 { width: 60%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-61 { width: 61%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-62 { width: 62%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-63 { width: 63%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-64 { width: 64%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-65 { width: 65%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-66 { width: 66%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-67 { width: 67%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-68 { width: 68%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-69 { width: 69%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-70 { width: 70%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-71 { width: 71%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-72 { width: 72%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-73 { width: 73%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-74 { width: 74%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-75 { width: 75%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-76 { width: 76%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-77 { width: 77%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-78 { width: 78%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-79 { width: 79%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-80 { width: 80%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-81 { width: 81%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-82 { width: 82%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-83 { width: 83%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-84 { width: 84%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-85 { width: 85%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-86 { width: 86%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-87 { width: 87%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-88 { width: 88%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-89 { width: 89%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-90 { width: 90%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-91 { width: 91%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-92 { width: 92%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-93 { width: 93%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-94 { width: 94%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-95 { width: 95%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-96 { width: 96%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-97 { width: 97%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-98 { width: 98%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-99 { width: 99%; !important; }
}
@media (min-width: 768px ) {
  .pw-w-md-100 { width: 100%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-1 { width: 1%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-2 { width: 2%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-3 { width: 3%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-4 { width: 4%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-5 { width: 5%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-6 { width: 6%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-7 { width: 7%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-8 { width: 8%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-9 { width: 9%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-10 { width: 10%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-11 { width: 11%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-12 { width: 12%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-13 { width: 13%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-14 { width: 14%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-15 { width: 15%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-16 { width: 16%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-17 { width: 17%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-18 { width: 18%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-19 { width: 19%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-20 { width: 20%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-21 { width: 21%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-22 { width: 22%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-23 { width: 23%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-24 { width: 24%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-25 { width: 25%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-26 { width: 26%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-27 { width: 27%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-28 { width: 28%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-29 { width: 29%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-30 { width: 30%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-31 { width: 31%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-32 { width: 32%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-33 { width: 33%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-34 { width: 34%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-35 { width: 35%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-36 { width: 36%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-37 { width: 37%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-38 { width: 38%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-39 { width: 39%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-40 { width: 40%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-41 { width: 41%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-42 { width: 42%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-43 { width: 43%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-44 { width: 44%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-45 { width: 45%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-46 { width: 46%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-47 { width: 47%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-48 { width: 48%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-49 { width: 49%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-50 { width: 50%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-51 { width: 51%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-52 { width: 52%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-53 { width: 53%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-54 { width: 54%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-55 { width: 55%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-56 { width: 56%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-57 { width: 57%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-58 { width: 58%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-59 { width: 59%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-60 { width: 60%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-61 { width: 61%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-62 { width: 62%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-63 { width: 63%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-64 { width: 64%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-65 { width: 65%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-66 { width: 66%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-67 { width: 67%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-68 { width: 68%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-69 { width: 69%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-70 { width: 70%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-71 { width: 71%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-72 { width: 72%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-73 { width: 73%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-74 { width: 74%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-75 { width: 75%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-76 { width: 76%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-77 { width: 77%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-78 { width: 78%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-79 { width: 79%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-80 { width: 80%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-81 { width: 81%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-82 { width: 82%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-83 { width: 83%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-84 { width: 84%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-85 { width: 85%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-86 { width: 86%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-87 { width: 87%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-88 { width: 88%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-89 { width: 89%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-90 { width: 90%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-91 { width: 91%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-92 { width: 92%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-93 { width: 93%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-94 { width: 94%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-95 { width: 95%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-96 { width: 96%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-97 { width: 97%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-98 { width: 98%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-99 { width: 99%; !important; }
}
@media (min-width: 992px ) {
  .pw-w-lg-100 { width: 100%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-1 { width: 1%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-2 { width: 2%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-3 { width: 3%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-4 { width: 4%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-5 { width: 5%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-6 { width: 6%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-7 { width: 7%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-8 { width: 8%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-9 { width: 9%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-10 { width: 10%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-11 { width: 11%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-12 { width: 12%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-13 { width: 13%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-14 { width: 14%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-15 { width: 15%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-16 { width: 16%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-17 { width: 17%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-18 { width: 18%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-19 { width: 19%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-20 { width: 20%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-21 { width: 21%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-22 { width: 22%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-23 { width: 23%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-24 { width: 24%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-25 { width: 25%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-26 { width: 26%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-27 { width: 27%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-28 { width: 28%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-29 { width: 29%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-30 { width: 30%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-31 { width: 31%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-32 { width: 32%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-33 { width: 33%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-34 { width: 34%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-35 { width: 35%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-36 { width: 36%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-37 { width: 37%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-38 { width: 38%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-39 { width: 39%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-40 { width: 40%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-41 { width: 41%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-42 { width: 42%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-43 { width: 43%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-44 { width: 44%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-45 { width: 45%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-46 { width: 46%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-47 { width: 47%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-48 { width: 48%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-49 { width: 49%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-50 { width: 50%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-51 { width: 51%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-52 { width: 52%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-53 { width: 53%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-54 { width: 54%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-55 { width: 55%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-56 { width: 56%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-57 { width: 57%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-58 { width: 58%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-59 { width: 59%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-60 { width: 60%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-61 { width: 61%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-62 { width: 62%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-63 { width: 63%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-64 { width: 64%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-65 { width: 65%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-66 { width: 66%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-67 { width: 67%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-68 { width: 68%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-69 { width: 69%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-70 { width: 70%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-71 { width: 71%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-72 { width: 72%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-73 { width: 73%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-74 { width: 74%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-75 { width: 75%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-76 { width: 76%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-77 { width: 77%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-78 { width: 78%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-79 { width: 79%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-80 { width: 80%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-81 { width: 81%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-82 { width: 82%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-83 { width: 83%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-84 { width: 84%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-85 { width: 85%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-86 { width: 86%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-87 { width: 87%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-88 { width: 88%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-89 { width: 89%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-90 { width: 90%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-91 { width: 91%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-92 { width: 92%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-93 { width: 93%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-94 { width: 94%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-95 { width: 95%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-96 { width: 96%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-97 { width: 97%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-98 { width: 98%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-99 { width: 99%; !important; }
}
@media (min-width: 1200px ) {
  .pw-w-xl-100 { width: 100%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-1 { width: 1%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-2 { width: 2%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-3 { width: 3%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-4 { width: 4%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-5 { width: 5%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-6 { width: 6%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-7 { width: 7%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-8 { width: 8%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-9 { width: 9%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-10 { width: 10%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-11 { width: 11%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-12 { width: 12%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-13 { width: 13%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-14 { width: 14%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-15 { width: 15%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-16 { width: 16%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-17 { width: 17%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-18 { width: 18%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-19 { width: 19%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-20 { width: 20%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-21 { width: 21%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-22 { width: 22%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-23 { width: 23%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-24 { width: 24%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-25 { width: 25%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-26 { width: 26%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-27 { width: 27%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-28 { width: 28%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-29 { width: 29%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-30 { width: 30%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-31 { width: 31%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-32 { width: 32%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-33 { width: 33%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-34 { width: 34%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-35 { width: 35%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-36 { width: 36%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-37 { width: 37%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-38 { width: 38%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-39 { width: 39%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-40 { width: 40%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-41 { width: 41%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-42 { width: 42%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-43 { width: 43%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-44 { width: 44%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-45 { width: 45%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-46 { width: 46%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-47 { width: 47%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-48 { width: 48%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-49 { width: 49%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-50 { width: 50%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-51 { width: 51%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-52 { width: 52%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-53 { width: 53%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-54 { width: 54%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-55 { width: 55%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-56 { width: 56%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-57 { width: 57%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-58 { width: 58%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-59 { width: 59%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-60 { width: 60%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-61 { width: 61%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-62 { width: 62%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-63 { width: 63%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-64 { width: 64%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-65 { width: 65%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-66 { width: 66%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-67 { width: 67%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-68 { width: 68%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-69 { width: 69%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-70 { width: 70%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-71 { width: 71%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-72 { width: 72%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-73 { width: 73%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-74 { width: 74%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-75 { width: 75%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-76 { width: 76%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-77 { width: 77%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-78 { width: 78%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-79 { width: 79%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-80 { width: 80%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-81 { width: 81%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-82 { width: 82%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-83 { width: 83%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-84 { width: 84%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-85 { width: 85%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-86 { width: 86%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-87 { width: 87%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-88 { width: 88%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-89 { width: 89%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-90 { width: 90%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-91 { width: 91%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-92 { width: 92%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-93 { width: 93%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-94 { width: 94%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-95 { width: 95%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-96 { width: 96%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-97 { width: 97%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-98 { width: 98%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-99 { width: 99%; !important; }
}
@media (min-width: 1400px ) {
  .pw-w-xxl-100 { width: 100%; !important; }
}

/* Container */
.marquee-container {
  background-color: hsla(79, 100%, 60%, 1); /* Gelber Hintergrund */
  color: #000;
  overflow: hidden;
  position: relative;
  height: 50px;
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

/* Text */
.marquee-track {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  animation: scroll-left 30s linear infinite;
  font-size: 1.2rem;
  font-weight: 600;
  padding-left: 100%; /* Start rechts außerhalb */
}

/* Hover → pausieren */
.marquee-container:hover .marquee-track {
  animation-play-state: paused !important;
}

/* Bewegung */
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}