.absolute{
    position: absolute;
}
.relative{
    position: relative;
}
.bottom-0{
    bottom: 0rem;
}
.left-0{
    left: 0rem;
}
.right-0{
    right: 0rem;
}
.top-0{
    top: 0rem;
}
.h-full{
    height: 100%;
}
.w-full{
    width: 100%;
}
.overflow-hidden{
    overflow: hidden;
}
/* align center */
.wp-block.aligncenter, .aligncenter{
    margin-left: auto;
    margin-right: auto;
}
.wp-block-columns :where(.wp-block.aligncenter){
    margin-left: auto;
    margin-right: auto;
}
/* blockbite VISUAL */
.wp-block-blockbite-visual img{
    height: 100%;
    width: 100%;
}
/* Grid */
.wp-block-blockbite-grid{
    width: 100%;
}
/* blockbite SECTION */
.wp-block-blockbite-section{
    position: relative;
}
.wp-block-blockbite-section .section--content{
    position: relative;
    z-index: 10;
}
/* make sure groups are relative for tile links */
.wp-block-group{
    position: relative;
}
a.tile::after{
    position: absolute;
    top: 0rem;
    left: 0rem;
    z-index: 10;
    height: 100%;
    width: 100%;
    --tw-content: '';
    content: var(--tw-content);
}
a.tile:hover::after{
    background-color: rgb(226 232 240 / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.25;
    content: var(--tw-content);
    mix-blend-mode: multiply;
}
/* blockbite GRID BLOCK */
/* we create grid-- like classes because otherwise it would be overwritten fromout inline */
/*
.scrollslide--mobile.grid-cols-2  > *{
    @apply w-1/2;
}
.scrollslide--mobile.grid-cols-1 > *{
    @apply w-full;
}
*/
@media (max-width: 767px){
    .grid--mobile{
        display: grid;
    }
    .scrollslide--mobile{
        position: relative;
        display: flex;
        scroll-snap-type: x var(--tw-scroll-snap-strictness);
        --tw-scroll-snap-strictness: mandatory;
        scroll-snap-align: start;
        overflow-x: scroll;
    }
    .scrollslide--mobile > *{
        flex-shrink: 0;
        scroll-snap-align: start;
    }
    .grid--mobile + .scrollslide--nav{
        display: none;
    }
    .scrollslide--mobile + .scrollslide--nav{
        display: flex;
    }
}
@media (min-width: 768px) and (max-width: 1139px) {
    .grid--tablet{
        display: grid;
    }
    .grid--tablet + .scrollslide--nav{
        display: none;
    }
    .scrollslide--tablet{
        position: relative;
        display: flex;
        scroll-snap-type: x var(--tw-scroll-snap-strictness);
        --tw-scroll-snap-strictness: mandatory;
        scroll-snap-align: start;
        overflow-x: scroll;
    }
    .scrollslide--tablet + .scrollslide--nav{
        display: flex;
    }
    .scrollslide--tablet > *{
        scroll-snap-align: start;
        flex-shrink: 0;
    }
    /*
    .scrollslide--tablet.md\:grid-cols-2 > *{
        @apply w-1/2;
    }
    .scrollslide--tablet.md\:grid-cols-1 > *{
        @apply w-full;
    }
    .scrollslide--tablet.md\:grid-cols-3 > *{
        @apply w-1/3;
    }
    */
}
@media (min-width: 1140px){
    .grid--desktop{
        display: grid;
    }
    .grid--desktop + .scrollslide--nav{
        display: none;
    }
    .scrollslide--desktop{
        position: relative;
        display: flex;
        scroll-snap-type: x var(--tw-scroll-snap-strictness);
        --tw-scroll-snap-strictness: mandatory;
        scroll-snap-align: start;
        overflow-x: scroll;
    }
    .scrollslide--desktop + .scrollslide--nav{
        display: flex;
    }
    .scrollslide--desktop > *{
        flex-shrink: 0;
        scroll-snap-align: start;
    }
    /*
    .scrollslide--desktop.xl\:grid-cols-5 > *{
        @apply w-1/5;
    }
    .scrollslide--desktop.xl\:grid-cols-4 > *{
        @apply w-1/4;
    }
    .scrollslide--desktop.xl\:grid-cols-3 > *{
        @apply w-1/3;
    }
    .scrollslide--desktop.xl\:grid-cols-2 > *{
        @apply w-1/2;
    }
    .scrollslide--desktop.xl\:grid-cols-1 > *{
        @apply w-full;
    }
    */
    .scrollslide--desktop + .scrollslide__nav{
        display: flex;
    }
}
.wp-block-blockbite-icon svg{
    height: 100%;
    width: 100%;
}
/* blockbite COUNTER */
.wp-block-blockbite-counter{
	line-height: 1;
}
.svg-size-1{
        width:var(--wp--preset--spacing--1);
        height:var(--wp--preset--spacing--1);
    }
.svg-size-2{
        width:var(--wp--preset--spacing--2);
        height:var(--wp--preset--spacing--2);
    }
.svg-size-3{
        width:var(--wp--preset--spacing--3);
        height:var(--wp--preset--spacing--3);
    }
.svg-size-4{
        width:var(--wp--preset--spacing--4);
        height:var(--wp--preset--spacing--4);
    }
.svg-size-5{
        width:var(--wp--preset--spacing--5);
        height:var(--wp--preset--spacing--5);
    }
.svg-size-6{
        width:var(--wp--preset--spacing--6);
        height:var(--wp--preset--spacing--6);
    }
.svg-size-7{
        width:var(--wp--preset--spacing--7);
        height:var(--wp--preset--spacing--7);
    }
.svg-size-8{
        width:var(--wp--preset--spacing--8);
        height:var(--wp--preset--spacing--8);
    }
.svg-size-9{
        width:var(--wp--preset--spacing--9);
        height:var(--wp--preset--spacing--9);
    }
.svg-size-10{
        width:var(--wp--preset--spacing--10);
        height:var(--wp--preset--spacing--10);
    }
/* blockbite ADVANCED BUTTON */
.wp-block-blockbite-advanced-button{
	font-size: var(--wp--preset--font-size--normal);
}
.wp-block-blockbite-advanced-button svg{
        width:var(--wp--preset--spacing--2);
        height:var(--wp--preset--spacing--2);
    }
