/* Write your custom css code here */

body {
  background-color: #fff;
  color: #0f1f2f;
}
body, p, div, span {
  font-family: Roboto Condensed;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}
.builder .uk-section {
  background-color: #595959;
	/* background-image: url('/images/content/bg_footer.webp'); */
  background-position: center 5px;
	background-repeat: repeat-x;
}
h1, h2, h3, h4, h5, h6, .h2-style, .h3-style {
  font-family: Roboto Condensed;
  line-height: 1.5;
}
h1, .h1, h2, .h2, h3, .h3, .h2-style, .h3-style {
    margin-top: 20px;
    margin-bottom: 10px;
}
.uk-grid>.uk-grid-margin {
  margin-top: 20px;
  margin-bottom: 20px;
}
div.uk-dropdown-lang {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
div.uk-dropdown-lang > div {
	margin: 10px;	
	font-size: 10px;
	line-height: 1;
}
.tm-header a.uk-logo {
	margin-right: 20px;
	margin-top: auto;
  margin-bottom: auto;
}
.tm-header .uk-navbar-left {
	width: 1200px;
	justify-content: space-between;
}
.tm-header-mobile .uk-navbar-left {
	margin-left: 0px;
}
.tm-header-mobile .uk-navbar-right {
	margin-right: 15px;
}
ul.uk-navbar-nav > li > a {
	color: #3498db;
	b_order-bottom: 1px solid #3498db;
	-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
}
ul.uk-navbar-nav > li > a.men-catalogue {
	margin-left: 30px;
	color: #5f5f5f;
	-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
}
ul.uk-navbar-nav > li > a.men-inquiry {
	/* margin-left: 30px; */
	color: #FDC300;
	-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
}
ul.uk-navbar-nav > li > a.men-shop {
	color: #3498db;
	-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
}
ul.uk-navbar-nav > li, ul.uk-navbar-nav > li > a.men-shop {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
ul.uk-navbar-nav > li > a.men-shop::after {
	content: url('/images/misc/cart-menu-blue.webp');
}
ul.uk-navbar-nav > li:hover > a.men-shop::after {
	content: url('/images/misc/cart-menu-white.webp');
}
ul.uk-navbar-nav > li:hover > a,
ul.uk-navbar-nav > li > a[aria-expanded=true] {
	color: #fff;
	background-color: #3498db;
}
ul.uk-navbar-nav > li:hover > a.men-inquiry {
	color: #fff;
	background-color: #FDC300;
}
ul.uk-navbar-nav > li.uk-active > a {
	color: #fff;
	background-color: #3498db;
}
ul.uk-navbar-nav > li.uk-active > a.men-inquiry {
	color: #fff;
	background-color: #FDC300;
}
.uk-navbar-dropdown.uk-open {
    max-width: 480px;
    width: auto;
}
.uk-navbar-dropdown-nav>li>a>div>div {
  font-size: 18px;
}
.uk-navbar-dropdown-nav ul.uk-nav-sub {
    padding-left: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.uk-navbar-dropdown-nav ul.uk-nav-sub li {
    margin-right: 15px;
}

/* JCE Mediabox */
.wf-mediabox-theme-light .wf-mediabox-prev, .wf-mediabox-theme-light .wf-mediabox-next {
  width: 40% !important;
}
.wf-mediabox-theme-light .wf-mediabox-prev::after, .wf-mediabox-theme-light .wf-mediabox-next::after {
  background-color: #efefef !important;
  color: #3498db !important;
  padding: 1em .25em !important;
}
.wf-mediabox-theme-light .wf-mediabox-prev.wf-mediabox-prev::after,
.wf-mediabox-theme-light .wf-mediabox-next.wf-mediabox-prev::after {
  left: 1px !important;
  border: 1px solid #3498db;
  box-shadow: none !important;
  border-radius: 10px 0px 0px 10px;
}
.wf-mediabox-theme-light .wf-mediabox-prev.wf-mediabox-next::after,
.wf-mediabox-theme-light .wf-mediabox-next.wf-mediabox-next::after {
	right: 1px !important;
  border: 1px solid #3498db;
  box-shadow: none !important;
  border-radius: 0px 10px 10px 0px;
}
.wf-mediabox-theme-light .wf-mediabox-caption+.wf-mediabox-nav>* {
	top: 0.5em !important;
  padding-right: 1em !important;
  padding-left: 1em !important;
  padding-top: 0.2em !important;
  background-color: #efefef;
  border: 1px solid #3498db;
  border-radius: 10px 10px 0px 0px;
  color: #3498db;
}
.wf-mediabox-theme-light .wf-mediabox-close {
  -webkit-transition: all 0.2s 0s ease;
  -moz-transition: all 0.2s 0s ease;
  -o-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}
.wf-mediabox-theme-light .wf-mediabox-close:hover, .wf-mediabox-theme-light .wf-mediabox-close:visited, .wf-mediabox-theme-light .wf-mediabox-close:focus {
  color: #3498db !important;
  background-color: #cfcfcf !important;
}
.wf-mediabox-theme-light .wf-mediabox-caption h4, .wf-mediabox-theme-light .wf-mediabox-caption p {
  padding-left: 1em;
  padding-right: 1em;
}
/* Mobile Menu */
.uk-offcanvas-bar .uk-nav-default>li>a {
	color: #fff;
}
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a {
	color: #bfbfbf;
}
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub ul a {
	color: #7f7f7f;
	letter-spacing: 0px;
}
.uk-offcanvas-bar .uk-nav-default>li>a:hover,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub ul a:hover {
	color: #FDC300;
}
.uk-offcanvas-bar .mod-languages .uk-subnav {
	justify-content: center;
	margin-right: 40px;
}
.uk-offcanvas-bar .uk-nav-default>li.uk-active>a,
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a {
	color: #FDC300;
}
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub .uk-parent ul {
	display: flex;
	flex-wrap: wrap;
}
.uk-offcanvas-bar .uk-nav-default .uk-nav-sub .uk-parent ul li {
	margin-right: 18px;
}

/* Footer Menu */
.info-menu ul.uk-subnav > li > a {
	color: #d7d7d7;
}
.info-menu ul.uk-subnav > li > a:hover {
	color: #ff8c00;
}
.info-menu ul > li.uk-active > a {
	color: #ff8c00;
}
.info-menu ul > li > a {
  padding: 4px 0px;
}
.info-menu .uk-subnav {
  justify-content: center;
}
/* Footer Menu */
.footer-menu ul > li > a {
	color: #575757;
}
.footer-menu ul > li.uk-active > a {
	color: #ff8c00;
}
.footer-menu ul > li > a {
  padding: 4px 0px;
}
.footer-menu .uk-subnav {
  justify-content: center;
}
.footer-info p {
  text-align: left;
  padding-top: 10px;
  margin: 0px;
}
.footer-info p span, .footer-info p span a {
	color: #797979;
	font-family: "Roboto Condensed";
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5;
	text-align: left;
}
.footer-info p span a:hover {
	color: #ff8c00;
}

/* Cookie Button behind Menu */
.cpnb-m-cookies-floatButton {
  z-index: 999;
}

/* Footer Copyright */
.text_copyright {
	text-align: center;
}
.text_copyright span {
	color: #797979;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
}

/* Search-Function */
.uk-search-default .uk-search-input {
	font-size: 24px;
}
.finder {
	margin-top: 30px;
}
.finder .js-highlight .uk-article {
	padding: 20px 10px;
	margin: 0px;
	border-bottom: 1px solid #3498db;
}
.finder .js-highlight {
	margin-bottom: 70px;
}
.finder .js-highlight .uk-article h2 {
	color: #3498db;
	font-size: 20px;
	margin: 0px;
}
.finder .js-highlight .uk-article mark {
	background: #ff5;
	font-weight: bold;
}
.finder .query-required {
	display: none;
}

/* Pagination */
.uk-pagination {
	padding-bottom: 30px;
}
.uk-pagination>*>* {
	width: 40px;
  height: 40px;
  font-size: 20px;
  justify-content: center;
  background: #e7e7e7;
  align-items: center;
  border: 0px;
  margin-bottom: 20px;
}
.uk-pagination>.uk-active>* {
  color: #2d2e33;
  color: #3498db;
  font-weight: 800;
}
/* Aspect ratio boxes */
.aspect-1-1 {
	padding-top: 100%;
	position: relative;
}
.aspect-4-3 {
	padding-top: 75%;
	position: relative;
}
.aspect-3-2 {
	padding-top: 66.66%;
	position: relative;
}
.aspect-16-9 {
	padding-top: 56.25%;
	position: relative;
}
.aspect-2-1 {
	padding-top: 50%;
	position: relative;
}
.aspect-inner {
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
}
.aspect-bg {
	background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.aspect-bg-zoom {
	background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
  transition: all 0.3s ease;
}
.aspect-bg-zoom:hover {
  background-size: 105% 105%;
}

/* Section Divider */
.section-divider {
	height: 3px;
	border-top: 1px solid #3498db;
	border-bottom: 1px solid #3498db;
} 

/* Menu-Box-Selection */
.landing-box {
	width: 100%;
	aspect-ratio: 1.33;
}
.landing-box:first-child {
	padding: 0px 0px 5px 0px;
}
.landing-box:last-child {
	padding: 5px 0px 0px 0px;
}
.landing-box>a {
	overflow: hidden;
	height: 100%;
	width: 100%;
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.landing-box>a>div {
	overflow: hidden;
	width: 100%;
	background-color: rgba(29,29,29,0.65);
	filter: drop-shadow(0px 0px 40px #000000);
}
.landing-box>a>div>div {
	overflow: hidden;
	width: 100%;
}
.landing-box>a>div>div>img {
	width: 18%;
	height: auto;
	margin: 20px 10px 10px 10px;
}
.landing-box>a>div>div>h1 {
	font-size: 4.75vw;
	color: #fff;
	margin: 0px;
	font-weight: 700;
}
.landing-box>a>div>div>p {
	font-size: 3.5vw;
	color: #fff;
	margin: 0.75vw 0px 10px 0px;
}
.mainmenu-box {
	width: 100%;
	max-width: 600px;
	aspect-ratio: 2;
	padding: 5px;
}
.mainmenu-box>a {
	height: 100%;
	width: 100%;
	background-position: center;
	background-size: cover;
  -webkit-transition: all 0.2s 0s ease;
  -moz-transition: all 0.2s 0s ease;
  -o-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}
.mainmenu-box:first-child>a {
	border-radius: 15px 15px 0px 0px;
}
.mainmenu-box:last-child>a {
	border-radius: 0px 0px 15px 15px;
}
.mainmenu-box>a:hover {
	scale: 1.075;
}
.mainmenu-box>a>div {
	width: 100%;
	height: 100%;
	background-position: center 15px;
	background-repeat: no-repeat;
	background-size: 50%;
}
.mainmenu-box>a>div>h2 {
	color: #fff;
  font-family: "Roboto";
  font-weight: 700;
  m_argin: 0px 0px calc(28px / -2.46) 0px;
  font-size: 36px;
  opacity: 0.7;
  margin: 0px;
  padding: 0px;
	margin-bottom: -15px;
  margin-left: 15px;
}
.submenu-box {
	width: 50%;
	padding: 5px 5px;
}
.highlight-box {
	width: 50%;
	padding: 5px 5px;
}
.submenu-box>a, .highlight-box>a {
	width: 100%;
	height: 100%;
	font-size: 16px;
	background-color: #efefef;
	border-radius: 15px 15px 15px 15px;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}
.submenu-box-pic {
	width: 100%;
	b_ackground-color: #fff;
	b_ackground-color: #efefef;
	border-radius: 15px 15px 0px 0px;
	border-bottom: 1px solid #cfcfcf;
	overflow: hidden;
}
.submenu-box-pic img {
	width: 100%;
	height: auto;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.submenu-box>a:hover .submenu-box-pic img, .highlight-box>a:hover .submenu-box-pic img {
	scale: 1.05;
}
.submenu-box-text {
	width: 100%;
	min-height: 60px;
	border-top: 1px solid #fff;
}
.submenu-box-text h2, .submenu-box-text h3 {
	color: #0f1f2f;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
	padding: 0px 10px;
	line-height: 1.25;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.submenu-box>a:hover .submenu-box-text h2, .submenu-box>a:hover .submenu-box-text h3 {
	color: #3498db;
}
@media (min-width: 640px) {
	.landing-box {
		width: 50%;
		aspect-ratio: 1;
	}
	.landing-box:first-child {
		padding: 0px 10px 0px 0px;
	}
	.landing-box:last-child {
		padding: 0px 0px 0px 10px;
	}
	.landing-box>a {
		background-size: 104%;
	}
	.landing-box>a:hover {
		background-size: 110%;
	}
	.landing-box>a>div>div>img {
		width: 12%;
		margin: 20px 10px 20px 10px;
	}
	.landing-box>a>div>div>h1 {
		font-size: 2.25vw;
	}
	.landing-box>a>div>div>p {
		font-size: 1.25vw;
		margin: 0.4vw 0px 15px 0px;
	}
	.submenu-box-text h2, .submenu-box-text h3, .highlight-box-text h2, .highlight-box-text h3 {
		font-size: 16px;
	}
	.highlight-box {
		width: 33.333%;
	}
}
@media (min-width: 760px) {
	.submenu-box {
		width: 33.333%;
	}
	.highlight-box {
		width: 25%;
	}
}
@media (min-width: 1000px) {
	.mainmenu-box {
		width: 25%;
		aspect-ratio: 0.5;
	}
	.mainmenu-box:first-child>a {
		border-radius: 25px 0px 0px 25px;
	}
	.mainmenu-box:last-child>a {
		border-radius: 0px 25px 25px 0px;
	}
	.mainmenu-box>a:hover {
		scale: 1.075;
	}
	.mainmenu-box>a>div {
		background-position: center 40px;
		background-size: contain;
	}
	.mainmenu-box>a>div>h2 {
	  m_argin: 0px 0px calc(28px / -2.46) 0px;
	  font-size: 64px;
	  writing-mode: vertical-rl;
	  transform: rotate(-180deg);
	  transform-origin: center;
	  -ms-transform: rotate(-180deg);
	  -ms-transform-origin: center;
	  -webkit-transform: rotate(-180deg);
	  -webkit-transform-origin: center;
	  margin: 0px;
	  padding: 0px;
		margin-bottom: 30px;
	  margin-right: -25px;
	}
	.submenu-box {
		width: 25%;
	}
	.highlight-box {
		width: 20%;
	}
}
@media (min-width: 1200px) {
	.highlight-box {
		width: 16.666%;
	}
}
@media (min-width: 1600px) {
	.highlight-box {
		width: 14.285%;
	}
}

/* Accordion FAQ */
.accordeon_container {
	width: 100%;
	height: auto;
	padding: 0px 15px;
}
div.headBlock {
	width: 100%;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	cursor: default;
}
div.headBlock h3 {
	color: #3498db;
	font-size: 28px;
	font-weight: normal;
	margin-left: 48px;
	margin-right: 10px;
	min-height: 34px;
}
div.divBlock {
	width: 100%;
	overflow-y: hidden;
	height: 0px;
}
p.textBlock {
	margin-left: 50px;
	margin-right: 10px;
}

/* Button */
a.button-learn-more {
	display: inline-block;
  border: 3px solid #3498db;
  margin: 0px 30px 0px 0px;
  padding: 10px 20px;
}

/* Button Goto Shop */
.but-toshop {
  padding: 20px 50px;
  background-color: #3498db;
  font-size: 18px;
  color: #fff;
  border-radius: 3px;
  -webkit-transition: all 0.3s 0s ease;
  -moz-transition: all 0.3s 0s ease;
  -o-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.but-toshop:hover {
  background-color: #ff8c00;
  color: #fff;
}

/* Contact form style */
.convertforms input.contact-main-box, .convertforms textarea.contact-main-box {
	border: 0px;
	border-bottom: 1px solid #3498db;
	background-color: rgba(255, 255, 255, 0);
}
.convertforms input.contact-main-box:focus, .convertforms textarea.contact-main-box:focus,
.convertforms input.contact-main-box:invalid:focus, .convertforms textarea.contact-main-box:invalid:focus {
	border: 0px;
	border-bottom: 1px solid #3498db;
	background-color: rgba(255, 255, 255, 0);
}
.convertforms .cf-checkbox-group .cf-label, .convertforms .cf-radio-group .cf-label {
	padding-left: 15px;
}
.convertforms button.contact-main-box:hover {
	background-color: #ff8c00 !important;
	opacity: 1 !important;
}

/* KZV form style */
.form-kzv h2, .form-kzv h3 {
	color: #3498db;
}
.form-kzv .cf-control-label {
	display: flex;
  align-content: center;
  flex-wrap: wrap;
}
input.cf-input.form-kzv-text {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	color: #3f3f3f;
}
.form-kzv .form-kzv-font .cf-radio-group {
	padding-top: 4px;
	padding-bottom: 4px;
}
.form-kzv-font .cf-radio-group .cf-label {
	padding-left: 5px;
}
.form-kzv-font .cf-radio-group .cf-label img {
	margin-bottom: 2px;
}

/* Parallax-Banner */
.parallax {
	margin: 0px 0px 20px 0px;
}
.parallax h2 {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 0px 0px 12px black;
}
.parallax p {
	color: #efeff7;
	font-size: 16px;
	text-shadow: 0px 0px 8px black;
}
.parallax a {
	display: inline-block;
	padding: 6px 10px;
	background-color: #3498db;
	color: #efeff7;
	font-size: 16px;
	cursor: grab;
}
.parallax a:hover {
	cursor: pointer;
}

/* Widget Kit Switcher Panel */
.wk-switcher-panel > div {
	display: flex;
  justify-content: center;
}
.wk-switcher-panel > div > div {
	max-width: 1200px;
  margin: 0px auto;
}
.wk-switcher-panel > div > div > ul.uk-subnav > li > a:first-child {
	padding: 20px 30px;
	color: #efefef;
	background-color: #3498db;
}
.wk-switcher-panel > div > div > ul.uk-subnav > li.uk-active > a:first-child {
	color: #3498db;
	background-color: #fff;
}
.wk-switcher-panel > div > div > ul.uk-subnav > li > a:hover {
	background-color: #44a8eb;
	color: #fff;
}

/* Widget Kit Switcher Panel - History */
.wk-switcher-history ul.uk-tab-left {
	padding-top: 20px;
}
.wk-switcher-history ul.uk-tab-left>*>a {
	padding: 15px 10px;
}
.uk-tab>.uk-active>a {
    border-color: #3498db;
}
.wk-switcher-history ul.uk-tab li a {
	font-size: 16px;
	color: #3498db;
}
.wk-switcher-history ul.uk-tab li a:hover {
	color: #ff8c00;
}
.wk-switcher-history > div:first-child {
	background-color: #efefef;
}
.wk-switcher-history.uk-grid-stack > div:first-child {
	background-color: #ffffff;
}

/* Widget Kit Slideshow */
.wk-slideshow h3 {
	font-size: 28px;
	text-shadow: 0px 0px 12px black;
}
.wk-slideshow a {
	font-size: 16px;
	text-shadow: 0px 0px 12px black;
}
.wk-slideshow a.button-learn-more {
  border: 3px solid #fff;
}

/* Widget Kit Slideshow 480x640px */
.wk-slide-features {
	margin: 20px 0px 20px 0px;
}
.uk-light .uk-dotnav>*>* {
    background-color: #3498db;
}
.uk-light .uk-dotnav>.uk-active>*, .uk-light .uk-dotnav>*>*:hover {
    background-color: #54b8fb;
}

/* Slides Overlay */
a.uk-position-cover:after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-image: linear-gradient(45deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 35%, rgba(0,0,0,0) 100%);
  opacity: 1;
  transition: all .3s ease-in-out;
}
a.uk-position-cover:after:hover {
  opacity: 0;
}

/* Slideshow@Homescreen */
.wk-slideshow-home ul li .uk-overlay {
	padding: 0;
}
.wk-slideshow-home ul li .uk-overlay > div {
	padding: 20px 30px;
	background-color: rgba(15,30,65,0.7);
}
@keyframes uk-kenburns {
	0% {transform:scale(1)}
	100% {transform:scale(1.05)}
}

/* Video@Homescreen */
.bg-video-home {
	width: 100%;
	max-height: 100vh;
	position: relative;
}
.bg-video-home, .bg-header-banner {
	border-bottom: 3px solid #dceaf7;
}
.bg-video-home p {
	font-size: 16px;
	bottom: 0px;
	left: 0px;
	position: absolute;
	color: #fff;
	padding: 0px 50px;
	background-color: rgba(0,0,0,0.5);
}

/* Introboxen */
#home-intro-box h2 {
	font-size: 26px;
}

/* Gallery-HoverLines */
.uk-card-body {
	padding: 20px 0px;
}
.uk-card-body .uk-h3 {
	padding: 0px 20px;
}
div.gallery-intro {
	cursor: default;
	padding: 0px 20px;
}
div.gallery-bullit {
	cursor: default;
	padding: 0px 20px;
	width: 100%;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}
div.gallery-bullit:hover {
	background-color: #fdc300;
	-webkit-transition: all 0.15s ease-in;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}
div.gallery-bullit p {
	padding: 5px 0px;
}
/* Counter for Specs/Features */
.count-entry {
	font-weight: bold;
	font-size: 72px;
	color: #1276b9;
	opacity: 1;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}
.count-entry.count-done {
	opacity: 1;
	color: #3498db;
}
/* read-more hover */
.read-more {
	background-color: #3498db;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}
.read-more:hover {
	background-color: #ff8c00;
}

/* Banner + Breadcrumbs */
.tm-top .uk-grid {
	flex-direction: column;
}
.tm-top .uk-grid-margin.uk-first-column {
	margin-top: 0px;
}
.breadcrumb-relative {
	position: relative;
	z-index: 1;
}
.uk-breadcrumb a, .uk-breadcrumb span, .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
	font-size: 10px;
}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
	margin: 0px 8px 0px 6px;
}
/* Header Blocks */
.header-dist-box {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
}
.header-dist-box > h1 {
	color: #fff;
	font-family: "Roboto";
	font-weight: 700;
	margin: 0px 0px calc(28px / -2.46) 0px; /* value in calc() is font size from next line */
	font-size: 28px;
	opacity: 0.6;
}
.header-dist-box > img {
	height: calc(20px * 4); /* value in calc() is font size from h1 */
	margin: calc(20px * 0.25) 0px calc(20px * -0.25) 0px; /* value in calc() is font size from h1 */
	width: auto;
}
.header-dist-box > div {
	height: 110px;
	width: 100%;
}
.header-dist-box > p {
	color: #fff;
	font-family: "Fira Sans Condensed";
	font-size: 20px;		
	margin: 30px 15px 80px 15px !important;
	text-shadow: 0px 0px 12px black;
}
.header-dist-box .uk-breadcrumb {
	margin: 10px 0px 10px 40px;
	text-shadow: 0px 0px 12px black;
}
.h_eader-dist-box .uk-breadcrumb a, .h_eader-dist-box .uk-breadcrumb li::before , .h_eader-dist-box .uk-breadcrumb span {
	color: #fff !important;
	font-family: "Fira Sans Condensed";
	font-size: 20px !important;
	text-shadow: 0px 0px 12px black;
}
.header-link-box-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
}
.header-link-box-13, .header-link-box-23, .header-link-box-33, 
.header-link-box-14, .header-link-box-24, .header-link-box-34, .header-link-box-44, 
.header-link-box-15, .header-link-box-25, .header-link-box-35, .header-link-box-45, .header-link-box-55 {
  width: 100%;
}
.header-link-box-13, .header-link-box-33, 
.header-link-box-14, .header-link-box-34, 
.header-link-box-15, .header-link-box-35, .header-link-box-55 {
	background-color: #efefef;
}
.header-link-box-23, 
.header-link-box-24, .header-link-box-44, 
.header-link-box-25, .header-link-box-45 {
	background-color: #e7e7e7;
}
.header-link-box-inner {
	display: flex;
	align-items: center;
  flex-direction: column;
	-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
}
.header-link-box-head h3, .header-link-box-head p, .header-link-box-text p {
	-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
}
.header-link-box-head {
	width: 80%;
	height: 125px;
}
.header-link-box-head h3, .header-link-box-head p {
	color: #ff8c00;
	font-weight: 600;
	text-align: center;
	font-size: 28px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.header-link-box-text {
	width: 80%;
	display: none;
}
.header-link-box-text p {
	color: #7f7f7f;
	margin: 0px auto;
	font-size: 18px;
}
.header-link-box-logo {
	height: 150px;
}
.header-link-box-more {
	width: 80%;
	height: 50px;
}
.header-link-box-more p {
	color: #3498db;
	margin: 0px auto;
	font-size: 20px;
	text-align: center;
}
.header-link-box-outer:hover {
	background-color: #ff9c30;
}
.header-link-box-outer:hover * {
	color: #fff;
}

/* Blocks with minipics and animated overlay */
div.minipic {
	margin: 15px 0px;
	background-color: #efefef;
	background-position: center 20px;
 	background-repeat: no-repeat;
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
	
}
div.minipic.mp-small {
	height: 360px; 
}
div.minipic.mp-large {
	height: 480px; 
}
div.minipic:hover, div.minipic.mp-hover {
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
	
}
div.minipic div.minibadge-intro {
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}
div.minipic.mp-small div.minibadge-intro {
	height: 280px;
}
div.minipic.mp-large div.minibadge-intro {
	height: 400px;
}
div.minipic:hover div.minibadge-intro, div.minipic.mp-hover div.minibadge-intro {
	height: 0px;
}
div.minipic div.minibadge-main {
	height: 66px;
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}
div.minipic.mp-small:hover div.minibadge-main, div.minipic.mp-small.mp-hover div.minibadge-main {
	height: 360px;
}
div.minipic.mp-large:hover div.minibadge-main, div.minipic.mp-large.mp-hover div.minibadge-main {
	height: 480px;
}
div.minipic div.minibadge-outro {
	height: 14px;
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}
div.minipic:hover div.minibadge-outro, div.minipic.mp-hover div.minibadge-outro {
	height: 0px;
}
div.minipic div.minibadge-badge {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-left: 25px;
	height: 66px;
	background-color: #3498db;
	border-radius: 33px 0px 0px 33px;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}
div.minipic:hover div.minibadge-badge, div.minipic.mp-hover div.minibadge-badge {
	margin-left: 0px;
	border-radius: 0px;
	background-position: 20px 20px;
	flex-direction: column;
	flex-wrap: nowrap;
	
}
div.minipic.mp-small:hover div.minibadge-badge, div.minipic.mp-small.mp-hover div.minibadge-badge {
	height: 360px;
}
div.minipic.mp-large:hover div.minibadge-badge, div.minipic.mp-large.mp-hover div.minibadge-badge {
	height: 480px;
}

div.minipic div.minibadge-text h3 {
	color: #fff;
	font-size: 22px;
	line-height: 1.2;
	margin: 0px 20px 0px 75px;
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}
div.minipic:hover div.minibadge-text h3, div.minipic.mp-hover div.minibadge-text h3 {
	font-size: 28px;
	margin: 25px 20px 20px 100px;
}
div.minipic div.minibadge-text p, div.minipic div.minibadge-text ul {
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	color: #fff;
	margin: 0px auto;
}
div.minipic:hover div.minibadge-text p, div.minipic.mp-hover div.minibadge-text p {
	height: auto;
	visibility: visible;
	margin: 10px 20px 10px 75px;
	margin: 25px 20px 10px 45px;
}
div.minipic:hover div.minibadge-text ul, div.minipic.mp-hover div.minibadge-text ul {
	height: auto;
	visibility: visible;
	margin: 10px 20px 10px 75px;
	margin: 10px 20px 10px 45px;
}
div.minipic:hover div.minibadge-text ul.minibadge-bullit, div.minipic.mp-hover div.minibadge-text ul.minibadge-bullit,
div.minipic:hover div.minimodel-text ul.minimodel-bullit, div.minipic.mp-hover div.minimodel-text ul.minimodel-bullit {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-inline-start: 15px;
}

div.minipic div.minibadge-button {
	display: flex;
	justify-content: center;
	height: 0px;
	overflow: hidden;
	visibility: hidden;
	color: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
div.minipic:hover div.minibadge-button, div.minipic.mp-hover div.minibadge-button {
	height: auto;
	visibility: visible;
	margin: 0px 0px 30px 0px;
}
div.minipic div.minibadge-button div {
  padding: 7px 35px;
  border: 2px solid #fff;
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}
div.minipic div.minibadge-button div:hover {
	background-color: #44a8eb;
}

div.minipic div.minimodel-head,
div.minipic div.miniteam-head {
	width: 100%;
	background: #3498db;
	border-radius: 33px 0px 0px 0px;
	padding: 15px 10px;
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}
div.minipic div.minimodel-head h3, div.minipic div.minimodel-text p, div.minipic div.minimodel-text ul,
div.minipic div.miniteam-head h3, div.minipic div.miniteam-text p, div.minipic div.miniteam-text p a {
	margin: 0px 10px 0px 10px;
	color: #fff;
}
div.minipic div.minimodel-text p {
	margin: 0px 10px 10px 10px;
}
div.minipic div.miniteam-text p a:hover {
	margin: 0px 10px 0px 10px;
	color: #fdc300;
}

div.minipic div.minimodel-text,
div.minipic div.miniteam-text {
	width: 100%;
	background: #3498db;
	padding: 0px 10px;
	height: 0%;
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}
div.minipic:hover div.minimodel-text, div.minipic.mp-hover div.minimodel-text {
	height: 45%;
}
div.minipic:hover div.miniteam-text, div.minipic.mp-hover div.miniteam-text {
	height: 25%;
}


/* Addon picture hover */
.addon-pic {
	background-color: #efefef;
	background-size: 100% 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.addon-pic:hover, .addon-pic.mp-hover {
	background-size: 110% 110%;
}
.addon-pic>a {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.075);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.addon-pic:hover>a, .addon-pic.mp-hover>a {
	background-color: rgba(0,0,0,0.5);
}
.addon-pic>a>p {
	color: rgba(255,255,255,0);
	line-height: 2.5;
	font-size: 20px;
	margin: 0px 0px 10px 0px;
	width: 100%;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.addon-pic:hover>a>p, .addon-pic.mp-hover>a>p {
	background: #3498db;
	color: rgba(255,255,255,1);
}


/* Solution Button */
.solution-button {
	height: 66px;
	background: #3498db;
	border-radius: 33px;
	margin: 5px 15px;
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}
.solution-button:hover {
	background: #44a8eb;	
}
.solution-button > p {
	padding: 0px 15px;
	text-align: center;
}

/* Bullit-Squares Blocks */
.bullit-square {
	padding: 15px 0px;
}
.bullit-square > div {
	width: 80px;
	height: 80px;
	background-color: #3498db;
	color: #fff;
	font-size: 44px;
}
.bullit-square > p {
	width: calc(100% - 80px);
	padding: 0px 30px;
}

/* Download Button Slides */
.download-box {
	width: 100%;
	margin: 20px 0px;
}
.download-box a div {
	min-height: 66px;
	padding: 8px 40px 8px 80px;
	background-repeat: no-repeat;
	background-position: 6px 6px;
	background-color: #3498db;
	border-radius: 33px 0px 0px 33px;
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}
.download-box a:hover div {
	background-color: #44a8eb;
}
.download-box a div p {
	margin: 0px;
	color: #fff;
	font-size: 16px;
}

/* CTA-Button */
a.content-box.button-contact-popup-de, a.content-box.button-contact-popup-en, a.content-box.button-contact-popup-sl {
	display: block;
	background-color: #3498db;
	color: #fff;
	padding: 15px 20px;
	margin: 30px 0px 50px 0px;
	font-size: 28px;
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}
a.content-box.button-contact-popup-de:hover, a.content-box.button-contact-popup-en:hover, a.content-box.button-contact-popup-sl:hover {
	background-color: #fdc300;
	color: #5f5f5f;
}
/* Content Blocks */
.content-banner {
 	background-size: auto 0px;
	padding: 0px 15px;
}
.content-banner.cta-banner {
 	background-color: #3498db;
 	background-image: url('/images/content/cta/white-square.webp');
 	background-repeat: repeat-x;
 	background-position: left top;
 	background-size: 0px 0px;
}
@media (min-width: 992px) {
	.content-banner.cta-banner {
	 	background-size: 64px 64px;
	}
}
.content-banner-inner {
	width: 100%;
}
.content-picbelt {
}
.content-picbelt-inner {
}
.content-picbelt-container {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}
.content-picbelt-pic3 {
	width: 33.33%;
	height: 100%;
}
.content-picbelt-pic4 {
	width: 25%;
	height: 100%;
}
.content-picbelt-pic5 {
	width: 20%;
	height: 100%;
}
.content-picbelt-pic6 {
	width: 16.66%;
	height: 100%;
}
.content-picbelt-container img {
	width: 100%;
	height: auto;
}
.content-container-ltr, .content-container-rtl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.content-container-ltr.ai-start, .content-container-rtl.ai-start { align-items: flex-start; }
.content-container-ltr.ac-start, .content-container-rtl.ac-start { align-content: flex-start; }
.content-container-ltr.jc-start, .content-container-rtl.jc-start { justify-content: flex-start; }
.content-container-ltr.ai-center, .content-container-rtl.ai-center { align-items: center; }
.content-container-ltr.ac-center, .content-container-rtl.ac-center { align-content: center; }
.content-container-ltr.jc-center, .content-container-rtl.jc-center { justify-content: center; }
.content-container-ltr.ai-end, .content-container-rtl.ai-end { align-items: flex-end; }
.content-container-ltr.ac-end, .content-container-rtl.ac-end { align-content: flex-end; }
.content-container-ltr.jc-end, .content-container-rtl.jc-end { justify-content: flex-end; }

.content-container-ltr {
  flex-direction: row;
}
.content-container-rtl {
  flex-direction: row-reverse;
}
.content-box-1, .content-box-2, .content-box-3, .content-box-3-1, .content-box-3-2, .content-box-4 {
	width: 100%;
}
h2.content-box, h3.content-box, .h2-style.content-box, .h3-style.content-box  {
	color: #3498DB;
	font-weight: 300;
	text-align: left;
/*	width: 100%; */
	padding: 15px 15px;
	margin: 0px 0px;
}
h2.content-box, .h2-style.content-box {
	font-size: 26px;
}
h3.content-box, .h3-style.content-box {
	font-size: 26px;
}
p.content-box, ul.content-box li {
	color: #7f7f7f;
	font-weight: normal;
	text-align: left;
	font-size: 20px;
	padding: 15px;
	margin: 0px 0px;
	margin-bottom: 0px;
}
ul.content-box {
	margin-left: 20px;
}
ul.content-box li {
	padding-top: 5px;
	padding-bottom: 5px;
}
p.content-box.narrow {
	padding-top: 5px;
	padding-bottom: 5px;
}
p.content-box.italic {
	font-style: italic;
}
a.content-box {
	color: #3498db;
}
a.content-box:hover {
	color: #ff8c00;
}
p.introline, h3.introline {
	color: #3498db;
	font-size: 24px;
	font-weight: 500;
	padding: 15px 15px 0px 15px;
	margin: 0px 0px;
	text-transform: uppercase;
}
span.introlig {
	font-size: 22px;
}
p.bullit_hook_blue {
	background-image: url('/images/icon/hook_blue.webp');
}
p.bullit_dot_blue {
	background-image: url('/images/icon/dot_blue.webp');
}
p.bullit_phone {
	background-image: url('/images/icon/phone.png');
}
p.bullit_mail {
	background-image: url('/images/icon/mail.png');
}
p.bullit_hook_blue, p.bullit_phone, p.bullit_mail {
	margin: 0px 0px;
	padding-left: 57px;
	background-repeat: no-repeat;
	background-position: 15px center;
}
p.bullit_dot_blue {
	margin: 0px 0px;
	padding-left: 41px;
	background-repeat: no-repeat;
	background-position: 15px center;
}
img.content-box {
	width: 100%;
	height: auto;
	padding: 0px 15px;
}
div.content-box-contact-outer {
	margin-right: 50px;
  background-color: #efefef;
}
div.content-box-contact-inner {
	margin-right: -50px;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto 200px;
}
div.content-box-contact-inner > h3 {
	padding-right: 65px;
	font-size: 24px;	
}
div.content-box-contact-inner > p {
	padding-right: 65px;
	font-size: 16px;	
}
div.content-box-contact-inner > p.bullit_phone, div.content-box-contact-inner > p.bullit_mail {
	padding: 8px 80px 8px 57px;
	background-position: 15px center;
}
div.content-box-contact-inner > p.citation {
	padding: 55px 115px 8px 15px;
	font-style: italic;
}
div.contact-fullsize-banner {
	background-color: #efefef;
	background-image: url('/images/misc/white-square.webp');
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 10px 40px;
}
div.content-box-contact-fullsize-outer {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: flex-end;
}
div.content-box-contact-fullsize-inner-text {
	margin-top: 40px;
	max-width: 55%;
}
div.content-box-contact-fullsize-inner-text > h3 {
	font-size: 18px;
	padding: 5px;
}
div.content-box-contact-fullsize-inner-text > p {
	font-size: 12px;	
	padding: 5px;
}
div.content-box-contact-fullsize-inner-text > a {
	font-size: 12px;	
  margin-left: 10px;
  margin-bottom: 10px;
}

/* Content Blocks - Special */
#box-home-head {
	
}
#box-home-head h1 {
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: normal;
}
#box-home-head p {
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}
#box-home-text {
	padding-top: 40px;
}
.box-home-bull {
	margin: 20px 20px;
	background-position: top left;
	background-repeat: no-repeat;
}
.box-home-bull h3 {
	margin-left: 50px;
	font-size: 24px;
}
.box-home-bull p {
	font-size: 18px;
	color: #7f7f7f;
}

/* Team-Pictures */
.team_pic {
  border-bottom: 1px solid #dddddd;
}
.team_pic:hover {
	border-bottom: 1px solid #23AEE5;
  -webkit-box-shadow: 0px 10px 10px -12px rgb(98 98 98);
  -moz-box-shadow: 0px 10px 10px -12px rgba(98,98,98,1);
  box-shadow: 0px 10px 10px -12px rgb(98 98 98);
  transition: all 0.2s ease-in-out;
}

/* Spec-Area */
.spec-cell {
	display: flex;
	flex-direction: column;
	margin: 10px 0px 0px 0px;
}
.spec-head {
	width: 100%;
}
.spec-head p {
	text-align: center;
	padding: 0px 15px 0px 15px;
	font-weight: bold;
}
.spec-data {
	width: 100%;
}
.spec-data p {
	text-align: center;
	padding: 0px 15px 0px 15px;
}

/* Footer Contact-Logo-Box */
.footer-contact-outer {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.footer-contact-adress {
	width: 100%;
}
.footer-contact-link {
	width: 100%;
}
.footer-contact-logo {
	width: 100%;
	padding: 20px 0px 10px 0px;
	display: flex;
	justify-content: center;
}

/* Category View */
.cv-container {
	
}
.cv-container-card {
	border-radius: 15px;
	border-top: 1px solid #efefef;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-left: 1px solid #efefef;
	b_order-left: 1px solid #cfcfcf;
}
.cv-container-card-link {
	
}
.cv-container-card-image {
	overflow: hidden;
	display: flex;
  align-items: center;
  justify-content: center;
	height: 300px;	
	border-bottom: 1px solid #cfcfcf;
}
.cv-container-card-image img {
	transition: all .3s ease-in-out;
}
.cv-container-card-link:hover .cv-container-card-image img {
	scale: 1.05;
}
.cv-container-card-text {
	min-height: 120px;
	display: flex;
	flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #efefef;
	border-top: 1px solid #fff;
	border-radius: 0px 0px 15px 15px;
	transition: all .3s ease-in-out;
	
}
.cv-container-card-link:hover .cv-container-card-text {
}
.cv-container-card-text h2 {
	width: 100%;
	margin: 0;
	padding: 10px 15px 2px 15px;
	font-size: 20px;
	line-height: 1.25;
	text-align: center;
	transition: all .3s ease-in-out;
}
.cv-container-card-text p {
	margin: 0;
	padding: 2px 15px 10px 15px;
	font-size: 14px;
	text-align: center;
	color: #3f3f3f;
}
.cv-container-card-link:hover .cv-container-card-text h2 {
	color: #3498db;
}


/* Product View */
.pv-section-headline {
	font-size: 18px;
	font-weight: 700;
	color: #3498db;
}
.pv-mainpic-space, .pv-thumbs-space, .pv-bullit-space, .pv-techdata-space, .pv-addon-space, .pv-cross-space {
	height: 50px;
}

.pv-headline {
	font-size: 36px;
}
.pv-mainpic {
	max-width: 600px;
  margin: auto;
  max-height: 400px;
  display: flex;
  justify-content: center;
}
.pv-mainpic img {
  max-height: 400px;
}


.pv-thumbs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pv-thumbs-card {
	width: 150px;
  height: 150px;
  overflow: hidden;
  padding: 5px;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
	border-radius: 5px;
  border-top: 1px solid #efefef;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-left: 1px solid #efefef;
}
.pv-thumbs-card img {
	transition: all .15s ease-in-out;
	max-height: 140px;
	w_idth: 100%;
}
.pv-thumbs-card:hover img {
	scale: 1.05;
}
@media (min-width: 768px) {
	.pv-thumbs-card {
		width: 200px;
	  height: 200px;
	}
	.pv-thumbs-card img {
		max-height: 190px;
	}
}
.pv-content-text {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px;
}
.pv-content-text-full p, .pv-content-text-bullits ul li {
	font-size: 16px;
}

.pv-techdata table {
	width: 100%;
  background: #efefef;
	border-collapse: collapse;
}
.pv-techdata caption, th, td {
	padding: 0.2rem 1rem;
}
.pv-techdata caption {
  text-align: left;
}
.pv-techdata th, tr {
  text-align: center;
}
.pv-techdata th {
  b_ackground: #cfcfcf;
 	background: linear-gradient(180deg, rgba(190, 190, 190, 1) 0%, rgba(210, 210, 210, 1) 100%);
}
.pv-techdata tr {
  b_ackground: #e7e7e7;
 	background: linear-gradient(180deg, rgba(225, 225, 225, 1) 0%, rgba(240, 240, 240, 1) 100%);
}
.pv-techdata tr:nth-of-type(2n) {
  b_ackground: #e7e7e7;
 	b_ackground: linear-gradient(180deg, rgba(230, 230, 230, 1) 0%, rgba(250, 250, 250, 1) 100%);
}
p.pv-buyinfo, p.pv-shoplink {
	text-align: right;
}
.pv-container-addon,
.pv-container-cross {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
}
.pv-container-addon-cards,
.pv-container-cross-cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-height: 10000px;
	transition: all .3s ease-in-out;
	position: relative;
}
.pv-container-addon-cards:has(+ .expand-btn:checked)::before,
.pv-container-cross-cards:has(+ .expand-btn:checked)::before {
	content: "";
	position: absolute;
	height: 30px;
	width: 100%;
	bottom: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.65) 100%);
}
.pv-container-addon-cards:has(+ .expand-btn:checked),
.pv-container-cross-cards:has(+ .expand-btn:checked) {
	max-height: 400px;
	overflow: hidden;
}
.expand-btn {
	appearance: none;
	text-align: center;
	margin: 0;
	width: 100%;
	height: 30px;
	border-top: 1px solid #dfdfdf;
	cursor: pointer;
	background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
	background-size: 100px 45px;
	background-repeat: no-repeat;
	background-position: center -15px;
	line-height: 26px;
	font-size: 24px;
	font-weight: 700;
	color: #9f9f9f;
	transition: all .3s ease-in-out;

}
.expand-btn:hover {
	background-position: center 0px;
	color: #3498db;
}
.expand-btn::before {
	content: "";
  background-image: url(/images/misc/arrow_up_gray.png);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  width: 100px;
  margin: auto;
  height: 30px;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-radius: 0px 0px 5px 5px;
	transition: all .3s ease-in-out;
}
.expand-btn:hover::before {
	content: "";
  background-image: url(/images/misc/arrow_up_blue.png);
}
.expand-btn:checked::before {
	content: "";
  background-image: url(/images/misc/arrow_down_gray.png);
  background-repeat: no-repeat;
  background-position: center;
}
.expand-btn:checked:hover::before {
	content: "";
  background-image: url(/images/misc/arrow_down_blue.png);
}
.pv-container-addon-card,
.pv-container-cross-card {
	margin: 5px;
	padding: 5px;
	width: 150px;
}
@media (min-width: 768px) {
	.pv-container-addon-card,
	.pv-container-cross-card {
		margin: 10px;
		padding: 10px;
		width: 200px;
	}
}
.pv-container-addon-card>a,
.pv-container-cross-card>a {
	text-align: center;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	border-radius: 5px;
  border-top: 1px solid #efefef;
  border-right: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
  border-left: 1px solid #efefef;
}
.pv-container-addon-card-image,
.pv-container-cross-card-image {
	height: 160px;
	width: 100%;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #cfcfcf;
  overflow: hidden;
}
.pv-container-addon-card-image img,
.pv-container-cross-card-image img {
	max-height: 150px;
}
.pv-container-addon-card-text,
.pv-container-cross-card-text {
	height: 65px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #fff;
	background-color: #efefef;
	border-radius: 0px 0px 5px 5px;
	transition: all .3s ease-in-out;
}
.pv-container-addon-card-text p,
.pv-container-cross-card-text p {
	margin: 0px;
	padding: 5px;
	font-size: 12px;
	color: #5f5f5f;
	text-align: center;
	line-height: normal;
	transition: all .3s ease-in-out;
}
@media (min-width: 768px) {
	.pv-container-addon-card-text p,
	.pv-container-cross-card-text p {
		font-size: 14px;
	}
}
.pv-container-addon-card>a:hover .pv-container-addon-card-text,
.pv-container-cross-card>a:hover .pv-container-cross-card-text {
	background-position: center 0px;
}
.pv-container-addon-card>a:hover .pv-container-addon-card-text p,
.pv-container-cross-card>a:hover .pv-container-cross-card-text p {
	color: #3498db;
}


@media (max-width: 780px) {
	.pv-content-text {
		grid-template-columns: auto;
	}
	.pv-techdata thead {
		display: none;
	}
	.pv-techdata tr {
		display: grid;
		grid-template-columns: auto auto;
	}
	.pv-techdata tr {
		padding-top: 0.3rem;
		padding-bottom: 0.3rem;
	}
	.pv-techdata td:first-child {
		font-weight: 700;
	}
	.pv-techdata td {
	  text-align: left;
		display: grid;
		gap: 0.5rem;
		grid-template-columns: 15ch auto;
		padding: 0.2rem 1rem;
	}
	.pv-techdata td::before {
		content: attr(data-cell) ": ";
		font-weight: 700;
		text-align: right;
	}
}
@media (max-width: 550px) {
	.pv-techdata tr {
		grid-template-columns: auto;
		padding-top: 0;
		padding-bottom: 0;
	}
	.pv-techdata td:first-child {
		padding-top: 0.5rem;
	}
	.pv-techdata td:last-child {
		padding-bottom: 0.5rem;
	}

}




.wk-grid-slide {
	justify-content: center;
}
.wk-grid-slide p {
	margin: 0px;
	font-size: 18px;
	color: #7f7f7f;
}
.wk-grid-slide .uk-card-default {
	background-color: #f7f7f7;
	border: 2px solid;
  border-image: linear-gradient(0deg, rgba(236,236,236,1) 0%, rgba(218,218,218,1) 100%) 1;	
}
.wk-grid-slide .uk-card-default .uk-card-body {
	border-top: 30px solid #fdc300;
}

@media (min-width: 400px) {
}
@media (min-width: 480px) {
	.uk-breadcrumb a, .uk-breadcrumb span, .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
		font-size: 12px;
	}
	.header-dist-box > h1 {
		margin: 0px 0px calc(32px / -2.46) 0px; /* value in calc() is font size from next line */
		font-size: 32px;		
	}
	.header-dist-box > img {
		height: calc(32px * 4); /* value in calc() is font size from h1 */
		margin: calc(32px * 0.25) 0px calc(32px * -0.25) 0px; /* value in calc() is font size from h1 */
		width: auto;
	}
	.header-dist-box > div {
		height: 163px;
		width: 100%;
	}
	.header-dist-box p {
		font-size: 16px;		
		margin: 0px 15px 0px 0px !important;
	}
	.header-dist-box img {
		max-height: 280px;
	}
	div.content-box-contact-outer {
		margin-right: 75px;
	}
	div.content-box-contact-inner {
		margin-right: -75px;
	  background-size: auto 300px;
	}
	div.content-box-contact-inner > h3 {
		padding-right: 120px;
	}
	div.content-box-contact-inner > p {
		padding-right: 90px;
	}
	div.content-box-contact-inner > p.citation {
		padding: 55px 160px 8px 15px;
	}
	div.content-box-contact-fullsize-inner-text {
		max-width: 65%;
	  margin-bottom: 20px;
	}
	div.content-box-contact-fullsize-inner-text > h3 {
		font-size: 20px;
		padding: 10px;
	}
	div.content-box-contact-fullsize-inner-text > p {
		font-size: 14px;	
		padding: 10px;
	}
	div.content-box-contact-fullsize-inner-text > a {
		font-size: 14px;	
	  margin-left: 20px;
	  margin-bottom: 20px;
	}
	/* Video@Homescreen */
	.bg-video-home, .bg-header-banner {
		border-bottom: 3px solid #dceaf7;
	}
	.bg-video-home p {
		font-size: 20px;
		bottom: 10px;
		left: 10px;
	}
}
@media (min-width: 640px) {
	.footer-contact-adress {
		width: 100%;
		padding: 0px 0px 10px 0px;
	}
	.footer-contact-link {
		width: 100%;
		padding: 0px 0px 10px 0px;
	}
	.footer-contact-logo {
		width: 100%;
		padding: 8px 0px 10px 10px;
	}
}

@media (min-width: 768px) {
	.parallax {
		margin: 0px 0px 40px 0px;
	}
	.parallax h2 {
		font-size: 36px;
	}
	.parallax p {
		font-size: 20px;
	}
	.parallax a {
		padding: 10px 15px;
		font-size: 20px;
	}
	.breadcrumb-relative {
		margin-top: 10px;
	}
	.uk-breadcrumb a, .uk-breadcrumb span, .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
		font-size: 14px;
	}
	.header-dist-box > h1 {
		margin: 0px 0px calc(48px / -2.46) 0px; /* value in calc() is font size from next line */
		font-size: 48px;		
	}
	.header-dist-box > img {
		height: calc(48px * 4); /* value in calc() is font size from h1 */
		margin: calc(48px * 0.25) 0px calc(48px * -0.25) 0px; /* value in calc() is font size from h1 */
		width: auto;
	}
	.header-dist-box > div {
		height: 245px;
		width: 100%;
	}
	.header-dist-box > p {
		font-size: 24px;		
		margin: 30px 30px 80px 30px !important;
	}
	.header-link-box-13, .header-link-box-23, .header-link-box-33, 
	.header-link-box-14, .header-link-box-24, .header-link-box-34, .header-link-box-44, 
	.header-link-box-15, .header-link-box-25, .header-link-box-35, .header-link-box-45, .header-link-box-55 {
	  width: 50%;
	}
	.header-link-box-13,
	.header-link-box-14, .header-link-box-44,
	.header-link-box-15, .header-link-box-45 {
		background-color: #efefef;
	}
	.header-link-box-23,
	.header-link-box-24, .header-link-box-34,
	.header-link-box-25, .header-link-box-35 {
		background-color: #e7e7e7;
	}
	.header-link-box-33,
	.header-link-box-55 {
		background-color: #dfdfdf;
	}
	.header-link-box-text {
		display: block;
	}
	.header-link-box-head {
		width: 80%;
		height: 125px;
	}
	.header-link-box-head h3, .header-link-box-head p {
		text-align: left;
	}
	.header-link-box-text {
		width: 80%;
		height: 110px;
	}
	.header-link-box-logo {
		height: 120px;
	}
	.header-link-box-more {
		width: 80%;
		height: 50px;
	}
	.header-link-box-more p {
		text-align: left;
	}
	.content-banner {
		padding: 0px 30px;
	}
	.content-box-3 {
		width: 50%;
	}
  .content-box-4 {
		width: 50%;
	}
	div.contact-fullsize-banner {
		background-size: 10px 60px;
	}
	div.content-box-contact-fullsize-inner-text > h3 {
		font-size: 24px;
		padding: 10px;
	}
	div.content-box-contact-fullsize-inner-text > p {
		font-size: 18px;	
		padding: 10px;
	}
	div.content-box-contact-fullsize-inner-text > a {
		font-size: 16px;	
	  margin-left: 40px;
	  margin-bottom: 20px;
	}
	div.minipic {
		margin: 15px;
	}
	/* Video@Homescreen */
	.bg-video-home, .bg-header-banner {
		border-bottom: 3px solid #dceaf7;
	}
	.bg-video-home p {
		font-size: 26px;
		bottom: 15px;
		left: 15px;
	}
	/* Spec-Area */
	.spec-cell {
		flex-direction: row;
	}
	.spec-head {
		width: 35%;
	}
	.spec-head p {
		text-align: right;
	}
	.spec-data {
		width: 65%;
	}
	.spec-data p {
		text-align: left;
	}
}

@media (min-width: 992px) {
	.parallax {
		margin: 0px 0px 40px 0px;
	}
	.parallax h2 {
		font-size: 48px;
	}
	.parallax p {
		font-size: 30px;
	}
	.parallax a {
		padding: 10px 15px;
		font-size: 30px;
	}
	.flex-banner {
		flex-direction: row;
	}
	.flex-banner-box-header h3 {
		font-size: 20px;
		font-weight: 400;
	}
	.flex-banner-box-content p {
		font-size: 16px;
		font-weight: 400;
	}
	.header-dist-box > h1 {
		margin: 0px 0px calc(64px / -2.46) 0px; /* value in calc() is font size from next line */
		font-size: 64px;		
	}
	.header-dist-box > img {
		height: calc(64px * 4); /* value in calc() is font size from h1 */
		margin: calc(64px * 0.25) 0px calc(64px * -0.25) 0px; /* value in calc() is font size from h1 */
		width: auto;
	}
	.header-dist-box > div {
		height: 326px;
		width: 100%;
	}
	.header-dist-box > p {
		font-size: 28px;		
		margin: 30px 75px 80px 75px !important;
	}
	.header-link-box-13, .header-link-box-23, .header-link-box-33, 
	.header-link-box-15, .header-link-box-25, .header-link-box-35, .header-link-box-45, .header-link-box-55 {
		width: 33.33%;
	}
	.header-link-box-14, .header-link-box-24, .header-link-box-34, .header-link-box-44 {
		width: 35%;
	}
	.header-link-box-13, .header-link-box-33,
	.header-link-box-14, .header-link-box-44,
	.header-link-box-15, .header-link-box-55 {
		background-color: #efefef;
	}
	.header-link-box-23,
	.header-link-box-24, .header-link-box-34, 
	.header-link-box-35, .header-link-box-45 {
		background-color: #e7e7e7;
	}
	.header-link-box-25 {
		background-color: #dfdfdf;
	}
	.header-link-box-head {
		width: 80%;
		height: 125px;
	}
	.header-link-box-text {
		width: 80%;
		height: 180px;
	}
	.header-link-box-logo {
		height: 150px;
	}
	.header-link-box-more {
		height: 50px;
	}
	.content-banner {
	 	background-size: auto 25px;
	}
	.content-banner-inner {
		width: 85%;
		margin: 0px auto;
	}
	.content-box-2 {
		width: 50%;
	}
	.content-box-3-1 {
		width: 40%;
	}
	.content-box-3-2 {
		width: 60%;
/*		margin-top: 25px; */
	}
	h2.content-box, h3.content-box, .h2-style.content-box, .h3-style.content-box,
	p.content-box,
	p.introline, h3.introline,
	img.content-box,
	.accordeon_container {
		padding-left: 30px;
		padding-right: 30px;
	}
	h2.content-box, .h2-style.content-box {
		font-size: 36px;
	}
	h3.content-box, .h3-style.content-box {
		font-size: 26px;
	}
	p.content-box {
		font-size: 22px;
	}
	p.bullit_hook_blue, p.bullit_phone, p.bullit_mail {
		padding-left: 75px;
		background-position: 30px center;
	}
	p.bullit_dot_blue {
		padding-left: 50px;
		background-position: 27px center;
	}
	div.content-box-contact-outer {
		margin-right: 100px;
	}
	div.content-box-contact-inner {
		margin-right: -100px;
	  background-size: auto 400px;
	  min-height: 500px;
	}
	div.content-box-contact-inner > h3 {
		padding-right: 120px;
	}
	div.content-box-contact-inner > p {
		padding-right: 90px;
	}
	div.content-box-contact-inner > p.bullit_phone, div.content-box-contact-inner > p.bullit_mail {
		padding: 8px 80px 8px 72px;
		background-position: 30px center;
	}
	div.content-box-contact-inner > p.citation {
		padding: 133px 220px 8px 30px;
	}
	.search_options {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
	}
	/* Widget Kit Slideshow */
	.wk-slideshow h3 {
		font-size: 42px;
	}
	.wk-slideshow a {
		font-size: 24px;
	}
	/* Widget Kit Slideshow 480x640px */
	.wk-slide-features {
		margin: 20px 40px 20px 0px;
	}
	.wk-slide-features polyline {
		stroke: gray !important;
	}
	/* Content Blocks - Special */
	#box-home-head {
		
	}
	#box-home-head h1 {
		text-align: right;
		padding-left: 30px;
		padding-right: 30px;
	}
	#box-home-head p {
		text-align: right;
		padding-left: 30px;
		padding-right: 30px;
	}
	#box-home-text {
		padding-top: 120px;
		border-left: 1px solid gray;
	}
}

