/****THEME FONTS*****/
/*
TXC Pearl Regular
L Limo Regular

    font-family: "rl-limo", sans-serif;
    font-weight: 400;
    font-style: normal;
*/


/* roboto-condensed-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/roboto-condensed-v30-latin-700.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/roboto-v48-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('./fonts/roboto-v48-latin-italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/roboto-v48-latin-700.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('./fonts/roboto-v48-latin-700italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* -------------------------- start fonts body main -------------------------- */

.content-wrapper a {
    transition: all 0.5s ease 0s;
}

.content-wrapper .vce-text-block ul {
    padding-left: 18px;
}

.content-wrapper .vce-text-block ul {
    list-style: none
}

.content-wrapper .vce-text-block li::before {
    content: '•';
    color: var(--color-4) !important;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

body,
#main-menu ul li ul li,
.comment-content cite,
.entry-content cite,
#add_payment_method .cart-collaterals .cart_totals table small,
.woocommerce-cart .cart-collaterals .cart_totals table small,
.woocommerce-checkout .cart-collaterals .cart_totals table small,
.visualcomposerstarter.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .cart-subtotal td,
.visualcomposerstarter.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .cart-subtotal th,
.visualcomposerstarter.woocommerce-cart .woocommerce table.cart,
.visualcomposerstarter.woocommerce .woocommerce-ordering,
.visualcomposerstarter.woocommerce .woocommerce-result-count,
.visualcomposerstarter legend,
.visualcomposerstarter.woocommerce-account .woocommerce-MyAccount-content a.button {
    font-family: Roboto;
}

body,
.sidebar-widget-area a:hover,
.sidebar-widget-area a:focus,
.sidebar-widget-area .widget_recent_entries ul li:hover,
.sidebar-widget-area .widget_archive ul li:hover,
.sidebar-widget-area .widget_categories ul li:hover,
.sidebar-widget-area .widget_meta ul li:hover,
.sidebar-widget-area .widget_recent_entries ul li:focus,
.sidebar-widget-area .widget_archive ul li:focus,
.sidebar-widget-area .widget_categories ul li:focus,
.sidebar-widget-area .widget_meta ul li:focus,
.visualcomposerstarter.woocommerce-cart .woocommerce table.cart .product-name a {
    color: #333333;
}

.comment-content table,
.entry-content table {
    border-color: #333333;
}

.entry-full-content .entry-author-data .author-biography,
.entry-full-content .entry-meta,
.nav-links.post-navigation a .meta-nav,
.search-results-header h4,
.entry-preview .entry-meta li,
.entry-preview .entry-meta li a,
.entry-content .gallery-caption,
.comment-content blockquote,
.entry-content blockquote,
.wp-caption .wp-caption-text,
.comments-area .comment-list .comment-metadata a {
    color: #333333;
}

.comments-area .comment-list .comment-metadata a:hover,
.comments-area .comment-list .comment-metadata a:focus {
    border-bottom-color: #333333;
}

a,
.comments-area .comment-list .reply a,
.comments-area span.required,
.comments-area .comment-subscription-form label:before,
.entry-preview .entry-meta li a:hover:before,
.entry-preview .entry-meta li a:focus:before,
.entry-preview .entry-meta li.entry-meta-category:hover:before,
.entry-content p a:hover,
.entry-content ol a:hover,
.entry-content ul a:hover,
.entry-content table a:hover,
.entry-content datalist a:hover,
.entry-content blockquote a:hover,
.entry-content dl a:hover,
.entry-content address a:hover,
.entry-content p a:focus,
.entry-content ol a:focus,
.entry-content ul a:focus,
.entry-content table a:focus,
.entry-content datalist a:focus,
.entry-content blockquote a:focus,
.entry-content dl a:focus,
.entry-content address a:focus,
.entry-content ul>li:before,
.comment-content p a:hover,
.comment-content ol a:hover,
.comment-content ul a:hover,
.comment-content table a:hover,
.comment-content datalist a:hover,
.comment-content blockquote a:hover,
.comment-content dl a:hover,
.comment-content address a:hover,
.comment-content p a:focus,
.comment-content ol a:focus,
.comment-content ul a:focus,
.comment-content table a:focus,
.comment-content datalist a:focus,
.comment-content blockquote a:focus,
.comment-content dl a:focus,
.comment-content address a:focus,
.comment-content ul>li:before,
.sidebar-widget-area .widget_recent_entries ul li,
.sidebar-widget-area .widget_archive ul li,
.sidebar-widget-area .widget_categories ul li,
.sidebar-widget-area .widget_meta ul li {
    color: #333333;
}

.comments-area .comment-list .reply a:hover,
.comments-area .comment-list .reply a:focus,
.comment-content p a,
.comment-content ol a,
.comment-content ul a,
.comment-content table a,
.comment-content datalist a,
.comment-content blockquote a,
.comment-content dl a,
.comment-content address a,
.entry-content p a,
.entry-content ol a,
.entry-content ul a,
.entry-content table a,
.entry-content datalist a,
.entry-content blockquote a,
.entry-content dl a,
.entry-content address a {
    border-bottom-color: #333333;
}

.entry-content blockquote,
.comment-content {
    border-left-color: #333333;
}

html,
#main-menu ul li ul li {
    font-size: 16px
}

