:root {
    --clx-transparent: #00000000;
    --clx-white: #ffffff;
    --clx-white-dark: #f5f5f5;
    --clx-white-dark-75: rgba(222, 222, 222, 0.75);
    --clx-black: #483C32;
    --clx-gray: #483C32;
    --clx-gray-light: #AD9F93;
    --clx-darkwhite: rgb(245, 245, 245);
    --clx-gray-dark: #444444;
    --clx-blue: #AD9F93;
    --clx-blue-light: rgb(4, 82, 153, 0.75);
    --clx-green: #008000;
    --clx-red: #EB0000;
    --clx-orange: #ffa500;
    --clx-yellow: #FFFF00;
    --clx-petrol: #AD9F93;
    --clx-petrol-dark: #0483C32;
    --clx-aside-color: #252525e6;
    --clx-gutter-x: 1.5rem;
    --clx-gutter-y: 5rem;
    --clx-transition: all 0.3s ease-in-out;
    --clx-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
    --clx-font-family: 'Figtree', system-ui, sans-serif;
    --clx-font-size: calc(1rem + .2vw);
    --clx-font-size-small: calc(.8rem + .2vw);
    --clx-font-size-micro: calc(.6rem + .2vw);
    --clx-font-weight: 400;
    --clx-line-height: 1.25;
    --clx-bun-height: calc(.2rem + .15vw);



    /* Distance */
    --clx-container-width: 900px;
    --clx-indented-width: 578px;
    --clx-distance-xxsmall: 5px;
    --clx-distance-xsmall: 10px;
    --clx-distance-small: 20px;
    --clx-distance-medium: 30px;
    --clx-distance-large: 45px;
    --clx-distance-xlarge: 60px;
    --clx-distance-xxlarge: 40px;
    --clx-distance-xxxlarge: 50px;


    --clx-section-light: var(--clx-white);
    --clx-section-dark: var(--clx-darkwhite);

}

html {
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 320px;
}

body {
    margin: 0;
    font-family: var(--clx-font-family);
    font-size: var(--clx-font-size);
    font-weight: var(--clx-font-weight);
    line-height: var(--clx-line-height);
    background-color: var(--clx-white);
    transition: opacity var(--clx-transition);
    word-break: break-word;
    overflow-x: hidden;
}

header {
    position: fixed;
    width: 100%;
    background-color: #AD9F93;
    z-index: 1001;
    border-bottom: 8px solid #483C32;
}

main {
    width: 100%;
    min-height: 780px;
}

main.main-content {
    padding-top: 50px;
    padding-bottom: 80px;
    width: 100%;
}

#slides {
    max-height: calc(100dvh - 100px);
}

section {
    padding: calc(var(--clx-gutter-y) * .1) 0;
    margin-left: auto;
    margin-right: auto;
}

section {
    position: relative;
    box-sizing: content-box;
}

section>img {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    object-fit: cover;
    object-position: center;

    /*
    display: flex;
    width: 100%;
    height: 100%;
    */
}


section.main-header {
    margin-top: 80px;
}




.clx-section-light {
    background-color: var(--clx-section-light);
}

.clx-section-dark {
    background-color: var(--clx-section-dark);
}

details {
    box-sizing: border-box;
    width: 100%;
    border: 2px solid #AD9F93;
    margin: var(--clx-gutter-x) 0;
    padding: 0 1rem;
    border-radius: 0.5rem;
}

summary {
    padding: 1rem 0;
    cursor: pointer;
    font-weight: 500;
}

footer {
    background-color: #AD9F93;
    color: var(--clx-white);
}

footer section {
    display: flex;
    align-content: center;
}

footer section>* {
    flex-grow: 1;
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin: 1rem 0 1rem 0;
    font-weight: 500;
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.2vw);
    color: #483C32;
}

h2,
.h2 {
    font-size: calc(1.25rem + .9vw);
}

h3,
.h3 {
    font-size: calc(1.1rem + .6vw);
    color: #483C32;
}

h4,
.h4 {
    font-size: calc(1.1rem + .3vw);
}

h5,
.h5 {
    font-size: calc(1.1rem + .2vw);
}

h6,
.h6 {
    font-size: calc(1.1rem + .1vw);
}

p {
    margin: 0 0 1rem;
}

a,
.a {
    text-decoration: none;
    color: var(--clx-petrol);
}

a:hover,
.a:hover {
    text-decoration: underline;
}

hr,
.hr,
fieldset,
.fieldset {
    margin: 1.5rem 0;
    border: 1px solid var(--clx-gray-light);
}

footer ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: calc(var(--clx-gutter-y) * .2) calc(var(--clx-gutter-x) * .4);
    margin: 0 auto 0 auto;
    font-style: initial;
}

footer a {
    color: var(--clx-white);
}

select,
select-selected,
textarea,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"] {
    font-family: var(--clx-font-family);
    padding: 10px 15px;
    border: 1px solid var(--clx-gray-light);
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: .5rem 0;
    text-align: left;
}

.contactForm>label,
.newsletterForm>label {
    display: inline-block;
    margin-top: 1.5rem;
}

.newsletterForm.error,
.contactFormGroup.error,
.newsletterFormGroup.error,
select.error,
textarea.error,
input[type="file"].error,
input[type="text"].error,
input[type="password"].error,
input[type="checkbox"].error {
    border: 1px solid var(--clx-red);
}

