html:root,
[data-hsx*="light"],
html:root[data-hsx*="dark"] [data-hsx*="inverted"] {
--hcl-on-brand: #000000;
--hcl-brand-1: #fdfdfc;
--hcl-brand-2: #faf7f2;
--hcl-brand-3: #f2ede7;
--hcl-brand-4: #eae3db;
--hcl-brand-5: #e1d9cf;
--hcl-brand-6: #d8cdbf;
--hcl-brand-7: #cbbdaa;
--hcl-brand-8: #b9a68d;
--hcl-brand-9: #baafa1;
--hcl-brand-10: #a99e90;
--hcl-brand-11: #71604b;
--hcl-brand-12: #3b342b;
--hcl-on-neutral: #fff;
--hcl-neutral-1: #fdfcfd;
--hcl-neutral-2: #faf9fb;
--hcl-neutral-3: #f2eff3;
--hcl-neutral-4: #eae7ec;
--hcl-neutral-5: #e3dfe6;
--hcl-neutral-6: #dbd8e0;
--hcl-neutral-7: #d0cdd7;
--hcl-neutral-8: #bcbac7;
--hcl-neutral-9: #8e8c99;
--hcl-neutral-10: #84828e;
--hcl-neutral-11: #65636d;
--hcl-neutral-12: #211f26;
--hcl-on-primary: #ffffff;
--hcl-primary-1: #fefcfb;
--hcl-primary-2: #fff7ed;
--hcl-primary-3: #ffefd6;
--hcl-primary-4: #ffdfb5;
--hcl-primary-5: #ffd19a;
--hcl-primary-6: #ffc182;
--hcl-primary-7: #f5ae73;
--hcl-primary-8: #ec9455;
--hcl-primary-9: #f76b15;
--hcl-primary-10: #ef5f00;
--hcl-primary-11: #cc4e00;
--hcl-primary-12: #582d1d;
--hcl-primary-1a: hsla(20, 94.9%, 38.7%, 0.016);
--hcl-primary-2a: hsla(24, 95.8%, 46.5%, 0.044);
--hcl-primary-3a: hsla(25, 100%, 50.5%, 0.095);
--hcl-primary-4a: hsla(26, 100%, 50.0%, 0.157);
--hcl-primary-5a: hsla(25, 100%, 50.1%, 0.236);
--hcl-primary-6a: hsla(25, 100%, 50.1%, 0.346);
--hcl-primary-7a: hsla(24, 100%, 50.1%, 0.495);
--hcl-primary-8a: hsla(24, 99.7%, 48.7%, 0.695);
--hcl-primary-9a: hsla(24, 99.9%, 48.4%, 0.969);
--hcl-primary-10a: hsla(23, 100%, 46.4%, 0.980);
--hcl-primary-11a: hsla(23, 100%, 36.8%, 0.980);
--hcl-primary-12a: hsla(15, 99.4%, 11.0%, 0.934);
--hcl-on-secondary: #fff;
--hcl-secondary-1: #fdfdfe;
--hcl-secondary-2: #f7f9ff;
--hcl-secondary-3: #edf2fe;
--hcl-secondary-4: #e1e9ff;
--hcl-secondary-5: #d2deff;
--hcl-secondary-6: #c1d0ff;
--hcl-secondary-7: #abbdf9;
--hcl-secondary-8: #8da4ef;
--hcl-secondary-9: #3e63dd;
--hcl-secondary-10: #3358d4;
--hcl-secondary-11: #3a5bc7;
--hcl-secondary-12: #1f2d5c;
--hcl-secondary-1a: hsla(240, 92.6%, 26.5%, 0.008);
--hcl-secondary-2a: hsla(223, 100%, 51.0%, 0.028);
--hcl-secondary-3a: hsla(224, 100%, 50.1%, 0.059);
--hcl-secondary-4a: hsla(223, 98.0%, 48.5%, 0.099);
--hcl-secondary-5a: hsla(225, 98.6%, 46.4%, 0.150);
--hcl-secondary-6a: hsla(224, 99.5%, 44.9%, 0.224);
--hcl-secondary-7a: hsla(225, 99.7%, 43.9%, 0.318);
--hcl-secondary-8a: hsla(226, 99.5%, 43.1%, 0.448);
--hcl-secondary-9a: hsla(226, 100%, 41.2%, 0.757);
--hcl-secondary-10a: hsla(226, 99.8%, 37.1%, 0.773);
--hcl-secondary-11a: hsla(226, 99.6%, 31.1%, 0.797);
--hcl-secondary-12a: hsla(226, 99.3%, 11.4%, 0.938);
--hcl-on-tertiary: #fff;
--hcl-tertiary-1: #fffcfd;
--hcl-tertiary-2: #fef7f9;
--hcl-tertiary-3: #ffe9f0;
--hcl-tertiary-4: #fedce7;
--hcl-tertiary-5: #facedd;
--hcl-tertiary-6: #f3bed1;
--hcl-tertiary-7: #eaacc3;
--hcl-tertiary-8: #e093b2;
--hcl-tertiary-9: #e93d82;
--hcl-tertiary-10: #df3478;
--hcl-tertiary-11: #cb1d63;
--hcl-tertiary-12: #621639;
--hcl-tertiary-1a: hsla(340, 100%, 51.0%, 0.012);
--hcl-tertiary-2a: hsla(330, 100%, 51.0%, 0.032);
--hcl-tertiary-3a: hsla(332, 99.1%, 47.1%, 0.063);
--hcl-tertiary-4a: hsla(331, 99.9%, 44.3%, 0.102);
--hcl-tertiary-5a: hsla(333, 99.9%, 42.3%, 0.153);
--hcl-tertiary-6a: hsla(333, 99.5%, 40.5%, 0.224);
--hcl-tertiary-7a: hsla(335, 99.7%, 39.1%, 0.322);
--hcl-tertiary-8a: hsla(336, 99.5%, 38.5%, 0.440);
--hcl-tertiary-9a: hsla(336, 99.9%, 44.3%, 0.761);
--hcl-tertiary-10a: hsla(336, 100%, 42.5%, 0.808);
--hcl-tertiary-11a: hsla(336, 99.8%, 40.3%, 0.883);
--hcl-tertiary-12a: hsla(340, 99.0%, 10.0%, 0.950);
}
:root:root[data-hsx*="dark"],
[data-hsx*="dark"],
[data-hsx*="invert"] {
--hcl-brand-1: #121211;
--hcl-brand-2: #1b1917;
--hcl-brand-3: #24221f;
--hcl-brand-4: #2d2a26;
--hcl-brand-5: #38342e;
--hcl-brand-6: #443f39;
--hcl-brand-7: #544e46;
--hcl-brand-8: #696156;
--hcl-brand-9: #baafa1;
--hcl-brand-10: #cbc0b2;
--hcl-brand-11: #cbb89f;
--hcl-brand-12: #e8e1d9;
--hcl-neutral-1: #121113;
--hcl-neutral-2: #1a191b;
--hcl-neutral-3: #232225;
--hcl-neutral-4: #2b292d;
--hcl-neutral-5: #323035;
--hcl-neutral-6: #3c393f;
--hcl-neutral-7: #49474e;
--hcl-neutral-8: #625f69;
--hcl-neutral-9: #6f6d78;
--hcl-neutral-10: #7c7a85;
--hcl-neutral-11: #b5b2bc;
--hcl-neutral-12: #eeeef0;
--hcl-primary-1: #17120e;
--hcl-primary-2: #1e160f;
--hcl-primary-3: #331e0b;
--hcl-primary-4: #462100;
--hcl-primary-5: #562800;
--hcl-primary-6: #66350c;
--hcl-primary-7: #7e451d;
--hcl-primary-8: #a35829;
--hcl-primary-9: #f76b15;
--hcl-primary-10: #ff801f;
--hcl-primary-11: #ffa057;
--hcl-primary-12: #ffe0c2;
--hcl-primary-1a: hsla(0, 0%, 0%, 0);
--hcl-primary-2a: hsla(13, 100%, 49.7%, 0.054);
--hcl-primary-3a: hsla(20, 100%, 49.7%, 0.117);
--hcl-primary-4a: hsla(23, 100%, 49.8%, 0.166);
--hcl-primary-5a: hsla(23, 99.4%, 50.1%, 0.215);
--hcl-primary-6a: hsla(23, 99.8%, 51.1%, 0.286);
--hcl-primary-7a: hsla(23, 99.7%, 50.6%, 0.389);
--hcl-primary-8a: hsla(24, 100%, 49.9%, 0.523);
--hcl-primary-9a: hsla(24, 99.9%, 51.6%, 0.965);
--hcl-primary-10a: hsla(25, 100%, 58.6%, 0.980);
--hcl-primary-11a: hsla(24, 100%, 62.4%, 0.980);
--hcl-primary-12a: hsla(26, 100%, 94.2%, 0.980);
--hcl-secondary-1: #11131f;
--hcl-secondary-2: #141726;
--hcl-secondary-3: #182449;
--hcl-secondary-4: #1d2e62;
--hcl-secondary-5: #253974;
--hcl-secondary-6: #304384;
--hcl-secondary-7: #3a4f97;
--hcl-secondary-8: #435db1;
--hcl-secondary-9: #3e63dd;
--hcl-secondary-10: #5472e4;
--hcl-secondary-11: #9eb1ff;
--hcl-secondary-12: #d6e1ff;
--hcl-secondary-1a: hsla(0, 0%, 0%, 0);
--hcl-secondary-2a: hsla(234, 97.4%, 59.9%, 0.059);
--hcl-secondary-3a: hsla(228, 99.2%, 61.7%, 0.144);
--hcl-secondary-4a: hsla(227, 99.7%, 62.0%, 0.211);
--hcl-secondary-5a: hsla(227, 99.2%, 62.3%, 0.270);
--hcl-secondary-6a: hsla(226, 99.9%, 62.1%, 0.350);
--hcl-secondary-7a: hsla(226, 99.9%, 62.0%, 0.471);
--hcl-secondary-8a: hsla(226, 99.9%, 62.1%, 0.655);
--hcl-secondary-9a: hsla(226, 99.9%, 63.6%, 0.848);
--hcl-secondary-10a: hsla(227, 99.8%, 67.7%, 0.893);
--hcl-secondary-11a: hsla(227, 100%, 76.3%, 0.980);
--hcl-secondary-12a: hsla(226, 100%, 97.5%, 0.980);
--hcl-tertiary-1: #191114;
--hcl-tertiary-2: #201318;
--hcl-tertiary-3: #381525;
--hcl-tertiary-4: #4d122f;
--hcl-tertiary-5: #5c1839;
--hcl-tertiary-6: #6d2545;
--hcl-tertiary-7: #873356;
--hcl-tertiary-8: #b0436e;
--hcl-tertiary-9: #e93d82;
--hcl-tertiary-10: #ee518a;
--hcl-tertiary-11: #ff92ad;
--hcl-tertiary-12: #fdd3e8;
--hcl-tertiary-1a: hsla(0, 0%, 0%, 0);
--hcl-tertiary-2a: hsla(336, 96.8%, 53.2%, 0.045);
--hcl-tertiary-3a: hsla(335, 98.7%, 59.3%, 0.138);
--hcl-tertiary-4a: hsla(336, 99.1%, 59.9%, 0.191);
--hcl-tertiary-5a: hsla(335, 99.4%, 59.4%, 0.244);
--hcl-tertiary-6a: hsla(335, 99.4%, 59.4%, 0.315);
--hcl-tertiary-7a: hsla(336, 99.5%, 57.8%, 0.439);
--hcl-tertiary-8a: hsla(336, 99.9%, 55.4%, 0.642);
--hcl-tertiary-9a: hsla(336, 99.9%, 62.8%, 0.903);
--hcl-tertiary-10a: hsla(339, 99.9%, 66.3%, 0.934);
--hcl-tertiary-11a: hsla(341, 99.9%, 69.5%, 0.965);
--hcl-tertiary-12a: hsla(327, 100%, 97.1%, 0.980);
}
:root { --hsx-page-width: 1920px;
--hsx-min-offset: 20px;
--hsx-page-gap: 20px; --bde-section-width: 1960px !important;
--bde-section-horizontal-padding: 20px !important;
--bde-column-gap: 20px !important;
--hsx-bleed-offset: max(calc(((100vw - (var(--bde-section-width))) / 2) + var(--bde-section-horizontal-padding)), calc(var(--bde-section-horizontal-padding) + 5px));
}
:root {
--headspin-theme-API: eyJ0aGVtZSI6ImxpZ2h0In0=;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
div {
line-height: calc(6px + 1.85ex)
}
[data-hsx-brand="primary"] {
--hcl-brand-1: var(--hcl-primary-1);
--hcl-brand-2: var(--hcl-primary-2);
--hcl-brand-3: var(--hcl-primary-3);
--hcl-brand-4: var(--hcl-primary-4);
--hcl-brand-5: var(--hcl-primary-5);
--hcl-brand-6: var(--hcl-primary-6);
--hcl-brand-7: var(--hcl-primary-7);
--hcl-brand-8: var(--hcl-primary-8);
--hcl-brand-9: var(--hcl-primary-9);
--hcl-brand-10: var(--hcl-primary-10);
--hcl-brand-11: var(--hcl-primary-11);
--hcl-brand-12: var(--hcl-primary-12);
--hcl-on-brand: var(--hcl-on-primary);
}
[data-hsx-brand="secondary"] {
--hcl-brand-1: var(--hcl-secondary-1);
--hcl-brand-2: var(--hcl-secondary-2);
--hcl-brand-3: var(--hcl-secondary-3);
--hcl-brand-4: var(--hcl-secondary-4);
--hcl-brand-5: var(--hcl-secondary-5);
--hcl-brand-6: var(--hcl-secondary-6);
--hcl-brand-7: var(--hcl-secondary-7);
--hcl-brand-8: var(--hcl-secondary-8);
--hcl-brand-9: var(--hcl-secondary-9);
--hcl-brand-10: var(--hcl-secondary-10);
--hcl-brand-11: var(--hcl-secondary-11);
--hcl-brand-12: var(--hcl-secondary-12);
--hcl-on-brand: var(--hcl-on-secondary);
}
[data-hsx-brand="tertiary"] {
--hcl-brand-1: var(--hcl-tertiary-1);
--hcl-brand-2: var(--hcl-tertiary-2);
--hcl-brand-3: var(--hcl-tertiary-3);
--hcl-brand-4: var(--hcl-tertiary-4);
--hcl-brand-5: var(--hcl-tertiary-5);
--hcl-brand-6: var(--hcl-tertiary-6);
--hcl-brand-7: var(--hcl-tertiary-7);
--hcl-brand-8: var(--hcl-tertiary-8);
--hcl-brand-9: var(--hcl-tertiary-9);
--hcl-brand-10: var(--hcl-tertiary-10);
--hcl-brand-11: var(--hcl-tertiary-11);
--hcl-brand-12: var(--hcl-tertiary-12);
--hcl-on-brand: var(--hcl-on-tertiary);
}
html:root { --hrd-s: 6px;
--hrd-m: 8px;
--hrd-l: 12px;
--hrd-pill: 500px;
--hrd-atom: 6px;
}
html:root { --hfs-h0: clamp(3.4375rem, 2.461rem + 3.262vw, 6.375rem);
--hfs-h1: clamp(2.75rem, 2.168rem + 1.943vw, 4.5rem);
--hfs-h2: clamp(2.1875rem, 1.855rem + 1.110vw, 3.1875rem);
--hfs-h3: clamp(1.75rem, 1.584rem + 0.555vw, 2.25rem);
--hfs-h4: clamp(1.375rem, 1.313rem + 0.208vw, 1.5625rem);
--hfs-h5: clamp(1.125rem, 1.125rem + 0.000vw, 1.125rem);
--hfs-h6: clamp(1.125rem, 1.125rem + 0.000vw, 1.125rem);
--hfs-text-l: clamp(1.375rem, 1.313rem + 0.208vw, 1.5625rem);
--hfs-text-m: clamp(1.125rem, 1.125rem + 0.000vw, 1.125rem);
--hfs-text-s: clamp(0.875rem, 0.875rem + 0.000vw, 0.875rem);
--hsp-xxl: clamp(1.5rem, 1.355rem + 0.486vw, 1.9375rem);
--hsp-xl: clamp(1.25rem, 1.125rem + 0.416vw, 1.625rem);
--hsp-l: clamp(1.0625rem, 0.959rem + 0.347vw, 1.375rem);
--hsp-m: clamp(0.875rem, 0.792rem + 0.278vw, 1.125rem);
--hsp-s: clamp(0.75rem, 0.688rem + 0.208vw, 0.9375rem);
--hsp-xs: clamp(0.625rem, 0.583rem + 0.139vw, 0.75rem);
--hsp-xxs: clamp(0.5rem, 0.458rem + 0.139vw, 0.625rem);
--hss-xxl: clamp(3.25rem, 2.938rem + 1.041vw, 4.1875rem);
--hss-xl: clamp(2.6875rem, 2.417rem + 0.902vw, 3.5rem);
--hss-l: clamp(2.25rem, 2.042rem + 0.694vw, 2.875rem);
--hss-m: clamp(1.875rem, 1.688rem + 0.625vw, 2.4375rem);
--hss-s: clamp(1.5625rem, 1.417rem + 0.486vw, 2rem);
--hss-xs: clamp(1.3125rem, 1.188rem + 0.416vw, 1.6875rem);
--hss-xxs: clamp(1.0625rem, 0.959rem + 0.347vw, 1.375rem);
}
@supports (font-size: 1cqi) {
html:root {
--hfs-h0: clamp(3.4375rem, 2.461rem + 3.262cqi, 6.375rem);
--hfs-h1: clamp(2.75rem, 2.168rem + 1.943cqi, 4.5rem);
--hfs-h2: clamp(2.1875rem, 1.855rem + 1.110cqi, 3.1875rem);
--hfs-h3: clamp(1.75rem, 1.584rem + 0.555cqi, 2.25rem);
--hfs-h4: clamp(1.375rem, 1.313rem + 0.208cqi, 1.5625rem);
--hfs-h5: clamp(1.125rem, 1.125rem + 0.000cqi, 1.125rem);
--hfs-h6: clamp(1.125rem, 1.125rem + 0.000cqi, 1.125rem);
--hfs-text-l: clamp(1.375rem, 1.313rem + 0.208cqi, 1.5625rem);
--hfs-text-m: clamp(1.125rem, 1.125rem + 0.000cqi, 1.125rem);
--hfs-text-s: clamp(0.875rem, 0.875rem + 0.000cqi, 0.875rem);
--hsp-xxl: clamp(1.5rem, 1.355rem + 0.486cqi, 1.9375rem);
--hsp-xl: clamp(1.25rem, 1.125rem + 0.416cqi, 1.625rem);
--hsp-l: clamp(1.0625rem, 0.959rem + 0.347cqi, 1.375rem);
--hsp-m: clamp(0.875rem, 0.792rem + 0.278cqi, 1.125rem);
--hsp-s: clamp(0.75rem, 0.688rem + 0.208cqi, 0.9375rem);
--hsp-xs: clamp(0.625rem, 0.583rem + 0.139cqi, 0.75rem);
--hsp-xxs: clamp(0.5rem, 0.458rem + 0.139cqi, 0.625rem);
--hss-xxl: clamp(3.25rem, 2.938rem + 1.041cqi, 4.1875rem);
--hss-xl: clamp(2.6875rem, 2.417rem + 0.902cqi, 3.5rem);
--hss-l: clamp(2.25rem, 2.042rem + 0.694cqi, 2.875rem);
--hss-m: clamp(1.875rem, 1.688rem + 0.625cqi, 2.4375rem);
--hss-s: clamp(1.5625rem, 1.417rem + 0.486cqi, 2rem);
--hss-xs: clamp(1.3125rem, 1.188rem + 0.416cqi, 1.6875rem);
--hss-xxs: clamp(1.0625rem, 0.959rem + 0.347cqi, 1.375rem);
}
}
html:root,
[data-hsx*="light"],
html:root[data-hsx*="dark"] [data-hsx*="inverted"] {
--bde-headings-color: var(--hcl-neutral-12);
--bde-body-text-color: var(--hcl-neutral-11);
--bde-background-color: var(--hcl-neutral-1);
--bde-brand-primary-color: var(--hcl-brand-9);
--bde-brand-primary-color-hover: var(--hcl-brand-10);
--bde-links-color: var(--hcl-brand-9);
--bde-links-color-hover: var(--hcl-brand-10);
}
:root:root[data-hsx*="dark"],
[data-hsx*="dark"],
html:root[data-hsx*="light"] [data-hsx*="invert"] {
--bde-headings-color: var(--hcl-neutral-12);
--bde-body-text-color: var(--hcl-neutral-11);
--bde-background-color: var(--hcl-neutral-1);
--bde-brand-primary-color: var(--hcl-brand-9);
--bde-brand-primary-color-hover: var(--hcl-brand-10);
--bde-links-color: var(--hcl-brand-9);
--bde-links-color-hover: var(--hcl-brand-10);
}
html:root {
--bde-h1-font-size: var(--hfs-h1);
--bde-h2-font-size: var(--hfs-h2);
--bde-h3-font-size: var(--hfs-h3);
--bde-h4-font-size: var(--hfs-h4);
--bde-h5-font-size: var(--hfs-h5);
--bde-h6-font-size: var(--hfs-h6);
--bde-body-font-size: var(--hfs-text-m);
}@font-face {
font-family: 'beegital-Poppins';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Poppins_Black.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Poppins_Bold.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Poppins';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Poppins_ExtraLight.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Poppins';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Poppins_ExtraLightItalic.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Poppins';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Poppins_Italic.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Poppins';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Poppins_Light.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Poppins_Medium.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Poppins_Regular.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Poppins';
font-style: normal;
font-weight: 0;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Poppins_Thin.woff2) format('woff2');
}@font-face {
font-family: 'beegital-Raleway';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Raleway_Bold.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Raleway';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Raleway_ExtraLight.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Raleway';
font-style: italic;
font-weight: 200;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Raleway_ExtraLightItalic.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Raleway';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Raleway_Italic.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Raleway';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Raleway_Light.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Raleway';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Raleway_Medium.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Raleway';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Raleway_Regular.woff2) format('woff2');
}
@font-face {
font-family: 'beegital-Raleway';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://die-salz-insel.de/wp-content/uploads/breakdance/fonts/Raleway_Thin.woff2) format('woff2');
}.breakdance-form input,
.breakdance-form label,
.breakdance-form select {
vertical-align: middle;
white-space: normal;
line-height: 1;
}
.breakdance-form textarea {
vertical-align: middle;
line-height: 1;
}  .breakdance-form input,
.breakdance-form textarea,
.breakdance-form input[type="reset"],
.breakdance-form input[type="button"],
.breakdance-form input[type="submit"]:not(.breakdance-form-button),
.breakdance-form input[type="checkbox"],
.breakdance-form input[type="radio"],
.breakdance-form select,
.breakdance-form fieldset {
margin: 0;
border: 0;
padding: 0;
appearance: none;
-webkit-appearance: none;
} .breakdance-form input[type="reset"],
.breakdance-form input[type="button"],
.breakdance-form input[type="submit"] { overflow: visible;
width: auto;
} .breakdance-form textarea { vertical-align: top; overflow: auto;
} .breakdance-form select[multiple] { vertical-align: top;
} .breakdance-form input[type="time"]::-webkit-calendar-picker-indicator,
.breakdance-form input[type="date"]::-webkit-calendar-picker-indicator {
padding: 0;
margin: 0;
display: block;
} .breakdance-form input::-webkit-datetime-edit {
padding: 0;
display: block;
margin-bottom: 1px;
} .breakdance-form {
--bde-form-delete-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M170.5 51.6L151.5 80h145l-19-28.4c-1.5-2.2-4-3.6-6.7-3.6H177.1c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80H368h48 8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-8V432c0 44.2-35.8 80-80 80H112c-44.2 0-80-35.8-80-80V128H24c-13.3 0-24-10.7-24-24S10.7 80 24 80h8H80 93.8l36.7-55.1C140.9 9.4 158.4 0 177.1 0h93.7c18.7 0 36.2 9.4 46.6 24.9zM80 128V432c0 17.7 14.3 32 32 32H336c17.7 0 32-14.3 32-32V128H80zm80 64V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0V400c0 8.8-7.2 16-16 16s-16-7.2-16-16V192c0-8.8 7.2-16 16-16s16 7.2 16 16z'/%3E%3C/svg%3E"); --bde-form-dropzone-color: var(--grey-600);
--bde-form-dropzone-color-hover: var(--bde-form-dropzone-color);
--bde-form-dropzone-color-dragging: var(--bde-form-dropzone-color); --bde-form-dropzone-icon-color: var(--grey-400);
--bde-form-dropzone-icon-color-hover: var(--bde-form-dropzone-icon-color);
--bde-form-dropzone-icon-color-dragging: var(--bde-form-dropzone-icon-color); --bde-form-dropzone-link-color: var(--bde-brand-primary-color);
--bde-form-dropzone-link-color-hover: var(--bde-form-dropzone-link-color);
--bde-form-dropzone-link-color-dragging: var(--bde-brand-primary-color); --bde-form-dropzone-background-color: var(--bde-form-input-background-color);
--bde-form-dropzone-background-color-hover: var(--bde-form-input-background-color);
--bde-form-dropzone-background-color-dragging: var(--grey-100); --bde-form-dropzone-border-color: var(--grey-300);
--bde-form-dropzone-border-color-hover: var(--bde-form-input-focused-border-color);
--bde-form-dropzone-border-color-dragging: var(--bde-form-input-focused-border-color); --bde-form-files-list-gap: 10px;
--bde-form-files-list-background-color: var(--white);
font-size: var(--bde-form-font-size);
color: var(--bde-form-text-color);
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: var(--bde-form-gap);
}
.breakdance-form--horizontal {
grid-auto-flow: column;
}
.breakdance-form--horizontal .breakdance-form-footer {
grid-column-start: span 1;
} .breakdance-form-group,
.breakdance-form-field {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
grid-column-start: span 12;
}
.breakdance-form--hidden .breakdance-form-field,
.breakdance-form--hidden .breakdance-form-stepper,
.breakdance-form-field.breakdance-form-field--hidden,
.breakdance-form-field.breakdance-form-field--condition-hidden,
.breakdance-form .breakdance-form-field.breakdance-form-field--hidden.breakdance-form-field--condition-hidden {
display: none;
} .breakdance-form-field__label {
display: block;
font-size: inherit;
font-weight: var(--bde-form-label-font-weight);
color: var(--bde-form-label-color);
margin-bottom: var(--bde-form-after-label);
cursor: pointer;
}
.breakdance-form-field__hide-label .breakdance-form-field__label {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;  
} .breakdance-form .breakdance-form-field__input {
display: block;
width: 100%;
font-size: var(--bde-form-font-size);
padding-top: var(--bde-form-input-padding-top);
padding-right: var(--bde-form-input-padding-right);
padding-bottom: var(--bde-form-input-padding-bottom);
padding-left: var(--bde-form-input-padding-left);
border-width: var(--bde-form-input-border-width);
border-style: solid;
border-color: var(--bde-form-input-border-color);
border-radius: var(--bde-form-input-border-radius);
background-color: var(--bde-form-input-background-color);
transition: all 0.3s ease-in-out;
}
.breakdance-form textarea.breakdance-form-field__input {
line-height: 1.4;
height: auto;
min-height: 100px;
resize: vertical;
padding-top: var(--bde-form-input-padding-top);
padding-right: var(--bde-form-input-padding-right);
padding-bottom: var(--bde-form-input-padding-bottom);
padding-left: var(--bde-form-input-padding-left);
}
.breakdance-form select.breakdance-form-field__input {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
cursor: pointer;
line-height: normal;
}
.breakdance-form select.breakdance-form-field__input[multiple] {
background-image: unset;
padding-top: var(--bde-form-input-padding-top);
padding-right: var(--bde-form-input-padding-right);
padding-bottom: var(--bde-form-input-padding-bottom);
padding-left: var(--bde-form-input-padding-left);
} .breakdance-form .breakdance-form-field__input:focus,
.breakdance-form select.breakdance-form-field__input[multiple]:focus {
background-color: var(--bde-form-input-focused-background-color);
border-color: var(--bde-form-input-focused-border-color);
box-shadow: var(--bde-form-input-focused-shadow);
outline: 0;
}
.breakdance-form .breakdance-form-button:focus {
box-shadow: var(--bde-form-input-focused-shadow);
outline: 0;
} .breakdance-form-field--checkbox,
.breakdance-form-field--radio {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.breakdance-form-checkbox,
.breakdance-form-radio {
display: flex;
align-items: center;
width: 100%;
}
.breakdance-form-checkbox,
.breakdance-form-radio {
margin-bottom: var(--bde-form-after-sublabel);
}
.breakdance-form-checkbox:last-child,
.breakdance-form-radio:last-child {
margin-bottom: 0;
}
.breakdance-form-checkbox input[type="checkbox"],
.breakdance-form-radio input[type="radio"] {
appearance: none;
display: inline-block;
width: var(--bde-form-checkbox-size);
height: var(--bde-form-checkbox-size);
padding: 0;
vertical-align: middle;
background-origin: border-box;
user-select: none;
flex-shrink: 0;
color: var(--bde-form-checkbox-selected-color);
background-color: var(--bde-form-input-background-color);
cursor: pointer;
border-width: var(--bde-form-input-border-width);
border-style: solid;
border-color: var(--bde-form-input-border-color);
border-top: var(--bde-form-input-border-top);
border-right: var(--bde-form-input-border-right);
border-bottom: var(--bde-form-input-border-bottom);
border-left: var(--bde-form-input-border-left);
border-radius: 4px;
opacity: 1;
}
.breakdance-form-radio input[type="radio"] {
border-radius: 9999px;
}
.breakdance-form-checkbox input[type="checkbox"]:checked,
.breakdance-form-radio input[type="radio"]:checked {
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
.breakdance-form-checkbox input[type="checkbox"]:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}
.breakdance-form-radio input[type="radio"]:checked {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}
.breakdance-form-checkbox input[type="checkbox"]:checked:after,
.breakdance-form-radio input[type="radio"]:checked:after {
display: none;
}
.breakdance-form-checkbox input[type="checkbox"]:focus,
.breakdance-form-radio input[type="radio"]:focus {
border-color: currentColor;
box-shadow: 0 0 0 1px currentColor;
outline: 1px solid transparent;
}
.breakdance-form-radio__text,
.breakdance-form-checkbox__text {
font-size: inherit !important;
margin-bottom: 0 !important;
padding-left: 5px !important;
line-height: inherit !important;
cursor: pointer;
} .breakdance-form-field--hpinput {
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;
} .breakdance-form-file-upload {
position: relative;
display: inline-flex;
align-items: center;
gap: 12px;
font-size: inherit;
margin: 0;
cursor: pointer;
} .breakdance-form-file-upload__button {
flex-shrink: 0;
pointer-events: none;
}
.breakdance-form .breakdance-form-file-upload__input {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
pointer-events: none;
} .breakdance-form-file-upload--draggable {
display: block;
width: 100%;
} .breakdance-form-files-list {
display: flex;
gap: var(--bde-form-files-list-gap);
flex-direction: column;
width: 100%;
padding: 0;
list-style-type: none;
margin: var(--bde-form-files-list-gap) 0 0;
}
.breakdance-form-files-list:empty {
margin: 0;
}
.breakdance-form-files-list-item {
display: grid;
grid-template-columns: 1fr 40px;
column-gap: 30px;
row-gap: 5px;
text-align: left;
font-size: 14px;
font-weight: normal;
line-height: 1;
padding: 16px;
border: 1px solid var(--grey-200);
border-radius: 12px;
background-color: var(--bde-form-files-list-background-color);
}
.breakdance-form-files-list-item__name {
font-weight: 500;
line-height: 1.4;
color: var(--grey-700);
}
.breakdance-form-files-list-item__size {
grid-column-start: 1;
color: var(--grey-500);
}
.breakdance-form-files-list-item__delete {
grid-row-start: 1;
grid-row-end: 3;
grid-column-start: 2;
justify-self: end;
mask-image: var(--bde-form-delete-icon);
mask-size: 16px 16px;
mask-position: center;
mask-repeat: no-repeat;
-webkit-mask-image: var(--bde-form-delete-icon);
-webkit-mask-size: 16px 16px;
-webkit-mask-position: top right;
-webkit-mask-repeat: no-repeat;
width: 30px;
height: 30px;
background-color: var(--grey-500);
padding: 0;
margin: 0;
cursor: pointer;
transition: var(--bde-transition-duration) background-color ease;
border: none;
}
.breakdance-form-files-list-item__delete:hover {
background-color: var(--red-500);
} .breakdance-form-dropzone {
display: block;
text-align: center;
padding: 30px 24px 32px;
border-radius: 6px;
border: 2px dashed var(--bde-form-dropzone-border-color);
background-color: var(--bde-form-dropzone-background-color);
color: var(--bde-form-dropzone-color);
cursor: pointer;
outline: none;
transition: var(--bde-transition-duration) background-color ease, 
var(--bde-transition-duration) text-color, 
var(--bde-transition-duration) border-color ease;
}
.breakdance-form-dropzone:hover,
.breakdance-form-dropzone:focus {
color: var(--bde-form-dropzone-color-hover);
border-color: var(--bde-form-dropzone-border-color-hover);
background-color: var(--bde-form-dropzone-background-color-hover);
}
.is-dragging .breakdance-form-dropzone {
color: var(--bde-form-dropzone-color-dragging);
border-color: var(--bde-form-dropzone-border-color-dragging);
background-color: var(--bde-form-dropzone-background-color-dragging);
}
.breakdance-form-dropzone:where(:focus, :hover) .breakdance-form-dropzone__title span {
color: var(--bde-form-dropzone-link-color-hover);
}
.breakdance-form-dropzone:where(:focus, :hover) .breakdance-form-dropzone__icon {
color: var(--bde-form-dropzone-icon-color-hover);
}
.is-dragging .breakdance-form-dropzone__icon {
color: var(--bde-form-dropzone-icon-color-dragging);
}
.is-dragging .breakdance-form-dropzone__title span {
color: var(--bde-form-dropzone-link-color-dragging);
}
.breakdance-form-dropzone__title {
display: block;
font-size: var(--bde-form-font-size);
color: inherit;
line-height: 1;
margin-top: 5px;
margin-bottom: 8px;
transition: inherit;
}
.breakdance-form-dropzone__title span {
font-weight: 500;
color: var(--bde-form-dropzone-link-color);
transition: inherit;
}
.breakdance-form-dropzone__accepts {
font-size: calc(var(--bde-form-font-size) * 0.7);
opacity: 0.7;
font-weight: normal;
color: inherit;
transition: inherit;
}
.breakdance-form-dropzone__icon {
display: block;
margin: 0 auto;
color: var(--bde-form-dropzone-icon-color);
transition: inherit;
} .breakdance-form-link {
display: inline-block;
font-weight: 500;
text-decoration: none;
color: var(--bde-brand-primary-color);
}
.breakdance-form .breakdance-form-field__input::placeholder {
color: var(--bde-form-input-placeholder-color);
} .breakdance-form-footer .breakdance-form-button {
display: inline-flex;
}
.breakdance-form-footer {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: end;
} .breakdance-form-button .breakdance-form-loader {
width: 14px;
fill: currentColor;
margin-left: 10px;
}
.breakdance-form-button-icon {
line-height: 1;
} .breakdance-form-loader {
display: none;
animation: breakdance-spin 1s linear infinite;
}
@keyframes breakdance-spin {
to {
transform: rotate(1turn);
}
}
.breakdance-form.is-loading .breakdance-form-button .button-atom__text {
visibility: hidden;
}
.breakdance-form.is-loading .breakdance-form-button {
pointer-events: none;
}
.breakdance-form.is-loading .breakdance-form-button::before {
content: "";
width: 40px;
height: 40px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='currentColor' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
background-color: currentColor;
mask-position: 0 0;
mask-size: 100% 100%;
mask-repeat: no-repeat;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='currentColor' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite' /%3E%3C/path%3E%3C/svg%3E");
-webkit-mask-position: 0 0;
-webkit-mask-size: 100% 100%;
}
.breakdance-form.is-loading .breakdance-form-button::after {
visibility: hidden;
} .breakdance-form-row {
display: flex;
justify-content: space-between;
}
.breakdance-form .visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
} .breakdance-form-link--password {
margin-left: auto;
}
.breakdance-form-empty {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-align: center;
padding: 30px;
border: 2px dashed #c3c4c7;
grid-column: 1 / -1;
}
.breakdance-form-empty__icon {
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
font-size: 30px;
overflow: hidden;
border-radius: 99999px;
background-color: #eff0f5;
color: #78909c;
margin-bottom: 15px;
}
.breakdance-form-empty__icon svg {
transform: translateY(2px);
}
.breakdance-form-empty__title {
font-size: 18px;
color: #646970;
font-weight: normal;
line-height: 1;
margin: 0 !important;
} .breakdance-form-message {
width: 100%;
padding: 16px;
border-radius: 4px;
color: #1e805b;
background-color: #edfbf6;
margin-top: var(--bde-form-gap);
}
.breakdance-form-message-dismissable {
display: flex;
flex: 1 1 0;
justify-content: space-between;
}
.breakdance-form-message--error {
color: var(--red-500);
line-height: 1.4;
background-color: #fef4f6;
}
.breakdance-form-message-dismiss {
padding-left: 12px;
margin: -6px;
}
.breakdance-form-message-dismiss-button {
display: inline-flex;
cursor: pointer;
transition: 0.3s;
font-size: 20px;
color: inherit;
border: none;
background: none;
}
.breakdance-form-field__required {
color: var(--bde-form-label-required-color);
padding-left: 4px;
display: inline-block;
transform: translate(
var(--bde-form-label-required-nudge-x),
var(--bde-form-label-required-nudge-y)
);
}
.breakdance .bde-form-builder .breakdance-form-field.hidden-step,
.breakdance .bde-form-builder .breakdance-form-button.hidden {
display: none;
}
.breakdance .breakdance-form-field__step {
display: none;
}
.breakdance .breakdance-form-button.breakdance-form-button__previous-step {
margin-right: 10px;
}
.breakdance-form-stepper {
width: 100%;
display: flex;
align-items: center;
grid-column-start: span 12;
}
.breakdance-form-stepper__step {
display: flex;
flex-shrink: 0;
flex-direction: row;
align-items: center;
gap: 8px;
}
.breakdance-form-stepper__list {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
gap: 12px;
}
.breakdance-form-stepper__label {
width: 100%;
color: var(--grey-400);
}
.breakdance-form-stepper__step-icon svg {
font-size: inherit;
width: 1em;
height: 1em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
}
.breakdance-form-stepper__step-icon {
width: 40px;
height: 40px;
display: flex;
background-color: var(--grey-400);
border-radius: 50%;
flex-shrink: 0;
align-items: center;
justify-content: center;
}
.breakdance-form-stepper__step-icon span {
color: #fff;
line-height: 1;
}
.breakdance-form-stepper__step-icon svg {
color: #fff;
font-size: 18px;
}
.breakdance-form-stepper__step.is-active .breakdance-form-stepper__step-icon {
background-color: var(--grey-900);
}
.breakdance-form-stepper__step.is-active .breakdance-form-stepper__label {
color: var(--grey-900);
}
.breakdance-form-stepper__separator {
flex: 1 1 auto;
width: 100%;
border-bottom: 1px solid var(--grey-300);
}
.breakdance-form-stepper__separator:last-child {
display: none;
}
.breakdance-form-field--step-buttons {
flex-direction: row;
justify-content: space-between;
width: auto;
}.breakdance .section-background-video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
overflow: hidden;
pointer-events:none;
}
.breakdance .section-background-video .section-youtube-wrapper,
.breakdance .section-background-video .section-vimeo-wrapper {
aspect-ratio: 16/9;
pointer-events: none;
position: absolute;
min-width: 100%;
min-height: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.breakdance
.section-background-video
.section-youtube-wrapper
.section-background-iframe,
.breakdance .section-background-video .section-vimeo-wrapper iframe {
max-width: none;
}
.breakdance .section-background-video .section-vimeo-wrapper iframe {
width: 100%;
min-height: 100%;
}
.breakdance .section-background-video video,
.breakdance .section-background-video iframe {
pointer-events:none;
width: 100%;
height: 100%;
left:0;
top:0;
position: relative;
border: 0;
}
.breakdance .section-background-video > video {
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
}
.breakdance .section-background-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.breakdance .section-background-slideshow {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: auto;
padding: 0;
}
.breakdance .section-background-slideshow .swiper {
height: 100%;
z-index: 0;
}
.breakdance .section-background-slideshow .swiper-slide-item {
background-size: cover;
background-position: center;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.breakdance .section-background-slideshow .swiper-wrapper {
z-index: 0;
}
@keyframes breakdance-section-gradient-x {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
@keyframes breakdance-section-gradient-y {
0% {
background-position: 60% 0;
}
50% {
background-position: 40% 100%;
}
100% {
background-position: 60% 0;
}
}html.breakdance-noscroll {
overflow: hidden;
}
.breakdance .bde-popup,
.breakdance .bde-popup .breakdance-popup {
opacity: 0;
visibility: hidden;
z-index: -1;
pointer-events: none;
}
.breakdance .bde-popup.breakdance-popup-open,
.breakdance .bde-popup.breakdance-popup-open .breakdance-popup,
.breakdance .bde-popup.breakdance-popup-animating,
.breakdance .bde-popup.breakdance-popup-animating .breakdance-popup {
visibility: visible;
opacity: 1;
z-index: var(--bde-z-index-popup);
pointer-events: unset;
}