@font-face {
    font-family: 'Financier-Text';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/Financier/FinancierText-Medium.woff2') format("woff2");
}
@font-face {
    font-family: 'Financier-Text';
    font-style: italic;
    font-weight: 400;
    src: url('../Fonts/Financier/FinancierText-Regular.woff2') format("woff2");
}
@font-face {
    font-family: 'Financier-Text';
    font-style: normal;
    font-weight: 500;
    src: url('../Fonts/Financier/FinancierTextWeb-Medium.woff2') format("woff2");
}
@font-face {
    font-family: 'Financier-Text';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/Financier/FinancierText-Regular.truetype');
    src: url('../Fonts/Financier/FinancierTextWeb-Regular.eot?#iefix') format("embedded-opentype"),
         url('../Fonts/Financier/FinancierTextWeb-Regular.woff2') format("woff2"),
         url('../Fonts/Financier/FinancierTextWeb-Regular.woff') format("woff");
}

@font-face {
    font-family: 'Inter';
    src: url('../Fonts/Inter/Inter-Medium.woff2') format('woff2'),
         url('../Fonts/Inter/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../Fonts/Inter/Inter-Regular.woff2') format('woff2'),
         url('../Fonts/Inter/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../Fonts/Inter/Inter-SemiBold.woff2') format('woff2'),
         url('../Fonts/Inter/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../Fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
         url('../Fonts/Roboto/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('../Fonts/Roboto/Roboto-Medium.woff2') format('woff2'),
         url('../Fonts/Roboto/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Headings */
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Financier-Text';
    color: #242424;
}

/* Financier-Text usage in content */
.ce-mask_leadtext > .container > div div > p,
.ce-mask_slider > .container > .slider_slider .slick-list .slick-track .slick-slide > span,
.ce-mask_trust > .container > ul > li > p,
.ce-mask_quote > .container > p,
.ce-mask_textbox > .container > div > ul > li > div > span:nth-child(2),
.ce-mask_bigbox > .container > div.area > div:nth-child(2) {
    font-family: 'Financier-Text', serif !important;
}

/* Teaser Image Box */
#teaserImageBox .container > header > h3 {
    color: #242424;
}
#teaserImageBox .container > .formated--text p {
    text-align: center;
}
#teaserImageBox .container .formated--text .formated--text p {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}
#teaserImageBox .container .items .color-beige {
    background-image: linear-gradient(131.36deg, #e0dbcd 1.45%, hsla(44, 23%, 84%, 0) 73.41%);
}
#teaserImageBox .container .items header p {
    color: #666;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px;
}
#teaserImageBox .container .items header h3 {
    font-family: 'Inter' !important;
    font-size: 31px;
    font-weight: 600;
    line-height: 28px;
    color: #242424;
}
#teaserImageBox .container .items .formated--text p {
    font-family: 'Financier-Text';
    font-size: 22px;
}
#teaserImageBox .container .items > div > div:first-child {
    border: 0;
}
#teaserImageBox > .container > .items > div > div > div > div > p {
    font-family: 'Inter' !important;
    color: #333;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 24px;
}
#teaserImageBox.ce-mask_teaserimagebox > .container > div.items > div > div:first-child {
    border: 1px solid #e0dbcd;
}
#teaserImageBox .container .items > div > div > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    order: 1;
    height: 100%;
}
#teaserImageBox .container .items > div > div > div .custom-button {
    width: fit-content;
    margin-top: auto;
}

/* Teaser Box Multi Column */
#teaserBoxMultiColumn .container header h2 {
    color: #242424;
}
#teaserBoxMultiColumn .container div div h5 {
    color: #242424;
    font-family: 'Financier-Text', serif !important;
    font-weight: 400;
}
#teaserBoxMultiColumn .container div div span h5 {
    font-family: 'Inter', serif !important;
    font-weight: 600;
}
#teaserBoxMultiColumn .container > div > div > div > picture img {
    width: 100%;
    object-fit: cover;
}

/* Home Image Slider */
#home_imageSlider .container .slider_slider .slick-list .slick-track .slide {
    min-height: 310px;
}
#home_imageSlider .container .slider_slider .slick-list .slick-track .slide picture img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Page Listing Slider */
#pageListingSlider .container .teaser_slider .slick-list .slick-track .slide a h6 {
    font-size: 22px;
    line-height: 24px;
    font-family: 'Financier-Text', serif;
}

/* Page Listing Box */
#pageListingBox header h3 {
    color: #242424;
}
#pageListingBox .container .items div div div p {
    color: #242424;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

/* Teaser Text Box Links */
#teaserTextBox .container .items .default div p a,
#teaserTextBox .container .items .default div ul li a {
    color: #e95136;
}
#teaserTextBox .container .items .default div ul li > a {
    color: black;
}
#teaserTextBox .container .items .default div ul li a:hover {
    color: #d53417;
}

/* Text Random */
.ce .container .centered .formated--text h3 {
    color: #242424;
}
.ce-mask_request > .container > div > header > .h2,
.ce-mask_request > .container > div > header > h2 {
    font-family: 'Inter' !important;
    font-size: 25px;
    line-height: 28px;
}
.ce .container .hasBackgroundImage div p {
    color: white !important;
}

/* Textbox List Styles */
.ce-mask_textbox > .container > div ul:nth-child(3) li {
    list-style-type: none;
}
.ce-mask_textbox > .container > div ul li div {
    color: #4f5059;
    font-family: 'Inter';
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}

/* Footer */
.ce .container .ce .container .footer-widget h5 {
    font-family: 'SF Pro', Roboto !important;
}