button,
input[type="reset"],
input[type="submit"],
input[type="button"] {
    font-family: var(--clx-font-family);
    font-size: var(--clx-font-size-small);
    font-weight: 500;
    text-transform: uppercase;
    padding: 11px 15px 10px;
    margin: .5rem 0;
    background-color: var(--clx-white-dark);
    border: 1px solid var(--clx-gray-light);
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
}

button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
    cursor: pointer;
    background-color: var(--clx-white);
}

input[type="file"] {
    font-family: var(--clx-font-family);
    font-size: var(--clx-font-size);
    margin: .5rem .5rem .5rem 0;
}

.ui-datepicker .ui_tpicker_time,
.ui-datepicker .ui_tpicker_hour,
.ui-datepicker .ui_tpicker_minute,
.ui-datepicker .ui_tpicker_second {
    margin: -24px 0 10px 100px !important;
}

.ui-datepicker .ui_tpicker_time_label,
.ui-datepicker .ui_tpicker_hour_label,
.ui-datepicker .ui_tpicker_minute_label,
.ui-datepicker .ui_tpicker_second_label {
    width: 100px !important;
}

.ui-datepicker .ui_tpicker_time_label {
    margin: 0 !important;
    line-height: 24px !important;
}

#eyecatcher {
    background: url(/themes/zahnarztpraxis/images/eyecatcher-mobile.webp) center center no-repeat;
    background-size: cover;
    min-height: 80vh;
}

#eyecatcher h1 {
    color: var(--clx-white);
    font-size: calc(1.525rem + 1.6vw);
    margin: 5rem 0 0 0;
}

#eyecatcher p {
    color: var(--clx-white);
    font-size: calc(1.1rem + .4vw);
}


#contactFormError {
    display: none;
}

#downloads img {
    height: 18px;
    width: auto;
}

#downloads td:first-child {
    white-space: nowrap;
}

#news ul {
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#news img {
    width: 100%;
    height: auto;
}

#toggle {
    display: none;
}

#toggle:checked+.clx-burger .clx-bun-top {
    transform: rotate(-225deg);
    margin: 0;
}

#toggle:checked+.clx-burger .clx-bun-bottom {
    transform: rotate(225deg);
}

/*
#toggle:checked~nav {
    transform: scale(1);
}
    */


.text-danger,
.is_required {
    color: var(--clx-red);
}

.gallery-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    list-style: none;
    padding: 0;
}

.gallery-container li {
    height: 300px;
    cursor: pointer;
    position: relative;
}

.gallery-container img {
    max-width: 100%;
    height: 100%;
    border-radius: 0.5rem;
    object-fit: cover;
}

.gallery-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(57, 57, 57, 0.502);
    top: 0;
    left: 0;
    transform: scale(0);
    transition: var(--clx-transition);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.gallery-image img {
    max-width: 100%;
}

.gallery-image:hover .gallery-overlay {
    transform: scale(1);
}










/* ANCHOR CLX Demo Theme */
.clx-wrapper,
.clx-container,
.clx-limiter {
    margin: 0 auto;
    width: calc(100% - 40px);
    max-width: 1340px;
    padding: 0;
}

.clx-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    height: 90px;
    padding-bottom: 10px;
}

.clx-logo {
    float: left;
    position: relative;
    display: inline-block;
    width: 50dvw;
    max-width: 246px;
    margin: 0 0 8px 0;
}

.clx-logo:hover {
    fill: var(--clx-petrol);
}

.clx-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.clx-flex-col {
    flex-flow: column wrap;
}

.clx-flex-item {
    flex-basis: 260px;
    flex-basis: calc(calc(680px - 100%) * 999);
    flex-grow: 1;
}

.clx-grid {
    display: grid;
    gap: 2rem;
    z-index: 1;
}

.clx-grid-2 {
    grid-template-columns: 1fr 1fr;
}

.clx-grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.clx-grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.clx-grid-5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}


.clx-border {
    padding: 0.5rem;
    border: 4px solid var(--clx-petrol);
    border-radius: 0.5rem;
    background-color: var(clx-gray-light);
}

.clx-border-small {
    padding: 0.5rem;
    border: 2px solid var(--clx-petrol);
    border-radius: 0.5rem;
    background-color: var(clx-gray-light);
}

.clx-compressed>* {
    margin: 3px 0;
}

.clx-pointer {
    cursor: pointer;
}

.clx-mt {
    margin-top: 2rem;
}

.clx-mb {
    margin-bottom: 2rem;
}

.clx-muted {
    color: var(--clx-gray);
}


.clx-image-frame {
    /*position: relative;*/
    margin: 0;
    padding: 0;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.clx-image-frame img {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
    box-sizing: border-box;
    object-fit: cover;
    object-position: center;
}

.clx-team {
    display: flex;
    flex-direction: column;
    position: relative;
    position: inherit;
    margin-top: 8rem;
}

.clx-team .clx-image-frame {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 80%;
    max-width: 220px;
    margin: -6rem auto 4rem;
}

.clx-team .clx-image-frame a {
    width: 100%;
    max-width: 220px;
}

.clx-team .clx-image-frame a img {
    border-radius: 50%;
    border: 3px solid var(--clx-gray-light);
    width: 100%;
    aspect-ratio: 1 / 1;
}

.clx-behandlung .clx-image-frame a img {
    border-radius: 10px;
}

.clx-team .clx-content-frame {
    width: 100%;
}

.clx-back-a {
    padding-left: 22px;
    background: transparent url("../images/icon_nav_back_dark.svg") center left no-repeat;
    background-size: auto 14px;
    font-weight: 500;
}

.clx-txt-center {
    text-align: center;
}

.clx-isotope-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: calc(100% + 20px);
    margin: 0 -10px;
    padding: 0;
}

