/* Schriften-Import */
@font-face {
	font-family: 'Texta Light';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: local(''), url('/shared/font/3364E2_9_0.woff2') format('woff2'), url('/shared/font/3364E2_9_0.woff') format('woff');
}
@font-face {
	font-family: 'Texta Regular';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: local(''), url('/shared/font/3364E2_D_0.woff2') format('woff2'), url('/shared/font/3364E2_D_0.woff') format('woff');
}
@font-face {
	font-family: 'Texta Bold';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: local(''), url('/shared/font/3364E2_6_0.woff2') format('woff2'), url('/shared/font/3364E2_6_0.woff') format('woff');
}
@font-face {
	font-family: 'Texta Black';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: local(''), url('/shared/font/3364E2_3_0.woff2') format('woff2'), url('/shared/font/3364E2_3_0.woff') format('woff');
}

/* Global */
:root {
	--color-darkgrey: #363636;
	--color-midgrey: #707070;
	--color-white: #ffffff;
	--color-blue: #0c71c3;
	--color-software: #cc5000;
	--color-software-light: #fcf5f1;
	--color-storage: #753420;
	--color-storage-light: #f7f3f2;
	--color-screen-printing: #333096;
	--color-screen-printing-light: #f3f3f9;
	--color-inspection: #7e1780;
	--color-inspection-light: #f7f2f8;
	--color-placement: #0c71c3;
	--color-placement-light: #f1f7fb;
	--color-insertion: #031d80;
	--color-insertion-light: #f1f2f8;
	--color-soldering: #c92d33;
	--color-soldering-light: #fcf3f3;
	--color-handling: #324456;
	--color-handling-light: #f3f4f5;
}
::selection {
	background: var(--color-blue);
	color: var(--color-white);
}
body {
	font-family: 'Texta Light', var(--bs-body-font-family);
	font-size: calc(1rem + .4vw);
	color: var(--color-darkgrey);
}
small {
	font-size: calc(.75rem + .25vw);
}
strong,
.fw-bold {
	font-family: 'Texta Black', var(--bs-body-font-family) !important;
	font-weight: 400 !important;
}
.fw-light {
	font-family: 'Texta Light', var(--bs-body-font-family) !important;
	font-weight: 400 !important;
}
.fw-normal {
	font-family: 'Texta Regular', var(--bs-body-font-family) !important;
	font-weight: 400 !important;
}
.fit-cover {
	object-fit: cover;
}
.text-blue {
	color: var(--color-blue);
}
a,
a:visited {
	color: var(--color-blue);
	text-decoration: none;
}
a:hover,
a:focus {
	text-decoration: none;
}
.read-more svg {
	transition: transform .2s;
}
.read-more:hover svg,
.read-more:focus svg {
	transform: translateX(.25rem);
}
.btn.btn-primary,
.btn.btn-primary:focus {
	background: var(--color-blue);
	border-color: var(--color-blue);
	border-radius: 50rem;
	font-size: calc(1rem + .4vw);
}
.lead {
	color: var(--color-blue);
	font-family: 'Texta Regular', var(--bs-body-font-family) !important;
	font-size: calc(1rem + .6vw);
	font-weight: 400 !important;
}
h1,
.h1 {
	color: var(--color-blue);
	font-family: 'Texta Black', var(--bs-body-font-family) !important;
	font-size: calc(2rem + 2vw);
	font-weight: 400 !important;
	line-height: 1;
	text-transform: uppercase;
}
h2,
.h2 {
	font-family: 'Texta Black', var(--bs-body-font-family) !important;
	font-size: calc(1.5rem + 1vw);
	font-weight: 400 !important;
	line-height: 1;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}
