/* FONTS */
/* quicksand-300 - 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: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/quicksand-v36-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/fonts/quicksand-v36-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* quicksand-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: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/quicksand-v36-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/fonts/quicksand-v36-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* quicksand-500 - 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: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('/assets/fonts/quicksand-v36-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/fonts/quicksand-v36-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* quicksand-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: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/quicksand-v36-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/fonts/quicksand-v36-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-300 - 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: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/inter-v19-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/fonts/inter-v19-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/inter-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/fonts/inter-v19-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* inter-600 - 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: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/inter-v19-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/assets/fonts/inter-v19-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* GLOBAL */
:root {
  --cnvs-themecolor: #e05f48;
	--cnvs-themecolor-rgb: 224, 95, 72;
	--cnvs-secondary-color: #487ce0;
	--cnvs-secondary-color-rgb: 72, 124, 224;
	/*--cnvs-themecolor: #e04855;
	--cnvs-themecolor-rgb: 224, 72, 85;
	--cnvs-secondary-color: #4f5b61;
	--cnvs-secondary-color-rgb: 79, 91, 97;*/
	--cnvs-body-font: 'Quicksand', sans-serif;
	--cnvs-secondary-font: var(--cnvs-body-font);
	--cnvs-primary-font: "Inter", sans-serif;

	--cnvs-header-height-lg: 140px;
	--cnvs-font-size-body: 1.1rem;
	--bs-body-font-weight: 500;

	--cnvs-copyrights-font-size: 0.875rem;
}

#header {
	--cnvs-primary-menu-font-weight: 600;
	--cnvs-primary-menu-font-size:	1rem;
	--cnvs-primary-menu-tt:	none;
	--cnvs-primary-menu-ls:	0;
	--cnvs-primary-menu-submenu-font-size:	0.875rem;
	--cnvs-primary-menu-submenu-font-weight:	400;
	--cnvs-primary-menu-submenu-hover-font-weight: 500;
	--cnvs-primary-menu-submenu-tt:	none;
	--cnvs-primary-menu-submenu-font-weight: 600;
	--cnvs-primary-menu-submenu-hover-font-weight: 600;
}
.dark {
	--cnvs-footer-bg: var(--cnvs-secondary-color);
}

#page-title, .page-title {
    --cnvs-page-title-font-size: 2rem;
}

.is-expanded-menu .mega-menu-style-2 .mega-menu-title > .menu-link {
	font-size: calc(var(--cnvs-primary-menu-submenu-font-size) * 0.9);
}

.title-border-color::before, .title-border-color::after {border-top: 2.5px dotted var(--cnvs-themecolor);}

.textcontent ul, .textcontent ol {padding-left: 20px;}
.textcontent li {margin-bottom: 10px;}

a {transition: all 0.3s ease}
.grecaptcha-badge {visibility: hidden;}

/* HEADER */
#header-wrap {background-color: rgba(var(--cnvs-secondary-color-rgb),.05); backdrop-filter: blur(10px);}
.is-expanded-menu .sticky-header #header-wrap {background-color: rgba(255,255,255,.6);backdrop-filter: blur(5px);}
.menu-item.bg-color a.menu-link {color: white;}
#top-bar.dark {background-color: var(--cnvs-secondary-color);color: #FFF; font-weight: 500;}
#header {border-bottom: 1px solid rgba(var(--cnvs-secondary-color-rgb), 0.1)!important;}
.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) .top-search-form input {border-bottom: 0;}

/* TOPLINKS */
.top-links-item > span {
    display: block;
    padding: 12px;
    line-height: calc(var(--cnvs-topbar-height) - 24px);
    font-weight: var(--cnvs-topbar-font-weight);
    text-transform: var(--cnvs-topbar-font-transform);
    color: var(--cnvs-topbar-color);
}

/* SLIDER */
.slider-element .heading-block p { text-transform: uppercase; font-style: normal; letter-spacing: 5px; font-size: 12px; font-weight: 400; margin-bottom: 15px; color: rgba(255, 255, 255, 0.7); }
.slider-element .slider-product-desc { position: absolute; top: auto; bottom: 0; left: auto; right: 0; width: 65%; z-index: 2; }
.slider-element .slider-product-desc [class^='col-'] { background-color: var(--cnvs-themecolor); padding: 30px; }
.slider-element .vertical-middle .container { top: -60px; }
.play-icon { position: relative; display: block; font-size: 1.75rem; margin: 1.25rem 0 0 0; width: 60px; height: 60px; line-height: 56px; border-radius: 50%; color: #FFF !important; border: 2px solid #EEE; text-align: center; transform: scale(1); transition: transform .3s ease; }
.play-icon i { position: relative; left: 2px; }
.play-icon:hover { transform: scale(1.1); }
.heading-block h3 { font-weight: 800; text-transform: none; font-size: 2.3rem; letter-spacing: 0; }
.edge-underline h3, .product:hover .product-title h3 { text-decoration: underline; text-decoration-skip: edges; }

.fslider .heading-block h1, .fslider.heading-block .h1 {line-height: 1.4; font-weight: 600; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}

/* HOME */
.promo {background-color: rgba(var(--cnvs-secondary-color-rgb), 0.05);--cnvs-promo-parallax-padding: 3rem;}
.fancy-title.aktuelles .buttonbox {position: absolute;right: 0;top: 0; background-color: white;padding-left: 45px;}
.entry-content p {margin-bottom: 20px;}
#slider h1 span.nocolor {font-weight: 300;}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--cnvs-themecolor);
    --bs-btn-border-color: var(--cnvs-themecolor);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--cnvs-themecolor);
    --bs-btn-disabled-border-color: var(--cnvs-themecolor);
}

/* FOOTER */
img.footer-logo {max-width: 100px;}
.widget p {line-height: 2;}
.dark #copyrights, #copyrights.dark {color: rgba(255, 255, 255, 0.6);}
.dark #copyrights, #copyrights.dark strong {color: rgba(255, 255, 255, 0.8);}

/* PAGE-TITLE */
#page-title, .page-title { --cnvs-page-title-mini-size: 2rem; border-bottom: 2.5px dotted var(--cnvs-themecolor);--cnvs-page-title-font-weight: 600;}
#page-title, .page-title h1 {line-height: 1.2; color: var(--cnvs-secondary-color);}

/* SITESEARCH */
.searchresult .fbox-content p span, p.searchresult span {padding: 5px;background-color: #F5F5F5;color: #000;border-radius: 2px;box-decoration-break: clone;-webkit-box-decoration-break: clone;-o-box-decoration-break: clone;}

/* FIX FOR READ MORE MASK */
.read-more-mask {
  pointer-events: none;
}

/* Accordions */
.toggle-header, .accordion-header {
    font-size: var(--cnvs-font-size-body);
    color: var(--cnvs-secondary-color);
}

/* PAGINATION */
.pagination {margin-top: 40px;}
.system_pagination ul {padding-left: 0;}
.system_pagination li .dots, .system_pagination li a {border: solid var(--cnvs-themecolor);border-width: 1px 1px 1px 1px;}
.system_pagination li.active a {background: var(--cnvs-themecolor);}
.system_pagination li {margin-left: 5px!important;}
.system_pagination li:first-child {margin-left: 0!important;}
.system_pagination li.prev a, .system_pagination li.next a {padding: 10px 10px}

/* MODALS */
.modal-content {background-color: rgba(255, 255, 255, 0.8); backdrop-filter: blur(10px);}