.clx-isotope-item {
    box-sizing: border-box;
    margin: 10px;
    width: calc(33% - 20px);
    min-height: 450px;
}

.clx-button-group {
    box-sizing: border-box;
    display: flex;
    flex-direction: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
    margin: 3rem 0 1rem;
}

.clx-button-group li {
    box-sizing: border-box;
    list-style: none;
    padding: 15px 30px;
}

.clx-button-group li:hover {
    background-color: var(--clx-gray-light);
}

.clx-button-download {
    display: block;
    width: fit-content;
    margin: 1rem 0;
    padding: 1rem 2rem 1rem 4rem;
    cursor: pointer;
    border-radius: 0.5rem;
    background-image: url("../images/icon_download.svg");
    background-position: 1.8rem;
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-color: var(--clx-petrol);
    color: var(--clx-white);
    font-weight: 500;
}

.clx-button-download:hover {
    border-color: var(--clx-petrol-dark);
    background-color: var(--clx-petrol-dark);
    text-decoration: none;
}

.clx-box {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 4rem;
    box-sizing: border-box;
    margin: 1rem 0 1rem;
}

.clx-box-reverse {
    flex-direction: row-reverse;
}

.clx-box>div {
    box-sizing: border-box;
    width: 100%;
}

.clx-box-img img {
    display: block;
    width: 80%;
    border-radius: 0.5rem;
    filter: grayscale(60%);
    -webkit-filter: grayscale(5%);
}

.clx-box-txt {
    padding: 1rem 0;
}

.clx-box-txt a {
    float: left;
    padding: 1rem 2rem;
    margin-bottom: 25px;
    cursor: pointer;
    border: 2px solid var(--clx-petrol);
    background-color: var(--clx-white);
    color: var(--clx-petrol);
    border-radius: 0.5rem;
}

.clx-box-txt a:hover {
    background-color: var(--clx-darkwhite);
    text-decoration: none;
    transition: 0.3s;
}

.clx-box-txt>img {
    display: inline-block;
    max-width: 100%;
}

.clx-box-overlap {
    position: relative;
    align-items: center;
}

.clx-box-overlap>div {
    width: 60%;
}

.clx-box-overlap-65 div.clx-box-img {
    width: 65%;
}

.clx-box-overlap-70 div.clx-box-img {
    width: 70%;
}

.clx-box-overlap-75 div.clx-box-img {
    width: 75%;
}

.clx-box-overlap-80 div.clx-box-img {
    width: 80%;
}

.clx-box-overlap-85 div.clx-box-img {
    width: 85%;
}

.clx-box-overlap-90 div.clx-box-img {
    width: 90%;
}

.clx-box-overlap-95 div.clx-box-img {
    width: 95%;
}

.clx-box-overlap-100 div.clx-box-img {
    width: 100%;
}

.clx-box-overlap .clx-box-txt {
    position: absolute;
    right: 0;
    width: 50%;
    padding: 2rem 3rem 3rem;
    background-color: var(--clx-white);
    border-radius: 0.5rem;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}

.clx-box-reverse.clx-box-overlap .clx-box-txt {
    right: unset;
    left: 0;
}

.clx-paddingt-small-bottom {
    padding-bottom: 15px;
}

.clx-paddingt-medium-bottom {
    padding-bottom: 30px;
}

.clx-paddingt-large-bottom {
    padding-bottom: 45px;
}

.clx-paddingt-xlarge-bottom {
    padding-bottom: 60px;
}

.clx-paddingt-xxlarge-bottom {
    padding-bottom: 75px;
}

.clx-paddingt-xxxlarge-bottom {
    padding-bottom: 90px;
}


/* ANCHOR CLX Pop-up */
.clx-popup {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    background: var(--clx-white-dark-75);
    backdrop-filter: blur(6px);
    z-index: 10000;
}

.clx-popup.hidden {
    display: none;
}

.clx-popup-frame {
    box-sizing: border-box;
    position: relative;
    padding: 40px;
    max-width: 680px;
    width: 88vw;
    background: var(--clx-white);
    box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    z-index: 10001;
}

.clx-popup-frame>img {
    width: 100%;
    max-width: unset;
    height: auto;
}

.clx-popup-frame h2,
.clx-popup-frame h3,
.clx-popup-frame h4 {
    font-weight: 400;
    margin-bottom: 20px;
}

.clx-popup-frame p:first-of-type img {
    position: relative;
    top: -40px;
    left: -40px;
    margin-bottom: -40px;
    width: calc(100% + 80px) !important;
    max-width: unset;
    height: auto;
    border-radius: 8px 8px 0 0;
}