h3,
.h3 {
	font-family: 'Texta Light', var(--bs-body-font-family) !important;
	font-size: calc(1.5rem + .5vw);
	font-weight: 400 !important;
	margin-bottom: 2rem;
	text-transform: uppercase;
}
h4,
.h4 {
	font-family: 'Texta Black', var(--bs-body-font-family) !important;
	font-size: calc(1rem + .4vw);
	font-weight: 400 !important;
}
h5,
.h5 {
	font-family: 'Texta Regular', var(--bs-body-font-family) !important;
	font-size: calc(1rem + .4vw);
	font-weight: 400 !important;
}
#noscript {
	z-index: 1103;
}
@keyframes bottom {
	from { opacity: 0; transform: translateY(3rem); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes left {
	from { opacity: 0; transform: translateY(3rem); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes right {
	from { opacity: 0; transform: translateY(3rem); }
	to { opacity: 1; transform: translateY(0); }
}

/* Preloader */
#loader {
	display: flex;
	z-index: 1101;
}
.no-js #loader {
	display: none;
}
#loader .ellipsis {
	height: 4rem;
	width: 4rem;
}
#loader .ellipsis div {
	animation: ellipsis2 .6s infinite;
	background: var(--color-blue);
	border-radius: 50%;
	height: .75rem;
	left: .5rem;
	position: absolute;
	top: 2rem;
	width: .75rem;
}
#loader .ellipsis div:nth-child(1) {
	animation: ellipsis1 .6s infinite;
}
#loader .ellipsis div:nth-child(3) {
	left: 2rem;
}
#loader .ellipsis div:nth-child(4) {
	left: 3.5rem;
	animation: ellipsis3 .6s infinite;
}
@keyframes ellipsis1 {
	0% { transform: scale(0); }
	100% { transform: scale(1); }
}
@keyframes ellipsis2 {
	0% { transform: translate(0, 0); }
	100% { transform: translate(1.5rem, 0); }
}
@keyframes ellipsis3 {
	0% { transform: scale(1); }
	100% { transform: scale(0); }
}

/* Navigation */
#menu {
	padding: .25rem 0;
	transition: padding .2s;
}
#menu .navbar-holder {
	width: calc(100% + var(--bs-gutter-x));
}
#menu .navbar-brand img {
	height: 2rem;
	transition: all .2s;
	width: auto;
}
#menu .nav-link,
#menu .dropdown-item {
	background: none;
	border-bottom: 1px solid transparent;
	color: var(--color-darkgrey);
	font-family: 'Texta Regular', var(--bs-body-font-family);
	font-size: 1.125rem;
	transition: border .2s;
}
#menu .dropdown-item {
	font-size: .875rem;
}
#menu .dropdown-menu li {
	padding: .125rem .375rem;
}
#menu .nav-link:not(.dropdown-toggle):hover,
#menu .nav-link:not(.dropdown-toggle):focus {
	border-color: var(--color-darkgrey);
}
#menu .nav-link.active,
#menu .dropdown-menu a.active {
	font-family: 'Texta Black', var(--bs-body-font-family);
}
#menu .dropdown-menu a:hover,
#menu .dropdown-menu a:focus
#menu .dropdown-menu a.active {
	border-color: var(--color-darkgrey);
}
#menu .dropdown-toggle::after {
	background: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23363636' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") center center / cover no-repeat;
	border: 0;
	height: 1em;
	margin-left: 0;
	vertical-align: -.25rem;
	width: 1em;
}
#menu .social-icons a svg {
	fill: var(--color-darkgrey);
	transition: fill .2s;
}
#menu .social-icons a:hover svg,
#menu .social-icons a:focus svg {
	fill: var(--color-blue);
}
#menu .nav-lang .dropdown-menu {
	min-width: auto;
}
#menu .nav-lang .dropdown-menu svg {
	outline: .25rem solid var(--color-white);
}
#menu .nav-lang .dropdown-toggle::after {
	margin-left: .375rem;
	vertical-align: -.125rem;
}
#menu form input,
#menu form button {
	opacity: 0;
	transition: all .2s;
	visibility: hidden;
}
#menu form input:focus {
	border-color: var(--color-blue);
}
#menu form button {
	margin-right: -1.5rem;
}
#menu form.active input,
#menu form.active button {
	opacity: 1;
	visibility: visible;
}
#menu form.active a {
	z-index: -1;
}

