html {
                -webkit-text-size-adjust: 100%;
                font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
                line-height: 1.5;
                -o-tab-size: 4;
                tab-size: 4
            }

            body {
                line-height: inherit;
                margin: 0
            }

 /* Form Styles*/

   .form { 
    list-style-type: none; 
    list-style-position: inside;
    margin: 0;
    padding: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    }

   label {
    padding: 5px 12px 0px 0px;
    display: inline-block;
    font-size: 15px;
    line-height: 22px;
   }


   input[type=text],
     input[type=phone],
      select,
      input[type=email] {
       min-width: 100%;
       padding: 12px 20px;
       margin: 6px 0px;
       display: inline-block;
       border: 1px solid #ccc;
       border-radius: 4px;
       box-sizing: border-box;
       color: grey;
   }

   input[type=text]:read-only,
     input[type=phone]:read-only,
            input[type=email]:read-only {
   
     background-color: rgba(239, 239, 239, 0.3);
   }


   input[type=radio] {
    margin-bottom: 20px;
   }

   .checkmark {
    height: 15px;
    width: 15px;
   }

  .lbcheckbox {
   display: inline !important;
  }
       

            hr {
                border-top-width: 1px;
                color: inherit;
                height: 0
            }

            abbr:where([title]) {
                -webkit-text-decoration: underline dotted;
                text-decoration: underline dotted
            }

            h1,h2,h3,h4,h5,h6 {
                font-size: inherit;
                font-weight: inherit
            }

            a {
                color: inherit;
                text-decoration: inherit
            }

            b,strong {
                font-weight: bolder
            }

            code,kbd,pre,samp {
                font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
                font-size: 1em
            }

            small {
                font-size: 80%
            }

            sub,sup {
                font-size: 75%;
                line-height: 0;
                position: relative;
                vertical-align: baseline
            }

            sub {
                bottom: -.25em
            }

            sup {
                top: -.5em
            }

            table {
                border-collapse: collapse;
                border-color: inherit;
                text-indent: 0
            }

            button,input,optgroup,select,textarea {
                color: inherit;
                font-family: inherit;
                font-size: 100%;
                line-height: inherit;
                margin: 0;
                padding: 0
            }

            button,select {
                text-transform: none
            }

            [type=button],[type=reset],[type=submit],button {
                -webkit-appearance: button;
                background-color: transparent;
                background-image: none
            }

            :-moz-focusring {
                outline: auto
            }

            :-moz-ui-invalid {
                box-shadow: none
            }

            progress {
                vertical-align: baseline
            }

            ::-webkit-inner-spin-button,::-webkit-outer-spin-button {
                height: auto
            }

            [type=search] {
                -webkit-appearance: textfield;
                outline-offset: -2px
            }

            ::-webkit-search-decoration {
                -webkit-appearance: none
            }

            ::-webkit-file-upload-button {
                -webkit-appearance: button;
                font: inherit
            }

            summary {
                display: list-item
            }

            blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
                margin: 0
            }

            fieldset {
                margin: 0
            }

            fieldset,legend {
                padding: 0
            }

            menu,ol,ul {
                list-style: none;
                margin: 0;
                padding: 0
            }

            textarea {
                resize: vertical
            }

            input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
                color: #878d96;
                opacity: 1
            }

            input:-ms-input-placeholder,textarea:-ms-input-placeholder {
                color: #878d96;
                opacity: 1
            }

            input::placeholder,textarea::placeholder {
                color: #878d96;
                opacity: 1
            }

            [role=button],button {
                cursor: pointer
            }

            :disabled {
                cursor: default
            }

            audio,canvas,embed,iframe,img,object,svg,video {
                display: block;
                vertical-align: middle
            }

            img,video {
                height: auto;
                max-width: 100%
            }

            [hidden] {
                display: none
            }

            .-translate-x-1\/2,.-translate-y-1\/2,.-translate-y-full,.group-hover\:scale-102,.rotate-180,.rotate-90,.scale-100,.scale-50,.transform {
                --tw-translate-x: 0;
                --tw-translate-y: 0;
                --tw-rotate: 0;
                --tw-skew-x: 0;
                --tw-skew-y: 0;
                --tw-scale-x: 1;
                --tw-scale-y: 1
            }

            .cookie-modal-notice,.cookie-notice:not(.cookie-modal-notice),.shadow-lg,.shadow-md {
                --tw-ring-offset-shadow: 0 0 #0000;
                --tw-ring-shadow: 0 0 #0000;
                --tw-shadow: 0 0 #0000;
                --tw-shadow-colored: 0 0 #0000
            }

            .drop-shadow-md,.filter {
                --tw-blur: ;
                --tw-brightness: ;
                --tw-contrast: ;
                --tw-grayscale: ;
                --tw-hue-rotate: ;
                --tw-invert: ;
                --tw-saturate: ;
                --tw-sepia: ;
                --tw-drop-shadow:
            }

            :root {
                --color-primary: var(--color-primary-500);
                --color-primary-hover: var(--color-primary-600);
                --color-primary-100: #dde1e6;
                --color-primary-200: #c1c7cd;
                --color-primary-300: #a2a9b0;
                --color-primary-400: #878d96;
                --color-primary-500: #697077;
                --color-primary-600: #4d5358;
                --color-primary-700: #343a3f;
                --color-primary-800: #21272a;
                --color-primary-900: #121619;
                --color-secondary: var(--color-primary-300);
                --color-secondary-hover: var(--color-primary-400);
                --color-secondary-100: #dde1e6;
                --color-secondary-200: #c1c7cd;
                --color-secondary-300: #a2a9b0;
                --color-secondary-400: #878d96;
                --color-secondary-500: #697077;
                --color-secondary-600: #4d5358;
                --color-secondary-700: #343a3f;
                --color-secondary-800: #21272a;
                --color-secondary-900: #121619;
                --color-red: #e60000;
                --color-red-dark: #b81922;
                --color-red-darker: #750e13;
                --color-primary: var(--color-red);
                --color-primary-hover: var(--color-red-dark);
                --color-primary-active: var(--color-red-darker)
            }

            @font-face {
                font-display: swap;
                font-family: Noto Sans;
                font-weight: 400;
                src: url(https://de.rothenberger.com/static/NotoSans-Regular-fa11626fafb16c629d2c58b0ff6fbd38.ttf) format("truetype")
            }

            @font-face {
                font-display: swap;
                font-family: Noto Sans;
                font-weight: 700;
                src: url(https://de.rothenberger.com/static/NotoSans-Bold-66ab29744a551a59e9f54e249e8f6434.ttf) format("truetype")
            }

            body,html {
                font-family: Noto Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
                scroll-behavior: smooth
            }

            input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
                -webkit-appearance: none;
                margin: 0
            }

            input[type=number] {
                -moz-appearance: textfield
            }

            .container {
                width: 100%
            }

            @media (min-width: 320px) {
                .container {
                    max-width:320px
                }
            }

            @media (min-width: 672px) {
                .container {
                    max-width:672px
                }
            }

            @media (min-width: 1056px) {
                .container {
                    max-width:1056px
                }
            }

            @media (min-width: 1312px) {
                .container {
                    max-width:1312px
                }
            }

            @media (min-width: 1584px) {
                .container {
                    max-width:1584px
                }
            }

            .prose {
                color: var(--tw-prose-body);
                max-width: 65ch
            }

            .prose :where([class~=lead]):not(:where([class~=not-prose] *)) {
                color: var(--tw-prose-lead);
                font-size: 1.25em;
                line-height: 1.6;
                margin-bottom: 1.2em;
                margin-top: 1.2em
            }

            .prose :where(a):not(:where([class~=not-prose] *)) {
                color: var(--tw-prose-links);
                font-weight: 500;
                text-decoration: underline
            }

            .prose :where(strong):not(:where([class~=not-prose] *)) {
                color: var(--tw-prose-bold);
                font-weight: 600
            }

            .prose :where(ol):not(:where([class~=not-prose] *)) {
                list-style-type: decimal;
                padding-left: 1.625em
            }

            .prose :where(ol[type=A]):not(:where([class~=not-prose] *)) {
                list-style-type: upper-alpha
            }

            .prose :where(ol[type=a]):not(:where([class~=not-prose] *)) {
                list-style-type: lower-alpha
            }

            .prose :where(ol[type=A s]):not(:where([class~=not-prose] *)) {
                list-style-type: upper-alpha
            }

            .prose :where(ol[type=a s]):not(:where([class~=not-prose] *)) {
                list-style-type: lower-alpha
            }

            .prose :where(ol[type=I]):not(:where([class~=not-prose] *)) {
                list-style-type: upper-roman
            }

            .prose :where(ol[type=i]):not(:where([class~=not-prose] *)) {
                list-style-type: lower-roman
            }

            .prose :where(ol[type=I s]):not(:where([class~=not-prose] *)) {
                list-style-type: upper-roman
            }

            .prose :where(ol[type=i s]):not(:where([class~=not-prose] *)) {
                list-style-type: lower-roman
            }

            .prose :where(ol[type="1"]):not(:where([class~=not-prose] *)) {
                list-style-type: decimal
            }

            .prose :where(ul):not(:where([class~=not-prose] *)) {
                list-style-type: disc;
                padding-left: 1.625em
            }

            .prose :where(ol>li):not(:where([class~=not-prose] *))::marker {
                color: var(--tw-prose-counters);
                font-weight: 400
            }

            .prose :where(ul>li):not(:where([class~=not-prose] *))::marker {
                color: var(--tw-prose-bullets)
            }

            .prose :where(hr):not(:where([class~=not-prose] *)) {
                border-color: var(--tw-prose-hr);
                border-top-width: 1px;
                margin-bottom: 3em;
                margin-top: 3em
            }

            .prose :where(blockquote):not(:where([class~=not-prose] *)) {
                border-left-color: var(--tw-prose-quote-borders);
                border-left-width: .25rem;
                color: var(--tw-prose-quotes);
                font-style: italic;
                font-weight: 500;
                margin-bottom: 1.6em;
                margin-top: 1.6em;
                padding-left: 1em;
                quotes: "\201C""\201D""\2018""\2019"
            }

            .prose :where(blockquote p:first-of-type):not(:where([class~=not-prose] *)):before {
                content: open-quote
            }

            .prose :where(blockquote p:last-of-type):not(:where([class~=not-prose] *)):after {
                content: close-quote
            }

            .prose :where(h1):not(:where([class~=not-prose] *)) {
                color: var(--tw-prose-headings);
                font-size: 2.25em;
                font-weight: 800;
                line-height: 1.1111111;
                margin-bottom: .8888889em;
                margin-top: 0
            }

            .prose :where(h1 strong):not(:where([class~=not-prose] *)) {
                font-weight: 900
            }

            .prose :where(h2):not(:where([class~=not-prose] *)) {
                color: var(--tw-prose-headings);
                font-size: 1.5em;
                font-weight: 700;
                line-height: 1.3333333;
                margin-bottom: 1em;
                margin-top: 2em
            }

            .prose :where(h2 strong):not(:where([class~=not-prose] *)) {
                font-weight: 800
            }

            .prose :where(h3):not(:where([class~=not-prose] *)) {
                color: var(--tw-prose-headings);
                font-size: 1.25em;
                font-weight: 600;
                line-height: 1.6;
                margin-bottom: .6em;
                margin-top: 1.6em
            }

            .prose :where(h3 strong):not(:where([class~=not-prose] *)) {
                font-weight: 700
            }

            .prose :where(h4):not(:where([class~=not-prose] *)) {
                color: var(--tw-prose-headings);
                font-weight: 600;
                line-height: 1.5;
                margin-bottom: .5em;
                margin-top: 1.5em
            }

            .prose :where(h4 strong):not(:where([class~=not-prose] *)) {
                font-weight: 700
            }

            .prose :where(figure>*):not(:where([class~=not-prose] *)) {
                margin-bottom: 0;
                margin-top: 0
            }

            .prose :where(figcaption):not(:where([class~=not-prose] *)) {
                color: var(--tw-prose-captions);
                font-size: .875em;
                line-height: 1.4285714;
                margin-top: .8571429em
            }

            .prose :where(code):not(:where([class~=not-prose] *)) {
                color: var(--tw-prose-code);
                font-size: .875em;
                font-weight: 600
            }

            .prose :where(code):not(:where([class~=not-prose] *)):before {
                content: "`"
            }

            .prose :where(code):not(:where([class~=not-prose] *)):after {
                content: "`"
            }

            .prose :where(a code):not(:where([class~=not-prose] *)) {
                color: var(--tw-prose-links)
            }

            .prose :where(pre):not(:where([class~=not-prose] *)) {
                background-color: var(--tw-prose-pre-bg);
                border-radius: .375rem;
                color: var(--tw-prose-pre-code);
                font-size: .875em;
                font-weight: 400;
                line-height: 1.7142857;
                margin-bottom: 1.7142857em;
                margin-top: 1.7142857em;
                overflow-x: auto;
                padding: .8571429em 1.1428571em
            }

            .prose :where(pre code):not(:where([class~=not-prose] *)) {
                background-color: transparent;
                border-radius: 0;
                border-width: 0;
                color: inherit;
                font-family: inherit;
                font-size: inherit;
                font-weight: inherit;
                line-height: inherit;
                padding: 0
            }

            .prose :where(pre code):not(:where([class~=not-prose] *)):before {
                content: none
            }

            .prose :where(pre code):not(:where([class~=not-prose] *)):after {
                content: none
            }

            .prose :where(table):not(:where([class~=not-prose] *)) {
                font-size: .875em;
                line-height: 1.7142857;
                margin-bottom: 2em;
                margin-top: 2em;
                table-layout: auto;
                text-align: left;
                width: 100%
            }

            .prose :where(thead):not(:where([class~=not-prose] *)) {
                border-bottom-color: var(--tw-prose-th-borders);
                border-bottom-width: 1px
            }

            .prose :where(thead th):not(:where([class~=not-prose] *)) {
                color: var(--tw-prose-headings);
                font-weight: 600;
                padding-bottom: .5714286em;
                padding-left: .5714286em;
                padding-right: .5714286em;
                vertical-align: bottom
            }

            .prose :where(tbody tr):not(:where([class~=not-prose] *)) {
                border-bottom-color: var(--tw-prose-td-borders);
                border-bottom-width: 1px
            }

            .prose :where(tbody tr:last-child):not(:where([class~=not-prose] *)) {
                border-bottom-width: 0
            }

            .prose :where(tbody td):not(:where([class~=not-prose] *)) {
                padding: .5714286em;
                vertical-align: baseline
            }

            .prose {
                --tw-prose-body: current;
                --tw-prose-headings: current;
                --tw-prose-lead: current;
                --tw-prose-links: current;
                --tw-prose-bold: current;
                --tw-prose-counters: current;
                --tw-prose-bullets: current;
                --tw-prose-hr: current;
                --tw-prose-quotes: current;
                --tw-prose-quote-borders: current;
                --tw-prose-captions: current;
                --tw-prose-code: current;
                --tw-prose-pre-code: current;
                --tw-prose-pre-bg: hsla(0,0%,50%,.35);
                --tw-prose-th-borders: current;
                --tw-prose-td-borders: current;
                --tw-prose-invert-body: #d1d5db;
                --tw-prose-invert-headings: #fff;
                --tw-prose-invert-lead: #9ca3af;
                --tw-prose-invert-links: #fff;
                --tw-prose-invert-bold: #fff;
                --tw-prose-invert-counters: #9ca3af;
                --tw-prose-invert-bullets: #4b5563;
                --tw-prose-invert-hr: #374151;
                --tw-prose-invert-quotes: #f3f4f6;
                --tw-prose-invert-quote-borders: #374151;
                --tw-prose-invert-captions: #9ca3af;
                --tw-prose-invert-code: #fff;
                --tw-prose-invert-pre-code: #d1d5db;
                --tw-prose-invert-pre-bg: rgba(0,0,0,.5);
                --tw-prose-invert-th-borders: #4b5563;
                --tw-prose-invert-td-borders: #374151;
                font-size: 1rem;
                line-height: 1.75
            }

            .prose :where(p):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.25em;
                margin-top: 1.25em
            }

            .prose :where(img):not(:where([class~=not-prose] *)) {
                margin-bottom: 2em;
                margin-top: 2em
            }

            .prose :where(video):not(:where([class~=not-prose] *)) {
                margin-bottom: 2em;
                margin-top: 2em
            }

            .prose :where(figure):not(:where([class~=not-prose] *)) {
                margin-bottom: 2em;
                margin-top: 2em
            }

            .prose :where(h2 code):not(:where([class~=not-prose] *)) {
                font-size: .875em
            }

            .prose :where(h3 code):not(:where([class~=not-prose] *)) {
                font-size: .9em
            }

            .prose :where(li):not(:where([class~=not-prose] *)) {
                margin-bottom: .5em;
                margin-top: .5em
            }

            .prose :where(ol>li):not(:where([class~=not-prose] *)) {
                padding-left: .375em
            }

            .prose :where(ul>li):not(:where([class~=not-prose] *)) {
                padding-left: .375em
            }

            .prose>:where(ul>li p):not(:where([class~=not-prose] *)) {
                margin-bottom: .75em;
                margin-top: .75em
            }

            .prose>:where(ul>li>:first-child):not(:where([class~=not-prose] *)) {
                margin-top: 1.25em
            }

            .prose>:where(ul>li>:last-child):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.25em
            }

            .prose>:where(ol>li>:first-child):not(:where([class~=not-prose] *)) {
                margin-top: 1.25em
            }

            .prose>:where(ol>li>:last-child):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.25em
            }

            .prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)) {
                margin-bottom: .75em;
                margin-top: .75em
            }

            .prose :where(hr+*):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose :where(h2+*):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose :where(h3+*):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose :where(h4+*):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose :where(thead th:first-child):not(:where([class~=not-prose] *)) {
                padding-left: 0
            }

            .prose :where(thead th:last-child):not(:where([class~=not-prose] *)) {
                padding-right: 0
            }

            .prose :where(tbody td:first-child):not(:where([class~=not-prose] *)) {
                padding-left: 0
            }

            .prose :where(tbody td:last-child):not(:where([class~=not-prose] *)) {
                padding-right: 0
            }

            .prose>:where(:first-child):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose>:where(:last-child):not(:where([class~=not-prose] *)) {
                margin-bottom: 0
            }

            .prose-sm {
                font-size: .875rem;
                line-height: 1.7142857
            }

            .prose-sm :where(p):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.1428571em;
                margin-top: 1.1428571em
            }

            .prose-sm :where([class~=lead]):not(:where([class~=not-prose] *)) {
                font-size: 1.2857143em;
                line-height: 1.5555556;
                margin-bottom: .8888889em;
                margin-top: .8888889em
            }

            .prose-sm :where(blockquote):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.3333333em;
                margin-top: 1.3333333em;
                padding-left: 1.1111111em
            }

            .prose-sm :where(h1):not(:where([class~=not-prose] *)) {
                font-size: 2.1428571em;
                line-height: 1.2;
                margin-bottom: .8em;
                margin-top: 0
            }

            .prose-sm :where(h2):not(:where([class~=not-prose] *)) {
                font-size: 1.4285714em;
                line-height: 1.4;
                margin-bottom: .8em;
                margin-top: 1.6em
            }

            .prose-sm :where(h3):not(:where([class~=not-prose] *)) {
                font-size: 1.2857143em;
                line-height: 1.5555556;
                margin-bottom: .4444444em;
                margin-top: 1.5555556em
            }

            .prose-sm :where(h4):not(:where([class~=not-prose] *)) {
                line-height: 1.4285714;
                margin-bottom: .5714286em;
                margin-top: 1.4285714em
            }

            .prose-sm :where(img):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.7142857em;
                margin-top: 1.7142857em
            }

            .prose-sm :where(video):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.7142857em;
                margin-top: 1.7142857em
            }

            .prose-sm :where(figure):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.7142857em;
                margin-top: 1.7142857em
            }

            .prose-sm :where(figure>*):not(:where([class~=not-prose] *)) {
                margin-bottom: 0;
                margin-top: 0
            }

            .prose-sm :where(figcaption):not(:where([class~=not-prose] *)) {
                font-size: .8571429em;
                line-height: 1.3333333;
                margin-top: .6666667em
            }

            .prose-sm :where(code):not(:where([class~=not-prose] *)) {
                font-size: .8571429em
            }

            .prose-sm :where(h2 code):not(:where([class~=not-prose] *)) {
                font-size: .9em
            }

            .prose-sm :where(h3 code):not(:where([class~=not-prose] *)) {
                font-size: .8888889em
            }

            .prose-sm :where(pre):not(:where([class~=not-prose] *)) {
                border-radius: .25rem;
                font-size: .8571429em;
                line-height: 1.6666667;
                margin-bottom: 1.6666667em;
                margin-top: 1.6666667em;
                padding: .6666667em 1em
            }

            .prose-sm :where(ol):not(:where([class~=not-prose] *)) {
                padding-left: 1.5714286em
            }

            .prose-sm :where(ul):not(:where([class~=not-prose] *)) {
                padding-left: 1.5714286em
            }

            .prose-sm :where(li):not(:where([class~=not-prose] *)) {
                margin-bottom: .2857143em;
                margin-top: .2857143em
            }

            .prose-sm :where(ol>li):not(:where([class~=not-prose] *)) {
                padding-left: .4285714em
            }

            .prose-sm :where(ul>li):not(:where([class~=not-prose] *)) {
                padding-left: .4285714em
            }

            .prose-sm>:where(ul>li p):not(:where([class~=not-prose] *)) {
                margin-bottom: .5714286em;
                margin-top: .5714286em
            }

            .prose-sm>:where(ul>li>:first-child):not(:where([class~=not-prose] *)) {
                margin-top: 1.1428571em
            }

            .prose-sm>:where(ul>li>:last-child):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.1428571em
            }

            .prose-sm>:where(ol>li>:first-child):not(:where([class~=not-prose] *)) {
                margin-top: 1.1428571em
            }

            .prose-sm>:where(ol>li>:last-child):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.1428571em
            }

            .prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)) {
                margin-bottom: .5714286em;
                margin-top: .5714286em
            }

            .prose-sm :where(hr):not(:where([class~=not-prose] *)) {
                margin-bottom: 2.8571429em;
                margin-top: 2.8571429em
            }

            .prose-sm :where(hr+*):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose-sm :where(h2+*):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose-sm :where(h3+*):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose-sm :where(h4+*):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose-sm :where(table):not(:where([class~=not-prose] *)) {
                font-size: .8571429em;
                line-height: 1.5
            }

            .prose-sm :where(thead th):not(:where([class~=not-prose] *)) {
                padding-bottom: .6666667em;
                padding-left: 1em;
                padding-right: 1em
            }

            .prose-sm :where(thead th:first-child):not(:where([class~=not-prose] *)) {
                padding-left: 0
            }

            .prose-sm :where(thead th:last-child):not(:where([class~=not-prose] *)) {
                padding-right: 0
            }

            .prose-sm :where(tbody td):not(:where([class~=not-prose] *)) {
                padding: .6666667em 1em
            }

            .prose-sm :where(tbody td:first-child):not(:where([class~=not-prose] *)) {
                padding-left: 0
            }

            .prose-sm :where(tbody td:last-child):not(:where([class~=not-prose] *)) {
                padding-right: 0
            }

            .prose-sm>:where(:first-child):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose-sm>:where(:last-child):not(:where([class~=not-prose] *)) {
                margin-bottom: 0
            }

            .prose-lg {
                font-size: 1.125rem;
                line-height: 1.7777778
            }

            .prose-lg :where(p):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.3333333em;
                margin-top: 1.3333333em
            }

            .prose-lg :where([class~=lead]):not(:where([class~=not-prose] *)) {
                font-size: 1.2222222em;
                line-height: 1.4545455;
                margin-bottom: 1.0909091em;
                margin-top: 1.0909091em
            }

            .prose-lg :where(blockquote):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.6666667em;
                margin-top: 1.6666667em;
                padding-left: 1em
            }

            .prose-lg :where(h1):not(:where([class~=not-prose] *)) {
                font-size: 2.6666667em;
                line-height: 1;
                margin-bottom: .8333333em;
                margin-top: 0
            }

            .prose-lg :where(h2):not(:where([class~=not-prose] *)) {
                font-size: 1.6666667em;
                line-height: 1.3333333;
                margin-bottom: 1.0666667em;
                margin-top: 1.8666667em
            }

            .prose-lg :where(h3):not(:where([class~=not-prose] *)) {
                font-size: 1.3333333em;
                line-height: 1.5;
                margin-bottom: .6666667em;
                margin-top: 1.6666667em
            }

            .prose-lg :where(h4):not(:where([class~=not-prose] *)) {
                line-height: 1.5555556;
                margin-bottom: .4444444em;
                margin-top: 1.7777778em
            }

            .prose-lg :where(img):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.7777778em;
                margin-top: 1.7777778em
            }

            .prose-lg :where(video):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.7777778em;
                margin-top: 1.7777778em
            }

            .prose-lg :where(figure):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.7777778em;
                margin-top: 1.7777778em
            }

            .prose-lg :where(figure>*):not(:where([class~=not-prose] *)) {
                margin-bottom: 0;
                margin-top: 0
            }

            .prose-lg :where(figcaption):not(:where([class~=not-prose] *)) {
                font-size: .8888889em;
                line-height: 1.5;
                margin-top: 1em
            }

            .prose-lg :where(code):not(:where([class~=not-prose] *)) {
                font-size: .8888889em
            }

            .prose-lg :where(h2 code):not(:where([class~=not-prose] *)) {
                font-size: .8666667em
            }

            .prose-lg :where(h3 code):not(:where([class~=not-prose] *)) {
                font-size: .875em
            }

            .prose-lg :where(pre):not(:where([class~=not-prose] *)) {
                border-radius: .375rem;
                font-size: .8888889em;
                line-height: 1.75;
                margin-bottom: 2em;
                margin-top: 2em;
                padding: 1em 1.5em
            }

            .prose-lg :where(ol):not(:where([class~=not-prose] *)) {
                padding-left: 1.5555556em
            }

            .prose-lg :where(ul):not(:where([class~=not-prose] *)) {
                padding-left: 1.5555556em
            }

            .prose-lg :where(li):not(:where([class~=not-prose] *)) {
                margin-bottom: .6666667em;
                margin-top: .6666667em
            }

            .prose-lg :where(ol>li):not(:where([class~=not-prose] *)) {
                padding-left: .4444444em
            }

            .prose-lg :where(ul>li):not(:where([class~=not-prose] *)) {
                padding-left: .4444444em
            }

            .prose-lg>:where(ul>li p):not(:where([class~=not-prose] *)) {
                margin-bottom: .8888889em;
                margin-top: .8888889em
            }

            .prose-lg>:where(ul>li>:first-child):not(:where([class~=not-prose] *)) {
                margin-top: 1.3333333em
            }

            .prose-lg>:where(ul>li>:last-child):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.3333333em
            }

            .prose-lg>:where(ol>li>:first-child):not(:where([class~=not-prose] *)) {
                margin-top: 1.3333333em
            }

            .prose-lg>:where(ol>li>:last-child):not(:where([class~=not-prose] *)) {
                margin-bottom: 1.3333333em
            }

            .prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose] *)) {
                margin-bottom: .8888889em;
                margin-top: .8888889em
            }

            .prose-lg :where(hr):not(:where([class~=not-prose] *)) {
                margin-bottom: 3.1111111em;
                margin-top: 3.1111111em
            }

            .prose-lg :where(hr+*):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose-lg :where(h2+*):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose-lg :where(h3+*):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose-lg :where(h4+*):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose-lg :where(table):not(:where([class~=not-prose] *)) {
                font-size: .8888889em;
                line-height: 1.5
            }

            .prose-lg :where(thead th):not(:where([class~=not-prose] *)) {
                padding-bottom: .75em;
                padding-left: .75em;
                padding-right: .75em
            }

            .prose-lg :where(thead th:first-child):not(:where([class~=not-prose] *)) {
                padding-left: 0
            }

            .prose-lg :where(thead th:last-child):not(:where([class~=not-prose] *)) {
                padding-right: 0
            }

            .prose-lg :where(tbody td):not(:where([class~=not-prose] *)) {
                padding: .75em
            }

            .prose-lg :where(tbody td:first-child):not(:where([class~=not-prose] *)) {
                padding-left: 0
            }

            .prose-lg :where(tbody td:last-child):not(:where([class~=not-prose] *)) {
                padding-right: 0
            }

            .prose-lg>:where(:first-child):not(:where([class~=not-prose] *)) {
                margin-top: 0
            }

            .prose-lg>:where(:last-child):not(:where([class~=not-prose] *)) {
                margin-bottom: 0
            }

            .headline-h1 {
                font-size: 2.25rem;
                line-height: 2.5rem;
                line-height: 1.5
            }

            @media (min-width: 672px) {
                .headline-h1 {
                    font-size:3rem;
                    line-height: 1;
                    line-height: 1.5
                }
            }

            .headline-h2 {
                font-size: 1.875rem;
                line-height: 2.25rem;
                line-height: 1.5
            }

            @media (min-width: 672px) {
                .headline-h2 {
                    font-size:2.25rem;
                    line-height: 2.5rem;
                    line-height: 1.5
                }
            }

            .headline-h3 {
                font-size: 1.5rem;
                line-height: 2rem;
                line-height: 1.5
            }

            @media (min-width: 672px) {
                .headline-h3 {
                    font-size:1.875rem;
                    line-height: 2.25rem;
                    line-height: 1.5
                }
            }

            .headline-h4 {
                font-size: 1.25rem;
                line-height: 1.75rem;
                line-height: 1.5
            }

            @media (min-width: 672px) {
                .headline-h4 {
                    font-size:1.5rem;
                    line-height: 2rem;
                    line-height: 1.5
                }
            }

            .headline-h5 {
                font-size: 1.125rem;
                line-height: 1.75rem;
                line-height: 1.5
            }

            @media (min-width: 672px) {
                .headline-h5 {
                    font-size:1.5rem;
                    line-height: 2rem;
                    line-height: 1.5
                }
            }

            .headline-h6 {
                line-height: 1.5
            }

            .kicker-h1,.kicker-h2,.kicker-h3,.kicker-h4,.kicker-h5,.kicker-h6,.subheadline-h1,.subheadline-h2,.subheadline-h3,.subheadline-h4,.subheadline-h5,.subheadline-h6 {
                line-height: 2
            }

            html {
                scroll-behavior: smooth
            }

            a:focus,button:focus,input:focus,li:focus,ul:focus {
                outline: 2px solid transparent;
                outline-offset: 2px
            }

            a:focus-within,button:focus-within,input:focus-within,li:focus-within,ul:focus-within {
                outline: 2px solid transparent;
                outline-offset: 2px
            }

            a:focus-visible,button:focus-visible,input:focus-visible,li:focus-visible,ul:focus-visible {
                outline-offset: 1px
            }

            a:focus-visible,button:focus-visible,input:focus-visible,li:focus-visible,ul:focus-visible {
                outline: var(--color-primary) solid 1px
            }

            .btn {
                display: inline-block;
                font-size: .875rem;
                line-height: 1.5rem;
                padding: .75rem 1rem;
                transition-duration: .3s;
                transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
                transition-timing-function: cubic-bezier(.4,0,.2,1)
            }

            .btn-primary {
                --tw-text-opacity: 1;
                background-color: var(--color-primary);
                border-color: var(--color-primary);
                border-width: 1px;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .btn-primary:hover {
                background-color: var(--color-primary-hover);
                border-color: var(--color-primary-hover)
            }

            .btn-primary:active {
                background-color: var(--color-primary-active);
                border-color: var(--color-primary-active)
            }

            .btn-primary:focus-visible {
                outline: var(--color-primary) solid 1px
            }

            .btn-secondary {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(52 58 63/var(--tw-bg-opacity));
                border-color: rgb(52 58 63/var(--tw-border-opacity));
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .btn-secondary:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(77 83 88/var(--tw-bg-opacity));
                border-color: rgb(77 83 88/var(--tw-border-opacity))
            }

            .btn-secondary:active {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(105 112 119/var(--tw-bg-opacity));
                border-color: rgb(105 112 119/var(--tw-border-opacity))
            }

            .btn-secondary:focus-visible {
                outline: var(--color-primary) solid 1px
            }

            .btn-tertiary {
                border-color: var(--color-primary);
                border-width: 1px;
                color: var(--color-primary)
            }

            .btn-tertiary:hover {
                background-color: var(--color-primary-hover);
                border-color: var(--color-primary-hover)
            }

            .btn-tertiary:active,.btn-tertiary:hover {
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .btn-tertiary:active {
                background-color: var(--color-primary-active);
                border-color: var(--color-primary-active)
            }

            .btn-tertiary:focus-visible {
                outline: var(--color-primary) solid 1px
            }

            .btn-outline {
                --tw-border-opacity: 1;
                border-color: rgb(221 225 230/var(--tw-border-opacity));
                border-width: 1px
            }

            .btn-outline:hover {
                border-color: var(--color-primary-hover);
                color: var(--color-primary-hover)
            }

            .btn-outline:active {
                border-color: var(--color-primary-active);
                color: var(--color-primary-active)
            }

            .btn-outline:focus-visible {
                outline: var(--color-primary) solid 1px
            }

            .btn-disabled,.btn:disabled {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(193 199 205/var(--tw-bg-opacity));
                border-color: rgb(193 199 205/var(--tw-border-opacity));
                color: rgb(135 141 150/var(--tw-text-opacity))
            }

            .btn-disabled:hover,.btn:disabled:hover {
                cursor: default
            }

            .bg-black .btn-primary:focus-visible,.bg-gray-800 .btn-primary:focus-visible,.bg-gray-900 .btn-primary:focus-visible {
                outline: 1px solid #fff
            }

            .bg-black .btn-secondary,.bg-gray-800 .btn-secondary,.bg-gray-900 .btn-secondary {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(105 112 119/var(--tw-bg-opacity));
                border-color: rgb(105 112 119/var(--tw-border-opacity));
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .bg-black .btn-secondary:hover,.bg-gray-800 .btn-secondary:hover,.bg-gray-900 .btn-secondary:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(77 83 88/var(--tw-bg-opacity));
                border-color: rgb(77 83 88/var(--tw-border-opacity))
            }

            .bg-black .btn-secondary:active,.bg-gray-800 .btn-secondary:active,.bg-gray-900 .btn-secondary:active {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(52 58 63/var(--tw-bg-opacity));
                border-color: rgb(52 58 63/var(--tw-border-opacity))
            }

            .bg-black .btn-secondary:focus-visible,.bg-gray-800 .btn-secondary:focus-visible,.bg-gray-900 .btn-secondary:focus-visible {
                outline: 1px solid #fff
            }

            .bg-black .btn-tertiary,.bg-gray-800 .btn-tertiary,.bg-gray-900 .btn-tertiary {
                --tw-border-opacity: 1;
                --tw-text-opacity: 1;
                background-color: transparent;
                border-color: rgb(255 255 255/var(--tw-border-opacity));
                border-width: 1px;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .bg-black .btn-tertiary:hover,.bg-gray-800 .btn-tertiary:hover,.bg-gray-900 .btn-tertiary:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(242 244 248/var(--tw-bg-opacity));
                border-color: rgb(242 244 248/var(--tw-border-opacity));
                color: rgb(52 58 63/var(--tw-text-opacity))
            }

            .bg-black .btn-tertiary:active,.bg-gray-800 .btn-tertiary:active,.bg-gray-900 .btn-tertiary:active {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(193 199 205/var(--tw-bg-opacity));
                border-color: rgb(193 199 205/var(--tw-border-opacity));
                color: rgb(52 58 63/var(--tw-text-opacity))
            }

            .bg-black .btn-tertiary:focus-visible,.bg-gray-800 .btn-tertiary:focus-visible,.bg-gray-900 .btn-tertiary:focus-visible {
                outline: 1px solid #fff
            }

            .headline {
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                color: var(--color-primary);
                display: block;
                font-family: Noto Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
                font-weight: 700
            }

            .headline-h1 {
                font-size: 1.5rem;
                line-height: 2rem
            }

            @media (min-width: 320px) {
                .headline-h1 {
                    font-size:1.875rem;
                    line-height: 2.25rem
                }
            }

            @media (min-width: 672px) {
                .headline-h1 {
                    font-size:2.25rem;
                    line-height: 2.5rem;
                    line-height: 1.375
                }
            }

            .headline-h2 {
                font-size: 1.25rem;
                line-height: 1.75rem
            }

            @media (min-width: 320px) {
                .headline-h2 {
                    font-size:1.5rem;
                    line-height: 2rem
                }
            }

            @media (min-width: 672px) {
                .headline-h2 {
                    font-size:1.875rem;
                    line-height: 2.25rem;
                    line-height: 1.375
                }
            }

            .headline-h3 {
                font-size: 1.125rem;
                line-height: 1.75rem
            }

            @media (min-width: 320px) {
                .headline-h3 {
                    font-size:1.25rem;
                    line-height: 1.75rem
                }
            }

            @media (min-width: 672px) {
                .headline-h3 {
                    font-size:1.5rem;
                    line-height: 2rem
                }
            }

            .headline-h4 {
                font-size: 1rem;
                line-height: 1.5rem
            }

            @media (min-width: 320px) {
                .headline-h4 {
                    font-size:1.125rem;
                    line-height: 1.75rem
                }
            }

            @media (min-width: 672px) {
                .headline-h4 {
                    font-size:1.25rem;
                    line-height: 1.75rem
                }
            }

            .headline-h5 {
                font-size: 1rem;
                line-height: 1.5rem
            }

            @media (min-width: 672px) {
                .headline-h5 {
                    font-size:1.125rem;
                    line-height: 1.75rem;
                    line-height: 1.5
                }
            }

            .headline-h6 {
                font-size: 1rem;
                line-height: 1.5rem
            }

            @media (min-width: 672px) {
                .headline-h6 {
                    font-size:1.125rem;
                    line-height: 1.75rem;
                    line-height: 1.5
                }
            }

            .headline+.subheadline,.kicker+.headline {
                margin-top: 1rem
            }

            .kicker {
                text-transform: uppercase
            }

            .kicker,.subheadline {
                --tw-text-opacity: 1;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                color: rgb(52 58 63/var(--tw-text-opacity));
                display: block;
                font-weight: 700
            }

            .kicker,.kicker-h1,.kicker-h2,.kicker-h3,.subheadline,.subheadline-h1,.subheadline-h2,.subheadline-h3 {
                font-size: 1.125rem;
                line-height: 1.75rem
            }

            .kicker-h4,.kicker-h5,.kicker-h6,.subheadline-h4,.subheadline-h5,.subheadline-h6 {
                font-size: 1rem;
                line-height: 1.5rem
            }

            .embed {
                display: block;
                overflow: hidden;
                position: relative;
                width: 100%
            }

            .embed:before {
                content: "";
                display: block
            }

            .embed>div,.embed>iframe {
                border-style: none;
                bottom: 0;
                height: 100%;
                left: 0;
                outline: 2px solid transparent;
                outline-offset: 2px;
                position: absolute;
                right: 0;
                top: 0;
                width: 100%
            }

            .embed-16by9:before {
                padding-top: 56.25%
            }

            .embed-4by3:before {
                padding-top: 75%
            }

            .embed-1by1:before {
                padding-top: 100%
            }

            .embed-3by2:before {
                padding-top: 66.6666%
            }

            .embed-form {
                height: 1250px;
                max-width: 640px;
                overflow-x: hidden;
                overflow-y: auto
            }

            @media (min-width: 672px) {
                .embed-form {
                    overflow:hidden
                }
            }

            .embed-form iframe {
                margin-left: -1.5rem;
                margin-right: -1.5rem;
                width: calc(100% + 48px)
            }

            @media (min-width: 672px) {
                .embed-form iframe {
                    width:100%
                }
            }

            .slick-slider {
                padding-bottom: 4rem
            }

            .slick-track {
                display: flex!important;
                margin-left: 0
            }

            .slick-slide {
                height: inherit!important
            }

            .slick-slide>div {
                height: 100%
            }

            .slick-list {
                padding-bottom: 1rem
            }

            .slick-dots ul {
                display: flex;
                flex-direction: row;
                justify-content: center;
                padding-left: 1rem;
                padding-right: 1rem
            }

            .slick-dots button {
                border-color: var(--color-primary);
                border-width: 1px;
                height: 1rem;
                margin-left: .5rem;
                margin-right: .5rem;
                width: 1rem
            }

            @media (min-width: 672px) {
                .slick-dots button {
                    height:1.5rem;
                    width: 1.5rem
                }
            }

            .slick-dots .slick-active button,.slick-dots button:hover {
                background-color: var(--color-primary)
            }

            .slick-slide div:focus {
                outline: 2px solid transparent;
                outline-offset: 2px
            }

            .slick-slide div:focus-within {
                outline: 2px solid transparent;
                outline-offset: 2px
            }

            .slick-slide div:focus-visible {
                outline: var(--color-primary) solid 1px;
                outline-offset: 1px
            }

            .slick-arrow {
                --tw-text-opacity: 1;
                bottom: 0;
                color: rgb(33 39 42/var(--tw-text-opacity));
                cursor: pointer;
                position: absolute;
                z-index: 10
            }

            .slick-arrow.slick-prev {
                margin-right: -1px;
                right: 4rem
            }

            .slick-arrow.slick-next {
                right: 1rem
            }

            .slick-arrow.slick-disabled {
                display: none
            }

            .slick-arrow:hover {
                color: var(--color-primary)
            }

            .slick-arrow span {
                --tw-border-opacity: 1;
                border-color: rgb(221 225 230/var(--tw-border-opacity));
                border-width: 1px;
                display: block;
                height: 3rem;
                padding: .75rem;
                width: 3rem
            }

            .slick-arrow svg {
                height: 1.5rem;
                width: 1.5rem
            }

            .logo-md {
                padding-left: 12.5%;
                padding-right: 12.5%
            }

            .logo-sm {
                padding-left: 25%;
                padding-right: 25%
            }

            .oxomi-border,.oxomi-form-control {
                border-radius: 0
            }

            .block-w-container {
                max-width: 1312px
            }

            .block-w-container,.block-w-content {
                padding-left: 2rem;
                padding-right: 2rem
            }

            .block-w-container {
                margin-left: auto;
                margin-right: auto;
                max-width: 1584px;
                padding-left: 1rem;
                padding-right: 1rem
            }

            @media (min-width: 1056px) {
                .block-w-container {
                    padding-left:1rem;
                    padding-right: 1rem
                }
            }

            .block-w-content {
                margin-left: auto;
                margin-right: auto;
                max-width: 1056px;
                padding-left: 1rem;
                padding-right: 1rem
            }

            @media (min-width: 1056px) {
                .block-w-content {
                    padding-left:1rem;
                    padding-right: 1rem
                }
            }

            .py-block {
                padding-bottom: 4rem
            }

            .pt-block,.py-block {
                padding-top: 4rem
            }

            .pb-block {
                padding-bottom: 4rem
            }

            .px-grid {
                padding-left: 1rem;
                padding-right: 1rem
            }

            .-mx-grid {
                margin-left: -1rem;
                margin-right: -1rem
            }

            @media(min-width: 672px) {
                .two-col {
                    -webkit-column-count:2;
                    column-count: 2;
                    -webkit-column-gap: 2rem;
                    column-gap: 2rem;
                    -webkit-column-rule: none;
                    column-rule: none
                }
            }

            .klaro,.klaro button {
                font-family: inherit;
                font-family: var(--font-family,inherit);
                font-size: 14px;
                font-size: var(--font-size,14px)
            }

            .klaro.cm-as-context-notice {
                height: 100%;
                padding-bottom: 12px;
                padding-top: 12px
            }

            .klaro .context-notice .cm-switch-container,.klaro .cookie-modal .cm-switch-container,.klaro .cookie-notice .cm-switch-container {
                --tw-border-opacity: 1;
                border-bottom-style: solid;
                border-bottom-style: var(--border-style,solid);
                border-bottom-width: 1px;
                border-bottom-width: var(--border-width,1px);
                border-color: rgb(221 225 230/var(--tw-border-opacity));
                display: block;
                line-height: 20px;
                min-height: 40px;
                padding: 10px 10px 10px 66px;
                position: relative;
                vertical-align: middle
            }

            .klaro .context-notice .cm-switch-container:last-child,.klaro .cookie-modal .cm-switch-container:last-child,.klaro .cookie-notice .cm-switch-container:last-child {
                border-bottom: 0
            }

            .klaro .context-notice .cm-switch-container p,.klaro .context-notice .cm-switch-container:first-child,.klaro .cookie-modal .cm-switch-container p,.klaro .cookie-modal .cm-switch-container:first-child,.klaro .cookie-notice .cm-switch-container p,.klaro .cookie-notice .cm-switch-container:first-child {
                margin-top: 0
            }

            .klaro .context-notice .cm-switch,.klaro .cookie-modal .cm-switch,.klaro .cookie-notice .cm-switch {
                display: inline-block;
                height: 30px;
                position: relative;
                width: 50px
            }

            .klaro .context-notice .cm-list-input:checked+.cm-list-label .slider,.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider {
                background-color: #1a936f;
                background-color: var(--color-red-darker,#1a936f)
            }

            .klaro .context-notice .cm-list-input.half-checked:checked+.cm-list-label .slider,.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider {
                background-color: #1a936f;
                background-color: var(--color-red-darker,#1a936f);
                opacity: .6
            }

            .klaro .context-notice .cm-list-input.half-checked:checked+.cm-list-label .slider:before,.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider:before,.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider:before {
                -webkit-transform: translateX(10px);
                transform: translateX(10px)
            }

            .klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider,.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider {
                background-color: #24cc9a;
                background-color: var(--color-red-darker,#24cc9a);
                opacity: .8
            }

            .klaro .context-notice .cm-list-input.only-required+.cm-list-label .slider:before,.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider:before,.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider:before {
                -webkit-transform: translateX(10px);
                transform: translateX(10px)
            }

            .klaro .context-notice .cm-list-input.required:checked+.cm-list-label .slider,.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider {
                background-color: #24cc9a;
                background-color: var(--color-red-darker,#24cc9a);
                cursor: not-allowed;
                opacity: .8
            }

            .klaro .context-notice .cm-list-input,.klaro .cookie-modal .cm-list-input,.klaro .cookie-notice .cm-list-input {
                height: 30px;
                left: 0;
                opacity: 0;
                position: absolute;
                top: 0;
                width: 50px
            }

            .klaro .context-notice .cm-list-title,.klaro .cookie-modal .cm-list-title,.klaro .cookie-notice .cm-list-title {
                font-size: .9em;
                font-weight: 600
            }

            .klaro .context-notice .cm-list-description,.klaro .cookie-modal .cm-list-description,.klaro .cookie-notice .cm-list-description {
                color: #7c7c7c;
                color: var(--dark3,#7c7c7c);
                font-size: .9em;
                padding-top: 4px
            }

            .klaro .context-notice .cm-list-label .cm-switch,.klaro .cookie-modal .cm-list-label .cm-switch,.klaro .cookie-notice .cm-list-label .cm-switch {
                left: 0;
                position: absolute
            }

            .klaro .context-notice .cm-list-label .slider,.klaro .cookie-modal .cm-list-label .slider,.klaro .cookie-notice .cm-list-label .slider {
                background-color: #f2f2f2;
                background-color: var(--white2,#f2f2f2);
                bottom: 0;
                cursor: pointer;
                display: inline-block;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transition: .4s;
                width: 50px
            }

            .klaro .context-notice .cm-list-label .slider:before,.klaro .cookie-modal .cm-list-label .slider:before,.klaro .cookie-notice .cm-list-label .slider:before {
                background-color: #e6e6e6;
                background-color: var(--white3,#e6e6e6);
                bottom: 5px;
                content: "";
                height: 20px;
                left: 5px;
                position: absolute;
                transition: .4s;
                width: 20px
            }

            .klaro .context-notice .cm-list-label .slider.round,.klaro .cookie-modal .cm-list-label .slider.round,.klaro .cookie-notice .cm-list-label .slider.round {
                border-radius: 30px
            }

            .klaro .context-notice .cm-list-label .slider.round:before,.klaro .cookie-modal .cm-list-label .slider.round:before,.klaro .cookie-notice .cm-list-label .slider.round:before {
                border-radius: 50%
            }

            .klaro .context-notice .cm-list-label input:focus+.slider,.klaro .cookie-modal .cm-list-label input:focus+.slider,.klaro .cookie-notice .cm-list-label input:focus+.slider {
                box-shadow-color: #48dfb2;
                box-shadow-color: var(--green3,#48dfb2);
                box-shadow: 0 0 1px var(color,green3)
            }

            .klaro .context-notice .cm-list-label input:checked+.slider:before,.klaro .cookie-modal .cm-list-label input:checked+.slider:before,.klaro .cookie-notice .cm-list-label input:checked+.slider:before {
                -webkit-transform: translateX(20px);
                transform: translateX(20px)
            }

            .klaro .context-notice .cm-list-input:focus+.cm-list-label .slider,.klaro .cookie-modal .cm-list-input:focus+.cm-list-label .slider,.klaro .cookie-notice .cm-list-input:focus+.cm-list-label .slider {
                box-shadow: 0 4px 6px 0 hsla(0,0%,49%,.2),5px 5px 10px 0 hsla(0,0%,49%,.19)
            }

            .klaro .context-notice .cm-list-input:checked+.cm-list-label .slider:before,.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider:before,.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider:before {
                -webkit-transform: translateX(20px);
                transform: translateX(20px)
            }

            .klaro .context-notice .slider,.klaro .cookie-modal .slider,.klaro .cookie-notice .slider {
                box-shadow: 0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19)
            }

            .klaro .context-notice a,.klaro .cookie-modal a,.klaro .cookie-notice a {
                color: var(--color-primary);
                font-family: Noto Sans;
                text-decoration: none;
                -webkit-text-decoration-line: underline;
                text-decoration-line: underline
            }

            .klaro .context-notice h1,.klaro .context-notice h2,.klaro .context-notice li,.klaro .context-notice p,.klaro .context-notice strong,.klaro .context-notice ul,.klaro .cookie-modal h1,.klaro .cookie-modal h2,.klaro .cookie-modal li,.klaro .cookie-modal p,.klaro .cookie-modal strong,.klaro .cookie-modal ul,.klaro .cookie-notice h1,.klaro .cookie-notice h2,.klaro .cookie-notice li,.klaro .cookie-notice p,.klaro .cookie-notice strong,.klaro .cookie-notice ul {
                color: #fafafa;
                color: var(--color-primary-700,#fafafa)
            }

            .klaro .context-notice h1,.klaro .context-notice h2,.klaro .context-notice li,.klaro .context-notice p,.klaro .context-notice ul,.klaro .cookie-modal h1,.klaro .cookie-modal h2,.klaro .cookie-modal li,.klaro .cookie-modal p,.klaro .cookie-modal ul,.klaro .cookie-notice h1,.klaro .cookie-notice h2,.klaro .cookie-notice li,.klaro .cookie-notice p,.klaro .cookie-notice ul {
                display: block;
                margin: .7em 0 0;
                padding: 0;
                text-align: left
            }

            .klaro .context-notice h1,.klaro .context-notice h2,.klaro .context-notice h3,.klaro .context-notice h4,.klaro .context-notice h5,.klaro .context-notice h6,.klaro .cookie-modal h1,.klaro .cookie-modal h2,.klaro .cookie-modal h3,.klaro .cookie-modal h4,.klaro .cookie-modal h5,.klaro .cookie-modal h6,.klaro .cookie-notice h1,.klaro .cookie-notice h2,.klaro .cookie-notice h3,.klaro .cookie-notice h4,.klaro .cookie-notice h5,.klaro .cookie-notice h6 {
                font-family: inherit;
                font-family: var(--title-font-family,inherit)
            }

            .klaro .context-notice .cm-link,.klaro .cookie-modal .cm-link,.klaro .cookie-notice .cm-link {
                margin-right: .5em;
                vertical-align: middle
            }

            .klaro .context-notice .cm-btn,.klaro .cookie-modal .cm-btn,.klaro .cookie-notice .cm-btn {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(52 58 63/var(--tw-bg-opacity));
                border-color: rgb(52 58 63/var(--tw-border-opacity));
                color: rgb(255 255 255/var(--tw-text-opacity));
                display: inline-block;
                font-size: .875rem;
                line-height: 1.5rem;
                padding: .75rem 1rem;
                transition-duration: .3s;
                transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
                transition-timing-function: cubic-bezier(.4,0,.2,1)
            }

            .klaro .context-notice .cm-btn:hover,.klaro .cookie-modal .cm-btn:hover,.klaro .cookie-notice .cm-btn:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(77 83 88/var(--tw-bg-opacity));
                border-color: rgb(77 83 88/var(--tw-border-opacity))
            }

            .klaro .context-notice .cm-btn:active,.klaro .cookie-modal .cm-btn:active,.klaro .cookie-notice .cm-btn:active {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(105 112 119/var(--tw-bg-opacity));
                border-color: rgb(105 112 119/var(--tw-border-opacity))
            }

            .klaro .context-notice .cm-btn:focus-visible,.klaro .cookie-modal .cm-btn:focus-visible,.klaro .cookie-notice .cm-btn:focus-visible {
                outline: var(--color-primary) solid 1px
            }

            .klaro .context-notice .cm-btn-disabled,.klaro .context-notice .cm-btn:disabled,.klaro .cookie-modal .cm-btn-disabled,.klaro .cookie-modal .cm-btn:disabled,.klaro .cookie-notice .cm-btn-disabled,.klaro .cookie-notice .cm-btn:disabled {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(193 199 205/var(--tw-bg-opacity));
                border-color: rgb(193 199 205/var(--tw-border-opacity));
                color: rgb(135 141 150/var(--tw-text-opacity))
            }

            .klaro .context-notice .cm-btn-disabled:hover,.klaro .context-notice .cm-btn:disabled:hover,.klaro .cookie-modal .cm-btn-disabled:hover,.klaro .cookie-modal .cm-btn:disabled:hover,.klaro .cookie-notice .cm-btn-disabled:hover,.klaro .cookie-notice .cm-btn:disabled:hover {
                cursor: default
            }

            .bg-black .klaro .context-notice .cm-btn,.bg-black .klaro .cookie-modal .cm-btn,.bg-black .klaro .cookie-notice .cm-btn,.bg-gray-800 .klaro .context-notice .cm-btn,.bg-gray-800 .klaro .cookie-modal .cm-btn,.bg-gray-800 .klaro .cookie-notice .cm-btn,.bg-gray-900 .klaro .context-notice .cm-btn,.bg-gray-900 .klaro .cookie-modal .cm-btn,.bg-gray-900 .klaro .cookie-notice .cm-btn {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(105 112 119/var(--tw-bg-opacity));
                border-color: rgb(105 112 119/var(--tw-border-opacity));
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .bg-black .klaro .context-notice .cm-btn:hover,.bg-black .klaro .cookie-modal .cm-btn:hover,.bg-black .klaro .cookie-notice .cm-btn:hover,.bg-gray-800 .klaro .context-notice .cm-btn:hover,.bg-gray-800 .klaro .cookie-modal .cm-btn:hover,.bg-gray-800 .klaro .cookie-notice .cm-btn:hover,.bg-gray-900 .klaro .context-notice .cm-btn:hover,.bg-gray-900 .klaro .cookie-modal .cm-btn:hover,.bg-gray-900 .klaro .cookie-notice .cm-btn:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(77 83 88/var(--tw-bg-opacity));
                border-color: rgb(77 83 88/var(--tw-border-opacity))
            }

            .bg-black .klaro .context-notice .cm-btn:active,.bg-black .klaro .cookie-modal .cm-btn:active,.bg-black .klaro .cookie-notice .cm-btn:active,.bg-gray-800 .klaro .context-notice .cm-btn:active,.bg-gray-800 .klaro .cookie-modal .cm-btn:active,.bg-gray-800 .klaro .cookie-notice .cm-btn:active,.bg-gray-900 .klaro .context-notice .cm-btn:active,.bg-gray-900 .klaro .cookie-modal .cm-btn:active,.bg-gray-900 .klaro .cookie-notice .cm-btn:active {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(52 58 63/var(--tw-bg-opacity));
                border-color: rgb(52 58 63/var(--tw-border-opacity))
            }

            .bg-black .klaro .context-notice .cm-btn:focus-visible,.bg-black .klaro .cookie-modal .cm-btn:focus-visible,.bg-black .klaro .cookie-notice .cm-btn:focus-visible,.bg-gray-800 .klaro .context-notice .cm-btn:focus-visible,.bg-gray-800 .klaro .cookie-modal .cm-btn:focus-visible,.bg-gray-800 .klaro .cookie-notice .cm-btn:focus-visible,.bg-gray-900 .klaro .context-notice .cm-btn:focus-visible,.bg-gray-900 .klaro .cookie-modal .cm-btn:focus-visible,.bg-gray-900 .klaro .cookie-notice .cm-btn:focus-visible {
                outline: 1px solid #fff
            }

            .klaro .context-notice .cm-btn,.klaro .cookie-modal .cm-btn,.klaro .cookie-notice .cm-btn {
                border-radius: none;
                border-style: none;
                cursor: pointer;
                font-size: 1em;
                margin-right: .5em
            }

            .klaro .context-notice .cm-btn:disabled,.klaro .cookie-modal .cm-btn:disabled,.klaro .cookie-notice .cm-btn:disabled {
                opacity: .5
            }

            .klaro .context-notice .cm-btn.cm-btn-close,.klaro .cookie-modal .cm-btn.cm-btn-close,.klaro .cookie-notice .cm-btn.cm-btn-close {
                background-color: #c8c8c8;
                background-color: var(--light2,#c8c8c8)
            }

            .klaro .context-notice .cm-btn.cm-btn-success,.klaro .cookie-modal .cm-btn.cm-btn-success,.klaro .cookie-notice .cm-btn.cm-btn-success {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(52 58 63/var(--tw-bg-opacity));
                border-color: rgb(52 58 63/var(--tw-border-opacity));
                color: rgb(255 255 255/var(--tw-text-opacity));
                display: inline-block;
                font-size: .875rem;
                line-height: 1.5rem;
                padding: .75rem 1rem;
                transition-duration: .3s;
                transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
                transition-timing-function: cubic-bezier(.4,0,.2,1)
            }

            .klaro .context-notice .cm-btn.cm-btn-success:hover,.klaro .cookie-modal .cm-btn.cm-btn-success:hover,.klaro .cookie-notice .cm-btn.cm-btn-success:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(77 83 88/var(--tw-bg-opacity));
                border-color: rgb(77 83 88/var(--tw-border-opacity))
            }

            .klaro .context-notice .cm-btn.cm-btn-success:active,.klaro .cookie-modal .cm-btn.cm-btn-success:active,.klaro .cookie-notice .cm-btn.cm-btn-success:active {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(105 112 119/var(--tw-bg-opacity));
                border-color: rgb(105 112 119/var(--tw-border-opacity))
            }

            .klaro .context-notice .cm-btn.cm-btn-success:focus-visible,.klaro .cookie-modal .cm-btn.cm-btn-success:focus-visible,.klaro .cookie-notice .cm-btn.cm-btn-success:focus-visible {
                outline: var(--color-primary) solid 1px
            }

            .klaro .context-notice .cm-btn.cm-btn-success-disabled,.klaro .context-notice .cm-btn.cm-btn-success:disabled,.klaro .cookie-modal .cm-btn.cm-btn-success-disabled,.klaro .cookie-modal .cm-btn.cm-btn-success:disabled,.klaro .cookie-notice .cm-btn.cm-btn-success-disabled,.klaro .cookie-notice .cm-btn.cm-btn-success:disabled {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(193 199 205/var(--tw-bg-opacity));
                border-color: rgb(193 199 205/var(--tw-border-opacity));
                color: rgb(135 141 150/var(--tw-text-opacity))
            }

            .klaro .context-notice .cm-btn.cm-btn-success-disabled:hover,.klaro .context-notice .cm-btn.cm-btn-success:disabled:hover,.klaro .cookie-modal .cm-btn.cm-btn-success-disabled:hover,.klaro .cookie-modal .cm-btn.cm-btn-success:disabled:hover,.klaro .cookie-notice .cm-btn.cm-btn-success-disabled:hover,.klaro .cookie-notice .cm-btn.cm-btn-success:disabled:hover {
                cursor: default
            }

            .bg-black .klaro .context-notice .cm-btn.cm-btn-success,.bg-black .klaro .cookie-modal .cm-btn.cm-btn-success,.bg-black .klaro .cookie-notice .cm-btn.cm-btn-success,.bg-gray-800 .klaro .context-notice .cm-btn.cm-btn-success,.bg-gray-800 .klaro .cookie-modal .cm-btn.cm-btn-success,.bg-gray-800 .klaro .cookie-notice .cm-btn.cm-btn-success,.bg-gray-900 .klaro .context-notice .cm-btn.cm-btn-success,.bg-gray-900 .klaro .cookie-modal .cm-btn.cm-btn-success,.bg-gray-900 .klaro .cookie-notice .cm-btn.cm-btn-success {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(105 112 119/var(--tw-bg-opacity));
                border-color: rgb(105 112 119/var(--tw-border-opacity));
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .bg-black .klaro .context-notice .cm-btn.cm-btn-success:hover,.bg-black .klaro .cookie-modal .cm-btn.cm-btn-success:hover,.bg-black .klaro .cookie-notice .cm-btn.cm-btn-success:hover,.bg-gray-800 .klaro .context-notice .cm-btn.cm-btn-success:hover,.bg-gray-800 .klaro .cookie-modal .cm-btn.cm-btn-success:hover,.bg-gray-800 .klaro .cookie-notice .cm-btn.cm-btn-success:hover,.bg-gray-900 .klaro .context-notice .cm-btn.cm-btn-success:hover,.bg-gray-900 .klaro .cookie-modal .cm-btn.cm-btn-success:hover,.bg-gray-900 .klaro .cookie-notice .cm-btn.cm-btn-success:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(77 83 88/var(--tw-bg-opacity));
                border-color: rgb(77 83 88/var(--tw-border-opacity))
            }

            .bg-black .klaro .context-notice .cm-btn.cm-btn-success:active,.bg-black .klaro .cookie-modal .cm-btn.cm-btn-success:active,.bg-black .klaro .cookie-notice .cm-btn.cm-btn-success:active,.bg-gray-800 .klaro .context-notice .cm-btn.cm-btn-success:active,.bg-gray-800 .klaro .cookie-modal .cm-btn.cm-btn-success:active,.bg-gray-800 .klaro .cookie-notice .cm-btn.cm-btn-success:active,.bg-gray-900 .klaro .context-notice .cm-btn.cm-btn-success:active,.bg-gray-900 .klaro .cookie-modal .cm-btn.cm-btn-success:active,.bg-gray-900 .klaro .cookie-notice .cm-btn.cm-btn-success:active {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(52 58 63/var(--tw-bg-opacity));
                border-color: rgb(52 58 63/var(--tw-border-opacity))
            }

            .bg-black .klaro .context-notice .cm-btn.cm-btn-success:focus-visible,.bg-black .klaro .cookie-modal .cm-btn.cm-btn-success:focus-visible,.bg-black .klaro .cookie-notice .cm-btn.cm-btn-success:focus-visible,.bg-gray-800 .klaro .context-notice .cm-btn.cm-btn-success:focus-visible,.bg-gray-800 .klaro .cookie-modal .cm-btn.cm-btn-success:focus-visible,.bg-gray-800 .klaro .cookie-notice .cm-btn.cm-btn-success:focus-visible,.bg-gray-900 .klaro .context-notice .cm-btn.cm-btn-success:focus-visible,.bg-gray-900 .klaro .cookie-modal .cm-btn.cm-btn-success:focus-visible,.bg-gray-900 .klaro .cookie-notice .cm-btn.cm-btn-success:focus-visible {
                outline: 1px solid #fff
            }

            .klaro .context-notice .cm-btn.cm-btn-danger,.klaro .cookie-modal .cm-btn.cm-btn-danger,.klaro .cookie-notice .cm-btn.cm-btn-danger {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(52 58 63/var(--tw-bg-opacity));
                border-color: rgb(52 58 63/var(--tw-border-opacity));
                color: rgb(255 255 255/var(--tw-text-opacity));
                display: inline-block;
                font-size: .875rem;
                line-height: 1.5rem;
                padding: .75rem 1rem;
                transition-duration: .3s;
                transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
                transition-timing-function: cubic-bezier(.4,0,.2,1)
            }

            .klaro .context-notice .cm-btn.cm-btn-danger:hover,.klaro .cookie-modal .cm-btn.cm-btn-danger:hover,.klaro .cookie-notice .cm-btn.cm-btn-danger:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(77 83 88/var(--tw-bg-opacity));
                border-color: rgb(77 83 88/var(--tw-border-opacity))
            }

            .klaro .context-notice .cm-btn.cm-btn-danger:active,.klaro .cookie-modal .cm-btn.cm-btn-danger:active,.klaro .cookie-notice .cm-btn.cm-btn-danger:active {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(105 112 119/var(--tw-bg-opacity));
                border-color: rgb(105 112 119/var(--tw-border-opacity))
            }

            .klaro .context-notice .cm-btn.cm-btn-danger:focus-visible,.klaro .cookie-modal .cm-btn.cm-btn-danger:focus-visible,.klaro .cookie-notice .cm-btn.cm-btn-danger:focus-visible {
                outline: var(--color-primary) solid 1px
            }

            .klaro .context-notice .cm-btn.cm-btn-danger-disabled,.klaro .context-notice .cm-btn.cm-btn-danger:disabled,.klaro .cookie-modal .cm-btn.cm-btn-danger-disabled,.klaro .cookie-modal .cm-btn.cm-btn-danger:disabled,.klaro .cookie-notice .cm-btn.cm-btn-danger-disabled,.klaro .cookie-notice .cm-btn.cm-btn-danger:disabled {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(193 199 205/var(--tw-bg-opacity));
                border-color: rgb(193 199 205/var(--tw-border-opacity));
                color: rgb(135 141 150/var(--tw-text-opacity))
            }

            .klaro .context-notice .cm-btn.cm-btn-danger-disabled:hover,.klaro .context-notice .cm-btn.cm-btn-danger:disabled:hover,.klaro .cookie-modal .cm-btn.cm-btn-danger-disabled:hover,.klaro .cookie-modal .cm-btn.cm-btn-danger:disabled:hover,.klaro .cookie-notice .cm-btn.cm-btn-danger-disabled:hover,.klaro .cookie-notice .cm-btn.cm-btn-danger:disabled:hover {
                cursor: default
            }

            .bg-black .klaro .context-notice .cm-btn.cm-btn-danger,.bg-black .klaro .cookie-modal .cm-btn.cm-btn-danger,.bg-black .klaro .cookie-notice .cm-btn.cm-btn-danger,.bg-gray-800 .klaro .context-notice .cm-btn.cm-btn-danger,.bg-gray-800 .klaro .cookie-modal .cm-btn.cm-btn-danger,.bg-gray-800 .klaro .cookie-notice .cm-btn.cm-btn-danger,.bg-gray-900 .klaro .context-notice .cm-btn.cm-btn-danger,.bg-gray-900 .klaro .cookie-modal .cm-btn.cm-btn-danger,.bg-gray-900 .klaro .cookie-notice .cm-btn.cm-btn-danger {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(105 112 119/var(--tw-bg-opacity));
                border-color: rgb(105 112 119/var(--tw-border-opacity));
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .bg-black .klaro .context-notice .cm-btn.cm-btn-danger:hover,.bg-black .klaro .cookie-modal .cm-btn.cm-btn-danger:hover,.bg-black .klaro .cookie-notice .cm-btn.cm-btn-danger:hover,.bg-gray-800 .klaro .context-notice .cm-btn.cm-btn-danger:hover,.bg-gray-800 .klaro .cookie-modal .cm-btn.cm-btn-danger:hover,.bg-gray-800 .klaro .cookie-notice .cm-btn.cm-btn-danger:hover,.bg-gray-900 .klaro .context-notice .cm-btn.cm-btn-danger:hover,.bg-gray-900 .klaro .cookie-modal .cm-btn.cm-btn-danger:hover,.bg-gray-900 .klaro .cookie-notice .cm-btn.cm-btn-danger:hover {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(77 83 88/var(--tw-bg-opacity));
                border-color: rgb(77 83 88/var(--tw-border-opacity))
            }

            .bg-black .klaro .context-notice .cm-btn.cm-btn-danger:active,.bg-black .klaro .cookie-modal .cm-btn.cm-btn-danger:active,.bg-black .klaro .cookie-notice .cm-btn.cm-btn-danger:active,.bg-gray-800 .klaro .context-notice .cm-btn.cm-btn-danger:active,.bg-gray-800 .klaro .cookie-modal .cm-btn.cm-btn-danger:active,.bg-gray-800 .klaro .cookie-notice .cm-btn.cm-btn-danger:active,.bg-gray-900 .klaro .context-notice .cm-btn.cm-btn-danger:active,.bg-gray-900 .klaro .cookie-modal .cm-btn.cm-btn-danger:active,.bg-gray-900 .klaro .cookie-notice .cm-btn.cm-btn-danger:active {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                background-color: rgb(52 58 63/var(--tw-bg-opacity));
                border-color: rgb(52 58 63/var(--tw-border-opacity))
            }

            .bg-black .klaro .context-notice .cm-btn.cm-btn-danger:focus-visible,.bg-black .klaro .cookie-modal .cm-btn.cm-btn-danger:focus-visible,.bg-black .klaro .cookie-notice .cm-btn.cm-btn-danger:focus-visible,.bg-gray-800 .klaro .context-notice .cm-btn.cm-btn-danger:focus-visible,.bg-gray-800 .klaro .cookie-modal .cm-btn.cm-btn-danger:focus-visible,.bg-gray-800 .klaro .cookie-notice .cm-btn.cm-btn-danger:focus-visible,.bg-gray-900 .klaro .context-notice .cm-btn.cm-btn-danger:focus-visible,.bg-gray-900 .klaro .cookie-modal .cm-btn.cm-btn-danger:focus-visible,.bg-gray-900 .klaro .cookie-notice .cm-btn.cm-btn-danger:focus-visible {
                outline: 1px solid #fff
            }

            .klaro .context-notice .cm-btn.cm-btn-success-var,.klaro .cookie-modal .cm-btn.cm-btn-success-var,.klaro .cookie-notice .cm-btn.cm-btn-success-var {
                background-color: #24cc9a;
                background-color: var(--color-red-darker,#24cc9a)
            }

            .klaro .context-notice .cm-btn.cm-btn-info,.klaro .cookie-modal .cm-btn.cm-btn-info,.klaro .cookie-notice .cm-btn.cm-btn-info {
                --tw-text-opacity: 1;
                background-color: var(--color-primary);
                border-color: var(--color-primary);
                border-width: 1px;
                color: rgb(255 255 255/var(--tw-text-opacity));
                display: inline-block;
                font-size: .875rem;
                line-height: 1.5rem;
                padding: .75rem 1rem;
                transition-duration: .3s;
                transition-property: color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
                transition-timing-function: cubic-bezier(.4,0,.2,1)
            }

            .klaro .context-notice .cm-btn.cm-btn-info:hover,.klaro .cookie-modal .cm-btn.cm-btn-info:hover,.klaro .cookie-notice .cm-btn.cm-btn-info:hover {
                background-color: var(--color-primary-hover);
                border-color: var(--color-primary-hover)
            }

            .klaro .context-notice .cm-btn.cm-btn-info:active,.klaro .cookie-modal .cm-btn.cm-btn-info:active,.klaro .cookie-notice .cm-btn.cm-btn-info:active {
                background-color: var(--color-primary-active);
                border-color: var(--color-primary-active)
            }

            .klaro .context-notice .cm-btn.cm-btn-info:focus-visible,.klaro .cookie-modal .cm-btn.cm-btn-info:focus-visible,.klaro .cookie-notice .cm-btn.cm-btn-info:focus-visible {
                outline: var(--color-primary) solid 1px
            }

            .klaro .context-notice .cm-btn.cm-btn-info-disabled,.klaro .context-notice .cm-btn.cm-btn-info:disabled,.klaro .cookie-modal .cm-btn.cm-btn-info-disabled,.klaro .cookie-modal .cm-btn.cm-btn-info:disabled,.klaro .cookie-notice .cm-btn.cm-btn-info-disabled,.klaro .cookie-notice .cm-btn.cm-btn-info:disabled {
                --tw-border-opacity: 1;
                --tw-bg-opacity: 1;
                --tw-text-opacity: 1;
                background-color: rgb(193 199 205/var(--tw-bg-opacity));
                border-color: rgb(193 199 205/var(--tw-border-opacity));
                color: rgb(135 141 150/var(--tw-text-opacity))
            }

            .klaro .context-notice .cm-btn.cm-btn-info-disabled:hover,.klaro .context-notice .cm-btn.cm-btn-info:disabled:hover,.klaro .cookie-modal .cm-btn.cm-btn-info-disabled:hover,.klaro .cookie-modal .cm-btn.cm-btn-info:disabled:hover,.klaro .cookie-notice .cm-btn.cm-btn-info-disabled:hover,.klaro .cookie-notice .cm-btn.cm-btn-info:disabled:hover {
                cursor: default
            }

            .bg-black .klaro .context-notice .cm-btn.cm-btn-info:focus-visible,.bg-black .klaro .cookie-modal .cm-btn.cm-btn-info:focus-visible,.bg-black .klaro .cookie-notice .cm-btn.cm-btn-info:focus-visible,.bg-gray-800 .klaro .context-notice .cm-btn.cm-btn-info:focus-visible,.bg-gray-800 .klaro .cookie-modal .cm-btn.cm-btn-info:focus-visible,.bg-gray-800 .klaro .cookie-notice .cm-btn.cm-btn-info:focus-visible,.bg-gray-900 .klaro .context-notice .cm-btn.cm-btn-info:focus-visible,.bg-gray-900 .klaro .cookie-modal .cm-btn.cm-btn-info:focus-visible,.bg-gray-900 .klaro .cookie-notice .cm-btn.cm-btn-info:focus-visible {
                outline: 1px solid #fff
            }

            .klaro .context-notice {
                align-items: center;
                background-color: #fafafa;
                background-color: var(--light1,#fafafa);
                border: 1px solid #c8c8c8;
                border-color: var(--light2,#c8c8c8);
                border-radius: 4px;
                border-radius: var(--border-radius,4px);
                display: flex;
                flex-direction: column;
                flex-wrap: wrap;
                height: 100%;
                justify-content: center;
                padding: 12px
            }

            .klaro .context-notice.cm-dark {
                background-color: #333;
                background-color: var(--dark1,#333);
                border-color: #5c5c5c;
                border-color: var(--dark2,#5c5c5c)
            }

            .klaro .context-notice.cm-dark p {
                color: #fafafa;
                color: var(--light1,#fafafa)
            }

            .klaro .context-notice.cm-dark p a {
                color: #459cdc;
                color: var(--blue2,#459cdc)
            }

            .klaro .context-notice p {
                color: #333;
                color: var(--dark1,#333);
                flex-grow: 0;
                margin-top: 0;
                padding-top: 0;
                text-align: center
            }

            .klaro .context-notice p a {
                color: #24cc9a;
                color: var(--color-red-darker,#24cc9a)
            }

            .klaro .context-notice p.cm-buttons {
                margin-top: 12px
            }

            .klaro .cookie-modal {
                height: 100%;
                left: 0;
                overflow: hidden;
                position: fixed;
                top: 0;
                width: 100%;
                z-index: 1000
            }

            .klaro .cookie-modal.cm-embedded {
                height: inherit;
                left: inherit;
                position: relative;
                right: inherit;
                width: inherit;
                z-index: 0
            }

            .klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro {
                position: relative;
                -webkit-transform: none;
                transform: none
            }

            .klaro .cookie-modal .cm-bg {
                background: rgba(0,0,0,.5);
                height: 100%;
                left: 0;
                position: fixed;
                top: 0;
                width: 100%
            }

            .klaro .cookie-modal .cm-modal.cm-klaro {
                --tw-bg-opacity: 1;
                background-color: rgb(242 244 248/var(--tw-bg-opacity));
                box-shadow: 0 4px 6px 0 rgba(0,0,0,.2),5px 5px 10px 0 rgba(0,0,0,.19);
                color: #fafafa;
                color: var(--color-primary-700,#fafafa);
                max-height: 98%;
                overflow: auto;
                position: fixed;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 100%;
                z-index: 1001
            }

            @media(min-width: 660px) {
                .klaro .cookie-modal .cm-modal.cm-klaro {
                    border-radius:0;
                    height: auto;
                    margin: 0 auto;
                    max-width: 640px;
                    position: relative;
                    width: auto
                }
            }

            .klaro .cookie-modal .cm-modal .hide {
                background: none;
                border-style: none;
                cursor: pointer;
                position: absolute;
                right: 20px;
                top: 20px;
                z-index: 1
            }

            .klaro .cookie-modal .cm-modal .hide svg {
                stroke: #fafafa;
                stroke: var(--color-primary-700,#fafafa)
            }

            .klaro .cookie-modal .cm-modal .cm-footer {
                --tw-border-opacity: 1;
                border-color: rgb(221 225 230/var(--tw-border-opacity));
                border-top-style: solid;
                border-top-style: var(--border-style,solid);
                border-top-width: 1px;
                border-top-width: var(--border-width,1px);
                padding: 1em 2em 1.5em
            }

            .klaro .cookie-modal .cm-modal .cm-footer-buttons {
                display: flex;
                flex-flow: row;
                justify-content: space-between
            }

            .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by {
                font-size: .8em;
                padding-right: 8px;
                padding-top: 4px;
                text-align: right
            }

            .klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a {
                display: none
            }

            .klaro .cookie-modal .cm-modal .cm-header {
                --tw-border-opacity: 1;
                border-bottom-style: solid;
                border-bottom-style: var(--border-style,solid);
                border-bottom-width: 1px;
                border-bottom-width: var(--border-width,1px);
                border-color: rgb(221 225 230/var(--tw-border-opacity));
                padding: 1.5em 2em 1em
            }

            .klaro .cookie-modal .cm-modal .cm-header h1 {
                display: block;
                font-size: 2em;
                margin: 0
            }

            .klaro .cookie-modal .cm-modal .cm-header h1.title {
                font-family: Noto sans;
                font-weight: 700;
                padding-right: 20px;
                text-transform: uppercase
            }

            .klaro .cookie-modal .cm-modal .cm-body {
                padding: 1em 2em
            }

            .klaro .cookie-modal .cm-modal .cm-body ul {
                display: block
            }

            .klaro .cookie-modal .cm-modal .cm-body span {
                display: inline-block;
                width: auto
            }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services {
                margin: 0;
                padding: 0
            }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-caret,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-caret {
                color: #a0a0a0;
                color: var(--color-primary-700,#a0a0a0)
            }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content {
                display: none;
                margin-left: -40px
            }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-services .cm-content.expanded,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose .cm-services .cm-content.expanded {
                display: block;
                margin-top: 10px
            }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service {
                line-height: 20px;
                min-height: 40px;
                padding-left: 60px;
                position: relative;
                vertical-align: middle
            }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service:first-child,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose:first-child,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service:first-child {
                margin-top: 0
            }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service p.purposes,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose p.purposes,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service p.purposes {
                color: #a0a0a0;
                color: var(--light3,#a0a0a0);
                font-size: .8em
            }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service.cm-toggle-all,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose.cm-toggle-all,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service.cm-toggle-all {
                --tw-border-opacity: 1;
                border-color: rgb(221 225 230/var(--tw-border-opacity));
                border-top-style: solid;
                border-top-style: var(--border-style,solid);
                border-top-width: 1px;
                border-top-width: var(--border-width,1px);
                padding-top: 1em
            }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-list-title,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-list-title,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-list-title {
                font-weight: 600
            }

            .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-service span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-purpose span.cm-required,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-opt-out,.klaro .cookie-modal .cm-modal .cm-body ul.cm-services li.cm-service span.cm-required {
                color: #5c5c5c;
                color: var(--dark2,#5c5c5c);
                font-size: .8em;
                padding-left: .2em
            }

            .klaro .cookie-notice:not(.cookie-modal-notice) {
                --tw-bg-opacity: 1;
                background-color: rgb(242 244 248/var(--tw-bg-opacity));
                bottom: 0;
                position: fixed;
                right: 0;
                width: 100%;
                z-index: 999
            }

            @media(min-width: 1024px) {
                .klaro .cookie-notice:not(.cookie-modal-notice) {
                    --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
                    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
                    border-radius: 0;
                    bottom: 20px;
                    bottom: var(--notice-bottom,90px);
                    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
                    left: auto;
                    left: var(--notice-left,auto);
                    max-width: 400px;
                    max-width: var(--notice-max-width,400px);
                    position: fixed;
                    position: var(--notice-position,fixed);
                    right: 20px;
                    right: var(--notice-right,20px);
                    top: auto;
                    top: var(--notice-top,auto)
                }
            }

            @media(max-width: 1023px) {
                .klaro .cookie-notice:not(.cookie-modal-notice) {
                    border-radius:0;
                    border-style: none
                }
            }

            .klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded {
                bottom: inherit;
                height: inherit;
                left: inherit;
                position: relative;
                right: inherit;
                width: inherit;
                z-index: 0
            }

            .klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body {
                padding-top: .5em
            }

            .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body {
                bottom: 0;
                margin-bottom: 0;
                margin-right: 0;
                padding: 0 1em 1em
            }

            .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p {
                margin-bottom: .5em
            }

            .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes {
                text-decoration: underline
            }

            .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {
                display: inline-block;
                flex-grow: 1
            }

            .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
                display: inline-block;
                margin-top: -.5em
            }

            @media(max-width: 384px) {
                .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
                    width:100%
                }
            }

            .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
                margin-top: .5em
            }

            @media(max-width: 384px) {
                .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn {
                    width:calc(50% - .5em)
                }
            }

            .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
                align-items: baseline;
                display: flex;
                flex-flow: row;
                flex-wrap: wrap;
                justify-content: right;
                margin-top: -.5em
            }

            .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div {
                margin-top: .5em
            }

            .klaro .cookie-modal-notice {
                --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
                --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);
                background-color: #333;
                background-color: var(--dark1,#333);
                box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
                color: #fafafa;
                color: var(--color-primary-700,#fafafa);
                max-height: 98%;
                overflow: auto;
                padding: .2em 1em 1em;
                position: fixed;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 100%;
                z-index: 1001
            }

            @media(min-width: 400px) {
                .klaro .cookie-modal-notice {
                    border-radius:4px;
                    border-radius: var(--border-radius,4px);
                    height: auto;
                    margin: 0 auto;
                    max-width: 400px;
                    position: relative;
                    width: auto
                }
            }

            .klaro .cookie-modal-notice .cn-ok {
                align-items: center;
                display: flex;
                flex-flow: row;
                justify-content: space-between;
                margin-top: 1em
            }

            .klaro .cookie-notice-hidden {
                display: none!important
            }

            .pointer-events-none {
                pointer-events: none
            }

            .pointer-events-auto {
                pointer-events: auto
            }

            .visible {
                visibility: visible
            }

            .invisible {
                visibility: hidden
            }

            .fixed {
                position: fixed
            }

            .absolute {
                position: absolute
            }

            .relative {
                position: relative
            }

            .inset-0 {
                bottom: 0;
                left: 0;
                right: 0;
                top: 0
            }

            .top-0 {
                top: 0
            }

            .right-0 {
                right: 0
            }

            .left-0 {
                left: 0
            }

            .bottom-0 {
                bottom: 0
            }

            .left-4 {
                left: 1rem
            }

            .right-5 {
                right: 1.25rem
            }

            .top-5 {
                top: 1.25rem
            }

            .right-4 {
                right: 1rem
            }

            .top-4 {
                top: 1rem
            }

            .right-2 {
                right: .5rem
            }

            .top-2 {
                top: .5rem
            }

            .top-1\/2 {
                top: 50%
            }

            .left-1\/2 {
                left: 50%
            }

            .left-auto {
                left: auto
            }

            .top-full {
                top: 100%
            }

            .bottom-full {
                bottom: 100%
            }

            .top-3\.5 {
                top: .875rem
            }

            .top-3 {
                top: .75rem
            }

            .right-auto {
                right: auto
            }

            .left-full {
                left: 100%
            }

            .top-12 {
                top: 3rem
            }

            .-top-1 {
                top: -.25rem
            }

            .z-50 {
                z-index: 50
            }

            .z-30 {
                z-index: 30
            }

            .z-10 {
                z-index: 10
            }

            .z-20 {
                z-index: 20
            }

            .z-40 {
                z-index: 40
            }

            .order-first {
                order: -9999
            }

            .m-2 {
                margin: .5rem
            }

            .m-4 {
                margin: 1rem
            }

            .mx-auto {
                margin-left: auto;
                margin-right: auto
            }

            .mx-0\.5 {
                margin-left: .125rem;
                margin-right: .125rem
            }

            .mx-0 {
                margin-left: 0;
                margin-right: 0
            }

            .my-4 {
                margin-bottom: 1rem;
                margin-top: 1rem
            }

            .-mx-2 {
                margin-left: -.5rem;
                margin-right: -.5rem
            }

            .my-2 {
                margin-bottom: .5rem;
                margin-top: .5rem
            }

            .my-3 {
                margin-bottom: .75rem;
                margin-top: .75rem
            }

            .mx-4 {
                margin-left: 1rem;
                margin-right: 1rem
            }

            .mr-2 {
                margin-right: .5rem
            }

            .mt-4 {
                margin-top: 1rem
            }

            .mt-2 {
                margin-top: .5rem
            }

            .mt-8 {
                margin-top: 2rem
            }

            .mb-4 {
                margin-bottom: 1rem
            }

            .-mt-0\.5 {
                margin-top: -.125rem
            }

            .-mt-0 {
                margin-top: 0
            }

            .mr-8 {
                margin-right: 2rem
            }

            .mb-8 {
                margin-bottom: 2rem
            }

            .mt-3 {
                margin-top: .75rem
            }

            .mb-2 {
                margin-bottom: .5rem
            }

            .mr-auto {
                margin-right: auto
            }

            .-mt-12 {
                margin-top: -3rem
            }

            .-ml-16 {
                margin-left: -4rem
            }

            .-mt-16 {
                margin-top: -4rem
            }

            .ml-4 {
                margin-left: 1rem
            }

            .mr-4 {
                margin-right: 1rem
            }

            .mr-1 {
                margin-right: .25rem
            }

            .mb-1 {
                margin-bottom: .25rem
            }

            .-mb-8 {
                margin-bottom: -2rem
            }

            .-ml-0\.5 {
                margin-left: -.125rem
            }

            .-ml-0 {
                margin-left: 0
            }

            .ml-1 {
                margin-left: .25rem
            }

            .-mt-1 {
                margin-top: -.25rem
            }

            .mb-5 {
                margin-bottom: 1.25rem
            }

            .-ml-2 {
                margin-left: -.5rem
            }

            .ml-2 {
                margin-left: .5rem
            }

            .-mb-px {
                margin-bottom: -1px
            }

            .ml-8 {
                margin-left: 2rem
            }

            .ml-auto {
                margin-left: auto
            }

            .-mb-4 {
                margin-bottom: -1rem
            }

            .ml-px {
                margin-left: 1px
            }

            .-mt-px {
                margin-top: -1px
            }

            .mt-0\.5 {
                margin-top: .125rem
            }

            .mt-0 {
                margin-top: 0
            }

            .ml-6 {
                margin-left: 1.5rem
            }

            .block {
                display: block
            }

            .inline-block {
                display: inline-block
            }

            .inline {
                display: inline
            }

            .flex {
                display: flex
            }

            .table {
                display: table
            }

            .grid {
                display: grid
            }

            .inline-grid {
                display: inline-grid
            }

            .hidden {
                display: none
            }

            .aspect-square {
                aspect-ratio: 1/1
            }

            .h-full {
                height: 100%
            }

            .h-auto {
                height: auto
            }

            .h-5 {
                height: 1.25rem
            }

            .h-0 {
                height: 0
            }

            .h-36 {
                height: 9rem
            }

            .h-20 {
                height: 5rem
            }

            .h-32 {
                height: 8rem
            }

            .h-8 {
                height: 2rem
            }

            .h-1 {
                height: .25rem
            }

            .h-6 {
                height: 1.5rem
            }

            .h-4 {
                height: 1rem
            }

            .h-screen {
                height: 100vh
            }

            .h-56 {
                height: 14rem
            }

            .h-44 {
                height: 11rem
            }

            .h-80 {
                height: 20rem
            }

            .h-\[calc\(100vh_-_4rem\)\] {
                height: calc(100vh - 4rem)
            }

            .h-28 {
                height: 7rem
            }

            .h-48 {
                height: 12rem
            }

            .h-64 {
                height: 16rem
            }

            .h-12 {
                height: 3rem
            }

            .h-3 {
                height: .75rem
            }

            .max-h-full {
                max-height: 100%
            }

            .min-h-full {
                min-height: 100%
            }

            .w-full {
                width: 100%
            }

            .w-4 {
                width: 1rem
            }

            .w-20 {
                width: 5rem
            }

            .w-auto {
                width: auto
            }

            .w-32 {
                width: 8rem
            }

            .w-1\/2 {
                width: 50%
            }

            .w-2 {
                width: .5rem
            }

            .w-8 {
                width: 2rem
            }

            .w-12 {
                width: 3rem
            }

            .w-96 {
                width: 24rem
            }

            .w-28 {
                width: 7rem
            }

            .w-px {
                width: 1px
            }

            .w-3 {
                width: .75rem
            }

            .min-w-full {
                min-width: 100%
            }

            .max-w-screen-lg {
                max-width: 1056px
            }

            .max-w-none {
                max-width: none
            }

            .max-w-screen-xl {
                max-width: 1312px
            }

            .max-w-screen-md {
                max-width: 672px
            }

            .max-w-xs {
                max-width: 20rem
            }

            .max-w-screen-2xl {
                max-width: 1584px
            }

            .flex-1 {
                flex: 1 1 0%
            }

            .flex-grow {
                flex-grow: 1
            }

            .table-auto {
                table-layout: auto
            }

            .origin-top-right {
                -webkit-transform-origin: top right;
                transform-origin: top right
            }

            .origin-top-left {
                -webkit-transform-origin: top left;
                transform-origin: top left
            }

            .-translate-x-1\/2 {
                --tw-translate-x: -50%
            }

            .-translate-x-1\/2,.-translate-y-1\/2 {
                -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

            .-translate-y-1\/2 {
                --tw-translate-y: -50%
            }

            .-translate-y-full {
                --tw-translate-y: -100%
            }

            .-translate-y-full,.rotate-180 {
                -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

            .rotate-180 {
                --tw-rotate: 180deg
            }

            .rotate-90 {
                --tw-rotate: 90deg
            }

            .rotate-90,.scale-50 {
                -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

            .scale-50 {
                --tw-scale-x: .5;
                --tw-scale-y: .5
            }

            .scale-100 {
                --tw-scale-x: 1;
                --tw-scale-y: 1
            }

            .scale-100,.transform {
                -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

            @-webkit-keyframes spin {
                to {
                    -webkit-transform: rotate(1turn);
                    transform: rotate(1turn)
                }
            }

            @keyframes spin {
                to {
                    -webkit-transform: rotate(1turn);
                    transform: rotate(1turn)
                }
            }

            .animate-spin {
                -webkit-animation: spin 1s linear infinite;
                animation: spin 1s linear infinite
            }

            .cursor-pointer {
                cursor: pointer
            }

            .flex-row {
                flex-direction: row
            }

            .flex-col {
                flex-direction: column
            }

            .flex-wrap {
                flex-wrap: wrap
            }

            .items-center {
                align-items: center
            }

            .items-baseline {
                align-items: baseline
            }

            .justify-center {
                justify-content: center
            }

            .justify-between {
                justify-content: space-between
            }

            .self-center {
                align-self: center
            }

            .overflow-hidden {
                overflow: hidden
            }

            .overflow-y-auto {
                overflow-y: auto
            }

            .overflow-x-hidden {
                overflow-x: hidden
            }

            .overflow-y-scroll {
                overflow-y: scroll
            }

            .whitespace-nowrap {
                white-space: nowrap
            }

            .rounded {
                border-radius: .25rem
            }

            .rounded-full {
                border-radius: 9999px
            }

            .border-2 {
                border-width: 2px
            }

            .border-4 {
                border-width: 4px
            }

            .border {
                border-width: 1px
            }

            .border-b-2 {
                border-bottom-width: 2px
            }

            .border-t-2 {
                border-top-width: 2px
            }

            .border-t {
                border-top-width: 1px
            }

            .border-b {
                border-bottom-width: 1px
            }

            .border-gray-200 {
                --tw-border-opacity: 1;
                border-color: rgb(193 199 205/var(--tw-border-opacity))
            }

            .border-primary {
                border-color: var(--color-primary)
            }

            .border-gray-400 {
                --tw-border-opacity: 1;
                border-color: rgb(135 141 150/var(--tw-border-opacity))
            }

            .border-gray-100 {
                --tw-border-opacity: 1;
                border-color: rgb(221 225 230/var(--tw-border-opacity))
            }

            .border-white {
                --tw-border-opacity: 1;
                border-color: rgb(255 255 255/var(--tw-border-opacity))
            }

            .border-red-400 {
                --tw-border-opacity: 1;
                border-color: rgb(248 113 113/var(--tw-border-opacity))
            }

            .border-gray-50 {
                --tw-border-opacity: 1;
                border-color: rgb(242 244 248/var(--tw-border-opacity))
            }

            .bg-black {
                --tw-bg-opacity: 1;
                background-color: rgb(0 0 0/var(--tw-bg-opacity))
            }

            .bg-white {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255/var(--tw-bg-opacity))
            }

            .bg-primary {
                background-color: var(--color-primary)
            }

            .bg-red-500 {
                --tw-bg-opacity: 1;
                background-color: rgb(239 68 68/var(--tw-bg-opacity))
            }

            .bg-gray-100 {
                --tw-bg-opacity: 1;
                background-color: rgb(221 225 230/var(--tw-bg-opacity))
            }

            .bg-gray-200 {
                --tw-bg-opacity: 1;
                background-color: rgb(193 199 205/var(--tw-bg-opacity))
            }

            .bg-gray-50 {
                --tw-bg-opacity: 1;
                background-color: rgb(242 244 248/var(--tw-bg-opacity))
            }

            .bg-gray-800 {
                --tw-bg-opacity: 1;
                background-color: rgb(33 39 42/var(--tw-bg-opacity))
            }

            .bg-gray-700 {
                --tw-bg-opacity: 1;
                background-color: rgb(52 58 63/var(--tw-bg-opacity))
            }

            .bg-gray-400 {
                --tw-bg-opacity: 1;
                background-color: rgb(135 141 150/var(--tw-bg-opacity))
            }

            .bg-red-100 {
                --tw-bg-opacity: 1;
                background-color: rgb(254 226 226/var(--tw-bg-opacity))
            }

            .bg-gray-600 {
                --tw-bg-opacity: 1;
                background-color: rgb(77 83 88/var(--tw-bg-opacity))
            }

            .bg-opacity-50 {
                --tw-bg-opacity: 0.5
            }

            .from-black-2\/3-transparent {
                --tw-gradient-from: #00000066;
                --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,transparent)
            }

            .to-transparent {
                --tw-gradient-to: transparent
            }

            .object-contain {
                -o-object-fit: contain;
                object-fit: contain
            }

            .object-cover {
                -o-object-fit: cover;
                object-fit: cover
            }

            .object-center {
                -o-object-position: center;
                object-position: center
            }

            .p-8 {
                padding: 2rem
            }

            .p-4 {
                padding: 1rem
            }

            .p-5 {
                padding: 1.25rem
            }

            .p-10 {
                padding: 2.5rem
            }

            .px-3 {
                padding-left: .75rem;
                padding-right: .75rem
            }

            .py-2 {
                padding-bottom: .5rem;
                padding-top: .5rem
            }

            .px-4 {
                padding-left: 1rem;
                padding-right: 1rem
            }

            .py-0 {
                padding-bottom: 0;
                padding-top: 0
            }

            .py-4 {
                padding-bottom: 1rem;
                padding-top: 1rem
            }

            .px-2 {
                padding-left: .5rem;
                padding-right: .5rem
            }

            .py-8 {
                padding-bottom: 2rem;
                padding-top: 2rem
            }

            .px-0 {
                padding-left: 0;
                padding-right: 0
            }

            .px-24 {
                padding-left: 6rem;
                padding-right: 6rem
            }

            .py-10 {
                padding-bottom: 2.5rem;
                padding-top: 2.5rem
            }

            .py-16 {
                padding-bottom: 4rem;
                padding-top: 4rem
            }

            .px-5 {
                padding-left: 1.25rem;
                padding-right: 1.25rem
            }

            .py-1 {
                padding-bottom: .25rem;
                padding-top: .25rem
            }

            .py-3 {
                padding-bottom: .75rem;
                padding-top: .75rem
            }

            .px-10 {
                padding-left: 2.5rem;
                padding-right: 2.5rem
            }

            .py-20 {
                padding-bottom: 5rem;
                padding-top: 5rem
            }

            .py-5 {
                padding-bottom: 1.25rem;
                padding-top: 1.25rem
            }

            .py-32 {
                padding-bottom: 8rem;
                padding-top: 8rem
            }

            .pt-16 {
                padding-top: 4rem
            }

            .pr-1 {
                padding-right: .25rem
            }

            .pt-4 {
                padding-top: 1rem
            }

            .pb-4 {
                padding-bottom: 1rem
            }

            .pt-2 {
                padding-top: .5rem
            }

            .pb-0 {
                padding-bottom: 0
            }

            .pl-4 {
                padding-left: 1rem
            }

            .pr-8 {
                padding-right: 2rem
            }

            .pt-8 {
                padding-top: 2rem
            }

            .pl-12 {
                padding-left: 3rem
            }

            .pb-10 {
                padding-bottom: 2.5rem
            }

            .pt-12 {
                padding-top: 3rem
            }

            .pb-16 {
                padding-bottom: 4rem
            }

            .pb-5 {
                padding-bottom: 1.25rem
            }

            .pb-1 {
                padding-bottom: .25rem
            }

            .pt-3 {
                padding-top: .75rem
            }

            .pt-6 {
                padding-top: 1.5rem
            }

            .pb-2 {
                padding-bottom: .5rem
            }

            .pl-8 {
                padding-left: 2rem
            }

            .pr-4 {
                padding-right: 1rem
            }

            .pt-10 {
                padding-top: 2.5rem
            }

            .pr-2 {
                padding-right: .5rem
            }

            .pb-8 {
                padding-bottom: 2rem
            }

            .text-left {
                text-align: left
            }

            .text-center {
                text-align: center
            }

            .text-right {
                text-align: right
            }

            .align-baseline {
                vertical-align: baseline
            }

            .align-middle {
                vertical-align: middle
            }

            .align-bottom {
                vertical-align: bottom
            }

            .font-body {
                font-family: Noto Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
            }

            .text-xl {
                font-size: 1.25rem
            }

            .text-lg,.text-xl {
                line-height: 1.75rem
            }

            .text-lg {
                font-size: 1.125rem
            }

            .text-4xl {
                font-size: 2.25rem;
                line-height: 2.5rem
            }

            .text-8xl {
                font-size: 6rem;
                line-height: 1
            }

            .text-7xl {
                font-size: 4.5rem;
                line-height: 1
            }

            .text-sm {
                font-size: .875rem;
                line-height: 1.25rem
            }

            .text-xs {
                font-size: .75rem;
                line-height: 1rem
            }

            .text-2xl {
                font-size: 1.5rem;
                line-height: 2rem
            }

            .font-bold {
                font-weight: 700
            }

            .font-medium {
                font-weight: 500
            }

            .font-black {
                font-weight: 900
            }

            .font-semibold {
                font-weight: 600
            }

            .italic {
                font-style: italic
            }

            .leading-none {
                line-height: 1
            }

            .leading-relaxed {
                line-height: 1.625
            }

            .leading-loose {
                line-height: 2
            }

            .leading-6 {
                line-height: 1.5rem
            }

            .text-black {
                --tw-text-opacity: 1;
                color: rgb(0 0 0/var(--tw-text-opacity))
            }

            .text-white {
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .text-gray-700 {
                --tw-text-opacity: 1;
                color: rgb(52 58 63/var(--tw-text-opacity))
            }

            .text-red-500 {
                --tw-text-opacity: 1;
                color: rgb(239 68 68/var(--tw-text-opacity))
            }

            .text-primary {
                color: var(--color-primary)
            }

            .text-gray-400 {
                --tw-text-opacity: 1;
                color: rgb(135 141 150/var(--tw-text-opacity))
            }

            .text-gray-500 {
                --tw-text-opacity: 1;
                color: rgb(105 112 119/var(--tw-text-opacity))
            }

            .text-gray-300 {
                --tw-text-opacity: 1;
                color: rgb(162 169 176/var(--tw-text-opacity))
            }

            .text-gray-600 {
                --tw-text-opacity: 1;
                color: rgb(77 83 88/var(--tw-text-opacity))
            }

            .text-gray-200 {
                --tw-text-opacity: 1;
                color: rgb(193 199 205/var(--tw-text-opacity))
            }

            .text-red-700 {
                --tw-text-opacity: 1;
                color: rgb(185 28 28/var(--tw-text-opacity))
            }

            .text-gray-800 {
                --tw-text-opacity: 1;
                color: rgb(33 39 42/var(--tw-text-opacity))
            }

            .underline {
                -webkit-text-decoration-line: underline;
                text-decoration-line: underline
            }

            .placeholder-gray-300::-webkit-input-placeholder {
                --tw-placeholder-opacity: 1;
                color: rgb(162 169 176/var(--tw-placeholder-opacity))
            }

            .placeholder-gray-300:-ms-input-placeholder {
                --tw-placeholder-opacity: 1;
                color: rgb(162 169 176/var(--tw-placeholder-opacity))
            }

            .placeholder-gray-300::placeholder {
                --tw-placeholder-opacity: 1;
                color: rgb(162 169 176/var(--tw-placeholder-opacity))
            }

            .opacity-50 {
                opacity: .5
            }

            .opacity-0 {
                opacity: 0
            }

            .opacity-100 {
                opacity: 1
            }

            .shadow-lg {
                --tw-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
                --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)
            }

            .shadow-lg,.shadow-md {
                box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
            }

            .shadow-md {
                --tw-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
                --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)
            }

            .outline {
                outline-style: solid
            }

            .drop-shadow-md {
                --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))
            }

            .drop-shadow-md,.filter {
                -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
                filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
            }

            .transition-all {
                transition-duration: .15s;
                transition-property: all;
                transition-timing-function: cubic-bezier(.4,0,.2,1)
            }

            .transition-transform {
                transition-duration: .15s;
                transition-property: -webkit-transform;
                transition-property: transform;
                transition-property: transform,-webkit-transform;
                transition-timing-function: cubic-bezier(.4,0,.2,1)
            }

            .transition {
                transition-duration: .15s;
                transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
                transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
                transition-timing-function: cubic-bezier(.4,0,.2,1)
            }

            .duration-200 {
                transition-duration: .2s
            }

            .duration-500 {
                transition-duration: .5s
            }

            .duration-300 {
                transition-duration: .3s
            }

            .duration-100 {
                transition-duration: .1s
            }

            .duration-75 {
                transition-duration: 75ms
            }

            .ease-out {
                transition-timing-function: cubic-bezier(0,0,.2,1)
            }

            .line-clamp-2 {
                -webkit-line-clamp: 2
            }

            .line-clamp-2,.line-clamp-4 {
                -webkit-box-orient: vertical;
                display: -webkit-box;
                overflow: hidden
            }

            .line-clamp-4 {
                -webkit-line-clamp: 4
            }

            .line-clamp-5 {
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 5;
                display: -webkit-box;
                overflow: hidden
            }

            .hyphens-auto {
                -webkit-hyphens: auto;
                -ms-hyphens: auto;
                hyphens: auto
            }

            .last\:border-b-0:last-child {
                border-bottom-width: 0
            }

            .last\:border-none:last-child {
                border-style: none
            }

            .hover\:border-primary:hover {
                border-color: var(--color-primary)
            }

            .hover\:border-gray-100:hover {
                --tw-border-opacity: 1;
                border-color: rgb(221 225 230/var(--tw-border-opacity))
            }

            .hover\:bg-primary:hover {
                background-color: var(--color-primary)
            }

            .hover\:bg-gray-100:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(221 225 230/var(--tw-bg-opacity))
            }

            .hover\:bg-gray-50:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(242 244 248/var(--tw-bg-opacity))
            }

            .hover\:bg-primary-hover:hover {
                background-color: var(--color-primary-hover)
            }

            .hover\:bg-gray-600:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(77 83 88/var(--tw-bg-opacity))
            }

            .hover\:bg-gray-500:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(105 112 119/var(--tw-bg-opacity))
            }

            .hover\:text-primary:hover {
                color: var(--color-primary)
            }

            .hover\:text-primary-hover:hover {
                color: var(--color-primary-hover)
            }

            .hover\:text-white:hover {
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .hover\:underline:hover {
                -webkit-text-decoration-line: underline;
                text-decoration-line: underline
            }

            .focus\:text-primary-active:focus {
                color: var(--color-primary-active)
            }

            .focus\:outline-none:focus {
                outline: 2px solid transparent;
                outline-offset: 2px
            }

            .active\:bg-primary:active {
                background-color: var(--color-primary)
            }

            .active\:text-white:active {
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .group:hover .group-hover\:mt-0\.5 {
                margin-top: .125rem
            }

            .group:hover .group-hover\:-mb-0\.5 {
                margin-bottom: -.125rem
            }

            .group:hover .group-hover\:mt-0 {
                margin-top: 0
            }

            .group:hover .group-hover\:-mb-0 {
                margin-bottom: 0
            }

            .group:hover .group-hover\:-mt-0\.5 {
                margin-top: -.125rem
            }

            .group:hover .group-hover\:mb-0\.5 {
                margin-bottom: .125rem
            }

            .group:hover .group-hover\:-mt-0 {
                margin-top: 0
            }

            .group:hover .group-hover\:mb-0 {
                margin-bottom: 0
            }

            .group:hover .group-hover\:scale-102 {
                --tw-scale-x: 1.02;
                --tw-scale-y: 1.02;
                -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
            }

            .group:hover .group-hover\:bg-primary {
                background-color: var(--color-primary)
            }

            .group:hover .group-hover\:text-primary {
                color: var(--color-primary)
            }

            .group:hover .group-hover\:text-white {
                --tw-text-opacity: 1;
                color: rgb(255 255 255/var(--tw-text-opacity))
            }

            .group:hover .group-hover\:text-primary-hover {
                color: var(--color-primary-hover)
            }

            @media (min-width: 320px) {
                .sm\:w-1\/2 {
                    width:50%
                }

                .sm\:w-1\/3 {
                    width: 33.333333%
                }

                .sm\:columns-2 {
                    -webkit-columns: 2;
                    column-count: 2
                }

                .sm\:gap-8 {
                    gap: 2rem
                }
            }

            @media (min-width: 672px) {
                .md\:visible {
                    visibility:visible
                }

                .md\:absolute {
                    position: absolute
                }

                .md\:inset-0 {
                    bottom: 0;
                    left: 0;
                    right: 0;
                    top: 0
                }

                .md\:order-last {
                    order: 9999
                }

                .md\:order-first {
                    order: -9999
                }

                .md\:-my-4 {
                    margin-bottom: -1rem;
                    margin-top: -1rem
                }

                .md\:mt-0 {
                    margin-top: 0
                }

                .md\:mt-8 {
                    margin-top: 2rem
                }

                .md\:mb-0 {
                    margin-bottom: 0
                }

                .md\:block {
                    display: block
                }

                .md\:hidden {
                    display: none
                }

                .md\:h-full {
                    height: 100%
                }

                .md\:h-80 {
                    height: 20rem
                }

                .md\:h-\[60vh\] {
                    height: 60vh
                }

                .md\:h-vh-75 {
                    height: 75vh
                }

                .md\:w-1\/2 {
                    width: 50%
                }

                .md\:w-full {
                    width: 100%
                }

                .md\:w-1\/3 {
                    width: 33.333333%
                }

                .md\:w-1\/4 {
                    width: 25%
                }

                .md\:w-2\/3 {
                    width: 66.666667%
                }

                .md\:bg-transparent {
                    background-color: transparent
                }

                .md\:bg-gradient-to-r {
                    background-image: linear-gradient(to right,var(--tw-gradient-stops))
                }

                .md\:py-8 {
                    padding-bottom: 2rem;
                    padding-top: 2rem
                }

                .md\:px-4 {
                    padding-left: 1rem;
                    padding-right: 1rem
                }

                .md\:py-0 {
                    padding-bottom: 0;
                    padding-top: 0
                }

                .md\:pr-4 {
                    padding-right: 1rem
                }

                .md\:pl-4 {
                    padding-left: 1rem
                }
            }

            @media (min-width: 1056px) {
                .lg\:visible {
                    visibility:visible
                }

                .lg\:invisible {
                    visibility: hidden
                }

                .lg\:absolute {
                    position: absolute
                }

                .lg\:bottom-auto {
                    bottom: auto
                }

                .lg\:order-first {
                    order: -9999
                }

                .lg\:mx-4 {
                    margin-left: 1rem;
                    margin-right: 1rem
                }

                .lg\:mb-0 {
                    margin-bottom: 0
                }

                .lg\:mt-1 {
                    margin-top: .25rem
                }

                .lg\:mr-4 {
                    margin-right: 1rem
                }

                .lg\:mb-16 {
                    margin-bottom: 4rem
                }

                .lg\:mt-0 {
                    margin-top: 0
                }

                .lg\:block {
                    display: block
                }

                .lg\:h-60 {
                    height: 15rem
                }

                .lg\:h-auto {
                    height: auto
                }

                .lg\:h-1\/3 {
                    height: 33.333333%
                }

                .lg\:w-1\/3 {
                    width: 33.333333%
                }

                .lg\:w-2\/3 {
                    width: 66.666667%
                }

                .lg\:w-1\/2 {
                    width: 50%
                }

                .lg\:w-full {
                    width: 100%
                }

                .lg\:w-1\/4 {
                    width: 25%
                }

                .lg\:w-1\/6 {
                    width: 16.666667%
                }

                .lg\:w-5\/6 {
                    width: 83.333333%
                }

                .lg\:w-3\/4 {
                    width: 75%
                }

                .lg\:w-2\/5 {
                    width: 40%
                }

                .lg\:w-3\/5 {
                    width: 60%
                }

                .lg\:w-auto {
                    width: auto
                }

                .lg\:w-2\/4 {
                    width: 50%
                }

                .lg\:p-16 {
                    padding: 4rem
                }

                .lg\:px-4 {
                    padding-left: 1rem;
                    padding-right: 1rem
                }

                .lg\:px-0 {
                    padding-left: 0;
                    padding-right: 0
                }

                .lg\:pt-12 {
                    padding-top: 3rem
                }

                .lg\:pl-0 {
                    padding-left: 0
                }

                .lg\:pr-16 {
                    padding-right: 4rem
                }

                .lg\:pt-0 {
                    padding-top: 0
                }

                .lg\:text-3xl {
                    font-size: 1.875rem;
                    line-height: 2.25rem
                }

                .lg\:text-xl {
                    font-size: 1.25rem;
                    line-height: 1.75rem
                }

                .lg\:leading-loose {
                    line-height: 2
                }
            }

            @media (min-width: 1312px) {
                .xl\:order-first {
                    order:-9999
                }

                .xl\:w-1\/2 {
                    width: 50%
                }

                .xl\:w-3\/4 {
                    width: 75%
                }

                .xl\:w-1\/6 {
                    width: 16.666667%
                }

                .xl\:w-1\/4 {
                    width: 25%
                }

                .xl\:w-2\/3 {
                    width: 66.666667%
                }

                .xl\:w-1\/3 {
                    width: 33.333333%
                }

                .xl\:w-auto {
                    width: auto
                }
            }

            @media (min-width: 1584px) {
                .\32xl\:w-1\/2 {
                    width:50%
                }
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: normal;
                font-weight: 100;
                src: url(https://de.rothenberger.com/static/Inter-Thin-de9194d1cf4ce0dd3b563b378492781d.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-Thin-fcc912460dcaea1ee8d47a16a9a92ad7.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: italic;
                font-weight: 100;
                src: url(https://de.rothenberger.com/static/Inter-ThinItalic-ec0fcc99e9d879db77bab7f13c2ae1e3.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-ThinItalic-6b5565d76adf0660b40695238c3bce39.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: normal;
                font-weight: 200;
                src: url(https://de.rothenberger.com/static/Inter-ExtraLight-21843ac6e40e9c4fd1c63c56f39852d5.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-ExtraLight-7b7bd05c50e77a1dea5f2693277155d0.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: italic;
                font-weight: 200;
                src: url(https://de.rothenberger.com/static/Inter-ExtraLightItalic-04abe79a58b830b0543642e656fbd8e1.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-ExtraLightItalic-a7a00555699d20ff4912fd4dfcf91cf4.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: normal;
                font-weight: 300;
                src: url(https://de.rothenberger.com/static/Inter-Light-51f4d17560f77b8a0b38e9f83fd000b2.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-Light-c08cfeeb313675a65efca3140707651e.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: italic;
                font-weight: 300;
                src: url(https://de.rothenberger.com/static/Inter-LightItalic-8942ebe85375956847c920423e4dffba.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-LightItalic-203b9b31308f80781b13db48b07eaf78.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: normal;
                font-weight: 400;
                src: url(https://de.rothenberger.com/static/Inter-Regular-6cc68d6b835a3dd06e7ebda5aee33cb1.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-Regular-8398b3762d7b06fc3b8c7969a770ad65.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: italic;
                font-weight: 400;
                src: url(https://de.rothenberger.com/static/Inter-Italic-e2f52803eb133261314fa3d1fcbcfe9f.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-Italic-635afeed439bcb3e4823b9ff421a3996.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: normal;
                font-weight: 500;
                src: url(https://de.rothenberger.com/static/Inter-Medium-ba68c34a21c5751a283817dcb7fe719e.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-Medium-f5549f68ca7db479bc7da17065186563.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: italic;
                font-weight: 500;
                src: url(https://de.rothenberger.com/static/Inter-MediumItalic-d29ef50afbad4a10753088689035b41c.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-MediumItalic-2812ec5af03af477a4923dd095f7f932.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: normal;
                font-weight: 600;
                src: url(https://de.rothenberger.com/static/Inter-SemiBold-625474d6ebbfe4e3b0ae2b6509093acd.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-SemiBold-25b1ffc958707046234286ceef569477.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: italic;
                font-weight: 600;
                src: url(https://de.rothenberger.com/static/Inter-SemiBoldItalic-c632fb9629c16866b4b6bae9c7b96d57.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-SemiBoldItalic-80d799bef2a34b9d253c1a10a354e804.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: normal;
                font-weight: 700;
                src: url(https://de.rothenberger.com/static/Inter-Bold-a808c21aaa221f6d24f986adfd675076.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-Bold-1c3dfbb05cd4ae02710ec31af64c40d6.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: italic;
                font-weight: 700;
                src: url(https://de.rothenberger.com/static/Inter-BoldItalic-974439652aea7e778bf7b2e4dc1a4970.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-BoldItalic-32e2b20f6958d2d2b42dcc91e486ce90.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: normal;
                font-weight: 800;
                src: url(https://de.rothenberger.com/static/Inter-ExtraBold-1ca2a2cfb6b4cad40001166328957046.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-ExtraBold-30c3d891c030615a228a7d6469967a76.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: italic;
                font-weight: 800;
                src: url(https://de.rothenberger.com/static/Inter-ExtraBoldItalic-a0a103e5c1d773038d855264864acc2a.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-ExtraBoldItalic-cd6682866c7a0fead62a37f353758370.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: normal;
                font-weight: 900;
                src: url(https://de.rothenberger.com/static/Inter-Black-ef2d12b9f04d00e319f24c12e8f7aff7.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-Black-e258f99875304915b846db851f7fccf4.woff) format("woff")
            }

            @font-face {
                font-display: swap;
                font-family: Inter;
                font-style: italic;
                font-weight: 900;
                src: url(https://de.rothenberger.com/static/Inter-BlackItalic-a1ea21b039cc259b6452e981b7bf0fe1.woff2) format("woff2"),url(https://de.rothenberger.com/static/Inter-BlackItalic-70d2cf354617b8400370d557a10f7ffe.woff) format("woff")
            }

            @font-face {
                font-named-instance:"Regular";font-display: swap;
                font-family: Inter var;
                font-style: normal;
                font-weight: 100 900;
                src: url(https://de.rothenberger.com/static/Inter-roman.var-b65534c52236842619456e68aeced3ca.woff2) format("woff2")
            }

            @font-face {
                font-named-instance:"Italic";font-display: swap;
                font-family: Inter var;
                font-style: italic;
                font-weight: 100 900;
                src: url(https://de.rothenberger.com/static/Inter-italic.var-b27297c148a7ef314ce20bc617a6106b.woff2) format("woff2")
            }

            @font-face {
                font-display: swap;
                font-family: Inter var experimental;
                font-style: oblique 0deg 10deg;
                font-weight: 100 900;
                src: url(https://de.rothenberger.com/static/Inter.var-9df5db385c3370707c5bf0018996ebca.woff2) format("woff2")
            }