.clx-popup-frame a {
    display: block;
    width: fit-content;
    margin: 1rem 0;
    padding: 1rem 2rem;
    border-radius: 0.5rem;
    background-color: var(--clx-petrol);
    cursor: pointer;
    color: var(--clx-white);
    font-weight: 500;
    text-decoration: none;
}

.clx-popup-close {
    position: absolute;
    top: -20px;
    right: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.25);
    background-color: var(--clx-petrol);
    background-image: url("../images/icon_close.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px auto;
    z-index: 10010;
}

.clx-popup-close:hover,
.clx-popup-frame a:hover {
    background-color: var(--clx-petrol-dark);
}


/* ANCHOR bxslider */
.bx-wrapper {
    border: none;
    box-shadow: none;
    border-radius: 0.5rem;
    overflow: hidden;
}

.bxslider .clx-bxslider-content {
    position: absolute;
    box-sizing: border-box;
    padding: 60px 60px 60px 120px;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
}

.bxslider .clx-bgcolor-muted {
    background-color: rgba(249, 249, 249, 1);
}



/* ANCHOR CLX Form */
.clx-form {
    /*
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
    */
    /*
    gap: 1rem;
    */
    align-items: end;
}

.clx-form select,
.clx-form input,
.clx-form textarea {
    display: block;
    box-sizing: border-box;
    margin: .5rem 0;
    width: 100%;
    height: 54px;
    border: 1px solid var(--clx-gray-light);
    border-radius: 0.5rem;
    outline: none;
    font-family: var(--clx-font-family);
    font-size: var(--clx-font-size);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.clx-form textarea {
    height: 144px;
}

.clx-form input[type="submit"] {
    font-size: var(--clx-font-size-small);
}

.clx-form select {
    background-color: var(--clx-white);
    background-image: url("../images/icon_down.svg");
    background-position: calc(100% - 1rem) center;
    background-repeat: no-repeat;
    background-size: 22px auto;
    cursor: pointer;
}

.clx-form select option[value=""][disabled] {
    display: none;
}

.clx-form .h-captcha {
    margin: 8px 0;
}

.clx-search-menu .clx-form input[type="text"],
.clx-shop-menu .clx-form input[type="text"],
.clx-search-menu .clx-form input[type="submit"],
.clx-shop-menu .clx-form input[type="submit"] {
    width: 100%;
}

.clx-calendar-menu .clx-grid-5 {
    grid-template-columns: 2fr 1fr 1fr 2fr 1fr;
    /*align-items: end;*/
}

/* ANCHOR CLX Navigation */
.clx-navigation {
    display: inline-flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
}

.clx-header-search {
    position: relative;
    display: inline-flex;
}

.clx-header-search a {
    margin: 0 0 5px 0;
    width: 44px;
    height: 44px;
    cursor: pointer;
    background: transparent url("../images/icon_search_light.svg") center no-repeat;
    background-size: 25px auto;
}

.clx-header-search a:hover {
    background: transparent url("../images/icon_search_dark.svg") center no-repeat;
    background-size: 25px auto;
}

.clx-header-basket {
    position: relative;
    margin: 0 0 5px 0;
    width: 44px;
    height: 44px;
    cursor: pointer;
    background: transparent url("../images/icon_basket_dark.svg") center no-repeat;
    background-size: 25px auto;
}

.clx-header-basket:hover {
    background: transparent url("../images/icon_basket_light.svg") center no-repeat;
    background-size: 25px auto;
}

.clx-header-basket div {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -5px;
    right: -3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: var(--clx-petrol);
    font-size: 15px;
    line-height: 1;
    color: var(--clx-white);
}

.clx-header-basket div ul li {
    display: none;
}

.clx-header-basket div ul:after {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    content: "0";
}

.clx-navLang {
    text-transform: uppercase;
}

.clx-navLang ul,
.clx-navTop ul {
    display: inline-flex;
    /*flex-wrap: wrap;*/
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0;
}

.clx-navLang ul {
    gap: 0;
    /*
    margin-left: 10px;
    margin-right: 10px;
    */
}

.clx-navLang ul:has(> li:only-child)>li:only-child {
    display: none;
}

.clx-navLang ul li,
.clx-navTop ul li {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
}

.clx-navLang ul li::before,
.clx-navTop ul li::before {
    content: none;
}

.clx-navLang ul li a,
.clx-navTop ul li a {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 10px;
    line-height: 1;
    text-decoration: none;
    color: var(--clx-white);
    font-weight: 500;
}

.clx-navLang ul li a {
    padding: 0 5px;
    font-weight: 400;
}

.clx-navLang ul li:hover a,
.clx-navLang ul li.starter_active a,
.clx-navTop ul li:hover a,
.clx-navTop ul li.starter_active a {
    color: var(--clx-black);
}


/* Level 2 */
.clx-navTop ul li ul {
    position: absolute;
    padding: 0 0 15px 0;
    left: -10px;
    top: 50px;
    min-width: 160px;
    width: auto;
    height: auto;
    display: none;
    background-color: #AD9F93;
    transition: background-color 0.3s ease-in-out;
}

.clx-navTop ul li ul li {
    float: left;
    margin: 0;
    padding: 0;
    left: 0;
    height: auto;
    width: 100%;
}

.clx-navTop ul li ul li a,
.clx-navTop ul li:hover ul li a,
.clx-navTop ul li.active ul li a {
    float: left;
    padding: 8px 20px;
    margin: 0;
    height: auto;
    width: 100%;
    line-height: 1;
    color: var(--clx-white);
    font-weight: 400;
}

.clx-navTop ul li:hover ul li:hover a,
.clx-navTop ul li:hover ul li.active a {
    color: var(--clx-black);
}

.clx-navTop ul li ul li a:before {
    content: "";
}


/* ANCHOR CLX Navigation Burger */
.clx-navBurger {
    display: none;
    position: relative;
    margin: 0;
    padding: 0 40px 0 0;
    margin-bottom: 10px;
    width: auto;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    outline: none;
    outline: 0;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: transparent;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
}

.clx-navBurger:hover,
.clx-navBurger:focus {
    background-color: transparent;
    outline: none;
}

.clx-navBurger span {
    display: block;
    position: absolute;
    top: 14px;
    right: 0;
    width: 30px;
    height: 2px;
    background: #fff;
    transition-duration: 0.3s;
}

.clx-navBurger span:before,
.clx-navBurger span:after {
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #fff;
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s;
    transition-property: top, transform;
}

.clx-navBurger span:after {
    top: 8px;
    width: 22px;
}

.clx-navBurger.is-active span {
    background: none;
}

.clx-navBurger.is-active span:before {
    top: 0;
    transform: rotate(45deg);
    transition-delay: 0s, 0.3s;
}

.clx-navBurger.is-active span:after {
    top: 0;
    width: 30px;
    transform: rotate(-45deg);
    transition-delay: 0s, 0.3s;
}


/* ANCHOR CLX Navigation Mobile */
.clx-navMobile {
    position: fixed;
    right: 0;
    top: 0;
    padding-top: 120px;
    width: 0;
    height: 100%;
    background: var(--clx-petrol);
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
}

.clx-navMobile.open {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.clx-navMobile ul {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.clx-navMobile ul li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style: none;
    background-image: none;
}

.clx-navMobile ul li::before {
    content: none;
}

.clx-navMobile ul li a {
    position: relative;
    float: left;
    margin: 0;
    padding: 12px 0;
    width: calc(100% - 40px);
    display: block;
    font-size: 1.3em;
    text-decoration: none;
    color: var(--clx-white);
    font-weight: 400;
}

/* Level 2 */
.clx-navMobile ul li ul {
    padding: 0;
    margin: 0 0 10px 0;
    width: 100%;
    border: none;
    display: none;
}

.clx-navMobile ul li ul li {
    padding: 0;
}

.clx-navMobile ul li ul li a {
    position: relative;
    float: left;
    margin: 0;
    padding: 5px 0 5px 20px;
    width: calc(100% - 20px);
    display: block;
    text-transform: none;
    font-size: 1.1em;
    color: var(--clx-white);
}

/* Level 3 */
.clx-navMobile ul li ul li ul li a {
    padding: 5px 0 5px 50px;
    font-size: 1em;
}

.clx-navMobile a.starter_active,
.clx-navMobile a.active {
    color: var(--clx-gray);
}

.clx-navMobile ul li .openSubmenu {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    text-align: center;
    cursor: pointer;
}

.clx-navMobile ul li.level-1>ul {
    display: none;
}

.clx-navMobile ul li.level-1.starter_active>ul.menu,
.clx-navMobile ul li.level-2>ul.menu {
    display: block;
}

.clx-navMobile ul li.level-1 .plus {
    background-image: url("../images/icon_nav_plus.svg");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 18px auto;
}

.clx-navMobile ul li.level-1 .minus {
    background-image: url("../images/icon_nav_minus.svg");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 18px auto;
}

.clx-mobile-search {
    display: inline-block;
    margin-bottom: 2rem;
    width: 100%;
}

.clx-mobile-search input {
    float: left;
    border: none;
    margin: 0;
    padding: 10px 5px;
    height: 60px;
    width: calc(100% - 60px);
    color: var(--clx-white);
    border: none;
    background: transparent;
    border-bottom: solid 1px var(--clx-white);
    border-radius: 0;
    font-size: 22px;
}

.clx-mobile-search input:focus {
    outline: none;
    color: var(--clx-white);
}

.clx-mobile-search input[type="submit"] {
    float: left;
    margin: 0;
    padding: 0;
    height: 60px;
    width: 60px;
    background: transparent url("../images/icon_search_white.svg") center no-repeat;
    background-size: 25px auto;
    box-shadow: none;
}


/* ANCHOR CLX Table */
.clx-table-responsive {
    overflow-x: auto;
}

.clx-table-responsive table {
    border-collapse: collapse;
    margin: 1em 0;
    width: 100%;
}

.clx-table-responsive th {
    padding-left: .5em;
    padding: .5em 0;
    white-space: nowrap;
    text-align: left;
}

.clx-table-responsive th,
.clx-table-responsive td {
    padding: .5em .2em;
    border-bottom: 1px solid var(--clx-gray-light);

    & address {
        font-style: normal;
    }
}


/* ANCHOR CLX Shop */
.clx-shop img {
    filter: grayscale(60%);
    -webkit-filter: grayscale(60%);
}

.clx-shop-product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.clx-shop-product .price {
    margin-bottom: 1rem;

}

.clx-shop-images {
    display: flex;
    justify-content: center;
    align-content: center;
    margin-bottom: 30px;
    width: 100%;
    aspect-ratio: 8 / 6;
}

.clx-shop-images img {
    float: left;
    max-width: 100%;
    max-height: 100%;
}

.clx-shop-images-detail img {
    float: left;
    width: 100%;
    height: auto;
}

.clx-table-shop .a_right {
    text-align: right;
}

.clx-shop-quantity {
    display: flex;
    align-items: center;
}

.clx-shop-quantity input[type="text"] {
    margin: 0 10px 0 0;
    width: 46px;
}

.clx-shop-quantity img {
    margin: 4px 0 0 0;
}

.clx-cart-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px;
    margin: 1em 0;
}

.clx-shop-address .clx-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px;
}