/* Hamburger */
.navbar-toggler {
	height: 50px;
	width: 40px;
}
.navbar-toggler span {
	background-color: var(--color-blue);
	height: 2px;
	margin-top: -2px;
	top: 50%;
	transition-duration: 0.22s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	width: 40px;
}
.navbar-toggler span::before,
.navbar-toggler span::after {
	background-color: var(--color-blue);
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
	width: 40px;
}
.navbar-toggler span::before {
	top: -10px;
}
.navbar-toggler span::after {
	bottom: -10px;
	transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.navbar-toggler.is-active span {
	transform: rotate(225deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.navbar-toggler.is-active span::before {
	opacity: 0;
	top: 0;
	transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}
.navbar-toggler.is-active span::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* Header */
header .header-image {
	clip-path: url(#clipHeader);
	height: 100svh !important;
}
header .header-content {
	background-color: var(--color-blue);
}
header .header-slogan h1 {
	font-family: 'Texta Black', var(--bs-body-font-family) !important;
	font-size: calc(2.5rem + 2.5vw);
	font-weight: 400 !important;
}

/* Topcis */
.topic-teaser li h5 {
	font-size: 1rem;
}
.topic-teaser li a img {
	transition: all .2s;
}
.topic-teaser li a:hover img,
.topic-teaser li a:focus img {
	transform: scale(1.075);
}
.topic-listing .topic-container {
	margin-bottom: -1px;
}
.topic-listing .topic-icon a img {
	transition: transform .2s;
}
.topic-listing .topic-icon a:hover img,
.topic-listing .topic-icon a:focus img {
	transform: scale(1.05);
}
.topic-listing .topic-image img {
	clip-path: url(#clipListing);
	height: 33vw;
	min-height: 15rem;
}
.topic-highlights {
	border-bottom: 132px solid var(--color-white);
	color: var(--color-white);
	padding: 8rem 0 0 0;
}
.topic-highlights::after {
	bottom: -131px;
	clip-path: url(#clipBottom);
	content: "";
	display: block;
	height: 132px;
	position: absolute;
	right: 0;
	width: 5000px;
}
.topic-highlights .col-lg-6 *:last-child {
	margin-bottom: 0;
}

/* Products */
.product-container {
	padding: 8rem 0;
}
.product-title {
	text-transform: uppercase;
}
.product-title .h2 {
	font-family: 'Texta Black', var(--bs-body-font-family);
	font-size: calc(3rem + 1vw);
	line-height: 1;
	margin-bottom: 0;
}
.product-title .h3 {
	font-size: calc(1.25rem + 1vw);
}
.product-image {
	margin-bottom: -4rem;
}
.product-facts {
	background: center center / cover fixed no-repeat;
	border-bottom: 132px solid var(--color-white);
	border-top: 132px solid var(--color-white);
	padding-top: 1px;
}
.product-facts::before,
.product-facts::after {
	background: center center / cover fixed no-repeat;
	clip-path: url(#clipTop);
	content: "";
	display: block;
	height: 132px;
	position: absolute;
	width: 5000px;
}
.product-facts::before {
	left: 0;
	top: -131px;
}
.product-facts::after {
	bottom: -131px;
	clip-path: url(#clipBottom);
	right: 0;
}
.product-fact {
	background: rgba(255, 255, 255, .9);
	border: .125rem solid var(--color-blue);
	font-family: 'Texta Bold', var(--bs-body-font-family) !important;
	line-height: 1.25;
	padding: 2rem 3rem;
	transition: transform .2s;
}
.product-fact .product-video {
	border: .5rem solid var(--color-white);
	transition: transform .2s;
}
/*.product-fact:hover .product-video,
.product-fact:focus .product-video {
	transform: scale(1.1);
}*/
a.product-fact:hover,
a.product-fact:focus {
	transform: scale(1.05);
}
.product-fact .product-video img {
	width: 4rem;
	height: 4rem;
}
a.product-cta {
	border: .125rem solid var(--color-blue);
	color: #fff;
	line-height: 1.25;
	padding: 2rem 3rem;
	transition: transform .2s;
}
a.product-cta:hover,
a.product-cta:focus {
	transform: scale(1.05);
}
a.product-cta svg {
	transform: rotate(90deg);
}
.product-specs {
	line-height: 1.25;
	padding: 179px 0 131px 0;
	right: calc(-90% + 3.5rem);
	top: 3rem;
	transition: right .5s;
	width: 90%;
}
.product-specs.active {
	right: 0;
}
.product-specs .product-specs-toggle {
	top: calc(138px - 1rem);
	transform: rotate(-180deg);
	writing-mode: tb-rl;
}
.product-specs .product-specs-toggle svg {
	margin-left: -.5rem;
	transform: rotate(90deg);
	transition: transform .5s;
}
@-moz-document url-prefix() {
	.product-specs .product-specs-toggle svg {
		margin-left: 0;
	}
}
.product-specs .product-specs-toggle:hover svg {
	transform: rotate(0);
}
.product-specs.active .product-specs-toggle svg {
	transform: rotate(-90deg);
}
.product-specs .product-specs-content {
	font-size: calc(.75rem + .25vw);
	padding: 0 2rem 0 3.5rem;
}
.product-specs .product-specs-content strong {
	font-family: 'Texta Regular', var(--bs-body-font-family) !important;
}
.product-specs .product-specs-content em {
	display: block;
	color: var(--color-midgrey);
	font-size: calc(.75rem + .1vw);
	font-style: normal;
}
.product-specs .product-specs-content *:last-child {
	margin-bottom: 0;
}
.product-specs::before,
.product-specs::after {
	clip-path: url(#clipTopRounded);
	content: "";
	display: block;
	height: 180px;
	position: absolute;
	width: 1200px;
}
.product-specs::before {
	left: 0;
	top: 0;
}
.product-specs::after {
	bottom: 0;
	clip-path: url(#clipBottom);
	height: 132px;
	right: 0;
	width: 5000px;
}

/* News & Fairs */
.news-slider {
	background-color: var(--color-blue);
	border-bottom: 132px solid var(--color-white);
	border-top: 132px solid var(--color-white);
	color: var(--color-white);
}
.news-slider::before,
.news-slider::after {
	background-color: var(--color-blue);
	clip-path: url(#clipTop);
	content: "";
	display: block;
	height: 132px;
	position: absolute;
	width: 5000px;
}
.news-slider::before {
	left: 0;
	top: -131px;
}
.news-slider::after {
	bottom: -131px;
	clip-path: url(#clipBottom);
	height: 132px;
	right: 0;
	width: 5000px;
}
.news-slider .carousel-item-next,
.news-slider .carousel-item-prev,
.news-slider .carousel-item.active {
	align-items: end;
	display: flex;
}
.news-image img {
	clip-path: url(#imageMode32);
	width: calc(100% - var(--bs-gutter-x));
}
.news-slider .carousel-controls {
	bottom: -4rem;
	left: .25rem;
	width: 6rem;
}
.news-slider .carousel-control-next,
.news-slider .carousel-control-prev {
	width: 2rem;
}
.hintergrund_set{
  background:var(--color-blue);
	color:white !important;
	border-radius: 50rem;
	padding: 0.5rem 2rem;
	display: inline-flex !important;
}
/* Content */
#content .anker {
	scroll-margin-top: 10rem;
}
#content .content-white {
	padding-bottom: 10rem;
	padding-top: 10rem;
}
#content .content-blue {
	background: var(--color-blue);
	margin: 132px 0;
	color: var(--color-white);
}
#content .content-blue::before,
#content .content-blue::after {
	background: var(--color-blue);
	clip-path: url(#clipTop);
	content: "";
	display: block;
	height: 132px;
	position: absolute;
	width: 5000px;
}
#content .content-blue::before {
	left: 0;
	top: -131px;
}
#content .content-blue::after {
	bottom: -131px;
	clip-path: url(#clipBottom);
	right: 0;
}
#content .content-blue a,
#content .content-blue a:visited {
	color: var(--color-white);
}
#content .social-icons svg {
	fill: var(--color-darkgrey);
	transition: fill .2s;
}
#content .social-icons a:hover svg,
#content .social-icons a:focus svg {
	fill: var(--color-blue);
}
#content .content-blue .social-icons svg,
#content .content-blue .read-more svg,
#content .content-blue .icon-services path {
	fill: var(--color-white);
}
#content .social-icons a:hover svg,
#content .social-icons a:focus svg {
	fill: var(--color-white);
}
#content p {
	max-width: 80rem;
}
#content ul + *,
#content ol + * {
	padding-top: 1.5rem;
}
#content .row-space {
	margin-bottom: 10rem;
}
#content .contact img {
	max-width: 20rem;
}
#content img.imageMode11 {
	clip-path: url(#imageMode11);
}
#content img.imageMode32 {
	clip-path: url(#imageMode32);
}
#content img.imageMode169 {
	clip-path: url(#imageMode169);
}
#content ul,
.modal-body ul {
	padding-left: .125rem;
}
#content ul li,
.modal-body ul li {
	display: flex;
	list-style: none;
}
#content ul li::before,
.modal-body ul li::before {
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 16' fill='%23707070'%3e%3cpath d='m10.54,7.06c.54.43.61,1.21.16,1.73-.05.06-.1.11-.16.15L2.09,15.72c-.54.43-1.35.36-1.8-.16-.19-.22-.3-.5-.3-.78V1.22C0,.55.57,0,1.28,0c.3,0,.59.1.82.28l8.45,6.77Z'/%3e%3c/svg%3e") no-repeat;
	content: "";
	display: flex;
	flex-shrink: 0;
	height: calc(.5rem + .425vw);
	transform: translateY(.575rem);
	width: calc(11px * 3);
}
#content .content-blue ul li::before,
#content.topic-highlights ul li::before {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 16' fill='%23fff'%3e%3cpath d='m10.54,7.06c.54.43.61,1.21.16,1.73-.05.06-.1.11-.16.15L2.09,15.72c-.54.43-1.35.36-1.8-.16-.19-.22-.3-.5-.3-.78V1.22C0,.55.57,0,1.28,0c.3,0,.59.1.82.28l8.45,6.77Z'/%3e%3c/svg%3e");
}