@media (min-width: 1000px) {
	.footer-contact-adress {
		width: 100%;
		padding: 0px 0px 10px 0px;
	}
	.footer-contact-link {
		width: 100%;
		padding: 0px 0px 10px 0px;
	}
	.footer-contact-logo {
		width: 100%;
		padding: 8px 0px 10px 10px;
	}
}



@media (min-width: 1200px) {
	.parallax {
		margin: 0px 0px 60px 0px;
	}
	.parallax h2 {
		font-size: 60px;
	}
	.parallax p {
		font-size: 30px;
	}
	.parallax a {
		padding: 15px 25px;
		font-size: 30px;
	}
	.uk-breadcrumb a, .uk-breadcrumb span, .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
		font-size: 16px;
	}
	.header-dist-box > div {
		top: 85px;
	}
	.header-dist-box > h1 {
		margin: 0px 0px calc(96px / -2.46) 0px; /* value in calc() is font size from next line */
		font-size: 96px;		
	}
	.header-dist-box > img {
		height: calc(96px * 4); /* value in calc() is font size from h1 */
		margin: calc(96px * 0.25) 0px calc(96px * -0.25) 0px; /* value in calc() is font size from h1 */
		width: auto;
	}
	.header-dist-box > div {
		height: 385px;
		width: 100%;
	}
	.header-dist-box > p {
		font-size: 32px;		
		margin: 30px 100px 80px 100px !important;
	}
	.header-link-box-13, .header-link-box-23, .header-link-box-33 {
		width: 33.33%;
	}
	.header-link-box-13, .header-link-box-23, .header-link-box-33,
	.header-link-box-14, .header-link-box-24, .header-link-box-34, .header-link-box-44 {
		width: 25%;
	}
	.header-link-box-15, .header-link-box-25, .header-link-box-35, .header-link-box-45, .header-link-box-55 {
		width: 20%;
	}
	.header-link-box-13, .header-link-box-33,
	.header-link-box-14, .header-link-box-34,
	.header-link-box-15, .header-link-box-35, .header-link-box-55 {
		background-color: #efefef;
	}
	.header-link-box-23,
	.header-link-box-24, .header-link-box-44,
	.header-link-box-25, .header-link-box-45 {
		background-color: #e7e7e7;
	}
	.header-link-box-head {
		width: 80%;
		height: 150px;
	}
	.header-link-box-text {
		width: 80%;
		height: 200px;
	}
	.header-link-box-logo {
		height: 150px;
	}
	.header-link-box-more {
		height: 60px;
	}
	.content-box-3 {
		width: 33.33%;
	}
	.content-box-4 {
		width: 25%;
	}
	div.content-box-contact-fullsize-inner-text > h3 {
		font-size: 30px;
		padding: 15px;
	}
	div.content-box-contact-fullsize-inner-text > p {
		font-size: 22px;	
		padding: 15px;
	}
	div.content-box-contact-fullsize-inner-text > a {
		font-size: 18px;	
	  margin-left: 60px;
	  margin-bottom: 40px;
	  margin-top: 10px;
	}
	/* Video@Homescreen */
	.bg-video-home, .bg-header-banner {
		border-bottom: 3px solid #dceaf7;
	}
	.bg-video-home p {
		font-size: 36px;
		bottom: 50px;
		left: 50px;
	}
	#home-intro-box .content-box-3 {
		max-width: 400px;
	}
	/* Introboxen */
	#home-intro-box h2 {
		font-size: 30px;
	}
	/* Gallery Hover Lines */
	.uk-card-body {
		padding: 40px 0px;
	}
	.uk-card-body .uk-h3 {
		padding: 0px 40px;
	}
	div.gallery-intro, div.gallery-bullit {
		padding: 0px 40px;
	}
}