.clx-shop-address .clx-form-zip-city {
    grid-template-columns: 1fr 2fr;
}

/* ANCHOR CLX Calendar */
.clx-week-table {
    display: flex;
}

.clx-week-table>div:first-child {
    width: 50px;
    background-color: #FFFF00;
}

.clx-week-table>div {
    width: calc(calc(100% - 50px) / 7);
    background-color: #ffa500;
    height: 480px;
}

.clx-quick-links {
    position: fixed;
    top: 60dvh;
    right: 0;
    width: fit-content;
    height: auto;
    padding: 0;
    margin: 0;
    z-index: 80;

    & ul {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end;
        padding: 0;
        margin: 0;

        & li {
            list-style: none;
            padding: 0;
            margin: 0 0 8px 0;
            border-bottom-left-radius: 32px;
            border-top-left-radius: 32px;
            overflow: hidden;

            & a {
                display: block;
                margin: 0;
                padding: 20px 0 20px 70px;
                background-color: #ad9f93;
                width: 220px;
                box-sizing: border-box;
                color: white;
                text-decoration: none;
                transition: all 0.3s;

                &:hover {
                    width: 240px;
                    background-color: #AD9F93;
                }
            }

            &.telefon a {
                background-image: url(../images/icon_quick-link_phone.svg);
                background-position: 25px center;
                background-repeat: no-repeat;
                background-size: 30px auto;
            }

            &.termin a {
                background-image: url(../images/icon_quick-link_calendar.svg);
                background-position: 25px center;
                background-repeat: no-repeat;
                background-size: 30px auto;
            }

            &.notfall a {
                background-image: url(../images/icon_quick-link_medical.svg);
                background-position: 25px center;
                background-repeat: no-repeat;
                background-size: 30px auto;
            }

        }
    }
}