/* Accordion */
#content .accordion .accordion-item {
	color: var(--color-white);
	max-width: 80rem;
}
#content .accordion .accordion-button {
	background: var(--color-blue);
	border-radius: 50rem;
	color: var(--color-white);
	font-size: inherit;
}
#content .accordion .accordion-collapse {
	background: var(--color-blue);
	border-radius: 0 0 2rem 2rem;
}
#content .accordion .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#content .accordion .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#content .content-blue .accordion .accordion-item {
	background: var(--color-blue);
	color: var(--color-darkgrey);
}
#content .content-blue .accordion .accordion-button {
	background: var(--color-white);
	color: var(--color-blue);
}
#content .content-blue .accordion .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c71c3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#content .content-blue .accordion .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c71c3'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#content .content-blue .accordion .accordion-collapse {
	background: var(--color-white);
}

/* Partner */
#partner ~ .row figure {
	margin-bottom: 0 !important;
	padding-top: 2rem;
}
#partner ~ .row img {
	width: 75%;
}

/* Contact Form */
#contact {
	font-size: calc(1rem + .4vw);
}
#contact .form-control,
#contact .form-select,
#contact .form-check-input {
	box-shadow: none;
	font-size: calc(1rem + .4vw);
}
#contact .form-select,
#contact .form-check-input {
	cursor: pointer;
}
#contact .form-check-input {
	transform: translateY(-.125rem);
}
#contact .form-control:focus,
#contact .form-select:focus,
#contact .form-check-input:focus {
	border-color: var(--color-blue);
}