.header-link-box-active {
	background-color: #ff8c00 !important;
}
.header-link-box-active * {
	color: #fff !important;
}


.dp-flex { display: flex; }
.dp-flex.fw-wrap { flex-wrap: wrap; }
.dp-flex.fw-no { flex-wrap: nowrap; }

.dp-flex.ac-start { align-content: flex-start; }
.dp-flex.ac-center { align-content: center; }
.dp-flex.ac-end { align-content: flex-end; }
.dp-flex.ac-between { align-content: space-between; }
.dp-flex.ac-around { align-content: space-around; }
.dp-flex.ac-stretch { align-content: stretch; }

.dp-flex.jc-start { justify-content: flex-start; }
.dp-flex.jc-center { justify-content: center; }
.dp-flex.jc-end { justify-content: flex-end; }
.dp-flex.jc-between { justify-content: space-between; }
.dp-flex.jc-around { justify-content: space-around; }
.dp-flex.jc-evenly { justify-content: space-evenly; }

.dp-flex.ai-start { align-items: flex-start; }
.dp-flex.ai-center { align-items: center; }
.dp-flex.ai-end { align-items: flex-end; }
.dp-flex.ai-stretch { align-items: stretch; }
.dp-flex.ai-base { align-items: baseline; }

.dp-flex.fd-row { flex-direction: row; }
.dp-flex.fd-rowrev { flex-direction: row-reverse; }
.dp-flex.fd-col { flex-direction: column; }
.dp-flex.fd-colrev { flex-direction: column-reverse; }