body,
#footer,
.footer-widget-area .widget-title {
    line-height: 1.85;
}

body {
    letter-spacing: 0;
    font-weight: 400;
    font-style: normal;
    text-transform: none;
    font-family: var(--mainfont);
}

.comment-content address,
.comment-content blockquote,
.comment-content datalist,
.comment-content dl,
.comment-content ol,
.comment-content p,
.comment-content table,
.comment-content ul,
.entry-content address,
.entry-content blockquote,
.entry-content datalist,
.entry-content dl,
.entry-content ol,
.entry-content p,
.entry-content table,
.entry-content ul {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

/* -------------------------- end fonts body main -------------------------- */


/*------------------------------ start fonts headlines ---------------------------
h1:before, h3:before {
	content: '';
	display: block;
	width: 57px;
	height: 40px;
	background: url('/wp-content/themes/visual-composer-starter-theme-child/img/headline-deco.svg') no-repeat center top;
	background-size: contain;
	margin: 0 auto 25px auto;
}*/
.vce-raw-html-wrapper h3:before {
    content: none;
}

.dsgvo {
    font-size: 0.8em;
}

h1 {
    color: var(--color-1);
    font-family: var(--headlinefont-alternative);
    font-size: min(calc(25px + (55 - 25) * ((100vw - 375px) / (1720 - 375))), 55px);
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.04em;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 2.125rem;
}



h1 a {
    color: #364e69;
}

h1 a:hover,
h1 a:focus {
    color: #364e69;
}

h2 {
    color: var(--color-4);
    font-family: var(--headlinefont);
    font-size: min(calc(14px + (16 - 14) * ((100vw - 375px) / (1720 - 375))), 16px);
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.1rem;
    line-height: 1.6;
    margin-bottom: 0.625rem;
    text-transform: uppercase;
}

h2 a {
    color: var(--color-4);
}

h2 a:hover,
h2 a:focus {
    color: var(--color-4);
}

h3 {
    color: var(--color-1);
    font-family: var(--headlinefont-alternative);
    font-size: min(calc(19px + (28 - 19) * ((100vw - 375px) / (1720 - 375))), 28px);
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.625rem;
}

h3 a {
    color: #364e69;
}

h3 a:hover,
h3 a:focus {
    color: #364e69;
}

h4 {
    color: var(--color-4);
    font-family: var(--headlinefont);
    font-size: min(calc(14px + (20 - 14) * ((100vw - 375px) / (1720 - 375))), 20px);
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.02rem;
    line-height: 2;
    margin-top: 0;
    margin-bottom: 0.625rem;
    text-transform: uppercase;
}


h4 a {
    color: var(--color-4);
}

h4 a:hover,
h4 a:focus {
    color: var(--color-4);
}

h5 {
    color: var(--color-1);
    font-family: var(--headlinefont-alternative);
    font-size: min(calc(19px + (20 - 19) * ((100vw - 375px) / (1720 - 375))), 20px);
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.625rem;
}

h5 a {
    color: #364e69;
}

h5 a:hover,
h5 a:focus {
    color: #364e69;
}

h6 {
    color: #2d4763;
    font-family: Roboto Condensed;
    font-size: min(calc(14px + (17 - 14) * ((100vw - 375px) / (1720 - 375))), 17px);
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 0.625rem;
    text-transform: uppercase;
}

h6 a {
    color: #2d4763;
}

h6 a:hover,
h6 a:focus {
    color: #2d4763;
}


@media (min-width: 1920px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 1500px) {}

@media (max-width: 1200px) {
    body {
        font-size: 16px;
    }


}

@media (max-width: 992px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}

@media (max-width: 767px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/

}

@media (max-width: 576px) {
    h3 {
        margin-bottom: 0.925rem;
    }

}

@media (max-width: 420px) {
    /* body { font-size: 14px; }*/







    h5 {
        font-size: 15px;
    }

    h6 {
        font-size: 14px;
    }
}

@media (max-width: 320px) {
    /*----------------- ELEMENT -------------*/

    /*----------------- END ELEMENT ---------*/
}