/* Footer */
footer {
	background: var(--color-blue);
	font-size: 1.25rem;
	margin-top: 10rem;
}
footer a,
footer a.nav-link {
	border-bottom: 1px solid transparent;
	transition: all .2s;
}
footer a:hover,
footer a:focus,
footer a.nav-link:hover,
footer a.nav-link:focus,
footer a.nav-link.active {
	border-color: var(--color-white);
}
.footer-top {
	aspect-ratio : 1 / 1;
	background: rgba(255, 255, 255, .5);
	max-width: 8rem;
	transition: transform .2s;
	width: 100%;
}
.footer-top svg {
	height: calc(2rem + 1vw);
	width: calc(2rem + 1vw);
}
.footer-top:hover,
.footer-top:focus {
	transform: scale(1.075);
}
.footer-topics a {
	width: 6rem;
}
.footer-topics a img {
	transition: all .2s;
}
.footer-topics a:hover img,
.footer-topics a:focus img {
	transform: scale(1.075);
}

/* Media Queries */
@media (min-width: 576px) {
	header .header-icon img,
	.topic-listing .topic-icon img {
		height: 6rem;
		width: 6rem;
	}
}
@media (min-width: 768px) {
	#menu {
		padding: .75rem 0;
	}
	#menu.scrolled {
		padding: .25rem 0;
	}
	#menu .navbar-brand img {
		height: 50px;
	}
	#menu.scrolled .navbar-brand img {
		height: 2rem;
	}
	#menu .dropdown-item {
		font-size: 1.125rem;
	}
	header .header-icon img,
	.topic-listing .topic-icon img {
		height: 8rem;
		width: 8rem;
	}
	.product-fact .product-video {
		border-width: .75rem;
	}
	.product-fact .product-video img {
		width: inherit;
		height: inherit;
	}
	#content .lead-image {
		background: url(/shared/img/pattern/circle.webp) 110% 80% / calc(150px + 20vw) no-repeat;
	}
}
@media (min-width: 992px) {
	@keyframes left {
		from { opacity: 0; transform: translateX(-5rem); }
		to { opacity: 1; transform: translateX(0); }
	}
	@keyframes right {
		from { opacity: 0; transform: translateX(5rem); }
		to { opacity: 1; transform: translateX(0); }
	}
	.topic-listing .topic-container {
		background-color: transparent !important;
	}
	.topic-listing .topic-container:nth-of-type(even) .topic-content,
	.topic-listing .topic-container:nth-of-type(even) .topic-image {
		transform: scaleX(-1);
	}
	.topic-listing .topic-container:nth-of-type(even) .topic-inner,
	.topic-listing .topic-container:nth-of-type(even) .topic-icon a,
	.topic-listing .topic-container:nth-of-type(even) .topic-image img {
		transform: scaleX(-1);
	}
	header .header-content,
	.topic-listing .topic-content {
		clip-path: url(#clipListing);
		
	}
	header .header-content {
		width: 70%;
	}
	header .header-icon img,
	.topic-listing .topic-icon a {
		transform: translate(2.5rem, 2.25rem);
	}
	.topic-listing .topic-container:nth-of-type(even) .topic-icon a {
		transform: scaleX(-1) translate(-2.5rem, 2.25rem);
	}
	.topic-listing .topic-image {
		clip-path: url(#clipListing);
		position: absolute;
	}
	.topic-listing .topic-image img {
		clip-path: none;
		height: 100%;
	}
	.product-specs {
		right: calc(-50% + 4.5rem);
		width: 50%;
	}
	.product-specs .product-specs-content {
		font-size: 1.25rem;
		padding: 0 4rem 0 4.5rem;
	}
	#contents figure.float-lg-start {
		max-width: calc(50% - 1rem);
		margin: .75rem 2rem 3rem 0;
	}
	#contents figure.float-lg-end {
		max-width: calc(50% - 1rem);
		margin: .75rem 0 3rem 2rem;
	}
	#contents figure.float-lg-start + figure.float-lg-end {
		margin-left: 0;
	}
	#contents .clear {
		clear: both;
	}
	.news-slider .carousel-controls {
		bottom: auto;
		left: auto;
		right: calc(33% - .75rem);
		top: -4rem;
	}
}
@media (min-width: 1200px) {
	#menu .dropdown-menu {
		display: block;
		opacity: 0;
		transition: all .2s;
		visibility: hidden;
	}
	#menu .nav-item:hover .dropdown-menu {
		opacity: 1;
		visibility: visible;
	}
	header .header-content {
		width: 60%;
	}
	.news-slider .carousel-controls {
		right: calc(33% - 6rem);
	}
}
@media (min-width: 1400px) {
	.container-fluid {
		padding-left: 4rem;
		padding-right: 4rem;
	}
	.product-specs {
		right: calc(-25% + 4.5rem);
		width: 25%;
	}
	.topic-teaser .col-xl-1 {
		width: 10%;
	}
	.news-slider .carousel-controls {
		right: calc(33% - 5rem);
	}
}
@media (min-width: 1680px) {
	.topic-teaser li img {
		height: 6rem;
		width: 6rem;
	}
	.topic-teaser li h5 {
		font-size: 1.25rem;
	}
}
@media (min-width: 1920px) {
	header .header-content {
		width: 50%;
	}
	.topic-listing .topic-content .col-3 {
		width: 20%;
	}
	.topic-listing .topic-content .col-lg-5 {
		width: 35%;
	}
}
@media (min-width: 2560px) {
	header .header-content {
		width: 50%;
	}
}
@media (max-width: 1199.98px) {
	#menu .dropdown-menu {
		display: block;
	}
	#menu .nav-lang .dropdown-toggle::after {
		display: none;
	}
}

