@layer base {
  
  body, :host {
    /* Color */
    --brand-50: #EDF7FC;
--brand-100: #D7E9F9;
--brand-200: #B7D7F5;
--brand-300: #8ABEF0;
--brand-400: #4F94E8;
--brand-500: #1B5BDA;
--brand-600: #2648B5;
--brand-700: #282F7B;
--brand-800: #252A5F;
--brand-900: #1B1C3B;
--white-0: #ffffff00;
--white-50: #ffffff0d;
--white-100: #ffffff1a;
--white-200: #ffffff33;
--white-300: #ffffff66;
--white-400: #ffffffb3;
--white-500: #ffffffcc;
--white-600: #ffffffd9;
--white-700: #ffffffe6;
--white-800: #fffffff2;
--white-900: #ffffff;
--grey-50: #F5F5F5;
--grey-100: #E6E6E6;
--grey-200: #D9D9D9;
--grey-300: #B3B3B3;
--grey-400: #757575;
--grey-500: #444444;
--grey-600: #383838;
--grey-700: #2C2C2C;
--grey-800: #1E1E1E;
--grey-900: #111111;
--red-50: #FEE9E7;
--red-100: #FDD3D0;
--red-200: #FCB3AD;
--red-300: #F4776A;
--red-400: #EC221F;
--red-500: #C00F0C;
--red-600: #900B09;
--red-700: #690807;
--red-800: #4D0B0A;
--red-900: #300603;
--blue-50: #EFF6FF;
--blue-100: #DBEAFE;
--blue-200: #BFDBFE;
--blue-300: #93C5FD;
--blue-400: #60A5FA;
--blue-500: #3B82F6;
--blue-600: #2563EB;
--blue-700: #1D4ED8;
--blue-800: #1E40AF;
--blue-900: #1E3A8A;
--lime-50: #F7FEE7;
--lime-100: #ECFCCB;
--lime-200: #D9F99D;
--lime-300: #BEF264;
--lime-400: #A3E635;
--lime-500: #84CC16;
--lime-600: #65A30D;
--lime-700: #4D7C0F;
--lime-800: #3F6212;
--lime-900: #365314;
--pink-50: #FDF2F8;
--pink-100: #FCE7F3;
--pink-200: #FBCFE8;
--pink-300: #F9A8D4;
--pink-400: #F472B6;
--pink-500: #EC4899;
--pink-600: #DB2777;
--pink-700: #BE185D;
--pink-800: #9D174D;
--pink-900: #831843;
--teal-50: #F0FDFA;
--teal-100: #CCFBF1;
--teal-200: #99F6E4;
--teal-300: #5EEAD4;
--teal-400: #2DD4BF;
--teal-500: #14B8A6;
--teal-600: #0D9488;
--teal-700: #0F766E;
--teal-800: #115E59;
--teal-900: #134E4A;
--green-50: #ECFDF5;
--green-100: #D1FAE5;
--green-200: #A7F3D0;
--green-300: #6EE7B7;
--green-400: #34D399;
--green-500: #10B981;
--green-600: #059669;
--green-700: #047857;
--green-800: #065F46;
--green-900: #064E3B;
--purple-50: #F5F3FF;
--purple-100: #EDE9FE;
--purple-200: #DDD6FE;
--purple-300: #C4B5FD;
--purple-400: #A78BFA;
--purple-500: #8B5CF6;
--purple-600: #7C3AED;
--purple-700: #6D28D9;
--purple-800: #5B21B6;
--purple-900: #4C1D95;
--yellow-50: #FFFBEB;
--yellow-100: #FEF3C7;
--yellow-200: #FDE68A;
--yellow-300: #FCD34D;
--yellow-400: #FBBF24;
--yellow-500: #F59E0B;
--yellow-600: #D97706;
--yellow-700: #B45309;
--yellow-800: #92400E;
--yellow-900: #78350F;
--primary: var(--brand-700);
--hover-primary: var(--brand-800);
--on-primary: var(--brand-50);
--secondary: var(--brand-50);
--hover-secondary: var(--brand-100);
--on-secondary: var(--brand-800);
--tertiary: var(--white-0);
--hover-tertiary: var(--brand-50);
--on-tertiary: var(--brand-800);
--surface: var(--white-900);
--surface-variant: var(--grey-50);
--surface-dim: var(--grey-200);
--on-surface: var(--grey-800);
--on-surface-secondary: var(--grey-400);
--on-surface-tertiary: var(--grey-300);
--container-lowest: var(--white-900);
--error: var(--red-400);
--hover-error: var(--red-500);
--on-error: var(--red-50);
--error-secondary: var(--red-100);
--hover-error-secondary: var(--red-200);
--on-error-secondary: var(--red-600);
--disabled: var(--grey-200);
--on-disabled: var(--grey-300);
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-inter: 'Inter',sans-serif;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 2rem;
--font-size-4xl: 2.5rem;
--font-size-5xl: 4rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --container-medium: 32rem;
--container-small: 23rem;
--spacing-xtiny: .125rem;
--spacing-tiny: .25rem;
--spacing-xxxsmall: 0.375rem;
--spacing-xxsmall: .5rem;
--spacing-xsmall: 0.75rem;
--spacing-small: 1rem;
--spacing-regular: 1.5rem;
--spacing-medium: 2rem;
--spacing-large: 3rem;
--spacing-xlarge: 4rem;
--spacing-xxlarge: 5rem;
--spacing-huge: 6rem;
--spacing-xhuge: 8rem;
--spacing-xxhuge: 12rem;
--padding-global: 1rem;
--border-radius-tiny: .25rem;
--border-radius-small: .5rem;
--border-radius-regular: 1rem;
--border-radius-medium: 1.5rem;
--border-radius-large: 2rem;
--border-radius-full: 100rem;
--app-height: 100dvh;
----keyboard-height: 0px;
    /* Z-index */
    --nav-elements: 10;
--modals: 20;
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  
      

      
        
      
      
  
      

      
        
      
      
  .eKhatX {
    right:1.5rem;
  bottom:6.5rem;
  z-index:var(--nav-elements);
  position:fixed;
  }
      

      
        
      
      
  .bMLJEy {
    width:100vw;
  height:var(--app-height);
  }
      

      
        
      
      
  .bRPMXH {
    top:auto;
  width:100vw;
  bottom:0px;
  display:flex;
  z-index:var(--nav-elements);
  position:fixed;
  background:var(--surface-variant);
  align-items:center;
  flex-direction:row;
  padding-bottom:var(--spacing-small);
  justify-content:space-between;
  }
      

      
        
      
      
  .bWpTnd {
    width:fit-content;
  height:auto;
  }
      

      
        
      
      
  .nav-item\:root {
    flex:1;
  }
      

      
        
      
      
  .FDjKY {
    display:flex;
  align-items:center;
  justify-content:center;
  }
      

      
  .FDjKY.16 {
    width:16px;
  height:16px;
  }
      


  .FDjKY.20 {
    width:20px;
  height:20px;
  }
      


  .FDjKY.24 {
    width:24px;
  height:24px;
  }
      


  .FDjKY.32 {
    width:32px;
  height:32px;
  }
      


  .FDjKY.40 {
    width:40px;
  height:40px;
  }
      


  .FDjKY.48 {
    width:48px;
  height:48px;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cBneTn {
    width:0rem;
  height:2rem;
  display:flex;
  transition:all 300ms ease;
  align-items:center;
  justify-content:center;
  border-top-left-radius:var(--border-radius-regular);
  border-top-right-radius:var(--border-radius-regular);
  border-bottom-left-radius:var(--border-radius-regular);
  border-bottom-right-radius:var(--border-radius-regular);
  }
      

      
  .cBneTn.active-tab {
    width:3.5rem;
  background:var(--hover-secondary);
  }
      

        
      
      
  .pPyZS {
    color:var(--on-surface-secondary);
  width:100%;
  height:4rem;
  display:flex;
  transition:all 300ms ease;
  align-items:center;
  padding-top:var(--spacing-tiny);
  padding-left:var(--spacing-xxsmall);
  padding-right:var(--spacing-xxsmall);
  padding-bottom:var(--spacing-xxsmall);
  justify-content:space-between;
  }
      

      
  .pPyZS.active-tab {
    color:var(--primary);
  }
      

        
      
      
  .dqTHlC {
    font-size:var(--font-size-sm);
  font-weight:var(--font-weight-normal);
  line-height:140%;
  }
      

      
  .dqTHlC.text-regular {
    font-size:var(--font-size-base);
  font-family:Inter;
  line-height:140%;
  }
      


  .dqTHlC.text-small {
    font-size:var(--font-size-sm);
  font-family:Inter;
  line-height:140%;
  }
      


  .dqTHlC.text-tiny {
    font-size:var(--font-size-xs);
  font-family:Inter;
  line-height:140%;
  }
      


  .dqTHlC.weight-regular {
    font-weight:var(--font-weight-regular);
  }
      


  .dqTHlC.weight-medium {
    font-weight:var(--font-weight-normal);
  }
      


  .dqTHlC.weight-strong {
    font-weight:var(--font-weight-bold);
  }
      


  .dqTHlC.align-left {
    text-align:left;
  }
      


  .dqTHlC.align-center {
    text-align:center;
  }
      


  .dqTHlC.align-right {
    text-align:right;
  }
      


  .dqTHlC.uppercase {
    letter-spacing:.05rem;
  text-transform:uppercase;
  }
      


  .dqTHlC.text-large {
    font-size:var(--font-size-xl);
  font-family:Inter;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bGTESj {
    width:0.5rem;
  height:0.5rem;
  background:var(--surface-dim);
  border-top-left-radius:var(--border-radius-small);
  border-top-right-radius:var(--border-radius-small);
  border-bottom-left-radius:var(--border-radius-small);
  border-bottom-right-radius:var(--border-radius-small);
  }
      

      
  .bGTESj.active {
    width:1rem;
  background:var(--primary);
  }
      

        
      
      
  
      

      
        
      
      
  .pYLtE {
    color:var(--on-surface);
  width:100%;
  display:flex;
  row-gap:var(--spacing-xxxsmall);
  max-width:20rem;
  column-gap:var(--spacing-xxxsmall);
  align-items:flex-start;
  justify-content:flex-start;
  }
      

      
        
      
      
  .eFWnqt {
    color:var(--on-surface);
  width:fit-content;
  display:flex;
  align-items:center;
  padding-top:var(--spacing-tiny);
  padding-left:var(--spacing-xxsmall);
  padding-right:var(--spacing-xxsmall);
  padding-bottom:var(--spacing-tiny);
  justify-content:center;
  border-top-left-radius:var(--border-radius-small);
  border-top-right-radius:var(--border-radius-small);
  border-bottom-left-radius:var(--border-radius-small);
  border-bottom-right-radius:var(--border-radius-small);
  }
      

      
  .eFWnqt.green {
    background:var(--green-500);
  }
      


  .eFWnqt.white {
    background:var(--surface);
  }
      


  .eFWnqt.yellow {
    background:var(--yellow-400);
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .SWxlP {
    position:relative;
  outline-color:transparent;
  outline-style:none;
  outline-width:0px;
  pointer-events:all;
  }
      

      
  .SWxlP:focus {
    outline-color:transparent;
  outline-style:none;
  outline-width:0px;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .modal-trigger\:G6m65S7eg1WbgkWTQNFpd {
    translate:0 100% 0;
  }
      

      
  .modal-trigger\:G6m65S7eg1WbgkWTQNFpd.open-transition {
    transition:translate 500ms ease linear(0, 0%, 0.0245, 1.6393%, 0.1012, 3.6885%, 0.6097, 12.7049%, 0.8346, 18.0328%, 0.9146, 20.9016%, 0.9725, 23.9754%, 1.0106, 27.459%, 1.0219, 29.3033%, 1.029, 31.3525%, 1.0321, 33.6066%, 1.0315, 36.0656%, 1.0271, 39.3443%, 1.012, 47.541%, 1.0058, 52.0492%, 1.001, 58.1967%, 0.9991, 65.9836%, 1, 100%) normal;
  }
      


  .modal-trigger\:G6m65S7eg1WbgkWTQNFpd.close-transition {
    transition:translate 250ms ease;
  }
      


  .modal-trigger\:G6m65S7eg1WbgkWTQNFpd.open {
    translate:0 0% 0;
  transition:translate 300ms ease;
  }
      

        
                  @keyframes animation-Yncfj {
                    
                        0% {
                          translate: undefined;
                        }
                        

                        20% {
                          translate: 0 100% 0;
                        }
                        
                  }
                  
      
      
  .byjkOA {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  z-index:-1;
  position:absolute;
  }
      

      
        
      
      
  
      

      
        
      
      
  .modal-trigger\:f27AwVPY_MQ6pRtcbOiJ5 {
    animation:;
  }
      

      
  .modal-trigger\:f27AwVPY_MQ6pRtcbOiJ5.open {
    animation:;
  background:#5a5a5a66;
  backdrop-filter:blur(10px);
  }
      


  .modal-trigger\:f27AwVPY_MQ6pRtcbOiJ5.open-transition {
    transition:all 200ms linear;
  }
      


  .modal-trigger\:f27AwVPY_MQ6pRtcbOiJ5.close-transition {
    transition:all 200ms linear;
  }
      

        
                  @keyframes animation-cmbDmu {
                    
                        0% {
                          backdrop-filter: blur(0px);
                        }
                        

                        100% {
                          backdrop-filter: ;
                        }
                        
                  }
                  
      
      
  .KsFov {
    width:var(--width);
  height:var(--height);
  position:fixed;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:center;
  pointer-events:none;
  justify-content:center;
  }
      

      
  .KsFov.modal {
    touch-action:none;
  pointer-events:all;
  }
      

        
      
      
  
      

      
        
      
      
  .sparkcore\/sc-bottom-sheet-portal\:root {
    align-items:center;
  justify-content:end;
  }
      

      
        
      
      
  .modal-trigger\:sQy8xN1YBk1sS28rB0BXT {
    transition:height 200ms ease;
  }
      

      
        
      
      
  .card-produkt\:4MtO8QuhpaoatcngBSGP_ {
    top:0.5rem;
  right:0.5rem;
  position:absolute;
  }
      

      
        
      
      
  .bibdwd {
    width:100%;
  height:100%;
  z-index:5;
  position:absolute;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dtgpkO {
    width:3rem;
  height:3rem;
  display:flex;
  font-size:var(--font-size-base);
  align-items:center;
  font-family:inherit;
  font-weight:var(--font-weight-normal);
  line-height:100%;
  flex-direction:row;
  justify-content:center;
  border-top-left-radius:var(--border-radius-regular);
  border-top-right-radius:var(--border-radius-regular);
  border-bottom-left-radius:var(--border-radius-regular);
  border-bottom-right-radius:var(--border-radius-regular);
  }
      

      
  .dtgpkO.primary {
    color:var(--on-primary);
  background:var(--primary);
  }
      


  .dtgpkO.primary:active {
    color:var(--on-primary);
  background:var(--hover-primary);
  }
      


  .dtgpkO.secondary {
    color:var(--on-secondary);
  background:var(--secondary);
  }
      


  .dtgpkO.secondary:active {
    color:var(--on-secondary);
  background:var(--hover-secondary);
  }
      


  .dtgpkO.tertiary {
    color:var(--on-tertiary);
  background:var(--tertiary);
  }
      


  .dtgpkO.tertiary:active {
    color:var(--on-tertiary);
  background:var(--hover-tertiary);
  }
      


  .dtgpkO.normal {
    width:3rem;
  height:3rem;
  padding-left:var(--spacing-small);
  padding-right:var(--spacing-small);
  }
      


  .dtgpkO.small {
    width:2.5rem;
  height:2.5rem;
  padding-left:var(--spacing-xsmall);
  padding-right:var(--spacing-xsmall);
  border-top-left-radius:var(--border-radius-regular);
  border-top-right-radius:var(--border-radius-regular);
  border-bottom-left-radius:var(--border-radius-regular);
  border-bottom-right-radius:var(--border-radius-regular);
  }
      


  .dtgpkO.large {
    width:4rem;
  height:4rem;
  border-top-left-radius:var(--border-radius-medium);
  border-top-right-radius:var(--border-radius-medium);
  border-bottom-left-radius:var(--border-radius-medium);
  border-bottom-right-radius:var(--border-radius-medium);
  }
      


  .dtgpkO.disabled {
    color:var(--on-disabled);
  background:var(--disabled);
  }
      


  .dtgpkO.secondary-variant {
    color:var(--on-secondary);
  background:var(--surface);
  }
      


  .dtgpkO.secondary-variant:active {
    color:var(--on-secondary);
  background:var(--hover-secondary);
  }
      


  .dtgpkO.tertiary-variant {
    color:var(--on-tertiary);
  background:var(--tertiary);
  }
      


  .dtgpkO.tertiary-variant:active {
    color:var(--on-tertiary);
  background:var(--hover-secondary);
  }
      

        
      
      
  .card-produkt\:GKVsBrPy47XPZQqjmrrvf {
    top:0.5rem;
  right:0.5rem;
  z-index:7;
  position:absolute;
  }
      

      
        
      
      
  
      

      
        
      
      
  .eZUWvF {
    width:100%;
  display:flex;
  position:relative;
  align-items:flex-start;
  padding-top:var(--spacing-xxsmall);
  aspect-ratio:1/1;
  padding-left:var(--spacing-xxsmall);
  padding-right:var(--spacing-xxsmall);
  padding-bottom:var(--spacing-xxsmall);
  justify-content:flex-end;
  }
      

      
        
      
      
  .bWbgyK {
    width:100vw;
  height:fit-content;
  display:flex;
  position:relative;
  background:var(--surface);
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:center;
  padding-top:3.375rem;
  padding-left:var(--spacing-small);
  padding-right:var(--spacing-small);
  padding-bottom:var(--spacing-regular);
  justify-content:flex-start;
  border-top-left-radius:var(--border-radius-large);
  border-top-right-radius:var(--border-radius-large);
  }
      

      
  .bWbgyK.no-padding {
    padding-top:0rem;
  padding-left:0rem;
  padding-right:0rem;
  padding-bottom:0rem;
  }
      

        
      
      
  .cYjUgj {
    top:0px;
  left:0px;
  right:0px;
  width:100vw;
  bottom:auto;
  height:3.375rem;
  display:flex;
  position:absolute;
  align-items:center;
  padding-top:var(--spacing-small);
  justify-content:flex-start;
  }
      

      
        
      
      
  .exvkJI {
    width:2rem;
  height:0.375rem;
  background:var(--surface-dim);
  border-top-left-radius:var(--border-radius-full);
  border-top-right-radius:var(--border-radius-full);
  border-bottom-left-radius:var(--border-radius-full);
  border-bottom-right-radius:var(--border-radius-full);
  }
      

      
        
      
      
  .modal-container\:hhdx0NoHqw0dQmbxhr69c {
    z-index:var(--nav-elements);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dbhqWA {
    color:var(--on-surface);
  font-weight:var(--font-weight-bold);
  }
      

      
  .dbhqWA.huge {
    font-size:var(--font-size-4xl);
  font-family:Inter;
  font-weight:var(--font-weight-bold);
  line-height:120%;
  }
      


  .dbhqWA.large {
    font-size:var(--font-size-3xl);
  font-family:Inter;
  font-weight:var(--font-weight-bold);
  line-height:120%;
  }
      


  .dbhqWA.regular {
    font-size:var(--font-size-2xl);
  font-family:Inter;
  font-weight:var(--font-weight-bold);
  line-height:120%;
  }
      


  .dbhqWA.small {
    font-size:var(--font-size-lg);
  font-family:Inter;
  font-weight:var(--font-weight-bold);
  line-height:120%;
  }
      


  .dbhqWA.subheading {
    font-size:var(--font-size-base);
  font-family:Inter;
  font-weight:var(--font-weight-bold);
  line-height:120%;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .IoQeP {
    width:fit-content;
  height:3rem;
  display:flex;
  row-gap:var(--spacing-xsmall);
  font-size:var(--font-size-base);
  column-gap:var(--spacing-xsmall);
  transition:all 300ms ease;
  align-items:center;
  font-family:inherit;
  font-weight:var(--font-weight-normal);
  line-height:100%;
  padding-left:var(--spacing-small);
  padding-right:var(--spacing-small);
  flex-direction:row;
  justify-content:center;
  border-top-left-radius:var(--border-radius-regular);
  border-top-right-radius:var(--border-radius-regular);
  border-bottom-left-radius:var(--border-radius-regular);
  border-bottom-right-radius:var(--border-radius-regular);
  }
      

      
  .IoQeP.primary {
    color:var(--on-primary);
  background:var(--primary);
  }
      


  .IoQeP.primary:active {
    color:var(--on-primary);
  background:var(--hover-primary);
  }
      


  .IoQeP.secondary {
    color:var(--on-secondary);
  background:var(--secondary);
  }
      


  .IoQeP.secondary:active {
    color:var(--on-secondary);
  background:var(--hover-secondary);
  }
      


  .IoQeP.tertiary {
    color:var(--on-tertiary);
  background:var(--tertiary);
  }
      


  .IoQeP.tertiary:active {
    color:var(--on-tertiary);
  background:var(--hover-tertiary);
  }
      


  .IoQeP.normal {
    height:3rem;
  padding-left:var(--spacing-small);
  padding-right:var(--spacing-small);
  }
      


  .IoQeP.small {
    height:2.5rem;
  padding-left:var(--spacing-xsmall);
  padding-right:var(--spacing-xsmall);
  }
      


  .IoQeP.disabled {
    color:var(--on-disabled);
  background:var(--disabled);
  }
      


  .IoQeP.error {
    color:var(--on-error);
  background:var(--error);
  }
      


  .IoQeP.error:active {
    color:var(--on-error);
  background:var(--hover-error);
  }
      


  .IoQeP.secondary-variant {
    color:var(--on-secondary);
  background:var(--surface);
  }
      


  .IoQeP.secondary-variant:active {
    color:var(--on-secondary);
  background:var(--hover-secondary);
  }
      


  .IoQeP.tertiary-variant {
    color:var(--on-tertiary);
  background:var(--tertiary);
  }
      


  .IoQeP.tertiary-variant:active {
    color:var(--on-tertiary);
  background:var(--hover-secondary);
  }
      


  .IoQeP.stretch-content {
    width:100%;
  }
      


  .IoQeP.error-secondary {
    color:var(--on-error-secondary);
  background:var(--error-secondary);
  }
      


  .IoQeP.error-secondary:active {
    color:var(--on-error-secondary);
  background:var(--hover-error-secondary);
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bsUbdX {
    width:100%;
  display:flex;
  row-gap:var(--spacing-medium);
  column-gap:var(--spacing-medium);
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .KOPON {
    width:calc(100% - 5rem);
  display:flex;
  row-gap:var(--spacing-xsmall);
  column-gap:var(--spacing-xsmall);
  overflow-x:hidden;
  align-items:center;
  text-overflow:ellipsis;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .modal-save-item\:EC-2MTYYXiutpUtefoUjD {
    color:var(--on-surface);
  overflow-x:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

      
        
      
      
  .fvMXGo {
    width:calc(100% - 3.75rem);
  row-gap:var(--spacing-xtiny);
  column-gap:var(--spacing-xtiny);
  }
      

      
        
      
      
  .eyCDeZ {
    width:100%;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  }
      

      
        
      
      
  .cCJBfj {
    width:100%;
  display:flex;
  align-items:center;
  padding-top:var(--spacing-xsmall);
  border-color:var(--surface-dim);
  border-style:solid;
  border-width:1px;
  padding-left:var(--spacing-xsmall);
  padding-right:var(--spacing-xsmall);
  flex-direction:row;
  padding-bottom:var(--spacing-xsmall);
  justify-content:flex-start;
  border-top-left-radius:var(--border-radius-medium);
  border-top-right-radius:var(--border-radius-medium);
  border-bottom-left-radius:var(--border-radius-medium);
  border-bottom-right-radius:var(--border-radius-medium);
  }
      

      
        
      
      
  .XYZGk {
    width:100%;
  row-gap:var(--spacing-small);
  column-gap:var(--spacing-small);
  }
      

      
        
      
      
  .iToWL {
    color:var(--green-700);
  width:3rem;
  height:3rem;
  display:flex;
  background:var(--green-100);
  align-items:center;
  justify-content:center;
  border-top-left-radius:var(--border-radius-regular);
  border-top-right-radius:var(--border-radius-regular);
  border-bottom-left-radius:var(--border-radius-regular);
  border-bottom-right-radius:var(--border-radius-regular);
  }
      

      
        
      
      
  .egkcwx {
    width:fit-content;
  }
      

      
        
      
      
  .iqsvV {
    top:0px;
  left:0px;
  right:0px;
  bottom:0px;
  opacity:0;
  position:absolute;
  pointer-events:none;
  }
      

      
        
      
      
  
      

      
        
      
      
  .checkbox-sammlung\:root {
    width:100%;
  }
      

      
        
      
      
  .checkbox-sammlung\:0broVSyCP5yb2jQ95tL7E {
    color:var(--on-surface);
  overflow-x:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dPsZdn {
    display:flex;
  flex-direction:column;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .checkbox-sammlung\:G1BGj1TMkmPGwjKfY6Yfv {
    width:1.25rem;
  height:1.25rem;
  display:flex;
  align-items:center;
  border-color:var(--on-surface-secondary);
  border-style:solid;
  border-width:2px;
  justify-content:center;
  border-top-left-radius:var(--border-radius-tiny);
  border-top-right-radius:var(--border-radius-tiny);
  border-bottom-left-radius:var(--border-radius-tiny);
  border-bottom-right-radius:var(--border-radius-tiny);
  }
      

      
  .checkbox-sammlung\:G1BGj1TMkmPGwjKfY6Yfv.checked {
    color:var(--on-primary);
  background:var(--primary);
  border-color:var(--primary);
  border-style:solid;
  border-width:2px;
  }
      


  .checkbox-sammlung\:G1BGj1TMkmPGwjKfY6Yfv.indeterminate {
    border-color:var(--on-surface-secondary);
  border-style:solid;
  border-width:2px;
  }
      

        
      
      
  .cyQoqT {
    width:calc(100% - 4.5rem);
  display:flex;
  row-gap:var(--spacing-xsmall);
  column-gap:var(--spacing-xsmall);
  overflow-x:hidden;
  align-items:center;
  text-overflow:ellipsis;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .dGXZsi {
    width:1rem;
  height:1rem;
  display:flex;
  align-items:center;
  margin-right:var(--spacing-xsmall);
  outline-color:var(--on-surface-secondary);
  outline-style:solid;
  outline-width:2px;
  justify-content:center;
  border-top-left-radius:.125rem;
  border-top-right-radius:.125rem;
  border-bottom-left-radius:.125rem;
  border-bottom-right-radius:.125rem;
  }
      

      
        
      
      
  .eUzFOF {
    align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .checkbox-sammlung\:MWthQj9ApqtiPziDleCvK {
    color:var(--on-surface-tertiary);
  width:100%;
  display:flex;
  row-gap:auto;
  background:var(--secondary);
  column-gap:auto;
  align-items:center;
  padding-top:var(--spacing-xxsmall);
  padding-left:var(--spacing-xxsmall);
  padding-right:var(--spacing-xxsmall);
  flex-direction:row;
  padding-bottom:var(--spacing-xxsmall);
  justify-content:space-between;
  border-top-left-radius:var(--border-radius-regular);
  border-top-right-radius:var(--border-radius-regular);
  border-bottom-left-radius:var(--border-radius-regular);
  border-bottom-right-radius:var(--border-radius-regular);
  }
      

      
  .checkbox-sammlung\:MWthQj9ApqtiPziDleCvK.checked {
    color:var(--on-surface-secondary);
  background:var(--hover-secondary);
  }
      


  .checkbox-sammlung\:MWthQj9ApqtiPziDleCvK.indeterminate {
    background:var(--secondary);
  }
      

        
      
      
  .dzReyq {
    color:var(--on-surface);
  width:2.5rem;
  display:flex;
  background:var(--surface);
  align-items:center;
  aspect-ratio:1/1;
  justify-content:center;
  border-top-left-radius:var(--border-radius-small);
  border-top-right-radius:var(--border-radius-small);
  border-bottom-left-radius:var(--border-radius-small);
  border-bottom-right-radius:var(--border-radius-small);
  }
      

      
        
      
      
  .dqANSb {
    width:calc(100% - 3.25rem);
  display:flex;
  row-gap:var(--spacing-xtiny);
  column-gap:var(--spacing-xtiny);
  align-items:flex-start;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bAoGMb {
    display:flex;
  row-gap:var(--spacing-xxsmall);
  column-gap:var(--spacing-xxsmall);
  align-items:flex-end;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .modal-save-item\:X-H9Dx00zC03amOpIzp5B {
    color:var(--on-surface-tertiary);
  text-decoration-line:line-through;
  }
      

      
        
      
      
  
      

      
        
      
      
  .modal-save-item\:cRUTklBSZNlqG_bh4sA7c {
    color:var(--green-600);
  margin-bottom:-0.1rem;
  }
      

      
        
      
      
  .eyAmaz {
    width:100%;
  height:100%;
  }
      

      
        
      
      
  .CBGJK {
    width:100%;
  display:flex;
  row-gap:var(--spacing-medium);
  column-gap:var(--spacing-medium);
  align-items:center;
  justify-content:flex-start;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cpiCjo {
    row-gap:var(--spacing-xxxsmall);
  column-gap:var(--spacing-xxxsmall);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cQQoLB {
    row-gap:var(--spacing-xsmall);
  column-gap:var(--spacing-xsmall);
  }
      

      
        
      
      
  .fiFuRV {
    color:var(--on-surface);
  background:var(--surface-variant);
  padding-top:var(--spacing-small);
  padding-left:2.5rem;
  outline-color:var(--surface-dim);
  outline-style:solid;
  outline-width:1px;
  padding-right:var(--spacing-small);
  padding-bottom:var(--spacing-small);
  border-top-left-radius:var(--spacing-small);
  border-top-right-radius:var(--spacing-small);
  border-bottom-left-radius:var(--spacing-small);
  border-bottom-right-radius:var(--spacing-small);
  }
      

      
  .fiFuRV:focus-visible {
    outline-color:var(--primary);
  outline-style:solid;
  outline-width:2px;
  }
      


  .fiFuRV.hide-icon {
    padding-left:var(--spacing-small);
  padding-right:var(--spacing-small);
  }
      

        
      
      
  .input-master\:Npxje8CETvPpWUsUder07 {
    top:var(--spacing-small);
  left:var(--spacing-xsmall);
  color:var(--on-surface-secondary);
  bottom:var(--spacing-small);
  height:fit-content;
  position:absolute;
  }
      

      
        
      
      
  .bCKyTh {
    color:var(--on-surface-secondary);
  }
      

      
  .bCKyTh.light {
    color:var(--on-surface);
  }
      


  .bCKyTh.dark {
    color:var(--on-surface-tertiary);
  }
      

        
      
      
  
      

      
        
      
      
  .modal-sammlung-create\:nSILZxMV6xG4wCbfrJhQ5 {
    width:100%;
  }
      

      
        
      
      
  .dgDFsQ {
    width:100vw;
  align-items:stretch;
  flex-direction:column;
  justify-content:start;
  }
      

      
        
      
      
  .lKTRI {
    width:fit-content;
  height:fit-content;
  user-select:none;
  }
      

      
        
      
      
  .carousel-icons\:1mlSTOBCLAcYDB6-l1qmd {
    margin-right:1rem;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dxpNld {
    gap:var(--gap);
  flex-direction:row;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .GlkfE {
    color:var(--on-surface-tertiary);
  scale:.8 .8 1;
  width:5rem;
  height:5rem;
  display:flex;
  background:var(--surface-variant);
  transition:all 300ms ease;
  align-items:center;
  justify-content:center;
  border-top-left-radius:var(--border-radius-full);
  border-top-right-radius:var(--border-radius-full);
  border-bottom-left-radius:var(--border-radius-full);
  border-bottom-right-radius:var(--border-radius-full);
  }
      

      
  .GlkfE.current {
    color:var(--on-secondary);
  scale:1 1 1;
  background:var(--secondary);
  }
      

        
      
      
  .cCZhZy {
    width:5rem;
  position:absolute;
  aspect-ratio:1/1;
  outline-color:var(--primary);
  outline-style:solid;
  outline-width:2px;
  border-top-left-radius:var(--border-radius-full);
  border-top-right-radius:var(--border-radius-full);
  border-bottom-left-radius:var(--border-radius-full);
  border-bottom-right-radius:var(--border-radius-full);
  }
      

      
        
      
      
  .cfjwuZ {
    width:100%;
  height:100%;
  display:flex;
  position:absolute;
  align-items:center;
  pointer-events:none;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cZgoMw {
    font-weight:var(--font-weight-bold);
  }
      

      
  .cZgoMw.huge {
    font-size:var(--font-size-4xl);
  font-family:Inter;
  font-weight:var(--font-weight-bold);
  line-height:120%;
  }
      


  .cZgoMw.large {
    font-size:var(--font-size-3xl);
  font-family:Inter;
  font-weight:var(--font-weight-bold);
  line-height:120%;
  }
      


  .cZgoMw.regular {
    font-size:var(--font-size-2xl);
  font-family:Inter;
  font-weight:var(--font-weight-bold);
  line-height:120%;
  }
      


  .cZgoMw.small {
    font-size:var(--font-size-lg);
  font-family:Inter;
  font-weight:var(--font-weight-bold);
  line-height:120%;
  }
      


  .cZgoMw.subheading {
    font-size:var(--font-size-base);
  font-family:Inter;
  font-weight:var(--font-weight-bold);
  line-height:120%;
  }
      


  .cZgoMw.xsmall {
    font-size:var(--font-size-xl);
  font-family:Inter;
  font-weight:var(--font-weight-bold);
  line-height:120%;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cBDYIB {
    width:3rem;
  overflow-x:hidden;
  overflow-y:hidden;
  aspect-ratio:1/1;
  border-top-left-radius:var(--border-radius-small);
  border-top-right-radius:var(--border-radius-small);
  border-bottom-left-radius:var(--border-radius-small);
  border-bottom-right-radius:var(--border-radius-small);
  }
      

      
        
      
      
  .cqpJsI {
    width:100%;
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .card-produkt\:eqgXmKVww4S225uAhfpd2 {
    color:var(--on-surface-secondary);
  }
      

      
        
      
      
  .dDKhZz {
    top:0px;
  left:0px;
  right:0px;
  width:100%;
  bottom:0px;
  height:100%;
  position:absolute;
  object-fit:cover;
  transform-origin:center center;
  border-top-left-radius:var(--border-radius-regular);
  border-top-right-radius:var(--border-radius-regular);
  border-bottom-left-radius:var(--border-radius-regular);
  border-bottom-right-radius:var(--border-radius-regular);
  }
      

      
        
      
      
  
      

      
        
      
      
  .chvPgF {
    display:flex;
  row-gap:var(--spacing-xsmall);
  column-gap:var(--spacing-xsmall);
  align-items:center;
  padding-top:var(--spacing-small);
  flex-direction:row;
  padding-bottom:var(--spacing-small);
  justify-content:flex-start;
  border-bottom-color:var(--surface-dim);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
  .chvPgF.last {
    padding-bottom:0rem;
  border-bottom-color:#00000000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      


  .chvPgF.first {
    padding-top:0rem;
  }
      

        
      
      
  .eVvnxl {
    display:flex;
  row-gap:var(--spacing-tiny);
  column-gap:var(--spacing-tiny);
  align-items:flex-start;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bYmMZA {
    color:var(--on-surface);
  width:2.5rem;
  display:flex;
  background:var(--surface-variant);
  align-items:center;
  aspect-ratio:1/1;
  justify-content:center;
  border-top-left-radius:var(--border-radius-full);
  border-top-right-radius:var(--border-radius-full);
  border-bottom-left-radius:var(--border-radius-full);
  border-bottom-right-radius:var(--border-radius-full);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cgPa-dE {
    display:flex;
  align-items:center;
  padding-top:1rem;
  flex-direction:row;
  padding-bottom:1rem;
  justify-content:space-between;
  }
      

      
        
      
      
  .produkt\:5qUnxMpaQEtqD_vKRBBPV {
    display:flex;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .eTOZUO {
    width:100vw;
  overflow-x:hidden;
  align-items:stretch;
  margin-left:-1rem;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cZioGU {
    width:100%;
  display:flex;
  row-gap:var(--spacing-regular);
  column-gap:var(--spacing-regular);
  align-items:flex-start;
  flex-direction:column;
  justify-content:flex-start;
  }
      

      
        
      
      
  .boYEVv {
    row-gap:.2rem;
  column-gap:.2rem;
  flex-direction:row;
  }
      

      
        
      
      
  .VXRbk {
    width:1rem;
  cursor:pointer;
  height:1rem;
  opacity:.2;
  background:var(--grey-50);
  border-top-left-radius:100%;
  border-top-right-radius:100%;
  border-bottom-left-radius:100%;
  border-bottom-right-radius:100%;
  }
      

      
        
      
      
  .elsQBN {
    width:1rem;
  cursor:pointer;
  height:1rem;
  background:var(--grey-50);
  border-top-left-radius:100%;
  border-top-right-radius:100%;
  border-bottom-left-radius:100%;
  border-bottom-right-radius:100%;
  }
      

      
        
      
      
  .ekVDgm {
    width:fit-content;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .biists {
    width:100%;
  display:flex;
  row-gap:var(--spacing-xsmall);
  column-gap:var(--spacing-xsmall);
  align-items:flex-start;
  flex-direction:column;
  justify-content:flex-start;
  }
      

      
        
      
      
  .dvYtpw {
    width:1px;
  height:2rem;
  background:var(--surface-dim);
  border-top-left-radius:var(--border-radius-full);
  border-top-right-radius:var(--border-radius-full);
  border-bottom-left-radius:var(--border-radius-full);
  border-bottom-right-radius:var(--border-radius-full);
  }
      

      
        
      
      
  .bpiYnZ {
    width:100%;
  display:grid;
  flex-wrap:wrap;
  align-items:flex-start;
  grid-row-gap:var(--spacing-small);
  grid-column-gap:var(--spacing-xsmall);
  justify-content:flex-start;
  grid-template-rows:repeat(3, 1fr);
  grid-template-columns:repeat(2, 1fr);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .accordion-item\:root {
    background:var(--surface-variant);
  border-top-left-radius:var(--border-radius-small);
  border-top-right-radius:var(--border-radius-small);
  border-bottom-left-radius:var(--border-radius-small);
  border-bottom-right-radius:var(--border-radius-small);
  }
      

      
        
      
      
  
      

      
  
      

        
      
      
  
      

      
        
      
      
  .BEodR {
    width:fit-content;
  height:fit-content;
  font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .accordion-item\:C-9e2ey0Gdvlvn6wvgcSk {
    rotate:0 0 1 0deg;
  transition:rotate 300ms ease;
  }
      

      
  .accordion-item\:C-9e2ey0Gdvlvn6wvgcSk.open {
    rotate:0 0 1 180deg;
  }
      

        
      
      
  
      

      
        
      
      
  .euxFiD {
    color:var(--on-surface-secondary);
  padding-left:var(--spacing-small);
  padding-right:var(--spacing-small);
  padding-bottom:var(--spacing-regular);
  }
      

      
        
      
      
  .cOMVJF {
    color:var(--on-surface);
  width:100%;
  height:4.5rem;
  display:flex;
  row-gap:auto;
  column-gap:auto;
  align-items:center;
  padding-left:var(--spacing-small);
  padding-right:var(--spacing-small);
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .edAQxD {
    height:0px;
  overflow-x:hidden;
  overflow-y:hidden;
  will-change:height;
  }
      

      
  .edAQxD.open {
    height:var(--height);
  }
      

        
      
      
  .accordion-item\:uY92I_2zCHaEko-IzQxIN {
    transition:all 300ms ease;
  }
      

      
        
      
      
  .accordion-item\:y96pMmDtlgunhJ1meiA3- {
    width:100%;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cCYXsI {
    width:100%;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bmqLpk {
    width:100vw;
  display:flex;
  row-gap:var(--spacing-large);
  background:var(--surface);
  column-gap:var(--spacing-large);
  min-height:calc(100svh - 16.5rem);
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:stretch;
  padding-top:var(--spacing-small);
  padding-left:var(--padding-global);
  padding-right:var(--padding-global);
  padding-bottom:var(--spacing-medium);
  justify-content:flex-start;
  border-top-left-radius:var(--border-radius-large);
  border-top-right-radius:var(--border-radius-large);
  }
      

      
  .bmqLpk.align-left {
    display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  }
      


  .bmqLpk.align-right {
    display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  }
      


  .bmqLpk.align-center {
    display:flex;
  align-items:center;
  justify-content:flex-start;
  }
      


  .bmqLpk.nav-bottom {
    padding-bottom:var(--spacing-huge);
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
  .bJoCor.orientation-horizontal {
    flex-direction:row;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .accordion\:root {
    width:100%;
  }
      

      
        
      
      
  .dprvsL {
    row-gap:var(--spacing-tiny);
  column-gap:var(--spacing-tiny);
  overflow-x:hidden;
  overflow-y:hidden;
  border-top-left-radius:var(--border-radius-regular);
  border-top-right-radius:var(--border-radius-regular);
  border-bottom-left-radius:var(--border-radius-regular);
  border-bottom-right-radius:var(--border-radius-regular);
  }
      

      
        
      
      
  
      

      
        
      
      
  .daRpXF {
    top:auto;
  left:0px;
  right:0px;
  width:100vw;
  bottom:0px;
  display:flex;
  z-index:var(--nav-elements);
  position:fixed;
  background:linear-gradient(180deg, rgba(230, 230, 230, 0.00) 0%, #E6E6E6 100%);
  align-items:center;
  padding-bottom:var(--spacing-small);
  justify-content:center;
  }
      

      
        
      
      
  .mJFiC {
    right:var(--spacing-small);
  width:fit-content;
  bottom:var(--spacing-small);
  height:fit-content;
  position:absolute;
  box-shadow:0 39px 11px 0 rgba(44, 44, 44, 0.00), 0 25px 10px 0 rgba(44, 44, 44, 0.01), 0 14px 8px 0 rgba(44, 44, 44, 0.03), 0 6px 6px 0 rgba(44, 44, 44, 0.05), 0 2px 3px 0 rgba(44, 44, 44, 0.06);
  border-top-left-radius:var(--border-radius-medium);
  border-top-right-radius:var(--border-radius-medium);
  border-bottom-left-radius:var(--border-radius-medium);
  border-bottom-right-radius:var(--border-radius-medium);
  }
      

      
        
      
      
  .cXlIyn {
    display:flex;
  background:var(--surface);
  box-shadow:0px 101px 40px 0px #1e1e1e03, 0px 57px 34px 0px #1e1e1e05, 0px 25px 25px 0px #1e1e1e0a, 0px 6px 14px 0px #1e1e1e0d;
  align-items:center;
  padding-top:var(--spacing-xxsmall);
  border-color:var(--surface-variant);
  border-style:solid;
  border-width:1px;
  padding-left:var(--spacing-xxsmall);
  padding-right:var(--spacing-xxsmall);
  flex-direction:row;
  padding-bottom:var(--spacing-xxsmall);
  justify-content:center;
  border-top-left-radius:var(--border-radius-medium);
  border-top-right-radius:var(--border-radius-medium);
  border-bottom-left-radius:var(--border-radius-medium);
  border-bottom-right-radius:var(--border-radius-medium);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .produkt\:_SGClP2mGE6pnqZRapg9p {
    transition:all 300ms ease;
  }
      

      
        
      
      
  .produkt\:eLnaw-Jwl2cRLjGpBHbof {
    color:var(--on-surface-tertiary);
  text-decoration-line:line-through;
  }
      

      
        
      
      
  
      

      
        
      
      
  .produkt\:fVSdCDW1Crid_ooMdwqJY {
    padding-left:var(--padding-global);
  padding-right:var(--padding-global);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .tSzVO {
    top:0px;
  width:100vw;
  bottom:auto;
  height:4.5rem;
  display:flex;
  z-index:var(--nav-elements);
  position:fixed;
  background:var(--surface-variant);
  align-items:center;
  padding-left:var(--padding-global);
  padding-right:var(--padding-global);
  flex-direction:row;
  justify-content:space-between;
  }
      

      
  .tSzVO.no-background {
    background:#ffffff00;
  }
      

        
      
      
  
      

      
        
      
      
  .zGuDe {
    display:flex;
  row-gap:var(--spacing-xxsmall);
  column-gap:var(--spacing-xxsmall);
  align-items:center;
  flex-direction:row;
  justify-content:flex-end;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .eYiVUP {
    width:100%;
  display:flex;
  row-gap:var(--spacing-regular);
  column-gap:var(--spacing-regular);
  align-items:flex-start;
  justify-content:flex-start;
  }
      

      
        
      
      
  .produkt\:pBepg4LLAr63aApdKvzov {
    width:100%;
  }
      

      
        
      
      
  .produkt\:pYyRBLQyyhcPODgiHoSga {
    color:var(--green-600);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cPTeBL {
    width:100%;
  aspect-ratio:1/1;
  border-top-left-radius:var(--border-radius-regular);
  border-top-right-radius:var(--border-radius-regular);
  border-bottom-left-radius:var(--border-radius-regular);
  border-bottom-right-radius:var(--border-radius-regular);
  }
      

      
        
      
      
  .dLVXtT {
    display:flex;
  row-gap:var(--spacing-small);
  column-gap:var(--spacing-small);
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .eYGAiQ {
    display:flex;
  row-gap:var(--spacing-tiny);
  column-gap:var(--spacing-tiny);
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fwAeXZ {
    width:100vw;
  display:flex;
  row-gap:var(--spacing-regularisl);
  column-gap:var(--spacing-regularisl);
  align-items:flex-start;
  padding-top:var(--spacing-medium);
  padding-left:var(--padding-global);
  padding-right:var(--padding-global);
  padding-bottom:var(--spacing-small);
  justify-content:flex-start;
  }
      

      
  .fwAeXZ.align-left {
    display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  }
      


  .fwAeXZ.align-right {
    display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  }
      


  .fwAeXZ.align-center {
    display:flex;
  align-items:center;
  justify-content:flex-start;
  }
      


  .fwAeXZ.nav-top {
    align-items:flex-start;
  padding-top:4.5rem;
  justify-content:flex-start;
  }
      

        
      
      
  
      

      
        
      
      
  .tudDZ {
    width:100%;
  row-gap:var(--spacing-regular);
  column-gap:var(--spacing-regular);
  flex-direction:column;
  }
      

      
        
      
      
  .diXdvB {
    width:100%;
  display:flex;
  row-gap:var(--spacing-medium);
  column-gap:var(--spacing-medium);
  align-items:flex-start;
  justify-content:flex-start;
  }