.timeline {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.timeline *,
.timeline :after,
.timeline :before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.timeline:not(.timeline--horizontal):before {
background-color: #ddd;
bottom: 0;
content: "";
left: 50%;
margin-left: -2px;
position: absolute;
top: 0;
width: 4px;
z-index: 1;
}
.timeline__wrap {
overflow: hidden;
position: relative;
z-index: 2;
}
.timeline__item {
font-size: 16px;
font-size: 1rem;
padding: 0.625rem 2.5rem 0.625rem 0;
position: relative;
width: 50%;
z-index: 2;
}
.timeline__item:after {
background-color: #fff;
border: 4px solid #ddd;
border-radius: 50%;
content: "";
height: 20px;
position: absolute;
right: -10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
width: 20px;
z-index: 1;
}
.timeline__item.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0;
}
.timeline__item.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.timeline__item--left {
left: 0;
}
.timeline__item--right {
left: 50%;
padding: 0.625rem 0 0.625rem 2.5rem;
}
.timeline__item--right:after {
left: -11px;
}
.timeline__item--right .timeline__content:before {
border-bottom: 11px solid transparent;
border-right: 12px solid #ccc;
border-left: none;
border-top: 11px solid transparent;
left: -12px;
}
.timeline__item--right .timeline__content:after {
border-bottom: 10px solid transparent;
border-right: 12px solid #fff;
border-left: none;
border-top: 10px solid transparent;
left: -10px;
}
.timeline__content {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 10px;
color: #333;
display: block;
padding: 1.25rem;
position: relative;
}
.timeline__content:after,
.timeline__content:before {
content: "";
height: 0;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
width: 0;
}
.timeline__content:before {
border-bottom: 11px solid transparent;
border-left: 12px solid #ccc;
border-top: 11px solid transparent;
right: -12px;
z-index: 1;
}
.timeline__content:after {
border-bottom: 9px solid transparent;
border-left: 11px solid #fff;
border-top: 9px solid transparent;
right: -11px;
z-index: 2;
}
.timeline__content h2 {
font-size: 1.25rem;
font-weight: 700;
margin: 0 0 0.625rem;
}
.timeline__content p {
font-size: 0.9375rem;
line-height: 1.5;
margin-bottom: 10px;
}
.timeline--horizontal {
font-size: 0;
padding: 0 3.125rem;
overflow: hidden;
white-space: nowrap;
}
.timeline--horizontal .timeline-divider {
background-color: #ddd;
display: block;
height: 4px;
left: 40px;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 40px;
z-index: 1;
}
.timeline--horizontal .timeline__items {
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
will-change: transform;
}
.timeline--horizontal .timeline__item {
display: inline-block;
left: 0;
padding: 0 0 2.5rem;
position: relative;
-webkit-transition: none;
-o-transition: none;
transition: none;
vertical-align: top;
white-space: normal;
}
.timeline--horizontal .timeline__item:after {
left: 50%;
right: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 100%;
}
.timeline--horizontal .timeline__item .timeline__item__inner {
display: table;
height: 100%;
width: 100%;
}
.timeline--horizontal .timeline__item .timeline__content__wrap {
display: table-cell;
margin: 0;
padding: 0;
vertical-align: bottom;
}
.timeline--horizontal .timeline__item .timeline__content:before {
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #ccc;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 100%;
}
.timeline--horizontal .timeline__item .timeline__content:after {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 100%;
}
.timeline--horizontal .timeline__item--bottom {
padding: 2.5rem 0 0;
}
.timeline--horizontal .timeline__item--bottom:after {
top: 0;
}
.timeline--horizontal .timeline__item--bottom .timeline__content__wrap {
vertical-align: top;
}
.timeline--horizontal .timeline__item--bottom .timeline__content:before {
border-bottom: 12px solid #ccc;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: none;
bottom: 100%;
top: auto;
}
.timeline--horizontal .timeline__item--bottom .timeline__content:after {
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: none;
bottom: 100%;
top: auto;
}
.timeline-nav-button {
background-color: #fff;
border: 2px solid #ddd;
border-radius: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: block;
height: 40px;
outline: 0;
position: absolute;
text-indent: -9999px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
width: 40px;
z-index: 10;
}
.timeline-nav-button:disabled {
opacity: 0.5;
pointer-events: none;
}
.timeline-nav-button:before {
background-position: center center;
background-repeat: no-repeat;
content: "";
display: block;
height: 14px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
top: 50%;
width: 8px;
}
.timeline-nav-button--prev {
left: 0;
}
.timeline-nav-button--prev:before {
background-image: url(//schmitt-recycling.de/wp-content/plugins/b-timeline/public/assets/images/arrow-left.svg);
}
.timeline-nav-button--next {
right: 0;
}
.timeline-nav-button--next:before {
background-image: url(//schmitt-recycling.de/wp-content/plugins/b-timeline/public/assets/images/arrow-right.svg);
}
.timeline--mobile {
padding: 0;
}
.timeline--mobile:before {
left: 10px !important;
margin: 0 !important;
}
.timeline--mobile .timeline__item {
left: 0;
padding-left: 40px;
padding-right: 0;
width: 100%;
}
.timeline--mobile .timeline__item:after {
left: 2px;
margin: 0;
}
.timeline--mobile .timeline__item .timeline__content:before {
left: -12px;
border-bottom: 12px solid transparent;
border-right: 12px solid #ccc;
border-left: none;
border-top: 12px solid transparent;
}
.timeline--mobile .timeline__item .timeline__content:after {
left: -10px;
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
border-left: none;
border-top: 10px solid transparent;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
top: 70px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
top: 70px;
}
100% {
opacity: 1;
top: 0;
}
}
@-webkit-keyframes liftUp {
0% {
top: 0;
}
100% {
top: -15px;
}
}
@keyframes liftUp {
0% {
top: 0;
}
100% {
top: -15px;
}
} .content_vertical_start.timeline:not(.timeline--horizontal):before {
left: calc(100% - 15px);
}
.content_vertical_start .timeline__item {
width: calc(100% - 15px);
}
.content_vertical_end.timeline:not(.timeline--horizontal):before {
left: 15px;
}
.content_vertical_end .timeline__item {
width: calc(100% - 15px);
left: 15px;
} .content_horizontal_start .timeline-divider {
top: calc(100% - 15px) !important;
}
.content_horizontal_end .timeline-divider {
top: 15px !important;
}
.content_horizontal_end .timeline__items {
height: auto !important;
margin-bottom: 20px;
}
.content_horizontal_start .timeline__items {
align-items: end !important;
margin-bottom: 15px !important;
height: auto !important;
}
.content_horizontal_end .timeline__item {
transform: matrix(1, 0, 0, 1, 0, 15) !important;
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}@font-face {
font-display: swap;
font-family: 'Mulish';
font-style: normal;
font-weight: 600;
src: url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/mulish-v11-latin-600.eot); src: local(''), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/mulish-v11-latin-600.eot?#iefix) format('embedded-opentype'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/mulish-v11-latin-600.woff2) format('woff2'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/mulish-v11-latin-600.woff) format('woff'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/mulish-v11-latin-600.ttf) format('truetype'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/mulish-v11-latin-600.svg#Mulish) format('svg'); } @font-face {
font-display: swap;
font-family: 'Mulish';
font-style: normal;
font-weight: 800;
src: url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/mulish-v11-latin-800.eot); src: local(''), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/mulish-v11-latin-800.eot?#iefix) format('embedded-opentype'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/mulish-v11-latin-800.woff2) format('woff2'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/mulish-v11-latin-800.woff) format('woff'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/mulish-v11-latin-800.ttf) format('truetype'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/mulish-v11-latin-800.svg#Mulish) format('svg'); } @font-face {
font-display: swap;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
src: url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/inter-v11-latin-regular.eot); src: local(''), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/inter-v11-latin-regular.eot?#iefix) format('embedded-opentype'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/inter-v11-latin-regular.woff2) format('woff2'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/inter-v11-latin-regular.woff) format('woff'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/inter-v11-latin-regular.ttf) format('truetype'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/inter-v11-latin-regular.svg#Inter) format('svg'); } @font-face {
font-display: swap;
font-family: 'Inter';
font-style: normal;
font-weight: 700;
src: url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/inter-v12-latin-700.eot); src: url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/inter-v12-latin-700.eot?#iefix) format('embedded-opentype'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/inter-v12-latin-700.woff2) format('woff2'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/inter-v12-latin-700.woff) format('woff'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/inter-v12-latin-700.ttf) format('truetype'), url(//schmitt-recycling.de/wp-content/themes/schmitt-recycling/fonts/inter-v12-latin-700.svg#Inter) format('svg'); }@tailwind base;
@tailwind components;
@tailwind utilities;
body {
min-height: 100vh;
display: grid;
grid-template-rows: auto 1fr auto;
margin: 0;
hyphens: auto;
line-height: 1.618;
}
.body {
@apply font-default;
}
.wrapper {
@apply container px-6 lg:px-16;
} .title-xl,
.title-lg,
.title-md,
.title-sm {
@apply font-heading;
}
.title-xl {
@apply text-7xl;
}
.title-lg {
@apply text-4xl;
}
.title-md {
@apply text-2xl;
}
.title-sm {
@apply text-base;
}
.text-content h1,
.text-content h2 {
@apply text-2xl font-heading text-heading font-bold;
}
.text-content h3 {
@apply font-heading text-heading font-bold;
} .btn,
.wpcf7-submit {
@apply bg-primary px-6 py-3 transition-all duration-500 rounded-sm font-bold text-sm font-heading hover:text-primary hover:bg-secondary;
} input,
textarea,
select {
@apply m-0 py-2 px-4 mb-4 text-black bg-gray-100 text-sm border border-gray-400;
}
input,
textarea {
@apply w-full;
}
input[type='submit'] {
@apply w-auto;
} .wpcf7-list-item {
@apply mx-0;
}
body.no-overflow {
height: 100vh;
overflow: hidden;
}
nav.nav ul li:hover {
color: #eb8cb4;
transition-duration: 0.2s;
}
nav.nav ul li.current-menu-item {
color: #eb8cb4;
}
footer tbody,
footer p.text-white,
footer div.menu-container > ul {
line-height: 1.618;
}
footer table {
width: 100%;
}
footer table tr td:last-child {
text-align: right;
} .hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger.is-active:hover {
opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #eb8cb4;
}
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #eb8cb4;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: '';
display: block;
}
.hamburger-inner::before {
top: -10px;
}
.hamburger-inner::after {
bottom: -10px;
} .hamburger--slider .hamburger-inner {
top: 2px;
}
.hamburger--slider .hamburger-inner::before {
top: 10px;
transition-property: transform, opacity;
transition-timing-function: ease;
transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
top: 20px;
}
.hamburger--slider.is-active .hamburger-inner {
transform: translate3d(0, 10px, 0) rotate(45deg);
background-color: white;
}
.hamburger--slider.is-active .hamburger-inner::before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0;
background-color: white;
}
.hamburger--slider.is-active .hamburger-inner::after {
transform: translate3d(0, -20px, 0) rotate(-90deg);
background-color: white;
}
.pum-content {
line-height: 1.618 !important;
}
.hero .max-w-prose p,
.textblock p,
.pum-content p {
text-align: left;
margin-bottom: 1.25rem;
}
.hero .max-w-prose .container + .container,
.textblock .container + .container {
margin-bottom: 1.25rem;
}
.hero .max-w-prose ul,
.hero .max-w-prose ol,
.textblock ul,
.textblock ol,
.pum-content ul,
.pum-content ol {
list-style: none;
padding: 0 0 0 15px;
margin-bottom: 1.25rem;
}
.hero .max-w-prose > ul,
.hero .max-w-prose > ol,
.textblock > ul,
.textblock > ol,
.pum-content > ul,
.pum-content > ol {
padding: 0 0 0 2px;
}
.hero .max-w-prose li,
.textblock li,
.pum-content li {
text-align: left;
margin-bottom: 5px;
}
.hero .max-w-prose ul li,
.textblock ul li,
.pum-content ul li {
position: relative;
padding-left: 26px;
}
.hero .max-w-prose ul li:before,
.textblock ul li:before,
.pum-content ul li:before {
display: block;
content: "";
width: 8px;
height: 8px;
position: absolute;
top: 9px;
left: 0;
background: #eb8cb4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.hero .max-w-prose ol,
.textblock ol,
.pum-content ol {
counter-reset: custom-counter;
}
.hero .max-w-prose ol li,
.textblock ol li,
.pum-content ol li {
counter-increment: custom-counter;
position: relative;
padding-left: 26px;
}
.hero .max-w-prose ol li:before,
.textblock ol li:before,
.pum-content ol li:before {
content: counter(custom-counter) ". ";
position: absolute;
top: 0;
left: 0;
}
.hero .max-w-prose ol ol,
.hero .max-w-prose ul ul,
.textblock ol ol,
.textblock ul ul,
.pum-content ol ol,
.pum-content ul ul {
padding-top: 10px;
padding-bottom: 10px;
}
.hero .max-w-prose a:not(.btn):not(.button):not(.no-highlight):not([ng-href]):not(.social),
.textblock a:not(.btn):not(.button):not(.no-highlight):not([ng-href]):not(.social),
.pum-content a:not(.btn):not(.button):not(.no-highlight):not([ng-href]):not(.social) {
color: #eb8cb4;
text-decoration: none;
transition: 0.2s ease;
}
.hero .max-w-prose a:not(.btn):not(.button):not(.no-highlight):not([ng-href]):not(.social):hover,
.textblock a:not(.btn):not(.button):not(.no-highlight):not([ng-href]):not(.social):hover,
.pum-content a:not(.btn):not(.button):not(.no-highlight):not([ng-href]):not(.social):hover {
color: #cf7a9e;
}
.hero .max-w-prose h1,
.hero .max-w-prose .h1,
.textblock h1,
.textblock .h1,
.pum-content h1,
.pum-content .h1,
.pub-title {
font-family: Mulish, sans-serif;
font-size: 2.25rem;
font-weight: 800;
color: rgb(43, 40, 64);
line-height: 1.25;
margin: 0 0 1.25rem;
}
.hero .max-w-prose h2,
.hero .max-w-prose .h2,
.textblock h2,
.textblock .h2,
.pum-content h2,
.pum-content .h2 {
font-family: Mulish, sans-serif;
font-size: 1.5rem;
font-weight: 800;
color: rgb(43, 40, 64);
line-height: 1.25;
margin: 0 0 1.25rem;
}
.hero .max-w-prose h3,
.hero .max-w-prose .h3,
.textblock h3,
.textblock .h3,
.pum-content h3,
.pum-content .h3 {
font-family: Mulish, sans-serif;
font-size: 1.5rem;
font-weight: 800;
color: rgb(43, 40, 64);
line-height: 1.25;
margin: 0 0 1.25rem;
}
.hero .max-w-prose h4,
.hero .max-w-prose .h4,
.hero .max-w-prose h5,
.hero .max-w-prose .h5,
.hero .max-w-prose h6,
.hero .max-w-prose .h6,
.textblock h4,
.textblock .h4,
.textblock h5,
.textblock .h5,
.textblock h6,
.textblock .h6,
.pum-content h4,
.pum-content .h4,
.pum-content h5,
.pum-content .h5,
.pum-content h6,
.pum-content .h6 {
font-family: Mulish, sans-serif;
font-size: 1.3rem;
font-weight: 800;
color: rgb(43, 40, 64);
line-height: 1.25;
margin: 0 0 1.25rem;
}
.hero .max-w-prose * + h2, .hero .max-w-prose * + h3, .hero .max-w-prose * + h4, .hero .max-w-prose * + h5, .hero .max-w-prose * + h6,
.textblock * + h2, .textblock * + h3, .textblock * + h4, .textblock * + h5, .textblock * + h6,
.pum-content * + h2, .pum-content * + h3, .pum-content * + h4, .pum-content * + h5, .pum-content * + h6{
margin-top: 2.25rem;
}
.hero .max-w-prose b,
.hero .max-w-prose strong,
.textblock b,
.textblock strong,
.pum-content b,
.pum-content strong {
font-weight: 700;
color: rgb(43, 40, 64);
}
.hero .max-w-prose img,
.textblock img,
.pum-content img {
max-width: 100%;
height: auto;
}
.hero .max-w-prose *:not(div):last-child,
.textblock *:not(div):last-child,
.pum-content *:not(div):last-child {
margin-bottom: 0;
}
.hero .max-w-prose .alignleft,
.textblock .alignleft {
float: left;
margin: 0 1.25rem 1.25rem 0;
}
.hero .max-w-prose .alignright,
.textblock .alignright {
float: right;
margin: 0 0 1.25rem 1.25rem;
}
.hero .max-w-prose .aligncenter,
.textblock .aligncenter {
margin-left: auto;
margin-right: auto;
margin-bottom: 1.25rem;
}
header.header .container > a.online-shop {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
border-radius: 25px;
background-color: rgb(235, 140, 180);
padding: .85rem 1.2rem;
font-family: Mulish, sans-serif;
font-size: 1rem;
line-height: 1;
font-weight: 800;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
cursor: pointer;
-webkit-appearance: none;
border: 0;
}
header.header .container > a.online-shop:before {
display: block;
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.33 14.67"><path d="M2.67.67L.67,3.33v9.33c0,.74.6,1.33,1.33,1.33h9.33c.74,0,1.33-.6,1.33-1.33V3.33l-2-2.67H2.67Z" style="fill:none; stroke:%234e4b5d; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.33px;"/><path d="M.67,3.33h12" style="fill:none; stroke:%234e4b5d; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.33px;"/><path d="M9.33,6c0,1.47-1.19,2.67-2.67,2.67s-2.67-1.19-2.67-2.67" style="fill:none; stroke:%234e4b5d; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.33px;"/></svg>');
margin-right: 1rem;
width: 16px;
height: 18px;
}
header.header .container > a.online-shop:hover {
color: rgb(235, 140, 180);
background-color: rgb(43, 40, 64);
}
header.header .container > a.online-shop:hover:before {
content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.33 14.67"><path d="M2.67.67L.67,3.33v9.33c0,.74.6,1.33,1.33,1.33h9.33c.74,0,1.33-.6,1.33-1.33V3.33l-2-2.67H2.67Z" style="fill:none; stroke:%23de86ad; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.33px;"/><path d="M.67,3.33h12" style="fill:none; stroke:%23de86ad; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.33px;"/><path d="M9.33,6c0,1.47-1.19,2.67-2.67,2.67s-2.67-1.19-2.67-2.67" style="fill:none; stroke:%23de86ad; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.33px;"/></svg>');
}
@media only screen and (max-width: 1875px) {
header.header .container > a.online-shop {
position: absolute;
top: 59px;
right: 17%;
}
}
@media only screen and (max-width: 1280px) {
header.header .container > a.online-shop {
display: none;
}
}
nav.nav .menu-container > ul {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 3rem;
}
@media only screen and (max-width: 1535px) {
nav.nav .menu-container > ul {
gap: 2rem;
}
}
nav.nav .menu-container > ul > li > a {
white-space: nowrap;
}
nav.nav .menu-container > ul > li.menu-item-has-children {
position: relative;
}
nav.nav .menu-container > ul > li.menu-item-has-children > a {
position: relative;
margin-right: 15px;
}
nav.nav .menu-container > ul > li.menu-item-has-children > a:after {
display: block;
width: 30px;
height: 30px;
position: absolute;
top: 50%;
right: -24px;
opacity: 1;
content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 14 14'><polyline fill='none' stroke-width='1.5' stroke='%238EA094' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='3.5,6.5 8,11 12.5,6.5'></polyline></svg>");
transform: translateY(-50%) scale(.4);
border: 0;
}
nav.nav .menu-container > ul > li.menu-item-has-children:hover > ul {
display: block;
}
nav.nav .menu-container > ul > li.menu-item-has-children > ul {
display: none;
min-width: 350px;
list-style: none;
padding: 15px 0;
position: absolute;
top: 100%;
left: -32px;
z-index: 6;
background: #ffffff;
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
nav.nav .menu-container > ul > li.menu-item-has-children > ul > li {
display: block;
text-align: left;
}
nav.nav .menu-container > ul > li.menu-item-has-children > ul > li > a {
display: block;
font-size: 16px;
font-weight: 800;
color: #4e4b5d;
line-height: 1.3;
text-decoration: none;
padding: 8px calc(32px + 35px) 8px 32px;
transition: all .2s;
white-space: nowrap;
}
nav.nav .menu-container > ul > li.menu-item-has-children > ul > li:hover > a {
color: #eb8cb4;
}
.acc-title {
align-items: center;
cursor: pointer;
}
.acc-title span.expand-collapse {
display: block;
width: 30px;
height: 30px;
position: relative;
}
.acc-title span.expand-collapse:after {
display: block;
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 0;
margin-top: -2px;
opacity: 1;
content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' viewBox='0 0 14 14'><polyline fill='none' stroke-width='1.5' stroke='%232b2840' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points='3.5,6.5 8,11 12.5,6.5'></polyline></svg>");
transform: translateY(-50%) scale(.4);
border: 0;
}
.acc-title span.expand-collapse.expanded:after {
transform: translateY(-50%) scale(.4) rotate(180deg);
}
#mobile-nav {
z-index: 9;
}
.mobile-menu-toggle {
z-index: 10;
}*,
::before,
::after {
box-sizing: border-box;
} html {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
} html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} body {
font-family: system-ui, -apple-system, 'Segoe UI', Roboto,
Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
}  hr {
height: 0; color: inherit; }  abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  table {
text-indent: 0; border-color: inherit; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
select { text-transform: none;
} button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
} ::-moz-focus-inner {
border-style: none;
padding: 0;
} :-moz-focusring {
outline: 1px dotted ButtonText;
} :-moz-ui-invalid {
box-shadow: none;
} legend {
padding: 0;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  summary {
display: list-item;
}  blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}  html {
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; line-height: 1.5; } body {
font-family: inherit;
line-height: inherit;
} *,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; } hr {
border-top-width: 1px;
} img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
opacity: 1;
color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
}
button,
[role='button'] {
cursor: pointer;
} :-moz-focusring {
outline: auto;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
} pre,
code,
kbd,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block; vertical-align: middle; } img,
video {
max-width: 100%;
height: auto;
} [hidden] {
display: none;
}
*,
::before,
::after {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate))
skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
--tw-border-opacity: 1;
border-color: rgba(229, 231, 235, var(--tw-border-opacity));
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-blur: var(--tw-empty,  );
--tw-brightness: var(--tw-empty,  );
--tw-contrast: var(--tw-empty,  );
--tw-grayscale: var(--tw-empty,  );
--tw-hue-rotate: var(--tw-empty,  );
--tw-invert: var(--tw-empty,  );
--tw-saturate: var(--tw-empty,  );
--tw-sepia: var(--tw-empty,  );
--tw-drop-shadow: var(--tw-empty,  );
--tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 480px) {
.container {
max-width: 480px;
}
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 920px) {
.container {
max-width: 920px;
}
}
@media (min-width: 1080px) {
.container {
max-width: 1080px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.top-0 {
top: 0px;
}
.left-0 {
left: 0px;
}
.right-0 {
right: 0px;
}
.z-10 {
z-index: 10;
}
.z-m-1 {
z-index: -1;
}
.m-0 {
margin: 0px;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-16 {
margin-bottom: 4rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-7 {
margin-bottom: 1.75rem;
}
.mt-8 {
margin-top: 2rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mt-4 {
margin-top: 1rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mt-16 {
margin-top: 4rem;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mr-4 {
margin-right: 1rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.block {
display: block;
}
.flex {
display: flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.hidden {
display: none;
}
.h-screen {
height: 100vh;
}
.h-9 {
height: 2.25rem;
}
.h-7 {
height: 1.75rem;
}
.h-20 {
height: 5rem;
}
.h-full {
height: 100%;
}
.h-10 {
height: 2.5rem;
}
.h-32 {
height: 8rem;
}
.h-16 {
height: 4rem;
}
.max-h-0 {
max-height: 0px;
}
.max-h-40 {
max-height: 10rem;
}
.max-h-\[35rem\] {
max-height: 35rem;
}
.min-h-screen {
min-height: 100vh;
}
.w-full {
width: 100%;
}
.w-1\/2 {
width: 50%;
}
.w-auto {
width: auto;
}
.w-32 {
width: 8rem;
}
.max-w-prose {
max-width: 65ch;
}
.max-w-4xl {
max-width: 56rem;
}
.max-w-xl {
max-width: 36rem;
}
.max-w-sm {
max-width: 24rem;
}
.max-w-3xl {
max-width: 48rem;
}
.table-fixed {
table-layout: fixed;
}
.transform {
transform: var(--tw-transform);
}
@-webkit-keyframes spin {
to {
transform: rotate(360deg);
}
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.animate-spin-slow {
-webkit-animation: spin 14s linear infinite;
animation: spin 14s linear infinite;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.items-center {
align-items: center;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.gap-12 {
gap: 3rem;
}
.gap-5 {
gap: 1.25rem;
}
.gap-8 {
gap: 2rem;
}
.gap-10 {
gap: 2.5rem;
}
.gap-16 {
gap: 4rem;
}
.gap-\[2px\] {
gap: 2px;
}
.gap-9 {
gap: 2.25rem;
}
.space-y-12 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2rem * var(--tw-space-x-reverse));
margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.overflow-hidden {
overflow: hidden;
}
.rounded-sm {
border-radius: 0.125rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-b-sm {
border-bottom-right-radius: 0.125rem;
border-bottom-left-radius: 0.125rem;
}
.border-\[3px\] {
border-width: 3px;
}
.border-b {
border-bottom-width: 1px;
}
.border-secondary {
--tw-border-opacity: 1;
border-color: rgba(43, 40, 64, var(--tw-border-opacity));
}
.border-\[\#fff\] {
--tw-border-opacity: 1;
border-color: rgba(255, 255, 255, var(--tw-border-opacity));
}
.bg-secondary {
--tw-bg-opacity: 1;
background-color: rgba(43, 40, 64, var(--tw-bg-opacity));
}
.bg-primary {
--tw-bg-opacity: 1;
background-color: rgba(235, 140, 180, var(--tw-bg-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgba(236, 236, 236, var(--tw-bg-opacity));
}
.bg-\[\#fff\] {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.bg-\[\#F8DBE7\] {
--tw-bg-opacity: 1;
background-color: rgba(248, 219, 231, var(--tw-bg-opacity));
}
.bg-center {
background-position: center;
}
.object-cover {
-o-object-fit: cover;
object-fit: cover;
}
.object-center {
-o-object-position: center;
object-position: center;
}
.p-3 {
padding: 0.75rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.pl-8 {
padding-left: 2rem;
}
.pt-40 {
padding-top: 10rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pt-9 {
padding-top: 2.25rem;
}
.pr-8 {
padding-right: 2rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-1 {
padding-bottom: 0.25rem;
}
.pt-24 {
padding-top: 6rem;
}
.pt-28 {
padding-top: 7rem;
}
.text-center {
text-align: center;
}
.font-heading {
font-family: Mulish, sans-serif;
}
.font-default {
font-family: Inter, sans-serif;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.font-bold {
font-weight: 800;
}
.uppercase {
text-transform: uppercase;
}
.leading-relaxed {
line-height: 1.625;
}
.text-primary {
--tw-text-opacity: 1;
color: rgba(235, 140, 180, var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgba(236, 236, 236, var(--tw-text-opacity));
}
.text-font {
--tw-text-opacity: 1;
color: rgba(78, 75, 93, var(--tw-text-opacity));
}
.text-\[\#fff\] {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-heading {
--tw-text-opacity: 1;
color: rgba(43, 40, 64, var(--tw-text-opacity));
}
.opacity-0 {
opacity: 0;
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.filter {
filter: var(--tw-filter);
}
.duration-200 {
transition-duration: 200ms;
}
.duration-300 {
transition-duration: 300ms;
}
.duration-500 {
transition-duration: 500ms;
}
body {
min-height: 100vh;
display: grid;
grid-template-rows: auto 1fr auto;
margin: 0;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
line-height: 1.618;
}
.body {
font-family: Inter, sans-serif;
}
.wrapper {
width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 480px) {
.wrapper {
max-width: 480px;
}
}
@media (min-width: 640px) {
.wrapper {
max-width: 640px;
}
}
@media (min-width: 768px) {
.wrapper {
max-width: 768px;
}
}
@media (min-width: 920px) {
.wrapper {
max-width: 920px;
}
}
@media (min-width: 1080px) {
.wrapper {
max-width: 1080px;
}
}
@media (min-width: 1536px) {
.wrapper {
max-width: 1536px;
}
}
.wrapper {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 920px) {
.wrapper {
padding-left: 4rem;
padding-right: 4rem;
}
} .title-xl,
.title-lg,
.title-md,
.title-sm {
font-family: Mulish, sans-serif;
}
.title-xl {
font-size: 4.5rem;
line-height: 1;
}
.title-lg {
font-size: 2.25rem;
line-height: 2.5rem;
}
.title-md {
font-size: 1.5rem;
line-height: 2rem;
}
.title-sm {
font-size: 1rem;
line-height: 1.5rem;
}
.text-content h1,
.text-content h2 {
font-family: Mulish, sans-serif;
font-size: 1.5rem;
line-height: 2rem;
font-weight: 800;
--tw-text-opacity: 1;
color: rgba(43, 40, 64, var(--tw-text-opacity));
}
.text-content h3 {
font-family: Mulish, sans-serif;
font-weight: 800;
--tw-text-opacity: 1;
color: rgba(43, 40, 64, var(--tw-text-opacity));
} .btn,
.wpcf7-submit {
border-radius: 0.125rem;
--tw-bg-opacity: 1;
background-color: rgba(235, 140, 180, var(--tw-bg-opacity));
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
font-family: Mulish, sans-serif;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 800;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 500ms;
cursor: pointer;
display: inline-block;
vertical-align: top;
-webkit-appearance: none;
border: 0;
}
.btn:hover,
.wpcf7-submit:hover {
--tw-bg-opacity: 1;
background-color: rgba(43, 40, 64, var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgba(235, 140, 180, var(--tw-text-opacity));
} input,
textarea,
select {
margin: 0px;
margin-bottom: 1rem;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgba(156, 163, 175, var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
--tw-text-opacity: 1;
color: rgba(30, 30, 30, var(--tw-text-opacity));
}
input,
textarea {
width: 100%;
}
input[type='submit'] {
width: auto;
} .wpcf7-list-item {
margin-left: 0px;
margin-right: 0px;
}
.wpcf7 span.wpcf7-not-valid-tip {
display: block;
color: #bb342f;
margin: -5px 0 1rem;
}
.wpcf7 form .wpcf7-response-output {
padding: 0;
margin: 25px 0 0;
border: 0 !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
color: #bb342f;
border: 0;
background: #fff;
}
.wpcf7 form.sent .wpcf7-response-output,
div.wpcf7-mail-sent-ok {
color: #00a254;
border: 0;
background: #fff;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
color: #bb342f;
border: 0;
background: #fff;
}
div.wpcf7-spam-blocked {
color: #ee964b;
border: 0;
background: #fff;
}
.wpcf7-acceptance,
.wpcf7-checkbox {
display: block;
margin: 0 0 2rem !important;
}
.wpcf7-acceptance > span,
.wpcf7-radio > span,
.wpcf7-checkbox > span {
display: block;
margin: 0;
}
.wpcf7-radio > span {
margin-bottom: 8px;
}
.wpcf7-radio.horizontal > span {
display: inline-block;
margin: 0 25px 8px 0;
vertical-align: top;
}
.wpcf7-radio.horizontal > span:last-child {
margin-right: 0;
}
.wpcf7-acceptance > span > label,
.wpcf7-radio > span > label,
.wpcf7-checkbox > span > label {
display: block;
}
.wpcf7-radio > span > label {
display: inline-block;
vertical-align: top;
}
.wpcf7-acceptance > span > label input[type="checkbox"],
.wpcf7-radio > span > label input[type="radio"],
.wpcf7-checkbox > span > label input[type="checkbox"] {
display: none;
}
.wpcf7-acceptance > span > label input[type="checkbox"] + span,
.wpcf7-radio > span > label input[type="radio"] + span,
.wpcf7-checkbox > span > label input[type="checkbox"] + span {
display: block;
vertical-align: top;
text-align: left;
position: relative;
cursor: pointer;
padding: 0 0 0 35px;
}
.wpcf7-acceptance > span > label input[type="checkbox"] + span a,
.wpcf7-radio > span > label input[type="radio"] + span a,
.wpcf7-checkbox > span > label input[type="checkbox"] + span a {
color: rgba(235, 140, 180, var(--tw-text-opacity));
text-decoration: none;
}
.wpcf7-acceptance > span > label input[type="checkbox"] + span:before,
.wpcf7-radio > span > label input[type="radio"] + span:before,
.wpcf7-checkbox > span > label input[type="checkbox"] + span:before {
display: block;
content: "";
width: 18px;
height: 18px;
line-height: 1;
position: absolute;
top: 4px;
left: 0;
background: rgba(243, 244, 246, 1);
border-radius: 6px;
border: 1px solid rgba(156, 163, 175, 1);
speak: never;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all 0.2s ease-out;
-webkit-appearance: none;
}
.wpcf7-acceptance > span > label input[type="checkbox"]:checked + span:before,
.wpcf7-radio > span > label input[type="radio"]:checked + span:before,
.wpcf7-checkbox > span > label input[type="checkbox"]:checked + span:before {
content: "";
background-image:url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' id='check'><path fill='none' d='M0 0h24v24H0V0z'></path><path d='M9 16.17L5.53 12.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L9 16.17z'></path></svg>");
background-size: auto 90%;
background-repeat: no-repeat;
background-position: center center;
background-color: rgba(235, 140, 180, 1);
border-color: rgba(235, 140, 180, 1)
}
.wpcf7-radio > span > label input[type="radio"] + span:before {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.hover\:text-primary:hover {
--tw-text-opacity: 1;
color: rgba(235, 140, 180, var(--tw-text-opacity));
}
@media (min-width: 768px) {
.md\:grid {
display: grid;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.md\:text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
}
@media (min-width: 920px) {
.lg\:container {
width: 100%;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 480px) {
.lg\:container {
max-width: 480px;
}
}
@media (min-width: 640px) {
.lg\:container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.lg\:container {
max-width: 768px;
}
}
@media (min-width: 920px) {
.lg\:container {
max-width: 920px;
}
}
@media (min-width: 1080px) {
.lg\:container {
max-width: 1080px;
}
}
@media (min-width: 1536px) {
.lg\:container {
max-width: 1536px;
}
}
.lg\:mb-20 {
margin-bottom: 5rem;
}
.lg\:mt-0 {
margin-top: 0px;
}
.lg\:block {
display: block;
}
.lg\:grid {
display: grid;
}
.lg\:hidden {
display: none;
}
.lg\:h-24 {
height: 6rem;
}
.lg\:-translate-y-10 {
--tw-translate-y: -2.5rem;
transform: var(--tw-transform);
}
.lg\:translate-y-10 {
--tw-translate-y: 2.5rem;
transform: var(--tw-transform);
}
.lg\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:p-0 {
padding: 0px;
}
.lg\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.lg\:py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.lg\:shadow-lg {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.lg\:shadow-none {
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.lg\:hover\:bg-secondary:hover {
--tw-bg-opacity: 1;
background-color: rgba(43, 40, 64, var(--tw-bg-opacity));
}
.lg\:hover\:text-primary:hover {
--tw-text-opacity: 1;
color: rgba(235, 140, 180, var(--tw-text-opacity));
}
}
@media (min-width: 1080px) {
.xl\:flex {
display: flex;
}
.xl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:flex-row {
flex-direction: row;
}
.xl\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
.xl\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
}
@media (min-width: 1536px) {
.\32xl\:flex {
display: flex;
}
.\32xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.\32xl\:space-x-7 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1.75rem * var(--tw-space-x-reverse));
margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
}
}.intro_boxes{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:32px}.intro_boxes .intro_box{width:calc(50% - (32px / 2));flex:0 0 auto;padding:32px;background:#fafafa}.intro_boxes .intro_box h4{font-size:23px;line-height:1.1}.intro_boxes .intro_box .intro_box_buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.intro_boxes .intro_box .intro_box_buttons .btn:first-child{border:1px solid #de86ad}.intro_boxes .intro_box .intro_box_buttons .btn:first-child:hover{border:1px solid #4e4b5d}.intro_boxes .intro_box .intro_box_buttons .btn:not(:first-child){background:transparent;border:1px solid #4e4b5d}.intro_boxes .intro_box .intro_box_buttons .btn:not(:first-child):hover{background:#4e4b5d}@media only screen and (max-width: 1024px){.intro_boxes .intro_box{width:100%}}.text-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end}.text-wrapper>div{width:calc(50% - (32px / 2));flex:0 0 auto}@media only screen and (max-width: 1079px){.text-wrapper{flex-direction:column;align-items:flex-start;justify-content:flex-start}.text-wrapper>div{width:100%}.text-wrapper .highlight_box{width:100%;margin-top:32px}}@media only screen and (max-width: 639px){.text-wrapper .highlight_box{display:flex;flex-direction:column-reverse;align-items:flex-start;padding-top:0;padding-bottom:32px}.text-wrapper .highlight_box h4,.text-wrapper .highlight_box p{width:100%}.text-wrapper .highlight_box>img{width:100%;height:auto;margin:0 0 32px;position:relative;bottom:auto;right:auto}}.highlight_box{width:calc(50% - (32px / 2));flex:0 0 auto;padding:32px;position:relative;background:#fafafa}.highlight_box .badge{display:inline-block;font-size:14px;color:#fff;padding:1px 10px;margin:0 0 32px;background:#2b2840;border-radius:20px}.highlight_box h4{font-size:23px;line-height:1.1}.highlight_box h4,.highlight_box p{width:50%}.highlight_box>img{display:block;width:calc(50% - 64px);height:auto;max-height:95%;object-fit:contain;position:absolute;bottom:0;right:32px}.highlight_box .highlight_box_buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.highlight_box .highlight_box_buttons .btn:first-child{border:1px solid #de86ad}.highlight_box .highlight_box_buttons .btn:first-child:hover{border:1px solid #4e4b5d}.highlight_box .highlight_box_buttons .btn:not(:first-child){background:transparent;border:1px solid #4e4b5d}.highlight_box .highlight_box_buttons .btn:not(:first-child):hover{background:#4e4b5d}.accordions .desc,
.container-block .desc {
transition: max-height 0.2s ease-out;
} .acf-block-preview {
}