html {
    scroll-behavior: smooth;
    scroll-padding-top: 95px;
}

/* BROWSER SROLLBAR */
/* width */
::-webkit-scrollbar {
  width: .5em;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
	background-color: var(--contrast);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: var(--base);
  border-radius: 1em;
}


/* HELPER CLASSES */
.mw-pointer-on-hover:hover {
    cursor: pointer;
}

ul.mw-list-margin-075 {
    #list-style-type: none;
    margin-left: .75em;
}

/* #########
FONT SIZES
######### */
h1 {
    font-size: clamp(2.1875rem, 0.875rem + 2.7344vw, 2.625rem);
    line-height: 1.1;
}

h2 {
    font-size: clamp(1.8125rem, 0.6875rem + 2.3438vw, 2.1875rem);
    line-height: 1.1;
}

p,
.gb-headline-p-normal {
    font-size: clamp(1.0625rem, 0.3164rem + 1.5564vw, 1.3125rem);
}

.gb-headline-p-big,
.gb-headline-grid-borders-heading,
.gb-headline-tab-grid-heading {
    font-size: clamp(1.3125rem, 0.3799rem + 1.9455vw, 1.625rem);
}

/* Font Size 19px - 17px */
.mw-fs-19-17 {
    font-size: clamp(1.0625rem, 0.6875rem + 0.7813vw, 1.1875rem);
}

/* Font Size 17px - 15px */
.mw-fs-17-15 {
    font-size: clamp(0.9375rem, 0.5625rem + 0.7813vw, 1.0625rem);
}

/* Font Size 21px - 17px */
.mw-fs-21-17 {
    font-size: clamp(1.0625rem, 0.3164rem + 1.5564vw, 1.3125rem);
}

/* Font Size 26px - 21px */
.mw-fs-26-21 {
    font-size: clamp(1.3125rem, 0.3799rem + 1.9455vw, 1.625rem);
}

/* Font Size 35px - 19px */
.mw-fs-35-19 {
    font-size: clamp(1.1875rem, -1.8125rem + 6.25vw, 2.1875rem);
}

/* sofort verfügbar Button */
.gb-button-btn-bg-animation-1 {
    font-size: clamp(1.0625rem, 0.3164rem + 1.5564vw, 1.3125rem);
}

/* Button Anaimation 1 */
.gb-button-hover-animation-1 {
    #font-size: clamp(1.0625rem, 0.3164rem + 1.5564vw, 1.3125rem);
}

.gb-button-hover-animation-1:hover {
    #box-shadow: inset 10em 0 0 0 var(--contrast);
}

.gb-button-hover-animation-1::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 0;
	background-color: var(--contrast);
	transition: width .5s ease-in-out;
	z-index: -1;
}

.gb-button-hover-animation-1:hover::before {
	width: 100%;
}

/* #########
HEADINGS
######### */
/* Two rows, Icon and Border */
.gb-headline-icon-two-row-heading {
    font-size: clamp(1.3125rem, 0.3799rem + 1.9455vw, 1.625rem);
    font-weight: 600;
    color: var(--contrast-3);
}

.gb-headline-icon-two-row-heading .gb-highlight {
    font-size: clamp(2.4rem, -3.965rem + 14.0078vw, 5rem);
    line-height: 1.1em;
    font-weight: bold;
    color: var(--contrast);
    letter-spacing: -1px;
}

.gb-headline-icon-two-row-heading .gb-icon svg {
    height: clamp(4.4375rem, -3.3966rem + 16.3424vw, 7.0625rem) !important;
    width: clamp(4.4375rem, -3.3966rem + 16.3424vw, 7.0625rem) !important;
    color: var(--contrast);
    margin-left: -1.2em;
}

.gb-headline-icon-two-row-heading.icon-two-rows-wht .gb-icon svg {
    color: var(--base-3);
}

/* Two rows */
.gb-headline-two-rows {
    font-size: clamp(1.3125rem, 0.3799rem + 1.9455vw, 1.625rem);
    font-weight: 600;
}

.gb-headline-two-rows .gb-highlight {
    font-size: clamp(2.4rem, -3.965rem + 14.0078vw, 5rem);
    line-height: 1.1em;
    font-weight: bold;
    letter-spacing: -1px;
}

/* #########
HOVERBOXES
######### */
.gb-container-hoverbox-overlay {
    transform: scale(1.1) translatey(-90%);
    opacity: 0;
    transition: all 0.35s ease-in-out;
    transform-origin: top center;
}

.gb-container-hoverbox-wrap:hover .gb-container-hoverbox-overlay {
    transform: scale(1) translatey(-100%);
    opacity: 1;
}

.gb-headline-hoverbox-badge {
    transition: transform 0.35s ease-in-out;
}

.gb-container-hoverbox-wrap:hover .gb-headline-hoverbox-badge {
    transform: translatex(25px);
}

@media (max-width: 767px) {
    .gb-container-hoverbox-wrap:hover .gb-headline-hoverbox-badge {
        transform: translatex(10px);
    }
}

.gb-headline-hoverbox-overlay-text {
    font-size: clamp(1.0625rem, 0.3164rem + 1.5564vw, 1.3125rem);
    hyphens: auto;
}

.gb-button-hoverbox-overlay-more {
    font-size: clamp(1.0625rem, 0.3164rem + 1.5564vw, 1.3125rem);
}

/* #########
GALLERIES and IMAGES
######### */
/* PRODUCT PAGE GALLERY in first TABS BLOCK */
.gb-container-tab-gird-right figure.wp-block-gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: .7rem;
}

.gb-container-tab-gird-right figure.wp-block-image:first-child {
	aspect-ratio: 21 / 9;
	height: clamp(13.125rem, 0rem + 35vw, 26.25rem);
	width: 100%!important;
}

.gb-container-tab-gird-right figure.wp-block-image:first-child img {
	aspect-ratio: 21 / 9;
	height: clamp(13.125rem, 0rem + 35vw, 26.25rem);
	width: 100%!important;
	object-fit: cover;
}

.gb-container-tab-gird-right figure.wp-block-image:not(:first-child) {
	flex-grow: 0;
	width: calc(25% - .4em)!important;
	aspect-ratio: 1.7 / 1;
}


@media (max-width: 600px) {
	.gb-container-tab-gird-right figure.wp-block-image:not(:first-child) {
		width: calc(50% - .4em)!important;
	}
}

.wp-block-gallery.mw-gallery-ar-1-1 figure.wp-block-image {
	flex-grow: 0!important;
	aspect-ratio: 16/9;
}
/* LIGHTBOX */
#baguetteBox-overlay,
.baguetteBox-button svg {
	background-color: var(--contrast)!important;
}

#baguetteBox-overlay .full-image img {
	max-height: 90%;
}