.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 .hidden-fields-container {
display: none;
}
.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 [inert] {
opacity: 0.5;
}
.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;
}.twentyfourteen .tfmp{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfmp div.product.hentry.has-post-thumbnail{margin-top:0}.twentythirteen h1{margin:0}.twentythirteen ul{padding:0}@media screen and (min-width:673px){.twentyfourteen .tfmp{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfmp{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfmp{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfmp{margin-right:54px}.full-width .twentyfourteen .tfmp{margin-right:auto}}.twentyfifteen .t15mp{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;-webkit-box-shadow:0 0 1px rgba(0,0,0,.15);box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .mptt-sidebar .widget.mptt-container{padding:0}@media screen and (min-width:38.75em){.twentyfifteen .t15mp{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15mp{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}}.mptt-column .event[id^=event_columns_],.mptt-theme-mode-event.event{overflow:auto}.mptt-main-wrapper.mp-event-item img:not(.avatar ){width:100%;height:auto}.mptt-main-wrapper .mptt-content{width:66.999%;margin-right:3%;float:left}.mptt-main-wrapper .mptt-sidebar{width:30%;float:left}.mptt-main-wrapper .event-title{margin:0 0 2rem}.mptt-main-wrapper .thumbnail-wrapper{margin-bottom:1rem}.mptt-main-wrapper .event-content,.mptt-main-wrapper .timeslots-title{margin:1rem 0}.mptt-main-wrapper .mptt-event.events-list{margin:0 0 1rem 2rem;list-style:none;padding:0}.mptt-main-wrapper .mptt-event.events-list .event{list-style:outside;padding:1rem}.mptt-main-wrapper .mptt-event.events-list .event .event-subtitle,.mptt-main-wrapper .mptt-event.events-list .event .event-title,.mptt-main-wrapper .mptt-event.events-list .event .event-user,.mptt-main-wrapper .mptt-event.events-list .event .timeslot{margin:.25rem 0 0;padding:0}.mptt-main-wrapper .mptt-event.events-list .event .event-description{margin:.25rem 0 0;padding:0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.mptt-main-wrapper .mptt-event.events-list .event .event-user .avatar{border-radius:50%}.mptt-main-wrapper .mptt-event.events-list .event:last-child{margin-bottom:0}.mptt-main-wrapper .column-title{margin:0 0 2rem}.mptt-main-wrapper .column-content{margin:1rem 0}.mptt-main-wrapper .mptt-column.events-list{margin:0 0 2rem;list-style:none;padding:0}.mptt-main-wrapper .mptt-column.events-list .event{list-style:none;padding:1rem}.mptt-main-wrapper .mptt-column.events-list .event .event-thumbnail{float:left;margin:0 2rem 2rem 0}.mptt-main-wrapper .mptt-column.events-list .event .event-title{clear:none;margin:0 0 .25rem;padding:0}.mptt-main-wrapper .mptt-column.events-list .event .event-subtitle,.mptt-main-wrapper .mptt-column.events-list .event .event-user,.mptt-main-wrapper .mptt-column.events-list .event .timeslot{margin:.25rem 0 0;padding:0}.mptt-main-wrapper .mptt-column.events-list .event .event-description{margin:.25rem 0 0;padding:0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.mptt-main-wrapper .mptt-column.events-list .event .event-user .avatar{border-radius:50%}.upcoming-events-widget{margin-top:2rem}.upcoming-events-widget .mptt-widget.events-list{list-style:none;margin:0;padding:0}.upcoming-events-widget .mptt-widget.events-list .event{list-style:none;margin-bottom:2rem;padding:.5rem 2rem;border:none;border-left:3px solid #3b5998}.upcoming-events-widget .mptt-widget.events-list .event .event-title{margin:0 0 .25rem;padding:0}.upcoming-events-widget .mptt-widget.events-list .event .column-title,.upcoming-events-widget .mptt-widget.events-list .event .event-user,.upcoming-events-widget .mptt-widget.events-list .event .timeslot{margin:.25rem 0 0;padding:0}.upcoming-events-widget .mptt-widget.events-list .event.mptt-colorized .event-title{margin:0 0 .25rem;padding:0;color:inherit}.upcoming-events-widget .mptt-widget.events-list .event.mptt-colorized .event-title .event-link{color:inherit}.mptt-hidden{display:none;opacity:0;clear:both}.mprm_ie_browser .mptt-inner-event-content{width:100%}.mptt-container{list-style:none}.mptt-shortcode-wrapper .mptt-shortcode-event .mptt-event-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mptt-shortcode-wrapper .mptt-shortcode-event .mptt-event-container:hover{display:-webkit-box;display:-ms-flexbox;display:flex}.mptt-shortcode-wrapper .mptt-shortcode-event.mptt-event-vertical-top .mptt-event-container{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.mptt-shortcode-wrapper .mptt-shortcode-event.mptt-event-vertical-middle .mptt-event-container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}.mptt-shortcode-wrapper .mptt-shortcode-event.mptt-event-vertical-bottom .mptt-event-container{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-line-pack:end;align-content:flex-end}.mptt-shortcode-wrapper .mptt-shortcode-table{margin-top:1rem}.mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th{background-color:#f0f0f0;border:1px solid #fff;text-align:center;color:#404040;padding:.25rem 1rem;overflow-wrap:normal;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}.mptt-shortcode-wrapper .mptt-shortcode-table tbody tr:nth-child(2n+2){background-color:#f0f0f0}.mptt-shortcode-wrapper .mptt-shortcode-table tbody td{position:relative;border:1px solid #fff;padding:0;line-height:normal;-webkit-box-sizing:initial;box-sizing:initial}.mptt-shortcode-wrapper .mptt-shortcode-table tbody td.event{background-color:#3b5998}.mptt-shortcode-wrapper .mptt-shortcode-table tbody td.mptt-shortcode-hours{padding:0 1rem!important;white-space:nowrap;width:1%;vertical-align:middle}.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container{position:absolute;top:0;right:0;left:0;z-index:3;overflow:hidden;outline:#fff solid 1px;color:inherit}.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-theme-mode tbody td.event .event-user img,.mptt-theme-mode-event.event .event-user img{position:relative}.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container:hover{background-color:inherit;overflow:visible;z-index:10}.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container:hover .event-title{text-decoration:underline}.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container p{color:inherit}.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-title{color:inherit;display:inline-block;margin:.5rem .25rem .25rem;text-decoration:none;font-size:1.1em}.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-subtitle,.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-user{margin:.25rem;font-size:.8em}.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-user .avatar{border-radius:50%;margin-right:3px;display:inline-block;vertical-align:middle}.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-description{font-size:.8em;margin:.25rem;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .timeslot{font-size:.9em;margin:.25rem}.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-theme-mode tbody tr:nth-child(2n+2) td.event{background-color:inherit}.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-theme-mode tbody td.event{background-color:#fff}.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-table-layout-auto{table-layout:auto}.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-table-layout-fixed{table-layout:fixed}.mptt-shortcode-wrapper .mptt-navigation-tabs{margin:0 0 1rem;list-style-type:none}.mptt-shortcode-wrapper .mptt-navigation-tabs li{display:inline-block;padding:.25rem .5rem .25rem 0}.mptt-shortcode-wrapper .mptt-shortcode-list{display:none}.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column,.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-column-title{margin:2rem 0}.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list{list-style:none;margin:2rem;padding:0}.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event{list-style:none;margin-bottom:2rem;padding:0 0 0 2rem;border-left:3px solid #3b5998}.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .event-user,.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .mptt-event-title,.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .timeslot{margin:.25rem 0 0;padding:0}.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .event-description,.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .event-subtitle{margin:.25rem 0 0;padding:0;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.mptt-shortcode-wrapper .mptt-shortcode-list .mptt-column .mptt-events-list .mptt-list-event .event-user .avatar{border-radius:50%;margin-right:3px;display:inline-block;vertical-align:middle}.mptt-shortcode-wrapper.mptt-table-fixed{overflow-x:scroll}.mptt-shortcode-wrapper.mptt-table-fixed .mptt-shortcode-table{table-layout:auto}.mptt-shortcode-wrapper.mptt-table-fixed tbody,.mptt-shortcode-wrapper.mptt-table-fixed thead{width:100%}.mptt-shortcode-wrapper td{vertical-align:middle}@media (max-width:767px){.mptt-main-wrapper .mptt-content,.mptt-main-wrapper .mptt-sidebar{padding:0 2rem 2rem;width:100%}.mptt-shortcode-wrapper .mptt-shortcode-list{display:block}.mptt-shortcode-wrapper.mptt-table-fixed .mptt-shortcode-list{display:none!important}.mptt-shortcode-wrapper.mptt-table-fixed .mptt-shortcode-table{display:table}.mptt-shortcode-wrapper.mptt-table-fixed .mptt-shortcode-table td.event{min-width:200px}.mptt-shortcode-wrapper.mptt-table-responsive .mptt-shortcode-table{display:none!important}}.mptt-clearfix:after,.mptt-clearfix:before{display:table;content:"";line-height:0}.mptt-clearfix:after{clear:both}.twentysixteen.mptt-shortcode-wrapper .event-title{-webkit-box-shadow:none;box-shadow:none}.twentyfifteen.mptt-shortcode-wrapper .event-title{border-bottom:none}.twentyfourteen .mptt-content{width:100%;margin:0}@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: url(//hebamme-anja-wuerfel.de/wp-content/themes/sana-child/fonts/poppins/Poppins-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: url(//hebamme-anja-wuerfel.de/wp-content/themes/sana-child/fonts/poppins/Poppins-Italic.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: url(//hebamme-anja-wuerfel.de/wp-content/themes/sana-child/fonts/poppins/Poppins-Medium.ttf) format('truetype');
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: url(//hebamme-anja-wuerfel.de/wp-content/themes/sana-child/fonts/poppins/Poppins-Bold.ttf) format('truetype');
}@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-italic-latin-ext-400.woff2?ver=1771007689)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-italic-latin-400.woff2?ver=1771007689)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-italic-latin-ext-500.woff2?ver=1771007689)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-italic-latin-500.woff2?ver=1771007689)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-italic-latin-ext-700.woff2?ver=1771007689)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-italic-latin-700.woff2?ver=1771007689)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-normal-latin-ext-400.woff2?ver=1771007689)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-normal-latin-400.woff2?ver=1771007689)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-normal-latin-ext-500.woff2?ver=1771007689)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-normal-latin-500.woff2?ver=1771007689)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-normal-latin-ext-700.woff2?ver=1771007689)format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(//hebamme-anja-wuerfel.de/wp-content/uploads/omgf/tesoiosana_google_fonts/poppins-normal-latin-700.woff2?ver=1771007689)format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}html {
box-sizing: border-box;
scroll-behavior: smooth;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
html.no-scroll {
position: fixed; 
top: calc(var(--js-scroll-position, 0) * -1px);
width: 100%;
inline-size: 100%;
overflow-y:scroll;
}
@media (prefers-reduced-motion) {
html {
scroll-behavior: auto;
}
}
*,
*::before,
*::after {
box-sizing: inherit;
}
img, embed, object, video, iframe { max-width: 100%;
}
iframe[src*="youtube"] {
aspect-ratio: 16 / 9;
height: auto;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-headline);
font-weight: var(--weight-headline);
line-height: 1.2;
}
b > h1, h1 > b, strong > h1, h1 > strong,
b > h2, h2 > b, strong > h2, h2 > strong,
b > h3, h3 > b, strong > h3, h3 > strong,
b > h4, h4 > b, strong > h4, h4 > strong,
b > h5, h5 > b, strong > h5, h5 > strong,
b > h6, h6 > b, strong > h6, h6 > strong {
font-weight: var(--weight-bold-headline, 700);
}
b, strong {
font-weight: var(--weight-bold-main, 700);
}
small {
line-height: 0.9375rem;
}
a {
display: inline-block;
color: inherit;
} pre {
overflow: auto;
}
:root {
--font-size-title-extra-large: 4.875rem;
--font-size-title-large: 4.125rem;
--font-size-title-medium: 3.25rem;
--font-size-title-small: 2rem;
--font-size-title-extra-small: 1.625rem;
--font-size-body-large: 1.5rem;
--font-size-body-normal: 1.125rem;
--font-size-body-small: 1.0625rem;
--font-size-subtitle: 1.25rem;
}
.title-extra-large,
.has-title-extra-large-font-size {
font-size: var(--font-size-title-extra-large);
}
.title-large,
.has-title-large-font-size {
font-size: var(--font-size-title-large);
}
.title-medium,
.has-title-medium-font-size {
font-size: var(--font-size-title-medium);
}
.title-small,
.has-title-small-font-size {
font-size: var(--font-size-title-small);
}
.title-extra-small,
.has-title-extra-small-font-size {
font-size: var(--font-size-title-extra-small);
}
.body-large,
.has-body-large-font-size {
font-size: var(--font-size-body-large);
}
.body-normal,
.has-body-normal-font-size {
font-size: var(--font-size-body-normal);
}
.body-small,
.has-body-small-font-size {
font-size: var(--font-size-body-small);
}
.subtitle,
.has-subtitle-font-size {
font-size: var(--font-size-subtitle);
letter-spacing: 4px;
text-transform: uppercase;
font-family: var(--font-main);
}
@media screen and (max-width: 768px) {
:root {
--font-size-title-extra-large: 3rem;
--font-size-title-large: 2.625rem;
--font-size-title-medium: 2.25rem;
--font-size-title-small: 1.6875rem;
--font-size-title-extra-small: 1.375rem;
--font-size-body-large: 1.3125rem;
--font-size-body-normal: 1.0625rem;
--font-size-body-small: 0.9375rem;
--font-size-subtitle: 1.0625rem;
}
}
.title-extra-large,
.has-title-extra-large-font-size,
.title-large,
.has-title-large-font-size,
.title-medium,
.has-title-medium-font-size,
.title-small,
.has-title-small-font-size,
.title-extra-small,
.has-title-extra-small-font-size {
font-family: var(--font-headline);
font-weight: var(--weight-headline);
}
.title-extra-large b,
.has-title-extra-large-font-size b,
.title-large b,
.has-title-large-font-size b,
.title-medium b,
.has-title-medium-font-size b,
.title-small b,
.has-title-small-font-size b,
.title-extra-small b,
.has-title-extra-small-font-size b,
.title-extra-large strong,
.has-title-extra-large-font-size strong,
.title-large strong,
.has-title-large-font-size strong,
.title-medium strong,
.has-title-medium-font-size strong,
.title-small strong,
.has-title-small-font-size strong,
.title-extra-small strong,
.has-title-extra-small-font-size strong {
font-weight: var(--weight-bold-headline, 700);
}
.body-large,
.has-body-large-font-size,
.body-normal,
.has-body-normal-font-size,
.body-small,
.has-body-small-font-size,
.subtitle,
.has-subtitle-font-size {
font-family: var(--font-main);
font-weight: var(--weight-main);
}
.body-large b,
.has-body-large-font-size b,
.body-normal b,
.has-body-normal-font-size b,
.body-small b,
.has-body-small-font-size b,
.subtitle b,
.has-subtitle-font-size b,
.body-large strong,
.has-body-large-font-size strong,
.body-normal strong,
.has-body-normal-font-size strong,
.body-small strong,
.has-body-small-font-size strong,
.subtitle strong,
.has-subtitle-font-size strong {
font-weight: var(--weight-bold-main, 700);
} .brighten {
box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.05);
}
.darken {
box-shadow: inset 0em 0em 0em 10em rgba(0, 0, 0, 0.1);
} .video { --aspect-ratio: calc(var(--height) / var(--width));
--height-with-units: calc(var(--height) * 1px);
max-width: 100%; height: min(calc(100vw * var(--aspect-ratio)), var(--height-with-units));
} .dont-break-out-on-long-words { overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all; word-break: break-all; word-break: break-word;
} .page-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: #999;
z-index: 10;
} ::-ms-clear { display: none; width : 0; height: 0; }
::-ms-reveal { display: none; width : 0; height: 0; }
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration { display: none; }
body {
position: relative;
display: flex;
flex-direction: column;
min-height: 100vh;
margin: 0;
font-size: 100%;
text-rendering: optimizeLegibility; text-size-adjust: 100%;
color: var(--color-main);
font-family: var(--font-main);
font-weight: var(--weight-main);
background-color: var(--color-negative);
}
*:focus {
outline-width: 1px;
outline-style: dashed;
outline-color: currentColor;
}
*:focus:not(:focus-visible) {
outline-color: transparent;
}
:root {
--color-main: #184448;
--color-secondary: #dbf4f2;
--color-accent: #ffe5a6;
--color-auxiliary: #b4b4b4;
--color-negative: #ffffff;
--font-main: 'Source Sans Pro', sans-serif;
--font-headline: 'DM Serif Display', serif;
--breakpoint-mobile: 768px;
--breakpoint-tablet: 1024px;
--website-horizontal-padding: 3.5vw;
--shadow-default: 0 0 20px rgba(0, 0, 0, 0.1);
--header-sticky: 1; --logo-light-or-dark: 0; }
@media screen and (max-width: 768px) {
:root {
--mobile-padding-ratio: 0.5;
--mobile-text-bottom-margin-ratio: 0.7;
}
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.header {
--header-color-dark: var(--color-main);
--header-color-light: var(--color-negative);
--header-text-color: var(--header-color-dark);
--header-space-between-links: 1.5625rem; --header-min-height: 66px; --header-vertical-padding: 10px;
--logo-size: 32px;
--hamburger-width: 22px;
--hamburger-layer-height: 2px;
--hamburger-layer-spacing: 4px;
--hamburger-radius: 0;
--hamburger-padding: 8px;
--hamburger-color-on-active: var(--hamburger-color);
position: absolute;
top: 0;
left: 0;
right: 0;
box-shadow: var(--shadow-default);
background-color: transparent;
z-index: 100;
opacity: 0;
animation: fadeIn .4s forwards;
transition: background-color .15s linear, box-shadow .15s linear, opacity .15s linear;
}
.header--transparent:not(.header--is-sticky) {
box-shadow: none;
} .header--sticky {
position: fixed;
top: var(--js-wpadminbar-height, 0);
left: 0;
right: 0;
} .header--static,
.header--static + .main {
--header-sticky: 0;
} .header--sticky + .main *[id]:not(.ignore-scroll-margin) { scroll-margin-top: var(--js-header-height);
scroll-snap-margin-top: var(--js-header-height);
}
.header--transparency-light {
--logo-light-or-dark: 0;
--hamburger-color: var(--header-color-light);
--header-text-color: var(--header-color-light);
--search-icon-color: var(--header-color-light);
--header-line-seaparator-color: var(--header-color-light);
}
.header--transparency-auto,
.header--transparency-dark {
--logo-light-or-dark: 1;
--hamburger-color: var(--header-color-dark);
--header-text-color: var(--header-color-dark);
--search-icon-color: var(--header-color-dark);
--header-line-seaparator-color: var(--header-color-dark);
}
.header--colored.header--style-light,
.header--is-sticky.header--style-light {
--logo-light-or-dark: 1;
--hamburger-color: var(--header-color-dark);
--header-text-color: var(--header-color-dark);
--search-icon-color: var(--header-color-dark);
--header-line-seaparator-color: var(--header-color-dark);
background-color: var(--header-color-light);
}
.header--colored.header--style-dark,
.header--is-sticky.header--style-dark {
--logo-light-or-dark: 0;
--hamburger-color: var(--header-color-light);
--header-text-color: var(--header-color-light);
--search-icon-color: var(--header-color-light);
--header-line-seaparator-color: var(--header-color-light);
background-color: var(--header-color-dark);
}
.header--style-light {
--primary-menu-text-color: var(--header-color-light);
--primary-menu-background-color: var(--header-color-dark);
}
.header--style-dark {
--primary-menu-text-color: var(--header-color-dark);
--primary-menu-background-color: var(--header-color-light);
}
.header__inner {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
max-width: var(--website-maximum-width); min-height: calc(var(--header-min-height) - (var(--header-vertical-padding) * 2) + (var(--header-sticky) * 1px));
padding: var(--header-vertical-padding) var(--website-horizontal-padding);
margin: 0 auto;
box-sizing: content-box;
}
.logo {
width: auto;
height: var(--logo-size);
}
.logo--no-logo {
display: none;
}
.logo__anchor {
position: relative;
display: inline-grid;
grid-template-rows: 100%;
grid-template-columns: auto;
align-items: center;
justify-items: start;
height: 100%;
}
.logo__image-wrapper {
grid-area: 1 / 1 / 2 / 2; width: max-content;
height: 100%; line-height: 0;
}
.logo__image,
.woocommerce-page .logo__image {
display: block;
width: auto;
height: 100%;
}
.logo__image--light,
.woocommerce-page .logo__image--light { height: calc(100% * calc(1 - var(--logo-light-or-dark)));
}
.logo__image--dark,
.woocommerce-page .logo__image--dark {
height: calc(100% * var(--logo-light-or-dark));
}
.logo__image--primary,
.woocommerce-page .logo__image--primary {
height: 100% !important;
}
.header__navigation-wrapper { position: relative;
left: var(--hamburger-padding);
display: flex;
align-items: center;
margin-left: auto;
}
@media screen and (min-width: 1025px) {
.header--no-sidemenu .header__navigation-wrapper {
left: 0;
}
}
.header__navigation-list {
display: flex;
height: 100%;
flex-direction: row;
align-items: center;
justify-content: flex-end;
margin: 0;
padding: 0;
list-style: none;
}
.header__navigation-list--wrappable {
padding-left: 2rem;
flex-wrap: wrap;
}
.header__navigation-line {
display: block;
width: 2px;
height: 30px;
margin-left: var(--header-space-between-links);
background-color: var(--header-line-seaparator-color);
opacity: 0.6;
}
.header__navigation-item {
position: relative;
margin-left: var(--header-space-between-links);
}
.header__navigation-link {
text-decoration: none;
color: var(--header-text-color);
transition: opacity .25s linear;
}
.header__navigation-link:hover {
opacity: 0.8;
}
.header__navigation-link.cta-link {
padding: 0.3rem 0.8rem;
color: var(--header-cta-tx-color);
background-color: var(--header-cta-bg-color);
border-radius: var(--header-cta-b-radius);
} .header__dropdown-list {
--parent-gap: 10px;
position: absolute;
top: calc(100% + var(--parent-gap));
left: -20px;
opacity: 0;
visibility: hidden;
transition: opacity 150ms ease-in-out 75ms, visibility 0ms linear 200ms, transform 200ms ease-in-out;
transform: translateY(-6px);
padding: 8px 0;
margin: 0;
list-style: none;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
z-index: 1;
color: var(--primary-menu-text-color);
background-color: var(--primary-menu-background-color);
}
.header--style-light .header__dropdown-list {
color: var(--header-color-dark);
background-color: var(--header-color-light);
}
.header--style-dark .header__dropdown-list {
color: var(--header-color-light);
background-color: var(--header-color-dark);
}
.dropdown-left .header__dropdown-list {
left: auto;
right: -20px;
}
.header__dropdown-list::before {
content: '';
position: absolute;
top: calc(var(--parent-gap) * -1);
left: 0;
width: 100%;
height: calc(100% + var(--parent-gap));
display: block;
z-index: -1;
}
.header__navigation-item:hover > .header__dropdown-list {
opacity: 1;
visibility: visible;
transition: opacity 150ms ease-in-out, visibility 0ms linear, transform 200ms ease-in-out;
transform: translateY(0px);
}
.header__dropdown-list .header__navigation-item {
margin-left: 0;
}
.header__dropdown-list .header__navigation-link {
display: block;
padding: 10px 20px;
white-space: nowrap;
color: inherit;
} .search-icon-link {
display: flex;
justify-content: center;
align-items: center;
padding: 0 4px;
border: none;
background-color: transparent;
transition: opacity .25s linear;
cursor: pointer;
}
.search-icon-link:hover {
opacity: 0.8;
}
.search-icon {
display: inline-block;
width: 1rem;
height: 1.5rem;
opacity: 1;
transition: opacity 100ms 100ms;
fill: var(--search-icon-color);
}
.search-icon--is-active {
position: relative;
z-index: 10;
}
.search-icon--is-active .search-icon {
opacity: 0;
transition: opacity 100ms;
}
.search-icon-x {
position: absolute;
display: flex;
width: 22px;
max-width: 100%;
height: 22px;
max-height: 100%;
align-items: center;
padding: var(--hamburger-padding);
transform: rotate(45deg);
opacity: 0;
transition: opacity 100ms 100ms, transform 200ms;
box-sizing: content-box;
}
.search-icon--is-active .search-icon-x {
opacity: 1;
transform: rotate(225deg);
transition: opacity 100ms, transform 200ms;
}
.search-icon-x::before,
.search-icon-x::after {
content: ' ';
position: absolute;
display: block;
width: calc(100% - 2 * var(--hamburger-padding));
height: var(--hamburger-layer-height);
border-radius: var(--hamburger-radius);
background-color: var(--hamburger-color);
}
.search-icon-x::after {
transform: rotate(90deg);
}
.search-icon--is-active .search-icon-x::before,
.search-icon--is-active .search-icon-x::after {
background-color: var(--hamburger-color-on-active);
} .hamburger {
position: relative;
padding: var(--hamburger-padding);
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.8;
}
.hamburger--is-active {
z-index: 100;
}
.hamburger--is-active .hamburger-inner,
.hamburger--is-active .hamburger-inner::before,
.hamburger--is-active .hamburger-inner::after {
background-color: var(--hamburger-color-on-active);
}
.hamburger-box {
width: var(--hamburger-width);
height: calc(3 * var(--hamburger-layer-height) + 2 * var(--hamburger-layer-spacing));
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
position: absolute;
width: 100%;
height: var(--hamburger-layer-height);
border-radius: var(--hamburger-radius);
background-color: var(--hamburger-color);
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: '';
display: block;
}
.hamburger-inner::before {
top: calc( -1 * (var(--hamburger-layer-height) + var(--hamburger-layer-spacing)));
}
.hamburger-inner::after {
bottom: calc( -1 * (var(--hamburger-layer-height) + var(--hamburger-layer-spacing)));
} .hamburger--spin .hamburger-inner {
transition-duration: 0.22s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; 
}
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--spin.hamburger--is-active .hamburger-inner {
transform: rotate(225deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.hamburger--spin.hamburger--is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; 
}
.hamburger--spin.hamburger--is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); 
} .header__menu {
position: fixed;
top: -100vh;
width: 100vw;
max-width: 400px;
min-height: 350px;
max-height: calc(85vh - var(--js-header-height, 4.4rem) + var(--js-wpadminbar-height, 0px) - var(--js-infobar-height, 0px));
padding: 2.8125rem;
box-sizing: border-box;
background-color: var(--primary-menu-background-color);
color: var(--primary-menu-text-color);
box-shadow: var(--shadow-default);
z-index: 100;
overflow: auto;
opacity: 0;
transform: translate(calc(-100% + var(--hamburger-width) + var(--hamburger-padding)), -8px);
transition: opacity .2s ease-in-out .1s, transform .2s ease-in-out, top 1ms linear.3s;
}
.header--is-opened .header__menu {
opacity: 1;
transform: translate(calc(-100% + var(--hamburger-width) + var(--hamburger-padding)), 0px);
top: calc(var(--js-header-height, 4.4rem) + var(--js-wpadminbar-height, 0px) + 16px);
transition: top 1ms linear, opacity .2s ease-in-out 1ms, transform .4s ease-in-out 1ms;
}
.header__menu-inner {
max-width: var(--website-maximum-width);
height: 100%;
}
.header__menu-link {
display: inline-block;
font-family: var(--font-headline);
font-weight: normal;
text-decoration: none;
line-height: 1.1;
color: inherit;
transition: color .25s linear;
}
.header__menu-link:hover {
color: var(--color-accent);
}
.header__menu-link--is-submenu {
--plus-sign-width: 2px;
--plus-sign-height: 20px;
cursor: pointer;
position: relative;
padding-right: 40px;
border: none;
background: none;
user-select: none;
}
.header__menu-link--is-submenu::before,
.header__menu-link--is-submenu::after {
content: '';
position: absolute;
display: block;
opacity: 1; background-color: currentcolor;
transition: background-color .25s linear, opacity .1s linear;
}
.header__menu-link--is-submenu:hover::before,
.header__menu-link--is-submenu:hover::after {
background-color: var(--color-accent);
}
.header__menu-link--is-submenu.header__menu-link--is-active::after {
opacity: 0;
}
.header__menu-link--is-submenu::before {
top: calc((50% - (var(--plus-sign-height)/2)) + (var(--plus-sign-height)/2) - (var(--plus-sign-width)/2));
right: 0;
width: var(--plus-sign-height);
height: var(--plus-sign-width);
}
.header__menu-link--is-submenu::after {
top: calc(50% - (var(--plus-sign-height)/2));
right: calc((var(--plus-sign-height)/2) - (var(--plus-sign-width)/2));
width: var(--plus-sign-width);
height: var(--plus-sign-height);
}
.header__menu-list,
.header__menu-submenu-list {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 0;
padding: 0 0 0 1px; list-style: none;
}
.header__menu-list .header__menu-item {
margin-bottom: 11px;
}
.header__menu-list .header__menu-item:last-child {
margin-bottom: 0;
}
.header__menu-submenu-list {
max-height: 0;
overflow: hidden;
padding-left: 2rem;
transition: max-height .2s linear;
}
.header__menu-submenu-item {
margin-bottom: 10px;
}
.header__menu-submenu-item:first-child {
margin-top: 1rem;
}
.header__menu-submenu-item:last-child {
margin-bottom: 0; border-bottom: 1rem solid transparent;
}
.header__menu-submenu-link {
color: inherit;
text-decoration: none;
transition: color .25s linear;
}
.header__menu-submenu-link:hover {
color: var(--color-accent);
}
@media all and (min-width: 1025px) {
.header__navigation-item--remove-on-desktop {
display: none;
}
}
@media all and (max-width: 1024px) {
.header__navigation-item--remove-on-tablet {
display: none;
}
}
@media all and (max-width: 768px) {
:root {
--website-horizontal-padding: 7vw;
}
.header__navigation-item--remove-on-mobile {
display: none;
}
.header--is-opened.header--style-light {
--logo-light-or-dark: 0;
}
.header--is-opened.header--style-dark {
--logo-light-or-dark: 1;
}
.header--is-opened.header .logo {
position: relative;
z-index: 200;
}
.header--is-opened.header--style-light {
--hamburger-color: var(--header-color-light);
}
.header--is-opened.header--style-dark {
--hamburger-color: var(--header-color-dark);
}
.header__menu {
position: fixed;
top: -100vh;
right: 0;
bottom: 0;
width: 100%;
max-width: none;
height: 100%;
max-height: none;
z-index: 10;
overflow: hidden;
box-shadow: none;
transform: translateY(0);
padding: calc(var(--js-header-height, 4.4rem) + var(--js-wpadminbar-height, 0px) - var(--js-infobar-height, 0px)) 0 0 0;
transition: opacity .2s ease-in-out, transform 0s, top 1ms linear .2s;
border-radius: 0 !important; }
.header--is-opened .header__menu {
top: var(--js-infobar-height, 0px);
transform: translate(0px, 0px);
transition: top 1ms linear, opacity .2s ease-in-out 1ms, transform 0s;
} .side-menu-page-overlay--active .page-overlay {
display: none;
}
.header__menu-inner {
padding: 0 var(--website-horizontal-padding);
margin-top: 1.5rem;
overflow: auto;
}
.header__menu-link.title-small { font-size: var(--font-size-title-medium);
}
.header__menu-list .header__menu-item:last-child {
padding-bottom: 4rem;
}
} .footer {
--footer-color-dark: var(--color-main);
--footer-color-light: var(--color-negative);
--footer-space-between-links: 1.6rem;
--logo-size: 32px;
overflow: hidden;
}
.footer--style-light {
--logo-light-or-dark: 1;
color: var(--footer-color-dark);
background-color: var(--footer-color-light);
}
.footer--style-light .footer__social-media-navigation-link > svg {
fill: var(--footer-color-dark);
}
.footer--style-dark .footer__social-media-navigation-link > svg {
fill: var(--footer-color-light);
}
.footer--style-dark {
--logo-light-or-dark: 0;
color: var(--footer-color-light);
background-color: var(--footer-color-dark);
}
.footer .footer--no-logo.logo {
display: none;
}
.footer .footer--no-logo .footer__main {
margin-left: 0;
}
.footer__inner {
display: flex;
flex-direction: column;
max-width: var(--website-maximum-width);
margin: 0 auto;
padding: 4rem var(--website-horizontal-padding) 2rem var(--website-horizontal-padding);
box-sizing: content-box;
}
.footer__content {
display: grid;
grid-template-columns: auto 1fr auto;
grid-template-rows: auto;
} .footer__main {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
margin: 0 0.4rem 0 4rem;
}
.footer--no-logo ~ .footer__main,
.footer--no-logo ~ .footer__main > .footer__navigation:first-child {
margin-left: 0;
}
.footer__navigation,
.footer__main .widget-area {
margin-right: 4rem;
margin-bottom: 2.2rem;
}
.footer__navigation-list {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
margin: 0;
list-style: none;
}
.footer__navigation-item {
margin-bottom: 0.8rem;
}
.footer__navigation-item:last-child {
margin-bottom: 0;
}
.footer__navigation-link {
text-decoration: none;
color: inherit;
transition: opacity .25s;
}
.footer__navigation-link:hover {
opacity: 0.8;
}
.footer__social-media-navigation-list {
display: flex;
flex-direction: row;
justify-content: flex-end;
padding: 0;
margin: 0;
list-style: none;
}
.footer__social-media-navigation-item {
margin-left: 0.8rem;
}
.footer__social-media-navigation-item:first-child {
margin-left: 0;
}
.footer__social-media-navigation-link {
box-sizing: content-box;
width: 1.4rem;
height: 1.4rem;
padding: 4px;
transition: opacity .25s;
}
.footer__social-media-navigation-link:hover {
opacity: 0.8;
}
.footer__social-media-navigation-link > svg {
width: 100%;
height: 100%;
fill: var(--footer-color-light);
}
.footer__copyright {
margin-top: 2rem;
color: inherit;
opacity: 0.25;
}
.footer__copyright-content {
margin: 0;
text-align: end;
}
.footer__copyright-content.body-small {
font-size: calc(var(--font-size-body-small) * 0.85);
}
.footer__copyright-content > small {
font-size: inherit;
} .footer--compact .footer__inner {
padding: 4rem var(--website-horizontal-padding);
}
.footer--compact .footer__navigation {
flex: 1;
margin: 0 4rem;
}
.footer--compact .footer__navigation-list {
flex-direction: row;
align-items: center;
flex-wrap: wrap;
height: 100%; margin: -0.5rem calc( -1 * (var(--footer-space-between-links) / 2));
}
.footer--compact .footer__navigation-item {
margin: 0.5rem calc(var(--footer-space-between-links) / 2);
}
.footer--compact .footer__navigation-item:last-child {
margin-right: 0;
}
.footer--compact .footer-social-media-copyright-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
}
@media all and (max-width: 1200px) {
.footer__content {
grid-template-columns: auto 1fr;
grid-template-rows: auto auto;
}
.footer__social-media {
grid-column: -1 / -3;
margin-top: 2rem;
}
.footer__copyright {
margin-top: 0.8rem;
}
}
@media all and (max-width: 1024px) {
.footer--compact .footer__navigation {
margin: 0 4rem 0 0;
}
} @media all and (max-width: 544px) {
.footer .logo {
display: block;
margin-bottom: 2rem;
}
.footer__content {
grid-template-columns: auto;
grid-template-rows: auto auto auto;
}
.footer__main {
flex-direction: column;
width: 100%;
margin: 0;
}
.footer__navigation,
.footer__main .widget-area {
margin: 0;
}
.footer__navigation-item:last-child {
margin-bottom: 0.8rem;
}
.footer__social-media {
justify-self: start;
grid-column: auto;
margin-top: 2rem;
}
.footer__copyright-content {
text-align: start;
}
.footer__copyright-content.body-small {
font-size: calc(var(--font-size-body-small) * 0.85);
}
.footer--compact .footer__inner {
flex-direction: column;
align-items: flex-start;
}
.footer--compact .footer__navigation-list {
flex-direction: column;
align-items: flex-start;
flex-wrap: nowrap;
margin: 0 0 0 calc( -1 * (var(--footer-space-between-links) / 2));
}
.footer--compact .footer__navigation-item {
margin: 0.3rem calc(var(--footer-space-between-links) / 2);
}
.footer--compact .footer-social-media-copyright-wrapper {
align-items: flex-start;
}
} .main {
flex-grow: 1;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
z-index: 10;
} .main::before {
content: '';
width: 100%;
height: calc(var(--js-header-height) + var(--js-wpadminbar-height, 0px));
background-color: transparent;
}
.header--transparent + .main::before {
display: none;
}
.main__inner {
display: block;
width: 100%;
} .pagination {
display: flex;
justify-content: center;
margin-top: 5rem;
margin-bottom: 6rem;
}
.pagination--spacer {
width: 100%;
height: 0;
padding: 0;
border: 0;
margin: 3rem 0;
}
.pagination__link {
padding: 2px;
margin: 0 4px;
color: var(--color-main);
text-decoration: none;
transition: opacity .25s linear;
}
.pagination__link:hover {
opacity: 0.7;
}
.pagination__link--active {
text-decoration: underline;
}
.pagination__link--prev,
.pagination__link--next {
margin: 0 1rem;
}
.pagination__link--prev > svg,
.pagination__link--next > svg {
width: 8.424px; 
height: 14.021px;
fill: none;
stroke: var(--color-main);
stroke-width: 2px;
padding: 0 2px;
box-sizing: content-box;
}
.pagination__separator {
display: inline;
}
@media screen and (max-width: 768px) {
.pagination {
margin-top: 3rem;
margin-bottom: 4rem;
}
.pagination--spacer {
margin: 2rem 0;
}
} .breadcrumbs {
display: flex;
justify-content: center;
margin-top: 6.875rem;
}
.breadcrumbs__navigation { 
color: var(--color-main);
}
.breadcrumbs__link {
font-size: inherit;
font-weight:inherit;
color: inherit;
text-decoration: none;
transition: opacity .25s linear;
}
.breadcrumbs__link:hover {
opacity: 0.7;
}
@media screen and (max-width: 768px) {
.breadcrumbs {
margin-top: 4rem;
}	
} .comments {
max-width: 600px;
margin: 3.5rem auto;
box-sizing: content-box;
}
.comments__title {
text-align: center;
}
.comments__content-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.comment {
display: flex;
margin: 2rem 0;
max-width: 100%;
}
.comments__list {
padding: 0;
margin: 0;
list-style: none;
}
.comments__item > .children {
padding: 0 0 0 2rem;
margin: 0;
list-style: none;
}
.comment__avatar-wrapper
.comment__reply-wrapper {
flex: 0 0 auto;
}
.comment__avatar {
display: block;
max-width: 50px;
max-height: 50px;
margin-right: 1rem;
border-radius: 50%;
}
.comment__content-wrapper {
flex: 1 1 auto; min-width: 0;
}
.comment__author {
margin-top: 0;
margin-bottom: 0.2rem;
}
.comment__date {
font-size: calc(var(--font-size-body-small) * 0.85);
color: var(--color-auxiliary);
}
.comment__content {
margin-top: 1rem;
}
.comment__content > * {
font-size: inherit;
}
.comment__content > *:first-child {
padding-top: 0;
margin-top: 0;
}
.comment__content > *:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.comment__moderation-message {
display: block;
color: var(--color-auxiliary);
margin: 0.8rem 0;
}
.comment__date > a {
margin-left: 0.4rem;
font-size: inherit;
color: inherit;
transition: opacity .2s linear;
}
.comment__date > a:hover {
opacity: 0.7;
}
.comment__reply-wrapper {
color: var(--color-auxiliary);
}
.comment__reply-wrapper > a {
margin-left: 1rem;
font-size: inherit;
color: inherit;
text-decoration: none;
transition: opacity .2s linear;
}
.comment__reply-wrapper > a:hover {
opacity: 0.7;
}
.comments__reply {
margin-top: 3.5rem;
}
.comments__reply-title {
display: flex;
align-items: center;
}
.comments__reply-title a {
font-size: var(--font-size-body-small);
color: inherit;
transition: opacity .25s linear;
}
.comments__reply-title a:hover {
opacity: 0.7;
}
.comments__reply-title > small {
margin-left: auto;
font-size: inherit;
}
.comments__reply-user-link {
color: inherit;
transition: opacity .25s linear;
}
.comments__reply-user-link:hover {
opacity: 0.7;
}
.comments__reply-content-wrapper {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.comments__reply-label {
display: inline-block;
align-self: flex-start;
margin-bottom: 0.25rem;
}
.comments__reply-content {
height: 250px;
padding: 8px 10px;
border: 2px solid var(--color-auxiliary);
border-radius: 8px;
resize: vertical;
box-sizing: border-box;
}
.comments__reply-info-wrapper {
display: flex;
width: 47%;
float: left;
flex-direction: column;
margin-top: 2rem;
}
.comments__reply-info-wrapper--right {
float: right;
}
.comments__reply-info {
height: 40px;
padding: 4px 10px;
border: 2px solid var(--color-auxiliary);
border-radius: 8px;
}
.comments__reply-cookies-wrapper {
display: flex;
justify-content: flex-start;
align-items: center;
clear: both;
padding-top: 2rem;
user-select: none;
}
.comments__reply-cookies-wrapper > .comments__reply-label {
margin-bottom: 0;
}
.comments__reply-cookies {
position: relative;
top: 6px;
margin: 0 0.8rem 0 0;
}
.comments__reply-submit-wrapper {
margin-bottom: 2rem;
overflow: hidden;
clear: both;
}
.comments__reply-submit.cta-link {
margin-top: 2rem;
font-family: var(--font-main);
color: var(--color-negative);
background-color: var(--color-main);
}
@media screen and (max-width: 768px) {
.comments {
max-width: none;
}
} .custom-checkbox {
align-self: flex-start;
flex: 0 0 20px;
position: relative;
display: block;
width: 20px;
height: 20px;
margin-right: 0.8rem;
cursor: pointer;
box-sizing: border-box;
}
.custom-checkbox input { display: none;
}
.custom-checkbox input:checked + .checkmark {
background-color: var(--color-auxiliary);
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16.989" height="12.818" viewBox="0 0 16.989 12.818"><path id="Path_2237" data-name="Path 2237" d="M5758.587,2633.18l4.878,4.878,10.7-10.7" transform="translate(-5757.88 -2626.654)" fill="none" stroke="%23fff" stroke-width="2"/></svg>');
background-repeat: no-repeat;
background-position: center;
background-size: 90%;
}
.custom-checkbox .checkmark {
display: inline-block;
width: 100%;
height: 100%;
border: 2px solid var(--color-auxiliary);
border-radius: 6px;
transition: background-color .2s linear;
}
@media all and (max-width: 768px) {
.comments__reply-info-wrapper {
float: none;
width: 100%;
}
.comments__reply-info-wrapper--right {
float: none;
margin-top: 1.5rem;
}
} .search-popup {
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 2rem 10%;
background-color: var(--color-negative);
opacity: 0;
transform: translateX(100%); transition: opacity .15s linear, transform 0s linear .15s; z-index: 2147483647;
}
.search-popup--compact {
top: -100%;
left: 50%;
width: 80%;
max-width: 800px;
height: auto;
padding: 0.9rem 2rem;
box-shadow: var(--shadow-default);
transform: translate(-50%, -8px);
opacity: 0;
transition: opacity .2s ease-in-out .1s, transform .2s ease-in-out, top 1ms linear .3s;
}
.search-popup--compact .search__input {
border-bottom: none;
}
.search-popup--is-active {
transform: translateX(0);
transition: opacity .15s linear, transform 0s linear 0s;
opacity: 1;
}
.search-popup--compact.search-popup--is-active {
top: calc(var(--js-header-height, 4rem) + var(--js-wpadminbar-height, 0px) + 16px);
transform: translate(-50%, 0);
transition: top 1ms linear, opacity .2s ease-in-out 1ms, transform .4s ease-in-out 1ms;
}
.search-popup__close {
position: absolute;
top: 2rem;
right: 2rem;
width: 44px;
height: 44px;
cursor: pointer;
border: none;
padding: 0;
text-align: left;
background-color: transparent;
}
.search-popup--compact .search-popup__close {
display: none;
}
.search-popup__close::before,
.search-popup__close::after {
content: ' ';
position: absolute;
top: 50%;
width: 100%;
height: 1px;
background-color: var(--color-main);
opacity: 0.7;
}
.search-popup__close::before {
transform: rotate(45deg);
}
.search-popup__close::after {
transform: rotate(-45deg);
}
.search-popup__close:hover::before,
.search-popup__close:hover::after {
opacity: 1;
}
.search {
position: relative;
top: -50px;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 800px;
padding: 0 var(--search-page-padding);
margin: var(--search-page-vertical-margin) 0;
box-sizing: border-box;
}
.search-popup--compact .search {
top: 0;
}
.search__form {
width: 100%;
}
.search__fieldset {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
border: none;
padding: 0;
margin: 0;
}
.search__input {
display: inline-block;
width: 100%;
padding-right: 4rem;
border-top: none;
border-right: none;
border-bottom: 1px solid var(--color-auxiliary);
border-left: none;
font-family: var(--font-headline);
color: var(--color-main);
background-color: transparent;
outline-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search__input::placeholder {
color: var(--color-auxiliary);
}
.search__button {
--icon-size: 0.75rem;
position: relative;
left: var(--icon-size); width: 3rem;
height: 3rem;
min-width: 3rem;
min-height: 3rem;
border: none;
padding: var(--icon-size);
margin-left: -3rem;
background-color: transparent;
transition: opacity .25s linear;
}
.search__button.has-value {
cursor: pointer;
}
.search-button.has-value:hover {
opacity: 0.8;
}
.search__button > svg {
width: 100%;
height: 100%;
fill: var(--color-auxiliary);
fill-opacity: 0.6;
}
.search__button.has-value > svg {
fill: var(--color-main);
fill-opacity: 1;
}
@media screen and (max-width: 768px) {
.search__button {
--icon-size: 0.85rem;
}
.search-popup--compact {
width: calc(100% - (2 * var(--website-horizontal-padding)));
padding: 0.5rem 1.5rem;
margin: 0 var(--website-horizontal-padding);
transform: translate(calc(-50% - var(--website-horizontal-padding)), -8px);
}
.search-popup--compact.search-popup--is-active {
transform: translate(calc(-50% - var(--website-horizontal-padding)), 0);
}
} .block {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding-left: var(--website-horizontal-padding);
padding-right: var(--website-horizontal-padding);
overflow: hidden;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.block__inner {
width: 100%;
max-width: var(--website-maximum-width);
margin: 0 auto;
}  .arrow-link {
display: inline-flex;
justify-content: center;
align-items: center;
padding-right: 0.2em;
border: none;
text-decoration: none;
text-align: center;
color: var(--color-main);
background-color: transparent;
}
.arrow-link::after {
content: '';
position: relative;
top: 0.1em;
display: inline-block;
border: solid currentColor;
border-width: 0 1px 1px 0;
padding: 0.2em;
white-space: initial;
transform: rotate(-45deg) translate(3px, 3px);
transition: transform .25s linear;
}
.arrow-link:hover::after {
transform: rotate(-45deg) translate(6px, 6px);
} .cta-link {
display: block;
text-decoration: none;
padding: 0.8rem 1.5rem;
color: var(--color-main);
background-color: var(--color-accent);
border: 0; border-radius: 1000px; 
transition: box-shadow .2s linear;
text-align: center;
cursor: pointer;
}
.cta-link:hover {
box-shadow: inset 0 0 0 10em rgba(255, 255, 255, 0.3);
opacity: 1;
} .underline-link {
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-bottom .25s linear;
}
.underline-link:hover,
.underline-link--selected {
border-bottom: 1px solid currentColor;
} .info-bar {
position: relative;
display: none;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
min-height: 40px;
padding: 0 var(--website-horizontal-padding);
color: var(--color-negative);
background-color: var(--color-main);
}
.info-bar__content {
flex: 1 1 auto;
max-width: var(--website-maximum-width);
padding-top: 10px;
padding-bottom: 10px;
}
.info-bar--dismissible .info-bar__content {
padding-right: 2rem;
}
.info-bar__content--center {
text-align: center;
}
.info-bar--dismissible .info-bar__content--center {
padding-left: 2rem;
padding-right: 2rem;
}
.info-bar__close-button {
position: absolute;
display: none;
top: 50%;
right: 20px;
width: 18px;
height: 18px;
padding: 0;
border: 0;
background-color: transparent;
opacity: 1;
transform: translateY(-50%);
transition: opacity .2s linear;
cursor: pointer;
}
.info-bar--dismissible .info-bar__close-button {
display: flex;
}
.info-bar__close-button:hover {
opacity: 0.8;
}
.info-bar__close-button:before,
.info-bar__close-button:after {
position: absolute;
left: 8px;
content: '';
height: 18px;
width: 2px;
border-radius: 1px;
background-color: var(--color-negative);
}
.info-bar__close-button:before {
transform: rotate(45deg);
}
.info-bar__close-button:after {
transform: rotate(-45deg);
}
.info-bar__content > * {
margin: 0;
}
.info-bar__content a {
transition: opacity .2s linear;
}
.info-bar__content a:hover {
opacity: 0.8;
} .disclaimer-bar__inner {
display: none;
justify-content: space-between;
width: 100%;
max-width: var(--website-maximum-width);
height: auto;
padding: 1.5rem 2.5rem;
}
.display .disclaimer-bar__inner {
display: flex;
}
.disclaimer-bar__content {
max-width: 500px;
}
.disclaimer-bar__content > * {
margin: 0;
padding: 0;
}
.disclaimer-bar__content > a {
font-size: inherit;
color: inherit;
text-decoration: underline;
transition: opacity .2s linear;
}
.disclaimer-bar__content > a:hover {
opacity: 0.8;
}
@media all and (max-width: 768px) {
.disclaimer-bar__inner {
padding: 2rem 2.5rem;
}
} .popup-box {
display: block;
}
.popup-box--mobile {
display: none;
}
.popup-box__inner {
display: none;
width: 100%;
color: var(--color-main);
}
.display .popup-box__inner {
display: flex;
}
.popup-box--no-image .popup-box__content-wrapper {
max-width: 100%;
}
.popup-box--no-image .popup-box__content {
text-align: center;
align-items: center;
}
.popup-box--no-image .popup-box__image {
display: none;
}
.popup-box--close .popup-box__inner {
animation: popupClose 0.6s;
}
.popup-box--close .popup-box__overlay {
animation: overlayClose 0.6s;
}
.popup-box__content-wrapper {
flex: 1 1 55%;
max-width: 55%;
padding: 3rem 2.5rem;
overflow-y: auto;
background-color: var(--color-negative);
}
.popup-box__content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 500px;
height: auto;
min-height: 100%;
}
.popup-box__image,
.woocommerce-page .popup-box__image {
flex: 1 1 45%;
max-width: 45%;
object-fit: cover;
}
.popup-box__title {
margin: 0 0 1rem 0;
font-weight: 600;
}
.popup-box__text {
margin: 0;
}
.popup-box__cta {
margin: 1.2rem 0 0 0;
}
@media all and (max-width: 768px) {
.popup-box {
display: none;
}
.popup-box--mobile {
position: fixed;
top: 0;
left: 0;
display: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
z-index: 10000;
padding: 2rem var(--website-horizontal-padding);
background-color: #9999997f;
overflow: hidden;
opacity: 0;
}
.popup-box--mobile.show {
display: flex;
}
.popup-box--mobile.animate {
opacity: 1;
transition: opacity 100ms ease-in-out;
}	
.popup-box--mobile .popup-box__inner {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: var(--shadow-default);
opacity: 0;
transform: translateY(-8px);
}
.popup-box--mobile.animate .popup-box__inner {
opacity: 1;
transform: translateY(0);
transition: opacity 200ms ease-in-out, transform 400ms ease-in-out;
}
.popup-box--mobile__close-button {
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
width: var(--close-button-size, 1rem);
height: var(--close-button-size, 1rem);
padding: 8px;
margin: 10px 12px;
border: none;
background-color: transparent;
box-sizing: content-box;
cursor: pointer;
color: inherit;
z-index: 10;
transition: opacity 200ms ease-in-out;
}
.popup-box--mobile__close-button:hover {
opacity: 0.7;
}
.popup-box--mobile__close-button::before, .popup-box--mobile__close-button::after {
content: ' ';
position: absolute;
width: calc(var(--close-button-size, 1rem) * 1.41);
height: var(--close-button-thickness, 2px);
border-radius: var(--close-button-thickness, 2px);
background-color: var(--close-button-color, #999);
}
.popup-box--mobile__close-button::before {
transform: rotate(45deg);
}
.popup-box--mobile__close-button::after {
transform: rotate(135deg);
}
.popup-box--mobile .popup-box__image {
display: block;
max-width: 100%;
max-height: 250px;
}
.popup-box__content-wrapper {
max-width: 100%;
padding: 2.5rem 2.5rem;
}
.popup-box__content {
text-align: center;
align-items: center;
margin: 0 auto;
}
.popup-box__image {
display: none;
}
} [id^="notif"] .notification__inner {
box-shadow: var(--shadow-default);
} .action-buttons {
--horizontal-margin: 30px;
--vertical-margin: 35px;
--button-size: 44px;
position: fixed;
left: var(--horizontal-margin);
bottom: var(--vertical-margin);
opacity: 1;
transition: left 1ms linear, opacity 200ms ease-in-out 1ms;
z-index: 50;
}
.action-buttons.active-overlay {
z-index: 200;
}
.action-buttons.hide {
left: -100vw;
opacity: 0;
transition: opacity 200ms ease-in-out, left 1ms linear 200ms;
}
.action-buttons > ul {
padding: 0;
margin: 0;
list-style: none;
}
.action-buttons > ul > li {
margin-bottom: 12px;
}
.action-buttons > ul > li:last-child {
margin-bottom: 0;
}
.action-button {
display: flex;
justify-content: center;
align-items: center;
width: var(--button-size);
height: var(--button-size);
padding: 0;
border: 0;
border-radius: 50%;
background-color: var(--color-negative);
cursor: pointer;
box-shadow: var(--shadow-default);
}
.action-button > svg {
width: 44%;
height: 44%;
opacity: 0.5;
fill: var(--color-main);
transition: opacity 150ms 100ms ease-in-out;
}
.action-button:hover > svg {
opacity: 1;
}
.action-button--appointment {
position: relative;
z-index: 10;
}
.action-button--is-active > svg {
opacity: 0 !important;
transition: opacity 100ms;
}
.action-button--appointment__x-button {
position: absolute;
display: flex;
width: 38px;
height: 36px;
align-items: center;
padding: 8px;
transform: rotate(45deg);
opacity: 0;
transition: opacity 100ms 100ms, transform 200ms;
}
.action-button--is-active .action-button--appointment__x-button {
opacity: 1;
transform: rotate(225deg);
transition: opacity 100ms, transform 200ms;
}
.action-button--appointment__x-button::before,
.action-button--appointment__x-button::after {
content: ' ';
position: absolute;
display: block;
width: calc(100% - 2 * 8px);
height: 2px;
border-radius: 4px;
background-color: var(--color-main);
}
.action-button--appointment__x-button::after {
transform: rotate(90deg);
} .action-appointment {
position: absolute;
right: 100vw;
bottom: 0;
display: block;
width: 585px;
max-width: calc(100vw - (2 * var(--horizontal-margin)));
height: 572px;
padding: 44px;
z-index: 10;
background-color: var(--color-negative);
box-shadow: var(--shadow-default);
opacity: 0;
transform: translate(calc(100% + 24px), -8px);
transition: opacity .2s ease-in-out .1s, transform .2s ease-in-out, right 1ms linear.3s;
}
.action-appointment.active {
right: 0;
opacity: 1;
transform: translate(calc(100% + 24px), 0px);
transition: right 1ms linear, opacity .2s ease-in-out 1ms, transform .4s ease-in-out 1ms;
}
.action-appointment__close-button {
--close-button-size: 1rem;
--close-button-thickness: 2px;
--close-button-color: #999;
position: absolute;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
width: var(--close-button-size, 1rem);
height: var(--close-button-size, 1rem);
padding: 8px;
margin: 4px 8px;
border: none;
background-color: transparent;
box-sizing: content-box;
cursor: pointer;
z-index: 10;
transition: opacity 200ms ease-in-out;
}
.action-appointment__close-button:hover {
opacity: 0.7;
}
.action-appointment__close-button::before,
.action-appointment__close-button::after {
content: ' ';
position: absolute;
width: calc(var(--close-button-size, 1rem) * 1.41);
height: var(--close-button-thickness, 2px);
border-radius: var(--close-button-thickness, 2px);
background-color: var(--close-button-color, #999);
}
.action-appointment__close-button::before {
transform: rotate(45deg);
}
.action-appointment__close-button::after {
transform: rotate(135deg);
}
@media screen and (max-width: 768px) {
.action-buttons {
--horizontal-margin: 20px;
--vertical-margin: 20px;
}
.action-appointment {
width: 100vw;
transform: translate(calc(100% - var(--button-size)), -8px);
}
.action-appointment.active {
transform: translate(calc(100% - var(--button-size)), 0px);
}
} html:not(.js-no) .block--animation-on  .animation-reveal--in:not(.animation--off) {
opacity: 0;
}
html:not(.js-no) .block--animation-on .animation-reveal--up:not(.animation--off) {
opacity: 0;
transform: translateY(20px);
}
.block--animation-on [data-reveal].animation-reveal--in:not(.animation--off),
.block--animation-on [data-reveal] .animation-reveal--in:not(.animation--off) {
animation: revealFadeIn 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-fill-mode: forwards;
}
.block--animation-on [data-reveal].animation-reveal--up:not(.animation--off),
.block--animation-on [data-reveal] .animation-reveal--up:not(.animation--off) {
animation: revealFadeIn 0.75s cubic-bezier(0.55, 0.055, 0.675, 0.19),
revealSlideUp 2s cubic-bezier(0.19, 1, 0.22, 1);
animation-fill-mode: forwards;
}
.block--animation-on [data-reveal] .animation-delay--2nd:not(.animation--off) {
animation-delay: 200ms;
}
.block--animation-on [data-reveal] .animation-delay--3rd:not(.animation--off) {
animation-delay: 400ms;
}
.block--animation-on [data-reveal] .animation-delay--4th:not(.animation--off) {
animation-delay: 600ms;
}
.block--animation-on [data-reveal] .animation-delay--5th:not(.animation--off) {
animation-delay: 800ms;
}
@keyframes revealFadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes revealSlideUp {
0% { transform: translateY(20px); }
100% { transform: translateY(0); }
}