.clx-gallery {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;

    &>* {
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px;
    }

    & img {
        display: flex;
        max-width: 100%;
    }

    & .clx-width-1-1 {
        width: 100%;
    }

    & .clx-width-1-3\@m {
        width: calc(100% / 3);
    }

    & .clx-width-1-4\@m {
        width: calc(100% / 4);
    }

    & .clx-width-2-3\@m {
        width: calc(calc(100% / 3) * 2);
    }

    & .clx-canvas {
        position: relative;
        width: 100%;
        aspect-ratio: var(--clx-card-aspect-ratio);
        overflow: hidden;

        & img {
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            object-fit: cover;
            object-position: center;
        }

        .clx-gallery-overlay {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: rgb(0 0 0 / 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            color: rgb(255 255 255);
            opacity: 0;

            &:hover {
                opacity: 1;
            }
        }

    }


}


#cookie-note {
    background-color: var(--clx-white);
    box-shadow: var(--clx-box-shadow);
    position: fixed;
    bottom: 0;
    text-align: center;
    width: 100%;
    z-index: 1337;
    font-size: var(--clx-font-size-micro);
}

#cookie-note.hidden {
    width: auto;
    border-radius: 20px;
    opacity: 0.5;
    left: 10px;
    bottom: 10px;
}

#cookie-note.hidden #cookie-note-content {
    display: none;
}

#cookie-note h2 {
    margin: 0;
    font-size: var(--clx-font-size-small);
}

#cookie-note.hidden h2 {
    display: none;
}

#cookie-note img {
    height: 20px;
    width: 20px;
}

#cookie-note-title {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: .5em;
}

#cookie-note-content {
    padding: 0.5em;
}

#cookie-note-2022-save {
    margin-top: 10px;
}

#cookie-note .hidden,
#cookie-settings-popup .switch.hidden {
    display: none;
}

#cookie-settings-popup {
    max-height: 500px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    max-width: 850px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    padding: 0.5em;
    border-left-style: outset;
    border-right-style: inset;
}

#cookie-settings-popup .cookie-class {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: .5em 0;
}

#cookie-settings-popup .cookie-class-title {
    font-weight: 500;
    margin-right: .5em;
}

#cookie-settings-popup .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    margin: .5em 0;
}

#cookie-settings-popup .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#cookie-settings-popup .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--clx-gray);
    transition: .4s;
}

#cookie-settings-popup .slider::before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: var(--clx-white);
    transition: .4s;
}

#cookie-settings-popup input:checked+.slider {
    background-color: var(--clx-green);
}

#cookie-settings-popup input:checked+.slider::before {
    transform: translateX(16px);
}

#cookie-settings-popup .slider.round {
    border-radius: 24px;
}

#cookie-settings-popup .slider.round::before {
    border-radius: 50%;
}