/* Colors */
.software .header-content,
.topic-listing .topic-container.software,
.topic-listing .topic-container.software .topic-content,
.software .topic-highlights,
.software .topic-highlights::after,
.software a.product-cta {
	background-color: var(--color-software);
}
.software .product-specs::before,
.software .product-specs::after,
.software .product-specs .product-specs-content {
	background-color: var(--color-software-light);
}
.software .product-title,
.software .product-fact,
.software .product-specs .product-specs-toggle,
.software .product-specs .product-specs-content strong {
	color: var(--color-software);
}
.software .product-fact,
.software a.product-cta {
	border-color: var(--color-software);
}
.software .product-specs .product-specs-toggle svg {
	fill: var(--color-software);
}

.storage .header-content,
.topic-listing .topic-container.storage,
.topic-listing .topic-container.storage .topic-content,
.storage .topic-highlights,
.storage .topic-highlights::after,
.storage a.product-cta {
	background-color: var(--color-storage);
}
.storage .product-specs::before,
.storage .product-specs::after,
.storage .product-specs .product-specs-content {
	background-color: var(--color-storage-light);
}
.storage .product-title,
.storage .product-fact,
.storage .product-specs .product-specs-toggle,
.storage .product-specs .product-specs-content strong {
	color: var(--color-storage);
}
.storage .product-fact,
.storage a.product-cta {
	border-color: var(--color-storage);
}
.storage .product-specs .product-specs-toggle svg {
	fill: var(--color-storage);
}