h1.ta-left, h2.ta-left, h3.ta-left, p.ta-left { text-align: left; }
h1.ta-center, h2.ta-center, h3.ta-center, p.ta-center { text-align: center; }
h1.ta-right, h2.ta-right, h3.ta-right, p.ta-right { text-align: right; }
h1.ta-justify, h2.ta-justify, h3.ta-justify, p.ta-justify { text-align: justify; }




@media (min-width: 1600px) {
	.hide-XXL {
		display: none;
	}
}
@media (min-width: 1200px) and (max-width: 1599px) {
	.hide-XL {
		display: none;
	}
}
@media (min-width: 1000px) and (max-width: 1199px) {
	.hide-L {
		display: none;
	}
}
@media (min-width: 760px) and (max-width: 999px) {
	.hide-M {
		display: none;
	}
}
@media (min-width: 640px) and (max-width: 759px) {
	.hide-S {
		display: none;
	}
}
@media (min-width: 480px) and (max-width: 639px) {
	.hide-XS {
		display: none;
	}
}
@media (max-width: 479px) {
	.hide-XXS {
		display: none;
	}
}


/* TEMPORÄR */
.l_orem {
	background: linear-gradient(45deg, rgba(255,115,0,0.15) 0%, rgba(255,115,0,0.05) 20%, rgba(255,115,0,0.05) 80%, rgba(255,115,0,0.15) 100%);
/*	background-color: mistyrose; */
}
.wk-switcher-panel .wfpopup > img {
	margin: 0px 0px;
}