#cookie-settings-popup .cookie-class-list-cookie {
    background: var(--clx-gray-light);
    padding: 0.5em;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

#cookie-settings-popup .cookie-class-list-cookie span.cookie-class-list-cookie-label {
    flex-basis: 35%;
    font-weight: 500;
}

#cookie-settings-popup .cookie-class-list-cookie span {
    flex-basis: 65%;
    text-align: left;
    border-color: white;
    border-style: solid;
    border-width: 0;
    border-bottom-width: 1px;
}

#cookie-settings-popup .cookie-class-list-cookie span:nth-last-child(-n+2) {
    border-bottom-width: 0;
}




/**
 * ANCHOR CLX Framework – Padding / Margin
 *
 */
.clx-padding-small {
    padding: var(--clx-distance-small);
}

.clx-padding-medium {
    padding: var(--clx-distance-medium);
}

.clx-padding-large {
    padding: var(--clx-distance-large);
}

.clx-padding-xlarge {
    padding: var(--clx-distance-xlarge);
}

.clx-padding-xxlarge {
    padding: var(--clx-distance-xxlarge);
}

.clx-padding-xxxlarge {
    padding: var(--clx-distance-xxxlarge);
}

.clx-padding-small-top,
.clx-pt-small {
    padding-top: var(--clx-distance-small);
}

.clx-padding-medium-top,
.clx-pt-medium {
    padding-top: var(--clx-distance-medium);
}

.clx-padding-large-top,
.clx-pt-large {
    padding-top: var(--clx-distance-large);
}

.clx-padding-xlarge-top,
.clx-pt-x-large {
    padding-top: var(--clx-distance-xlarge);
}

.clx-padding-xxlarge-top,
.clx-pt-xx-large {
    padding-top: var(--clx-distance-xxlarge);
}

.clx-padding-xxxlarge-top,
.clx-pt-xxx-large {
    padding-top: var(--clx-distance-xxxlarge);
}

.clx-padding-small-bottom,
.clx-pb-small {
    padding-bottom: var(--clx-distance-small);
}

.clx-padding-medium-bottom,
.clx-pb-medium {
    padding-bottom: var(--clx-distance-medium);
}

.clx-padding-large-bottom,
.clx-pb-large {
    padding-bottom: var(--clx-distance-large);
}

.clx-padding-xlarge-bottom,
.clx-pb-x-large {
    padding-bottom: var(--clx-distance-xlarge);
}

.clx-padding-xxlarge-bottom,
.clx-pb-xx-large {
    padding-bottom: var(--clx-distance-xxlarge);
}

.clx-padding-xxxlarge-bottom,
.clx-pb-xxx-large {
    padding-bottom: var(--clx-distance-xxxlarge);
}

.clx-margin-small-top,
.clx-mt-small {
    margin-top: var(--clx-distance-small);
}

.clx-margin-medium-top,
.clx-mt-medium {
    margin-top: var(--clx-distance-medium);
}

.clx-margin-large-top,
.clx-mt-large {
    margin-top: var(--clx-distance-large);
}

.clx-margin-xlarge-top,
.clx-mt-x-large {
    margin-top: var(--clx-distance-xlarge);
}

.clx-margin-xxlarge-top,
.clx-mt-xx-large {
    margin-top: var(--clx-distance-xxlarge);
}

.clx-margin-xxxlarge-top,
.clx-mt-xxx-large {
    margin-top: var(--clx-distance-xxxlarge);
}

.clx-margin-small-bottom,
.clx-mb-small {
    margin-bottom: var(--clx-distance-small);
}

.clx-margin-medium-bottom,
.clx-mb-medium {
    margin-bottom: var(--clx-distance-medium);
}

.clx-margin-large-bottom,
.clx-mb-large {
    margin-bottom: var(--clx-distance-large);
}

.clx-margin-xlarge-bottom,
.clx-mb-x-large {
    margin-bottom: var(--clx-distance-xlarge);
}

.clx-margin-xxlarge-bottom,
.clx-mb-xx-large {
    margin-bottom: var(--clx-distance-xxlarge);
}

.clx-margin-xxxlarge-bottom,
.clx-mb-xxx-large {
    margin-bottom: var(--clx-distance-xxxlarge);
}

.clx-padding-remove {
    padding: 0 !important;
}

.clx-padding-remove-top {
    padding-top: 0px !important;
}

.clx-padding-remove-bottom {
    padding-bottom: 0px !important;
}

.clx-padding-remove-left {
    padding-left: 0px !important;
}

.clx-padding-remove-right {
    padding-right: 0px !important;
}