.screen-printing .header-content,
.topic-listing .topic-container.screen-printing,
.topic-listing .topic-container.screen-printing .topic-content,
.screen-printing .topic-highlights,
.screen-printing .topic-highlights::after,
.screen-printing a.product-cta {
	background-color: var(--color-screen-printing);
}
.screen-printing .product-specs::before,
.screen-printing .product-specs::after,
.screen-printing .product-specs .product-specs-content {
	background-color: var(--color-screen-printing-light);
}
.screen-printing .product-title,
.screen-printing .product-fact,
.screen-printing .product-specs .product-specs-toggle,
.screen-printing .product-specs .product-specs-content strong {
	color: var(--color-screen-printing);
}
.screen-printing .product-fact,
.screen-printing a.product-cta {
	border-color: var(--color-screen-printing);
}
.screen-printing .product-specs .product-specs-toggle svg {
	fill: var(--color-screen-printing);
}

.inspection .header-content,
.topic-listing .topic-container.inspection,
.topic-listing .topic-container.inspection .topic-content,
.inspection .topic-highlights,
.inspection .topic-highlights::after,
.inspection a.product-cta {
	background-color: var(--color-inspection);
}
.inspection .product-specs::before,
.inspection .product-specs::after,
.inspection .product-specs .product-specs-content {
	background-color: var(--color-inspection-light);
}
.inspection .product-title,
.inspection .product-fact,
.inspection .product-specs .product-specs-toggle,
.inspection .product-specs .product-specs-content strong {
	color: var(--color-inspection);
}
.inspection .product-fact,
.inspection a.product-cta {
	border-color: var(--color-inspection);
}
.inspection .product-specs .product-specs-toggle svg {
	fill: var(--color-inspection);
}

.placement .header-content,
.topic-listing .topic-container.placement,
.topic-listing .topic-container.placement .topic-content,
.placement .topic-highlights,
.placement .topic-highlights::after,
.placement a.product-cta {
	background-color: var(--color-placement);
}
.placement .product-specs::before,
.placement .product-specs::after,
.placement .product-specs .product-specs-content {
	background-color: var(--color-placement-light);
}
.placement .product-title,
.placement .product-fact,
.placement .product-specs .product-specs-toggle,
.placement .product-specs .product-specs-content strong {
	color: var(--color-placement);
}
.placement .product-fact,
.placement a.product-cta {
	border-color: var(--color-placement);
}
.placement .product-specs .product-specs-toggle svg {
	fill: var(--color-placement);
}

.insertion .header-content,
.topic-listing .topic-container.insertion,
.topic-listing .topic-container.insertion .topic-content,
.insertion .topic-highlights,
.insertion .topic-highlights::after,
.insertion a.product-cta {
	background-color: var(--color-insertion);
}
.insertion .product-specs::before,
.insertion .product-specs::after,
.insertion .product-specs .product-specs-content {
	background-color: var(--color-insertion-light);
}
.insertion .product-title,
.insertion .product-fact,
.insertion .product-specs .product-specs-toggle,
.insertion .product-specs .product-specs-content strong {
	color: var(--color-insertion);
}
.insertion .product-fact,
.insertion a.product-cta {
	border-color: var(--color-insertion);
}
.insertion .product-specs .product-specs-toggle svg {
	fill: var(--color-insertion);
}

