html { scroll-behavior: smooth; }
body {
overflow-x: hidden;
overscroll-behavior-y: none;
width: 100%;
height: 100%;
line-height: var(--wp--custom--line-height--copy);
--wp--preset--font-size--normal: 1.25rem;
}
h1, h2, h3, h4, h5, h6 {
line-height: var(--wp--custom--line-height--headings);
}
section.wp-block-group {
margin-block: 0;
}
.wp-block-columns {
width: 100%;
max-width: var(--wp--style--global--wide-size);
}
.wp-block-group.alignfull .wp-block-columns {
max-width: 100%;
}
.wp-block-navigation {
line-height: 1;
.wp-block-navigation__responsive-container-open {
background: var(--wp--preset--color--yellow);
position: fixed;
inset-inline-end: 1rem;
inset-block-start: 1rem;
z-index: 1;
transition: all .3s ease-in-out;
border-radius: 5px;
svg {
width: 3rem;
height: 3rem;
}
&:hover {
background: var(--wp--preset--color--primary);
}
}
.wp-block-navigation__responsive-container { }
.wp-block-navigation__responsive-container-close {
svg {
width: 2rem;
height: 2rem;
}
}
} .wp-block-paragraph,
.wp-block-table{
max-inline-size: 600px;
} .box {
position: relative !important;
&:after {
content: "";
position: absolute;
inset-inline-end: 0;
inset-block-start: 0;
background: var(--wp--preset--color--primary);
height: 100%;
width: 100vw;
z-index: -1;
}
&.box-yellow:after { background: var(--wp--preset--color--yellow) }
&.box-rose:after { background: var(--wp--preset--color--rose) }
&.box-right:after {
inset-inline-start: 0;
inset-inline-end: auto;
}
} .wp-block-quote {
.wp-block-paragraph {
margin: 0;
position: relative;
&::first-letter {
margin-inline-start: clamp(1rem, 2vw, 2rem);
}
&::before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 78 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m16.8 0c4.6 0 8.5 1.70001 11.7 5.10001 3.4 3.2 5.1 7.09999 5.1 11.69999 0 4.4-1.6 9.6-4.8 15.6-2.2 4.2-5.3 9.2-9.3 15-3.8 6-6.4 9.9-7.8 11.7h-9.6c.4-1.2 1.2-3.6 2.4-7.2 1.4-3.4 2.9-7 4.5-10.8.6-1.2.9-2.7.9-4.5 0-2-.8-3.8-2.4-5.4-5-4-7.5-8.8-7.5-14.4 0-4.6 1.6-8.49999 4.8-11.69999 3.4-3.4 7.4-5.10001 12-5.10001zm43.8 0c4.6 0 8.5 1.70001 11.7 5.10001 3.4 3.2 5.1 7.09999 5.1 11.69999 0 4.4-1.6 9.6-4.8 15.6-2.2 4.2-5.3 9.2-9.3 15-3.8 6-6.4 9.9-7.8 11.7h-9.6c.4-1.2 1.2-3.6 2.4-7.2 1.4-3.4 2.9-7 4.5-10.8.6-1.2.9-2.7.9-4.5 0-2-.8-3.8-2.4-5.4-5-4-7.5-8.8-7.5-14.4 0-4.6 1.6-8.49999 4.8-11.69999 3.4-3.4 7.4-5.10001 12-5.10001z' fill='%23050505'/%3E%3C/svg%3E");
background-repeat: no-repeat;
opacity: 0.1;
inset-block-start: 0;
position: absolute;
display: block;
aspect-ratio: 1;
inline-size: clamp(4rem, 4vw, 5rem);
}
}
} .wp-block-image{margin-block-end:0} .coyoga-parallax {
--coyoga-parallax-x: 0px;
--coyoga-parallax-y: 0px;
transform: translate3d(var(--coyoga-parallax-x), var(--coyoga-parallax-y), 0);
will-change: transform;
}
.coyoga-parallax-resizing .coyoga-parallax {
transition: transform 180ms ease-out;
}
@media (prefers-reduced-motion: reduce) {
.coyoga-parallax {
transform: none !important;
transition: none !important;
will-change: auto;
}
} .wp-element-button {
transition: .2s all ease-in-out;
} .hero .wp-block-image{
margin-inline-start: max(-7rem,-15%);
}
.about .wp-block-image {
margin-inline-start: max(-10rem,-25%) !important;
margin-block-start: 5vh;
} .box-small {
display:grid;
}
.headline {
margin-block-start: clamp(-5rem, -5vw, -2.5rem) !important;
}
.headline-small {
margin-block-start: clamp(-1.5rem,-2vw, -1rem) !important;
}
#about .wp-block-column:first-child {
position: relative;
&:before {
content: "";
position: absolute;
inset-inline-start: 0;
inset-block-start: 100%;
background: var(--wp--preset--color--primary);
height: 60%;
width: 100%;
z-index: -1;
}
}
.wp-block-table {
tr {
td {
border-block-end: 3px dashed;
padding: 1rem;
&:first-child,
&:last-child {
border-inline: 0;
}
}
&:first-child {
td {
border-block-start: 0;
}
}
&:last-child {
td {
border-block-end: 0;
border-inline: 0;
}
}
&:nth-child(even) {
background: #0001;
}
}
}  @media ( width < 782px ) {
.wp-block-column:empty {display: none}
.klassen .wp-block-column:first-child {border:0}
#yoga .wp-block-column:first-child,
.about-text .wp-block-column:first-child{order:2}
}