.clx-padding-remove-vertical {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.clx-padding-remove-horizontal {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.clx-margin-remove-top {
    margin-top: 0px !important;
}

.clx-margin-remove-bottom {
    margin-bottom: 0px !important;
}

.clx-margin-remove-left {
    margin-left: 0px !important;
}

.clx-margin-remove-right {
    margin-right: 0px !important;
}

.clx-margin-remove-vertical {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.clx-margin-remove-horizontal {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}



.slides-content {
    position: absolute;
    display: flex;
    bottom: 0;
    width: 100%;
    z-index: 10;

    & .clx-wrapper {

        & .clx-grid {
            gap: 1px;

            & div {
                padding: 28px 40px 10px 40px;
                background-color: rgba(77, 132, 170, 0.75);

                &>*,
                & a {
                    color: #fff;
                }
            }
        }
    }
}

#cookie-note {
    margin: 10px;
    max-width: 560px;

    & #cookie-note-content {
        padding: 10px 20px 20px 20px;
        box-sizing: border-box;
        width: calc(100% - 20px);

        & button {
            margin: 0 5px;
            width: calc(33% - 12px);
            font-size: 11px;

        }
    }
}




/* ANCHOR CLX Breakpoints */
@media only screen and (max-width: 1080px) {

    .clx-navigation {
        gap: 10px;
    }

    .clx-navTop ul li a {
        padding: 0 3px;
    }

}

@media only screen and (max-width: 940px) {

    header {
        z-index: 1100;
    }

    .clx-navTop,
    .clx-header-search {
        display: none;
    }

    .clx-navBurger {
        display: block;
    }

    .clx-navigation {
        gap: 15px;
    }

    .clx-grid-3 {
        grid-template-columns: 1fr 1fr;
    }

    .clx-team .clx-image-frame {
        margin: -5rem auto 4rem;
    }

    .clx-isotope-item {
        width: calc(50% - 20px);
        z-index: 1;
    }

    .clx-border {
        padding: 1.5rem;
    }

    .clx-calendar-menu .clx-grid-5 {
        grid-template-columns: 2fr 1fr 1fr;
    }


}

@media only screen and (max-width: 720px) {

    .clx-header {
        height: 70px;
        z-index: 1000;
    }

    .clx-logo {
        width: 50dvw;
        max-width: 210px;
        margin: 0 0 5px 0;
    }

    main {
        margin-top: 10px;

        & .main-content {
            margin-top: 100px;
        }
    }

    .clx-navMobile {
        padding-top: 100px;
    }

    .clx-grid-2,
    .clx-grid-3 {
        grid-template-columns: 1fr;
    }

    .clx-shop-address .clx-form {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .clx-box {
        flex-direction: column;
    }

    .clx-box-txt {
        padding: 0;
    }

    .clx-box-overlap {
        position: unset;
    }

    .clx-box-overlap>div,
    .clx-box-overlap .clx-box-txt {
        position: unset;
        box-shadow: unset;
        background-color: unset;
        padding: 0;
        width: 100%;
    }

    .clx-isotope-item {
        width: calc(100% - 20px);
        min-height: fit-content;
    }

    /*
    .clx-button-group {
        flex-direction: flex;
        flex-wrap: wrap;
    }
    */



    .clx-gallery {

        & .clx-width-1-3\@m {
            width: 100%;
        }

        & .clx-width-1-4\@m {
            width: calc(100% / 2);
        }

        & .clx-width-2-3\@m {
            width: 100%;
        }
    }

}




@media screen and (max-width: 580px) {

    /* ANCHOR CLX Pop-up Mobile */
    .clx-popup-frame {
        padding: 20px 25px 10px;
    }

    .clx-popup-frame p:first-of-type img {
        top: -20px;
        left: -25px;
        margin-bottom: -20px;
        width: calc(100% + 50px) !important;
    }

    .clx-popup-frame h2,
    .clx-popup-frame h3,
    .clx-popup-frame h4 {
        font-size: 1.2em;
    }

    .clx-popup-frame p {
        font-size: 0.9em;
    }

    .clx-popup-close {
        position: absolute;
        top: 0;
        right: 0;
        width: 60px;
        height: 34px;
        border-radius: 0 8px;

    }

    .clx-calendar-menu .clx-grid-5 {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .clx-quick-links {
        & ul {
            & li {
                margin-right: -155px;

                &:hover {
                    margin-right: 0;
                }
            }
        }
    }
}


@media (hover: hover) {
    #cookie-note.hidden:hover {
        opacity: 1;
    }

    #cookie-note.hidden:hover h2 {
        display: inline;
        font-size: var(--clx-font-size-small);
    }
}


/* Gelasio */
/*
@font-face {
    font-family: 'Gelasio';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/themes/zahnarztpraxis/fonts/Gelasio/Gelasio-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Gelasio';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('/themes/zahnarztpraxis/fonts/Gelasio/Gelasio-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Gelasio';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/themes/zahnarztpraxis/fonts/Gelasio/Gelasio-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Gelasio';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('/themes/zahnarztpraxis/fonts/Gelasio/Gelasio-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Gelasio';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/themes/zahnarztpraxis/fonts/Gelasio/Gelasio-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Gelasio';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('/themes/zahnarztpraxis/fonts/Gelasio/Gelasio-SemiBoldItalic.ttf') format('truetype');
}
*/


/* Figtree */
@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/themes/zahnarztpraxis/fonts/figtree/Figtree-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Figtree';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('/themes/zahnarztpraxis/fonts/figtree/Figtree-Italic.ttf') format('truetype');
}

@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/themes/zahnarztpraxis/fonts/figtree/Figtree-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Figtree';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url('/themes/zahnarztpraxis/fonts/figtree/Figtree-MediumItalic.ttf') format('truetype');
}

@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/themes/zahnarztpraxis/fonts/figtree/Figtree-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Figtree';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url('/themes/zahnarztpraxis/fonts/figtree/Figtree-SemiBoldItalic.ttf') format('truetype');
}