/* Promo-Section */

.promo-box {
	padding: 0px 30px;
	margin-top: 25px;
	margin-bottom: 25px;
}
div.promo-zoom {
	width: 100%;
}
a.promo-link {
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 100%;
	-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
}
a.promo-link:hover {
	transform: scale(1.2);
}

img.promo-img {
}
img.promo-img:hover {
}
p.promo-name, p.promo-artnr, p.promo-ve, div.promo-line, p.promo-price {
	width: 100%;
	padding: 0px 15px;
	margin: 0px;
	text-align: center;
}
p.promo-name, p.promo-artnr, p.promo-ve, div.promo-line {
	border-top: 1px solid #7f7f7f;
}
p.promo-name {
	
}
p.promo-artnr {
	
}
p.promo-ve {
	
}
div.promo-line {
	padding-top: 10px;
}
div.promo-sign {
	width: 50px;
  height: 50px;
  color: #ffffff;
  background-color: #ff8c00;
  border-radius: 25px;
  font-size: 44px;
  font-weight: 700;
}
p.promo-text {
	color: #ff8c00;
	font-weight: 700;
	font-size: 28px;
	padding: 0px 0px 0px 15px;
}
p.promo-price {
	font-weight: 700;
	font-size: 40px;
	color: #5f5f5f;
}
a.promo-order {
	padding: 12px 24px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	margin-top: 15px;
}


