#cc-main {
background: transparent;
color: var(--cc-primary-color);
font-family: var(--cc-font-family);
font-size: 16px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
position: fixed;
z-index: var(--cc-z-index);
}
#cc-main :after,
#cc-main :before,
#cc-main a,
#cc-main button,
#cc-main div,
#cc-main h2,
#cc-main input,
#cc-main p,
#cc-main span {
all: unset;
box-sizing: border-box;
}
.next-cookies {
--cc-modal-border-radius: 0.5rem;
--cc-btn-border-radius: 12px;
--cc-modal-transition-duration: 0.25s;
--cc-modal-transition-easing: ease;
--cc-link-color: var(--cc-btn-primary-bg);
--cc-modal-margin: 1rem;
--cc-z-index: 2147483647;
--cc-bg: #fff;
--cc-primary-color: #2c2f31;
--cc-secondary-color: #5e6266;
--cc-btn-primary-bg: #000;
--cc-btn-primary-color: #fff;
--cc-btn-primary-border-color: var(--cc-btn-primary-bg);
--cc-btn-primary-hover-bg: #000;
--cc-btn-primary-hover-color: #fff;
--cc-btn-primary-hover-border-color: var(--cc-btn-primary-hover-bg);
--cc-btn-secondary-bg: #eaeaea;
--cc-btn-secondary-color: var(--cc-primary-color);
--cc-btn-secondary-border-color: var(--cc-btn-secondary-bg);
--cc-btn-secondary-hover-bg: #d4dae0;
--cc-btn-secondary-hover-color: #000;
--cc-btn-secondary-hover-border-color: #d4dae0;
--cc-separator-border-color: #f0f4f7;
--cc-toggle-on-bg: #35c36b;
--cc-toggle-off-bg: #000;
--cc-toggle-on-knob-bg: #fff;
--cc-toggle-off-knob-bg: var(--cc-toggle-on-knob-bg);
--cc-toggle-enabled-icon-color: var(--cc-bg);
--cc-toggle-disabled-icon-color: var(--cc-bg);
--cc-toggle-readonly-bg: #d5dee2;
--cc-toggle-readonly-knob-bg: #fff;
--cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
--cc-section-category-border: var(--cc-cookie-category-block-bg);
--cc-cookie-category-block-bg: #f0f4f7;
--cc-cookie-category-block-border: #f0f4f7;
--cc-cookie-category-block-hover-bg: #e9eff4;
--cc-cookie-category-block-hover-border: #e9eff4;
--cc-cookie-category-expanded-block-bg: transparent;
--cc-cookie-category-expanded-block-hover-bg: #dee4e9;
--cc-overlay-bg: rgba(0, 0, 0, 0.65);
--cc-webkit-scrollbar-bg: var(--cc-section-category-border);
--cc-webkit-scrollbar-hover-bg: var(--cc-btn-primary-hover-bg);
--cc-footer-bg: var(--cc-btn-secondary-bg);
--cc-footer-color: var(--cc-secondary-color);
--cc-footer-border-color: #e4eaed;
--cc-pm-toggle-border-radius: 4em;
}
.next-cookies{
--box-max-width: 688px;
--box-max-height: 600px;
--bar-max-width: 464px;
--buttons-gap: 6px;
--buttons-padding: 12px 20px;
--buttons-transition-duration: 0.15s;
--buttons-transition-easing: ease;
--toggles-dimensions: 36px;
--toggles-right: 18px;
--toggles-icon-scale: 0.55;
--toggles-transition-duration: 0.25s;
--toggles-transition-easing: ease;
--sections-gap: 6px;
--section-title-padding: 1.4em 5.4em 1.4em 3.4em;
--section-title-height: 58px;
--section-title-duration: 0.25s;
--section-title-easing: ease;
--desc-padding: 1em;
--arrow-dimensions: 20px;
--arrow-left: 18px;
--close-dimensions: 40px;
--close-transition-duration: 0.15s;
--close-transition-easing: ease;
--body-box-shadow: 0 0.625em 1.875em rgba(0, 0, 2, 0.3);
--body-padding: 1em 1.4em;
--title-gap: 32px;
}
#cc-main .cc__link:hover,
#cc-main a:hover {
background-size: 100% 1px;
}
#cc-main .cc__link {
color: var(--cc-link-color);
}
#cc-main .cm__desc,
#cc-main .pm__body {
overscroll-behavior: auto contain;
scrollbar-width: thin;
}
#cc-main .pm-wrapper {
position: relative;
z-index: 2;
}
#cc-main .pm {
background: var(--cc-bg);
border-radius: var(--cc-modal-border-radius);
box-shadow: var(--backdrop-box-shadow);
display: flex;
flex-direction: column;
opacity: 0;
overflow: hidden;
position: fixed;
visibility: hidden;
width: 100%;
width: unset;
z-index: 1;
}
#cc-main svg {
fill: none;
width: 100%;
}
#cc-main .pm__body,
#cc-main .pm__footer,
#cc-main .pm__header {
padding: var(--body-padding);
}
#cc-main .pm__header {
align-items: center;
border-bottom: 1px solid var(--cc-separator-border-color);
display: flex;
justify-content: space-between;
}
#cc-main .pm__title { align-items: center;
display: flex;
flex: 1;
margin-right: var(--title-gap);
}
#cc-main .pm__close-btn {
cursor: pointer;
background: var(--cc-btn-secondary-bg);
border: 1px solid var(--cc-btn-secondary-border-color);
border-radius: var(--cc-btn-border-radius);
height: var(--close-dimensions);
position: relative;
transition: all var(--close-transition-duration) var(--close-transition-easing);
width: var(--close-dimensions);
}
#cc-main .pm__close-btn span {
display: flex;
height: 100%;
width: 100%;
}
#cc-main .pm__close-btn svg {
stroke: var(--cc-btn-secondary-color);
transform: scale(0.5);
transition: stroke var(--close-transition-duration) var(--close-transition-easing);
}
#cc-main .pm__close-btn:hover {
background: var(--cc-btn-secondary-hover-bg) !important;
}
#cc-main .pm__close-btn:hover svg {
stroke: var(--cc-btn-secondary-hover-color) !important;
}
#cc-main .pm__body {
flex: 1;
overflow-y: auto;
overflow-y: overlay;
}
#cc-main .pm__section,
#cc-main .pm__section--toggle {
display: flex;
flex-direction: column;
}
#cc-main .pm__section--toggle .pm__section-desc-wrapper {
border: 1px solid var(--cc-cookie-category-block-border);
border-radius: var(--cc-btn-border-radius);
border-top: none;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
display: none;
margin-top: 0 !important;
overflow: hidden;
}
#cc-main .pm__section:first-child {
border: none;
margin-top: 0;
padding: 0;
transition: none;
}
#cc-main .pm__section--toggle {
border-top: none;
margin-bottom: var(--sections-gap);
}
.pm__section-title{ }
#cc-main .pm__section--toggle .pm__section-title {
align-items: center;
background: var(--cc-cookie-category-block-bg);
border: 1px solid var(--cc-cookie-category-block-border);
display: flex;
justify-content: space-between;
padding: var(--section-title-padding);
position: relative;
transition: background-color var(--section-title-duration) var(--section-title-easing), border-color var(--section-title-duration) var(--section-title-easing);
width: 100%;
}
#cc-main .pm__section--toggle .pm__section-title:hover {
background: var(--cc-cookie-category-block-hover-bg) !important;
}
.pm__section-desc{ }
#cc-main .pm__section--toggle .pm__section-desc {
margin-top: 0;
padding: var(--desc-padding);
}
#cc-main .pm__section--toggle.is-expanded {
--cc-cookie-category-block-bg: var(--cc-cookie-category-expanded-block-bg);
--cc-cookie-category-block-border: var(--cc-cookie-category-expanded-block-hover-bg);
}
#cc-main .pm__section--toggle.is-expanded .pm__section-title {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
#cc-main .pm__section--toggle.is-expanded .pm__section-arrow svg {
transform: scale(0.5) rotate(180deg);
}
#cc-main .pm__section--toggle.is-expanded .pm__section-desc-wrapper {
display: flex;
}
#cc-main .pm__section--expandable .pm__section-title {
cursor: pointer;
}
#cc-main .pm__section--expandable .pm__section-arrow {
background: var(--cc-toggle-readonly-bg);
border-radius: 100%;
display: flex;
height: var(--arrow-dimensions);
justify-content: center;
left: var(--arrow-left);
pointer-events: none;
position: absolute;
width: var(--arrow-dimensions);
}
#cc-main .pm__section--expandable .pm__section-arrow svg {
stroke: var(--cc-btn-secondary-color);
transform: scale(0.5);
}
#cc-main .pm__section-title-wrapper {
align-items: center;
display: flex;
position: relative;
}
#cc-main .pm__section-title {
border-radius: var(--cc-btn-border-radius);
}
#cc-main .section__toggle,
#cc-main .section__toggle-wrapper,
#cc-main .toggle__icon,
#cc-main .toggle__label {
border-radius: var(--cc-pm-toggle-border-radius);
height: calc(var(--toggles-dimensions)/2);
transform: translateZ(0);
width: var(--toggles-dimensions);
margin-bottom: 0;
}
#cc-main .section__toggle-wrapper {
cursor: pointer;
position: absolute;
right: var(--toggles-right);
z-index: 1;
}
#cc-main .pm__section--toggle:nth-child(2) .section__toggle-wrapper:after {
display: none !important;
}
#cc-main .section__toggle {
border: 0;
cursor: pointer;
display: block;
left: 0;
margin: 0;
position: absolute;
top: 0;
}
#cc-main .section__toggle:disabled {
cursor: not-allowed;
}
#cc-main .toggle__icon {
background: var(--cc-toggle-off-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-off-bg);
display: flex;
flex-direction: row;
pointer-events: none;
position: absolute;
transition: all var(--toggles-transition-duration) var(--toggles-transition-easing);
}
#cc-main .toggle__icon-circle {
background: var(--cc-toggle-off-knob-bg);
border: none;
border-radius: var(--cc-pm-toggle-border-radius);
box-shadow: 0 1px 2px rgba(24, 32, 3, 0.36);
display: block;
height: calc(var(--toggles-dimensions)/2);
left: 0;
position: absolute;
top: 0;
transition: transform var(--toggles-transition-duration) var(--toggles-transition-easing), background-color var(--toggles-transition-duration) var(--toggles-transition-easing);
width: calc(var(--toggles-dimensions)/2);
}
#cc-main .toggle__icon-off,
#cc-main .toggle__icon-on {
height: 100%;
position: absolute;
transition: opacity 0.15s ease;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
#cc-main .toggle__icon-on {
opacity: 0;
transform: rotate(45deg);
}
#cc-main .toggle__icon-on svg {
stroke: var(--cc-toggle-on-bg);
transform: scale(var(--toggles-icon-scale)) rotate(-45deg);
}
#cc-main .toggle__icon-off {
opacity: 1;
}
#cc-main .toggle__icon-off svg {
stroke: var(--cc-toggle-off-bg);
transform: scale(var(--toggles-icon-scale));
}
#cc-main .section__toggle:checked ~ .toggle__icon {
background: var(--cc-toggle-on-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-on-bg);
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-circle {
background-color: var(--cc-toggle-on-knob-bg);
transform: translateX(calc(100%));
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-on {
opacity: 1;
}
#cc-main .section__toggle:checked ~ .toggle__icon .toggle__icon-off {
opacity: 0;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon {
background: var(--cc-toggle-readonly-bg);
box-shadow: 0 0 0 1px var(--cc-toggle-readonly-bg);
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon .toggle__icon-circle {
background: var(--cc-toggle-readonly-knob-bg);
box-shadow: none;
}
#cc-main .section__toggle:checked:disabled ~ .toggle__icon svg {
stroke: var(--cc-toggle-readonly-knob-icon-color);
}
#cc-main .toggle__label {
opacity: 0;
overflow: hidden;
pointer-events: none;
position: absolute;
top: 0;
z-index: -1;
}
#cc-main .pm__section-desc-wrapper {
color: var(--cc-secondary-color);
display: flex;
flex-direction: column;
}
#cc-main .pm__section-desc-wrapper > :not(:last-child) {
border-bottom: 1px solid var(--cc-cookie-category-block-border);
}
#cc-main .pm__footer {
border-top: 1px solid var(--cc-separator-border-color);
display: flex;
justify-content: space-between;
}
#cc-main .pm__btn-group {
display: flex;
}
#cc-main .pm__btn + .pm__btn,
#cc-main .pm__btn-group + .pm__btn-group {
margin-left: var(--buttons-gap);
}
#cc-main .pm--flip .pm__btn + .pm__btn,
#cc-main .pm--flip .pm__btn-group + .pm__btn-group {
margin-left: 0;
margin-right: var(--buttons-gap);
}
#cc-main .pm__btn {
font-size: 14px; font-weight: 600;
cursor: pointer;
background: var(--cc-btn-primary-bg);
border: 1px solid var(--cc-btn-primary-border-color);
border-radius: var(--cc-btn-border-radius);
color: var(--cc-btn-primary-color);
flex: auto;
padding: var(--buttons-padding);
text-align: center;
transition: background-color var(--buttons-transition-duration) var(--buttons-transition-easing), border-color var(--buttons-transition-duration) var(--buttons-transition-easing), color var(--buttons-transition-duration) var(--buttons-transition-easing);
}
#cc-main .pm__btn:hover {
background: var(--cc-btn-primary-hover-bg) !important;
}
#cc-main .pm__btn--secondary {
background: var(--cc-btn-secondary-bg);
border-color: var(--cc-btn-secondary-border-color);
color: var(--cc-btn-secondary-color);
}
#cc-main .pm__btn--secondary:hover {
background: var(--cc-btn-secondary-hover-bg) !important;
}
#cc-main .pm--box {
height: 100%;
left: var(--cc-modal-margin);
margin: 0 auto;
max-height: var(--box-max-height);
max-width: var(--box-max-width);
right: var(--cc-modal-margin);
top: 50%;
transform: translateY(calc(-50% + 1.6em));
}
#cc-main .pm--box.pm--flip .pm__btn-group,
#cc-main .pm--box.pm--flip .pm__footer {
flex-direction: row-reverse;
}
#cc-main .pm--bar {
border-radius: 0;
bottom: 0;
height: 100%;
margin: 0;
max-height: none;
max-width: var(--bar-max-width);
opacity: 1;
top: 0;
width: 100%;
}
#cc-main .pm--bar.pm--left {
left: 0;
transform: translateX(-100%);
}
#cc-main .pm--bar.pm--right {
right: 0;
transform: translateX(100%);
}
#cc-main .pm-overlay {
background: var(--cc-overlay-bg);
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
z-index: 1;
}
#cc-main .cc--anim .pm,
#cc-main .cc--anim .pm-overlay {
transition: opacity var(--cc-modal-transition-duration) var(--cc-modal-transition-easing), visibility var(--cc-modal-transition-duration) var(--cc-modal-transition-easing), transform var(--cc-modal-transition-duration) var(--cc-modal-transition-easing);
}
.show--preferences #cc-main .cc--anim .pm {
opacity: 1;
visibility: visible !important;
}
.show--preferences #cc-main .cc--anim .pm--box {
transform: translateY(-50%);
}
.show--preferences #cc-main .cc--anim .pm--bar {
transform: translateX(0);
}
.show--preferences #cc-main .cc--anim .pm-overlay {
opacity: 1;
visibility: visible;
}
@media (prefers-reduced-motion) {
#cc-main {
--cc-modal-transition-duration: 0s;
}
}
@media screen and (max-width: 767px) {
#cc-main .pm {
border-radius: 0;
bottom: 0;
height: auto;
left: 0;
max-height: 100%;
max-width: none !important;
right: 0;
top: 0;
transform: translateY(1.6em);
}
#cc-main .pm__badge {
display: none;
}
#cc-main .pm__section-table,
#cc-main .pm__table-body,
#cc-main .pm__table-caption,
#cc-main .pm__table-td,
#cc-main .pm__table-th,
#cc-main .pm__table-tr {
display: block;
}
#cc-main .pm__table-head {
display: none;
}
#cc-main .pm__table-td > div {
flex: 3;
}
#cc-main .pm__btn-group,
#cc-main .pm__footer {
flex-direction: column !important;
}
#cc-main .pm__btn-group {
display: flex !important;
}
#cc-main .pm__btn + .pm__btn,
#cc-main .pm__btn-group + .pm__btn-group {
margin: var(--buttons-gap) 0 0 !important;
}
#cc-main .pm--flip .pm__btn + .pm__btn,
#cc-main .pm--flip .pm__btn-group + .pm__btn-group {
margin-bottom: var(--buttons-gap) !important;
margin-top: 0 !important;
}
#cc-main .pm--flip .pm__btn-group,
#cc-main .pm--flip .pm__footer {
flex-direction: column-reverse !important;
}
.show--preferences #cc-main .cc--anim .pm {
transform: translateY(0) !important;
}
}.nb-overlay-shadows {
position: relative;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.nb-overlay-shadows__background {
position: absolute;
width: 100%;
height: 100%;
filter: url(#displacement);
}
.nb-overlay-shadows__mask {
position: absolute;
width: 100%;
height: 100%;
mask-size: cover;
mask-repeat: no-repeat;
mask-position: center;
-webkit-mask-size: cover;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}
.nb-overlay-shadows__noise {
position: absolute;
inset: 0;
background-image: url(https://www.web-schuster.de/wp-content/plugins/nextbricks/elements/css/srcs/overlayshadows_noise.png);
background-size: 200px;
background-repeat: repeat;
opacity: 0.25;
pointer-events: none;
}
.nb-overlay-shadows[data-include-noise="false"] .nb-overlay-shadows__noise{
display: none;
}
.nb-overlay-shadows__content{
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.nb-overlay-shadows[data-flickering="1"]{
opacity: 0;
}.bc-glowing-card[data-flickering="1"]{
opacity: 0;
}
.bc-glowing-card[data-disable-touch-devices] {
--base: 80; --spread: 500; --saturation: 100; --lightness: 50; --outer: 0; --size: 200; --cardblur: 5; --backdrop: hsl(0 0% 60% / 0.12); --bg-spot-opacity: 0.1; --backup-border: var(--backdrop);
--get-border-radius: 14; --border-radius: calc(var(--get-border-radius) * 1px);
--border-width: 3; --border-spot-opacity: 1; --border-light-opacity: 1; backdrop-filter: blur(calc(var(--cardblur, 5) * 1px));
border-radius: var(--border-radius);
width: 300px; height: 300px; padding: 15px; box-shadow: 0 15px 30px -15px black; } .bc-glowing-card[data-glow] {
--border-size: calc(var(--border-width, 2) * 1px);
--spotlight-size: calc(var(--size, 150) * 1px);
--hue: calc(var(--base) + (var(--xp, 0) * var(--spread, 0)));
border: var(--border-size) solid var(--backup-border);
position: relative;
}
.bc-glowing-card[data-glow]::before,
.bc-glowing-card[data-glow]::after {
pointer-events: none;
content: "";
position: absolute;
inset: calc(var(--border-size) * -1);
border: var(--border-size) solid transparent;
border-radius: var(--border-radius);
background-attachment: fixed;
background-size: calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size)));
background-repeat: no-repeat;
background-position: 50% 50%;
mask:
linear-gradient(transparent, transparent),
linear-gradient(white, white);
mask-clip: padding-box, border-box;
mask-composite: intersect;
will-change: opacity;
} .bc-glowing-card[data-glow]::before {
background-image: radial-gradient(
calc(var(--spotlight-size) * 0.75) calc(var(--spotlight-size) * 0.75) at
calc(var(--x, 0) * 1px)
calc(var(--y, 0) * 1px),
hsl(var(--hue, 210) calc(var(--saturation, 100) * 1%) calc(var(--lightness, 50) * 1%) / var(--border-spot-opacity, 1)), transparent 100%
);
filter: brightness(2);
} .bc-glowing-card[data-glow]::after {
background-image: radial-gradient(
calc(var(--spotlight-size) * 0.5) calc(var(--spotlight-size) * 0.5) at
calc(var(--x, 0) * 1px)
calc(var(--y, 0) * 1px),
hsl(0 100% 100% / var(--border-light-opacity, 1)), transparent 100%
);
}
.bc-glowing-card[data-glow] [data-glow] {
position: absolute;
inset: 0;
will-change: filter;
opacity: var(--outer, 1);
}
.bc-glowing-card[data-glow] > [data-glow] {
border-radius: var(--border-radius);
border-width: calc(var(--border-size) * 20);
filter: blur(calc(var(--border-size) * 10));
background: none;
pointer-events: none;
}
.bc-glowing-card[data-glow] > [data-glow]::before {
inset: -10px;
border-width: 10px;
}
.bc-glowing-card[data-glow] [data-glow] {
border: none;
}
.bc-glowing-card[data-glow] :is(a, button) {
border-radius: var(--border-radius);
border: var(--border-size) solid transparent;
}
.bc-glowing-card[data-glow] :is(a, button) [data-glow] {
background: none;
}
.bc-glowing-card[data-glow] :is(a, button) [data-glow]::before {
inset: calc(var(--border-size) * -1);
border-width: calc(var(--border-size) * 1);
} .bc-glowing-card[data-disable]{
opacity: 1;
}
.bc-glowing-card[data-disable]::before,
.bc-glowing-card[data-disable]::after{
display: none !important;
}.next-timeline{
clip-path: inset(0 0 0 0); position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: black; color: white;
width: 100%; height: auto; --progress-bar: 3px; --progress-start: 50vh; --progress-fade-edges-height: 50px; --sticky-top: 50vh; --from-opacity: 0.25; } .next-timeline--progress{
position: absolute;
left: auto; right: auto; width: var(--progress-bar);
height: 100%; background-color: #414141; mask-image: linear-gradient(
to bottom, 
rgba(0, 0, 0, 0) 0px,
rgba(0, 0, 0) var(--progress-fade-edges-height),
rgba(0, 0, 0) calc(100% - var(--progress-fade-edges-height)),
rgba(0, 0, 0, 0) 100% 
);
}
.next-timeline--progress-bar{
position: fixed;
left: auto;
top: 0px;
right: auto;
bottom: var(--progress-start);
width: var(--progress-bar);
height: var(--progress-start);
background-image: var(--gradient);
} .next-timeline--item{
position: relative;
z-index: 2;
width: auto;
height: auto;
padding: 40px 0;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: minmax(auto, 1fr);
}
.next-timeline--sticky-wrapper{
position: sticky;
top: var(--sticky-top);
display: flex;
align-items: center;
flex-direction: column;
}
.next-timeline[data-left-fade="true"] .next-timeline--left-section .next-timeline--sticky-wrapper > *{
opacity: var(--from-opacity);
will-change: opacity;
}
.next-timeline[data-center-fade="true"] .next-timeline--center-section .next-timeline--sticky-wrapper > *{
opacity: var(--from-opacity);
will-change: opacity;
}
.next-timeline[data-right-fade="true"] .next-timeline--right-section .next-timeline--sticky-wrapper > *{
opacity: var(--from-opacity);
will-change: opacity;
} .next-timeline--left-section{
display: flex;
align-items: center;
flex-direction: column;
height: 100%; } .next-timeline--center-section{
display: flex;
align-items: center;
flex-direction: column;
height: 100%; }
.next-timeline--center-section > .next-timeline--sticky-wrapper{
--sticky-wrapper-outline-color: black; --sticky-wrapper-outline-width: 8px; width: fit-content;
background: var(--sticky-wrapper-outline-color);
box-shadow: 0 0 0 var(--sticky-wrapper-outline-width) var(--sticky-wrapper-outline-color);
}
.next-timeline--circle{
--dimensions: 15px; width: var(--dimensions);
height: var(--dimensions);
max-height: var(--dimensions);
max-width: var(--dimensions);
min-height: var(--dimensions);
min-width: var(--dimensions);
border-radius: 100%;
background-color: white; } .next-timeline--right-section{
display: flex;
align-items: center;
flex-direction: column;
height: 100%; }.bc-back-to-top {
position: fixed;
right: 50px; bottom: 50px; height: 46px;
width: 46px;
cursor: pointer;
border-radius: 50px;
box-shadow: inset  0 0 0 2px;
color: rgba(255, 255, 255, 0.2); background-color: none; z-index: 10000;
opacity: 0;
visibility: hidden;
transform: translateY(15px) !important;
transition-duration: 200ms; transition-timing-function: linear; display: flex;
justify-content: center;
align-items: center;
}
.bc-back-to-top__active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0) !important;
}
.bc-back-to-top__arrow-svg {
position: absolute;
fill: grey;
width: 25px;
height: 100%;
cursor: pointer;
display: block;
z-index: 1;
}
.bc-back-to-top__circle-path {
fill: none;
stroke: grey; stroke-width: 5;
box-sizing:border-box;
}
.bc-back-to-top__to-hide{
opacity: 0;
}.next-cookies{
--notification-translate: 25px; --notification-transition-duration: 0.3s; --notification-transition-easing: ease; }
.next-cookies__notification{
position: fixed; z-index: 9998; left: 25px; bottom: 25px; display: flex;
flex-wrap: wrap;
flex-direction: row;
column-gap: 72px;
row-gap: 24px;
align-items: center;
justify-content: flex-start;
max-width: fit-content; width: calc(100% - 50px); height: auto; padding: 24px; border-radius: 23px; border: .5px solid rgb(220, 220, 220); box-shadow: 6px 50px 40px -10px rgba(0,0,0,0.3); opacity: 0;
pointer-events: none;
transform: translateY(var(--notification-translate));
transition:
opacity var(--notification-transition-duration) var(--notification-transition-easing),
transform var(--notification-transition-duration) var(--notification-transition-easing);
}
.next-cookies__content{
width: fit-content;
display: flex;
flex-direction: column;
row-gap: 4px;
}
.next-cookies__label{
font-size: 18px; line-height: normal;
color: #000;
}
.next-cookies__info{
font-size: 14px; line-height: normal;
color: #606060;
}
.next-cookies__buttons{
display: flex;
flex-direction: row;
column-gap: 12px;
align-items: center;
width: fit-content;
}
.next-cookies__manage,
.next-cookies__allow{
cursor: pointer;
}
.next-cookies__manage{
padding: 12px 24px; border-radius: 12px; background: #eaeaea; font-size: 14px; font-weight: 600;
color: #000;
}
.next-cookies__allow{
padding: 12px 24px; border-radius: 12px; background: #000; font-size: 14px; font-weight: 600;
color: white;
}
.next-cookies__notification--opacity-disabled{ transition: transform var(--notification-transition-duration) var(--notification-transition-easing);
}
.next-cookies__notification--transform-disabled{ transition: opacity var(--notification-transition-duration) var(--notification-transition-easing);
}
.next-cookies__notification--opacity-transform-disabled{ transition: none;
}
.next-cookies__notification[data-opened]{
transform: translateY(0);
opacity: 1;
pointer-events: all;
}