.soldering .header-content,
.topic-listing .topic-container.soldering,
.topic-listing .topic-container.soldering .topic-content,
.soldering .topic-highlights,
.soldering .topic-highlights::after,
.soldering a.product-cta {
	background-color: var(--color-soldering);
}
.soldering .product-specs::before,
.soldering .product-specs::after,
.soldering .product-specs .product-specs-content {
	background-color: var(--color-soldering-light);
}
.soldering .product-title,
.soldering .product-fact,
.soldering .product-specs .product-specs-toggle,
.soldering .product-specs .product-specs-content strong {
	color: var(--color-soldering);
}
.soldering .product-fact,
.soldering a.product-cta {
	border-color: var(--color-soldering);
}
.soldering .product-specs .product-specs-toggle svg {
	fill: var(--color-soldering);
}

.handling .header-content,
.topic-listing .topic-container.handling,
.topic-listing .topic-container.handling .topic-content,
.handling .topic-highlights,
.handling .topic-highlights::after,
.handling a.product-cta {
	background-color: var(--color-handling);
}
.handling .product-specs::before,
.handling .product-specs::after,
.handling .product-specs .product-specs-content {
	background-color: var(--color-handling-light);
}
.handling .product-title,
.handling .product-fact,
.handling .product-specs .product-specs-toggle,
.handling .product-specs .product-specs-content strong {
	color: var(--color-handling);
}
.handling .product-fact,
.handling a.product-cta {
	border-color: var(--color-handling);
}
.handling .product-specs .product-specs-toggle svg {
	fill: var(--color-handling);
}

.software .product-facts,
.software .product-facts::before,
.software .product-facts::after {
	background-image: url(/shared/img/pattern/software-small.webp);
}
.storage .product-facts,
.storage .product-facts::before,
.storage .product-facts::after {
	background-image: url(/shared/img/pattern/storage-small.webp);
}
.screen-printing .product-facts,
.screen-printing .product-facts::before,
.screen-printing .product-facts::after {
	background-image: url(/shared/img/pattern/screen-printing-small.webp);
}
.inspection .product-facts,
.inspection .product-facts::before,
.inspection .product-facts::after {
	background-image: url(/shared/img/pattern/inspection-small.webp);
}
.placement .product-facts,
.placement .product-facts::before,
.placement .product-facts::after {
	background-image: url(/shared/img/pattern/placement-small.webp);
}
.insertion .product-facts,
.insertion .product-facts::before,
.insertion .product-facts::after {
	background-image: url(/shared/img/pattern/insertion-small.webp);
}
.soldering .product-facts,
.soldering .product-facts::before,
.soldering .product-facts::after {
	background-image: url(/shared/img/pattern/soldering-small.webp);
}
.handling .product-facts,
.handling .product-facts::before,
.handling .product-facts::after {
	background-image: url(/shared/img/pattern/handling-small.webp);
}

@media (min-width: 992px) {
	.software .product-facts,
	.software .product-facts::before,
	.software .product-facts::after {
		background-image: url(/shared/img/pattern/software-large.webp);
	}
	.storage .product-facts,
	.storage .product-facts::before,
	.storage .product-facts::after {
		background-image: url(/shared/img/pattern/storage-large.webp);
	}
	.screen-printing .product-facts,
	.screen-printing .product-facts::before,
	.screen-printing .product-facts::after {
		background-image: url(/shared/img/pattern/screen-printing-large.webp);
	}
	.inspection .product-facts,
	.inspection .product-facts::before,
	.inspection .product-facts::after {
		background-image: url(/shared/img/pattern/inspection-large.webp);
	}
	.software .product-facts,
	.software .product-facts::before,
	.software .product-facts::after {
		background-image: url(/shared/img/pattern/software-large.webp);
	}
	.placement .product-facts,
	.placement .product-facts::before,
	.placement .product-facts::after {
		background-image: url(/shared/img/pattern/placement-large.webp);
	}
	.insertion .product-facts,
	.insertion .product-facts::before,
	.insertion .product-facts::after {
		background-image: url(/shared/img/pattern/insertion-large.webp);
	}
	.soldering .product-facts,
	.soldering .product-facts::before,
	.soldering .product-facts::after {
		background-image: url(/shared/img/pattern/soldering-large.webp);
	}
	.handling .product-facts,
	.handling .product-facts::before,
	.handling .product-facts::after {
		background-image: url(/shared/img/pattern/handling-large.webp);
	}
}