/* Animation-Home-Screen */

.home-ani-13 {
	position: absolute;
	z-index: 1;
	-webkit-animation: home-gallery 24s ease-in-out 0s infinite both;
	        animation: home-gallery 24s ease-in-out 0s infinite both;
}
.home-ani-23 {
	position: absolute;
	z-index: 2;
	-webkit-animation: home-gallery 24s ease-in-out 8s infinite both;
	        animation: home-gallery 24s ease-in-out 8s infinite both;
}
.home-ani-33 {
	position: absolute;
	z-index: 3;
	-webkit-animation: home-gallery 24s ease-in-out 16s infinite both;
	        animation: home-gallery 24s ease-in-out 16s infinite both;
}

@-webkit-keyframes home-gallery {
  0%   { -webkit-transform: translateX(20px);  transform: translateX(20px);  opacity: 0; }
  2%   { -webkit-transform: translateX(0);     transform: translateX(0);     opacity: 1; }
  31.33%  { -webkit-transform: translateX(0);     transform: translateX(0);     opacity: 1; }
  33.33%  { -webkit-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; }
  100%  { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 0; }
}
@keyframes home-gallery {
  0%   { -webkit-transform: translateX(20px);  transform: translateX(20px);  opacity: 0; }
  2%   { -webkit-transform: translateX(0);     transform: translateX(0);     opacity: 1; }
  31.33%  { -webkit-transform: translateX(0);     transform: translateX(0);     opacity: 1; }
  33.33%  { -webkit-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; }
  100%  { -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 0; }
}