/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        -ms-user-select: none;
	    user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
	background: transparent;
}
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(/files/dist/images/vendor/leaflet/dist/layers.png?a6137456ed160d7606981aa57c559898);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/files/dist/images/vendor/leaflet/dist/layers-2x.png?4f0283c6ce28e888000e978e537a6a56);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(/files/dist/images/vendor/leaflet/dist/marker-icon.png?2273e3d8ad9264b7daa5bdbf8e6b47f8);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}
/* spartan-700 - latin-ext */

@font-face {
  font-family: "Spartan";
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url(/files/dist/fonts/spartan-v2-latin-ext-700.eot?23480cd783c105f97b5debeaac271fe2);
  /* IE9 Compat Modes */
  src: local(""), url(/files/dist/fonts/spartan-v2-latin-ext-700.eot?23480cd783c105f97b5debeaac271fe2) format("embedded-opentype"), url(/files/dist/fonts/spartan-v2-latin-ext-700.woff2?eca02eb01b7915753923fa14a26aa195) format("woff2"), url(/files/dist/fonts/spartan-v2-latin-ext-700.woff?57e6588b8ce86281854b56ce5801e639) format("woff"), url(/files/dist/fonts/spartan-v2-latin-ext-700.ttf?f60592a6392f930c9e5b485a610ccf8c) format("truetype"), url(/files/dist/fonts/spartan-v2-latin-ext-700.svg?b9025d36f6cfa4ca441e4ab24038ebad) format("svg");
  /* Legacy iOS */
}

/* spartan-500 - latin-ext */

@font-face {
  font-family: "Spartan";
  font-style: normal;
  font-weight: 500;
  font-display: fallback;
  src: url(/files/dist/fonts/spartan-v2-latin-ext-500.eot?a87f5dd6bfe29a26934a975bd6f9daa5);
  /* IE9 Compat Modes */
  src: local(""), url(/files/dist/fonts/spartan-v2-latin-ext-500.eot?a87f5dd6bfe29a26934a975bd6f9daa5) format("embedded-opentype"), url(/files/dist/fonts/spartan-v2-latin-ext-500.woff2?be7c8893ba755867908ecdcc0536157c) format("woff2"), url(/files/dist/fonts/spartan-v2-latin-ext-500.woff?021c69d59ad88dd810dee89717e4d0ac) format("woff"), url(/files/dist/fonts/spartan-v2-latin-ext-500.ttf?5daab958ceb3ec6ad11e275fb4b8bd2a) format("truetype"), url(/files/dist/fonts/spartan-v2-latin-ext-500.svg?aca65b9e5475677c3939751c37e60a8a) format("svg");
  /* Legacy iOS */
}

.mod_faqpage,
.mod_article.image-box-text,
.mod_article.image-gallery,
.mod_article.two-images,
.mod_article.tab-content,
.mod_article.leistungen-images,
.mod_article.text-boxes,
.mod_article.similar-products--wrap,
.mod_article.product--wrap,
.mod_article:not(.halfscreen, .fullscreen),
.image--text,
#header .mod_article.fullscreen h1,
footer .inside {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
}

body {
  --ce-margin: 20px;
  --article-margin: 100px;
}

@media all and (max-width: 1000px) {
  body {
    --ce-margin: 20px;
    --article-margin: 40px;
  }
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

body {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

input,
button,
textarea {
  outline: none;
  line-height: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
  min-height: 100vh;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 0;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

body {
  font-family: Spartan, Verdana, sans-serif;
  font-weight: 500;
  line-height: 1.4;
  color: #ffffff;
  font-size: 18px;
}

p {
  margin: 0.5em 0;
  line-height: 1.5;
}

strong,
b {
  font-weight: 700;
}

a {
  color: #1863df;
  transition: color 0.2s ease-in-out;
}

a:hover {
  color: #1863df;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Spartan, Verdana, sans-serif;
  font-weight: 700;
  margin: 1em 0 0.5em 0;
}

h1 {
  font-size: 62px;
  margin-top: 0;
}

h2 {
  font-size: 45px;
}

h3 {
  font-size: 35px;
  margin: 1em 0;
  line-height: 42px;
}

h4 {
  font-size: 26px;
}

h5 {
  font-size: 22px;
}

h6 {
  font-size: 17px;
}

.small {
  font-size: 80%;
}

html,
body {
  background-color: #000000;
  color: #ffffff;
}

#container {
  min-height: 100vh;
}

footer {
  position: relative;
  background: linear-gradient(to top, #191919 60%, black 100%);
}

footer .inside {
  position: relative;
}

#header .header--bar {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
}

#header .header--bar:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 19%, rgba(0, 0, 0, 0.8) 42%, black 100%);
  z-index: -1;
}

#header .header--bar .flex--wrap,
#header .header--bar .ce_form .formbody,
.ce_form #header .header--bar .formbody,
#header .header--bar .ce_gallery ul,
.ce_gallery #header .header--bar ul {
  display: flex;
  align-items: center;
  padding: 0 30px;
  max-width: 1400px;
  margin: 0 auto;
}

@media (min-width: 1000px) {
  #header .header--bar .flex--wrap,
  #header .header--bar .ce_form .formbody,
  .ce_form #header .header--bar .formbody,
  #header .header--bar .ce_gallery ul,
  .ce_gallery #header .header--bar ul {
    justify-content: flex-start;
  }
}

#header .header--bar .flex--wrap .logo,
#header .header--bar .ce_form .formbody .logo,
.ce_form #header .header--bar .formbody .logo,
#header .header--bar .ce_gallery ul .logo,
.ce_gallery #header .header--bar ul .logo {
  flex: 0 0 auto;
  margin-right: 10%;
}

@media (max-width: 1400px) {
  #header .header--bar .flex--wrap .logo,
  #header .header--bar .ce_form .formbody .logo,
  .ce_form #header .header--bar .formbody .logo,
  #header .header--bar .ce_gallery ul .logo,
  .ce_gallery #header .header--bar ul .logo {
    margin-right: 0;
  }
}

@media (max-width: 1150px) {
  #header .header--bar .flex--wrap .logo,
  #header .header--bar .ce_form .formbody .logo,
  .ce_form #header .header--bar .formbody .logo,
  #header .header--bar .ce_gallery ul .logo,
  .ce_gallery #header .header--bar ul .logo {
    margin-right: 20%;
  }
}

#header .header--bar .flex--wrap .menu,
#header .header--bar .ce_form .formbody .menu,
.ce_form #header .header--bar .formbody .menu,
#header .header--bar .ce_gallery ul .menu,
.ce_gallery #header .header--bar ul .menu {
  flex: 1 0 auto;
}

@media (max-width: 1000px) {
  #header .header--bar .flex--wrap .menu.desktop,
  #header .header--bar .ce_form .formbody .menu.desktop,
  .ce_form #header .header--bar .formbody .menu.desktop,
  #header .header--bar .ce_gallery ul .menu.desktop,
  .ce_gallery #header .header--bar ul .menu.desktop {
    display: none;
  }
}

@media (min-width: 1000px) {
  #header .header--bar .flex--wrap .mobile-menu,
  #header .header--bar .ce_form .formbody .mobile-menu,
  .ce_form #header .header--bar .formbody .mobile-menu,
  #header .header--bar .ce_gallery ul .mobile-menu,
  .ce_gallery #header .header--bar ul .mobile-menu {
    display: none;
  }
}

@media (max-width: 1000px) {
  #header .header--bar {
    width: auto;
  }
}

#header .header--bar .search-icn {
  width: 50px;
  height: 50px;
  background-image: url(/files/dist/images/search.svg?a259b4722dca0b14ff3185e299e7fee3);
  background-repeat: no-repeat;
  background-position: 50% 30%;
  cursor: pointer;
}

@media (max-width: 1000px) {
  #header .header--bar .search-icn {
    display: none;
  }
}

#header .header--bar .search-icn a {
  width: 100%;
  height: 100%;
  display: block;
}

#header .mod_article {
  width: 100%;
  position: relative;
}

#header .mod_article:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, black 100%);
}

#header .mod_article.fullscreen {
  height: 100vh;
}

@media (max-width: 1000px) {
  #header .mod_article.fullscreen {
    height: 50vh;
  }
}

#header .mod_article.fullscreen .inside,
#header .mod_article.fullscreen .ce_image,
#header .mod_article.fullscreen .image_container {
  height: 100%;
}

#header .mod_article.fullscreen h1 {
  font-size: 60px;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
}

@media (max-width: 1300px) {
  #header .mod_article.fullscreen h1 {
    font-size: 50px;
  }
}

@media (max-width: 1080px) {
  #header .mod_article.fullscreen h1 {
    font-size: 40px;
  }
}

@media (max-width: 1000px) {
  #header .mod_article.fullscreen h1 {
    font-size: 30px;
  }
}

#header .mod_article.header-without-image {
  margin-top: 100px;
}

@media (max-width: 1178px) {
  #header .mod_article.header-without-image {
    margin-top: 150px;
  }
}

@media (max-width: 1000px) {
  #header .mod_article.header-without-image {
    margin-top: 100px;
  }
}

#header .mod_article.header-without-image .inside,
#header .mod_article.header-without-image .ce_image,
#header .mod_article.header-without-image .image_container {
  height: 100%;
}

#header .mod_article.header-without-image .ce_text h1 {
  margin: 0 auto;
  text-align: center;
  width: 65%;
}

@media (max-width: 1000px) {
  #header .mod_article.header-without-image .ce_text h1 {
    font-size: 1.6em;
    width: 80%;
  }
}

#header .mod_article.header-without-image .ce_text p {
  margin: 0 auto;
  text-align: center;
  width: 65%;
  font-weight: bold;
}

@media (max-width: 1000px) {
  #header .mod_article.header-without-image .ce_text p {
    font-size: 1em;
    width: 80%;
  }
}

#header .mod_article.header-without-image .ce_text.p-headline p:first-of-type {
  font-size: 62px;
}

@media (max-width: 1000px) {
  #header .mod_article.header-without-image .ce_text.p-headline p:first-of-type {
    font-size: 1.6em;
  }
}

#header .mod_article.halfscreen {
  height: 45vh;
  min-height: 450px;
}

#header .mod_article.halfscreen .inside,
#header .mod_article.halfscreen .ce_image,
#header .mod_article.halfscreen .image_container {
  height: 100%;
}

#header .mod_article.halfscreen .ce_text {
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 0;
  right: 0;
  max-width: 1200px;
  margin: auto;
}

#header .mod_article.halfscreen .ce_text h1 {
  margin: 0 auto;
  text-align: center;
  width: 65%;
}

@media (max-width: 1000px) {
  #header .mod_article.halfscreen .ce_text h1 {
    font-size: 1.6em;
    width: 80%;
  }
}

#header .mod_article.halfscreen .ce_text p {
  margin: 0 auto;
  text-align: center;
  width: 65%;
  font-weight: bold;
}

@media (max-width: 1000px) {
  #header .mod_article.halfscreen .ce_text p {
    font-size: 1em;
    width: 80%;
  }
}

#header .mod_article.halfscreen .ce_text.p-headline p:first-of-type {
  font-size: 62px;
}

@media (max-width: 1000px) {
  #header .mod_article.halfscreen .ce_text.p-headline p:first-of-type {
    font-size: 1.6em;
  }
}

#header .mod_article.halfscreen:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, black 80%);
}

#header .mod_article .ce_image:first-child {
  margin: 0;
  position: relative;
}

#header .mod_article .ce_image:first-child img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

#header .mod_article > .inside > div:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#header .mod_article > .inside > div:not(:first-child) > * {
  max-width: 60%;
}

footer {
  overflow-x: hidden;
}

footer span,
footer .h3,
footer p,
footer a {
  font-size: 16px;
}

footer p.h3 {
  font-size: 16px;
  font-weight: 700;
}

footer p {
  line-height: 1.75em;
}

footer a {
  color: #ffffff;
}

footer .flex--item {
  width: 49%;
}

footer .flex--item .newsletter--registration {
  margin: 20px 0;
}

footer .flex--item .newsletter--registration p.narrow-text {
  width: 75%;
}

footer .flex--item .ce_gallery ul {
  width: 70%;
}

footer .form-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

footer .form-wrapper .form-field {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
}

footer .form-wrapper .form-field label {
  opacity: 0;
  transition: 0.3s ease;
  font-size: 16px;
}

footer .form-wrapper .form-field input {
  padding: 13px 10px 8px 10px;
  margin-right: 15px;
  background: #000000;
  border: 1px solid #fff;
  margin-bottom: 4px;
}

footer .form-wrapper .form-field input::-moz-placeholder {
  color: #ffffff;
}

footer .form-wrapper .form-field input:-ms-input-placeholder {
  color: #ffffff;
}

footer .form-wrapper .form-field input::placeholder {
  color: #ffffff;
}

footer .form-wrapper .form-field input:focus + label {
  opacity: 1;
}

footer .form-wrapper .form-field #form-warning {
  position: absolute;
  bottom: -40px;
  color: #2ee8e8;
  opacity: 0;
}

footer .form-wrapper .form-field #form-warning.show {
  opacity: 1;
}

footer .ce_gallery {
  display: flex;
  flex-direction: column-reverse;
}

footer .ce_gallery li {
  max-width: 100px !important;
  display: flex;
  justify-content: center;
  margin-right: 20px;
}

footer .ce_gallery li .image_container {
  display: flex;
  align-items: center;
}

@media (max-width: 1000px) {
  footer .ce_gallery li:nth-child(3) {
    width: 50px !important;
  }
}

footer .ce_gallery.logo-large li {
  max-width: 200px !important;
}

footer .mod_navigation {
  display: flex;
  justify-content: center;
  background: #000000;
  position: relative;
}

footer .mod_navigation ul.level_1 > li {
  padding: 30px 30px;
}

footer .mod_navigation ul.level_1 > li:first-of-type {
  padding-left: 0;
}

footer .mod_navigation ul.level_1 > li:last-of-type {
  padding-right: 0;
}

footer .mod_navigation::before {
  position: absolute;
  content: "";
  width: 100vw;
  height: 100%;
  top: 0;
  background: #000000;
}

footer .mod_navigation ul.level_1 {
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 1000px) {
  footer .mod_navigation {
    padding-top: 15px;
  }

  footer .mod_navigation ul.level_1 {
    display: flex;
    position: relative;
    height: 150px;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
    transform: translate(0);
    flex-wrap: wrap;
  }

  footer .mod_navigation ul.level_1 > li {
    padding: 0;
    margin: 10px 20px;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.invisible {
  position: absolute;
  left: -999em;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
}

.bg-blue-teal-gradient {
  background: linear-gradient(to right, #3574b8 0%, #2ee8e8 100%) !important;
}

.bg-blue-teal-gradient:before {
  background-color: unset !important;
}

.center {
  text-align: center;
}

.p-large {
  font-size: 30px;
}

@media (max-width: 1000px) {
  .p-large {
    font-size: 20px;
  }
}

.font-large {
  font-size: 35px;
}

.h2-large {
  font-size: 45px;
  text-transform: uppercase;
  width: 100%;
}

.wrap--reverse {
  flex-wrap: wrap-reverse !important;
}

.content-inside {
  width: 80%;
  margin: 0 auto;
}

@media (max-width: 1000px) {
  .content-inside {
    width: 95%;
  }

  .content-inside h2 {
    font-size: 30px;
  }
}

.product--menu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 40px;
  -moz-column-gap: 40px;
       column-gap: 40px;
}

@media screen and (max-width: 400px) {
  .product--menu {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 400px) and (max-width: 600px) {
  .product--menu {
    grid-template-columns: 1fr 1fr;
  }
}

.content-width {
  width: 92%;
  max-width: 1200px;
  margin: 0 auto;
}

.half-width {
  width: 60%;
  margin: auto !important;
}

@media (max-width: 1000px) {
  .half-width {
    width: 100%;
  }
}

.flex--wrap,
.ce_form .formbody,
.ce_gallery ul,
.mod_article.flex--wrap .inside,
.ce_form .mod_article.formbody .inside,
.ce_gallery ul.mod_article .inside {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  justify-content: center;
}

.flex--wrap .flex--item,
.ce_form .formbody .flex--item,
.ce_gallery ul .flex--item,
.mod_article.flex--wrap .inside .flex--item {
  flex: 1 1 auto;
}

.flex--nowrap {
  display: flex;
  justify-content: space-between;
}

.w20 {
  width: 19%;
}

.w25 {
  width: 24%;
}

.w33 {
  width: 32.333%;
}

.w40 {
  width: 39%;
}

.w50 {
  width: 49%;
}

.w60 {
  width: 59%;
}

.w80 {
  width: 79%;
}

.w100 {
  width: 100%;
}

.zigzag-line {
  align-items: stretch;
  margin: 0 auto 50px auto;
}

.zigzag-line .ce_text {
  width: 25%;
  padding: 0 70px;
  opacity: 0;
}

@media (max-width: 1000px) {
  .zigzag-line .ce_text {
    padding: 0;
    width: 50%;
  }

  .zigzag-line .ce_text:first-child {
    order: 1;
  }

  .zigzag-line .ce_text:nth-child(2) {
    order: 3;
  }

  .zigzag-line .ce_text:nth-child(3) {
    order: 2;
  }

  .zigzag-line .ce_text:nth-child(4) {
    order: 4;
  }
}

.zigzag-line .ce_text .bold-number {
  font-size: 50px;
  font-weight: 700;
  position: relative;
  display: inline-block;
  z-index: 1;
  transition: color 0.5s ease-in-out;
}

.zigzag-line .ce_text .bold-number:after {
  content: "";
  background: white;
  width: 0;
  height: 90%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: width 0.3s ease-in-out;
}

@media (max-width: 1000px) {
  .zigzag-line .ce_text .bold-number {
    font-size: 30px;
  }
}

.zigzag-line .ce_text .float_above {
  height: 92px;
  width: auto;
  /*@media(max-width: $show-mobile-menu) {
      height: 70px;
  }*/
}

.zigzag-line .ce_text img {
  margin: 0 auto;
  width: 100%;
  height: 92px;
  /*@media(max-width: $show-mobile-menu) {
      width: 100%;
      height: 92px;
  }*/
}

.zigzag-line .ce_text:hover .bold-number {
  color: black;
}

.zigzag-line .ce_text:hover .bold-number:after {
  width: 100%;
}

@media screen and (min-width: 451px) {
  .zigzag-line.visible .ce_text:nth-child(1) {
    -webkit-animation: fadeIn 0.4s forwards;
            animation: fadeIn 0.4s forwards;
  }

  .zigzag-line.visible .ce_text:nth-child(2) {
    -webkit-animation: fadeIn 0.4s forwards 0.3s;
            animation: fadeIn 0.4s forwards 0.3s;
  }

  .zigzag-line.visible .ce_text:nth-child(3) {
    -webkit-animation: fadeIn 0.4s forwards 0.6s;
            animation: fadeIn 0.4s forwards 0.6s;
  }

  .zigzag-line.visible .ce_text:nth-child(4) {
    -webkit-animation: fadeIn 0.4s forwards 0.9s;
            animation: fadeIn 0.4s forwards 0.9s;
  }

@-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
}

@keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
}
}

@media screen and (max-width: 450px) {
  .zigzag-line.visible .ce_text:nth-child(1),
  .zigzag-line.visible .ce_text:nth-child(2),
  .zigzag-line.visible .ce_text:nth-child(3),
  .zigzag-line.visible .ce_text:nth-child(4) {
    opacity: 1;
  }

  .zigzag-line.usp {
    flex-wrap: wrap;
  }
}

.image--text .ce_text {
  width: 50% !important;
  font-size: 18px;
}

.image--text .ce_text h2,
.image--text .ce_text h1 {
  text-transform: uppercase;
}

.image--text .ce_text.left {
  padding: 0 80px 0 50px;
}

@media (max-width: 1000px) {
  .image--text .ce_text.left {
    order: 2;
  }
}

.image--text .ce_text.right {
  padding: 0 50px 0 80px;
  flex-grow: 1;
}

.image--text .ce_image {
  position: relative;
  margin: auto 0;
}

.image--text .ce_image:before {
  pointer-events: none;
}

.image--text .ce_image.right:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, black 100%);
  z-index: 2;
}

.image--text .ce_image.left:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100%);
  z-index: 2;
}

@media screen and (max-width: 1210px) {
  .image--text .ce_image {
    width: 390px;
  }
}

.image--text .ce_accordion {
  width: 50%;
}

@media (max-width: 1000px) {
  .image--text .ce_accordion {
    width: 100%;
  }
}

.image--text .ce_accordion .ce_text {
  width: auto !important;
}

.image--text .ce_accordion .ce_hyperlink {
  position: relative;
  display: inline-block;
  left: 80px;
}

@media (max-width: 1000px) {
  .image--text .ce_accordion .ce_hyperlink {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (max-width: 1000px) {
  .image--text .ce_text {
    width: 100% !important;
    font-size: 16px;
  }

  .image--text .ce_text.left,
  .image--text .ce_text.right {
    padding: 0;
  }

  .image--text .ce_text h2 {
    font-size: 30px;
    word-wrap: break-word;
  }
}

.siegel .ce_text {
  margin: 20px 50px;
  min-width: 300px;
}

.standorte .ce_accordion {
  width: 100%;
}

.standorte .ce_accordion .accordion > div {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 30px;
}

@media (max-width: 700px) {
  .standorte .ce_accordion .accordion > div {
    grid-template-columns: 1fr;
  }
}

.standorte .ce_text a {
  color: #ffffff;
  transition: color 0.3s ease-in-out;
}

.standorte .ce_text a:hover {
  color: #1863df;
}

.mod_navigation.brand-navigation {
  display: flex;
  justify-content: center;
}

.mod_navigation.brand-navigation ul.level_1 {
  flex-wrap: wrap;
  justify-content: center;
}

.mod_navigation.brand-navigation ul.level_1 > li {
  padding: 0;
  background: #181818;
  background-size: 600%;
  margin: 15px;
  transition: all 0.6s ease;
  position: relative;
}

.mod_navigation.brand-navigation ul.level_1 > li a,
.mod_navigation.brand-navigation ul.level_1 > li strong {
  padding: 40px 50px;
  box-sizing: border-box;
  font-weight: normal;
}

.mod_navigation.brand-navigation ul.level_1 > li a:after,
.mod_navigation.brand-navigation ul.level_1 > li strong:after {
  display: none;
}

.mod_navigation.brand-navigation ul.level_1 > li .active {
  background: linear-gradient(225.52deg, #5ea8ff 0%, #8d54ff 100%);
}

.mod_navigation.brand-navigation ul.level_1 > li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(225.52deg, #5ea8ff 0%, #8d54ff 100%);
  opacity: 0;
  transition: all 0.5s ease;
}

.mod_navigation.brand-navigation ul.level_1 > li:not(.active):hover:before {
  opacity: 1;
  cursor: pointer;
  transform: scale(1.1);
}

@media (max-width: 1000px) {
  .mod_navigation.brand-navigation ul.level_1 {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    top: 0;
    position: relative;
    transform: translate(0);
    height: auto;
  }

  .mod_navigation.brand-navigation ul.level_1 > li {
    margin: 5px 0;
    padding: 0;
    margin-right: 10px;
  }

  .mod_navigation.brand-navigation ul.level_1 > li a,
  .mod_navigation.brand-navigation ul.level_1 > li strong {
    display: block;
    padding: 10px 10px 6px;
  }

  .mod_navigation.brand-navigation ul.level_1 > li::before {
    display: none;
  }

  .mod_navigation.brand-navigation ul.level_1 > li strong.active {
    background: none;
    display: block;
    background: linear-gradient(225.52deg, #5ea8ff 0%, #8d54ff 100%);
  }
}

.tabs-header {
  height: 45px;
  width: 100%;
  display: flex;
  margin-bottom: 50px;
}

.tabs-header h3 {
  position: relative;
  font-weight: 500;
  font-size: 18px;
  margin: 0;
  margin-right: auto;
}

@media (max-width: 1000px) {
  .tabs-header h3 {
    padding-left: 20px;
  }
}

.tabs-header h3:before {
  content: "";
  position: absolute;
  width: 0;
  height: 4px;
  bottom: 0;
  left: 0;
  background-color: white;
  transition: width 0.5s ease;
}

@media (max-width: 1000px) {
  .tabs-header h3:before {
    top: 0;
    margin: auto;
    height: 60%;
  }
}

.tabs-header h3:hover {
  cursor: pointer;
}

@media (min-width: 1000px) {
  .tabs-header h3:not(.active):hover:before {
    width: calc(100% + 30px);
  }
}

.tabs-header h3.active {
  font-weight: 700;
}

.tabs-header h3.active:before {
  content: "";
  position: absolute;
  width: calc(100% + 30px);
  height: 4px;
  bottom: 0;
  left: 0;
  background-color: white;
  transition: width 0.5s ease;
}

@media (max-width: 1000px) {
  .tabs-header h3.active:before {
    height: 60%;
    width: 4px;
    transition: width 0.3s ease-in-out;
  }
}

.no-gradient .ce_image:after,
.no-gradient .ce_image:before {
  display: none;
}

@media (max-width: 1000px) {
  .footer {
    flex-direction: column;
  }

  .footer .flex--item {
    width: 100%;
  }

  .footer .flex--item .ce_gallery h3 {
    line-height: 25px;
  }

  .footer .flex--item .ce_gallery ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  .footer .flex--item .ce_gallery ul li {
    width: 20%;
  }

  .footer .flex--item:nth-child(2) .newsletter--registration p {
    width: 100%;
  }

  .footer .flex--item:nth-child(2) .newsletter--registration input {
    margin-bottom: 30px;
  }

  .footer .flex--item:nth-child(4) .ce_gallery li {
    width: 70%;
  }
}

.typewriter {
  display: none;
}

.typewriter.visible {
  display: block;
  -webkit-animation: fadeIn 0.3s forwards;
          animation: fadeIn 0.3s forwards;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.trustpilot-widget {
  width: 334px;
  margin-top: -30px;
}

@media (max-width: 1000px) {
  .trustpilot-widget {
    margin-top: -20px;
  }
}

.trustpilot a:before {
  width: 105% !important;
  left: -25px !important;
}

.trustpilot a:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 13px;
  background: url(/files/dist/images/trustpilot.png?58585295a6cbf953dd103620c903fa01);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.tp-badge {
  position: fixed;
  right: 10px;
  bottom: 50px;
  background-color: white;
  padding: 10px;
  color: #000000;
  text-align: center;
}

@media (max-width: 1400px) {
  .tp-badge {
    display: none;
  }
}

.tp-badge .logo {
  margin-bottom: 10px;
}

.tp-badge .logo a {
  color: inherit;
}

.tp-badge .stars {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}

.tp-badge .stars a {
  display: inherit;
}

.tp-badge .score {
  margin-top: -10px;
}

.tp-badge .score a strong {
  color: inherit;
}

.wa-badge {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 50px;
  height: 50px;
}

.wa-chat {
  text-align: center;
}

.wa-chat .wa-chat-info {
  display: flex;
  justify-content: space-between;
  margin: 30px auto;
  align-items: center;
}

@media (max-width: 1000px) {
  .wa-chat .wa-chat-info {
    flex-direction: column;
  }
}

.wa-chat .wa-chat-info .wa-qr {
  width: 50%;
  text-align: center;
  margin-top: 50px;
}

.wa-chat .wa-chat-info .wa-qr img {
  margin: 0 auto;
}

.wa-chat .wa-chat-info ul {
  text-align: left;
}

.wa-chat .wa-chat-info ul li {
  margin-bottom: 40px;
}

.show-only-mobile {
  display: none;
}

@media (max-width: 1000px) {
  .show-only-mobile {
    display: flex;
  }
}

.show-only-desktop {
  display: none;
}

@media (min-width: 1000px) {
  .show-only-desktop {
    display: flex;
  }
}

.error-message {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.error-message.show {
  max-height: 100px;
}

.button--ghost a,
.button,
.ce_download a,
.ce_hyperlink.button--ghost a,
button,
input[type=submit] {
  perspective: 80px;
  display: inline-block;
  padding: 18px 30px 16px 30px;
  text-align: center;
  line-height: 1em;
  color: #ffffff;
  transition: color 0.5s ease;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  height: 52px;
}

.button--ghost a:before,
.button:before,
.ce_download a:before,
.ce_hyperlink.button--ghost a:before,
button:before,
input[type=submit]:before {
  content: " ";
  position: absolute;
  top: -3px;
  left: -3px;
  border: 2px solid #ffffff;
  width: 100%;
  height: 100%;
  transform: rotateX(-15deg) rotatey(-5deg) rotatez(-2.5deg);
  transform-origin: bottom right;
  background-color: rgba(0, 0, 0, 0);
  transition: all 0.5s ease;
  z-index: -1;
}

.button--ghost a:hover,
.button:hover,
.ce_download a:hover,
button:hover,
input[type=submit]:hover {
  color: #000000;
}

.button--ghost a:hover:before,
.button:hover:before,
.ce_download a:hover:before,
button:hover:before,
input[type=submit]:hover:before {
  background-color: #ffffff;
}

.button--ghost.content-longer a:before {
  scale: 1.15;
  transform: rotateX(-8deg) rotatey(-5deg) rotatez(-2.5deg);
}

@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
    .button--ghost a:before,
    .button:before,
    .ce_download a:before,
    .ce_hyperlink.button--ghost a:before,
    button:before,
    input[type=submit]:before {
      top: 3px;
      left: 11px;
      width: 92%;
      height: 95%;
      transform: rotateX(-13deg) rotatey(0deg) rotatez(0deg);
      transition: background-color 0.5s ease;
      background-color: transparent;
    }

    .button--ghost a:hover:before,
    .button:hover:before,
    .ce_download a:hover:before,
    button:hover:before,
    input[type=submit]:hover:before {
      border-bottom: 50px solid white;
      border-left: 13px solid transparent;
      border-right: 12px solid transparent;
      border-top: 24px solid transparent;
      height: 0;
      width: 104%;
      transform: rotate(180deg);
      transform-origin: initial;
      top: 0;
      left: 0;
      z-index: -1;
      -webkit-animation: fadeIn 0.5s ease;
              animation: fadeIn 0.5s ease;
    }
}
}

.cookiefirst-root button[type=button]::before {
  border-bottom-width: 2px !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  transform: none !important;
  background-color: transparent;
}

.cookiefirst-root button.cf2EfR::before {
  display: none;
}

body.xchange-technology-rentals-de-ch .ce_cookiebarOpener a {
  transition: color 0.2s ease-in-out;
  color: #ffffff;
}

body.xchange-technology-rentals-de-ch .ce_cookiebarOpener a:hover {
  color: #1863df;
}

body.xchange-technology-rentals-de-ch #openstreetmap .cc-module {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
}

body.xchange-technology-rentals-de-ch #openstreetmap .cc-module > * {
  width: auto;
}

body.xchange-technology-rentals-de-ch #openstreetmap .cc-module button {
  background: none;
  border: none;
  padding: 25px 30px;
  margin-top: 20px;
}

body.xchange-technology-rentals-de-ch #openstreetmap .cc-module button::before {
  left: -8%;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple {
  padding: 0;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner {
  max-width: 100%;
  width: 100%;
  max-height: 700px;
  margin: 0;
  border-radius: 0;
  transition: height 0.3s ease-in-out;
  transition: max-height 0.3s ease-in-out;
  background: #000000;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner > * {
  max-width: 1200px;
  width: 92%;
  margin: 0 auto;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner p.h2 {
  color: #ffffff;
  margin-bottom: 20px !important;
  text-align: left;
  font-size: 35px;
  font-weight: bold;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner p,
body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner label,
body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner div,
body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner a {
  color: #ffffff;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-btn {
  background: none;
  color: #ffffff;
  font-weight: bold;
  padding: 20px 30px;
  margin: 10px 30px;
  letter-spacing: 1px;
  border: none;
  border-radius: 0;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-btn:hover {
  background: none;
  color: #000;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-btn:hover::before {
  background-color: #fff;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-btn::before {
  left: -7%;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-btn.success,
body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-btn.save {
  color: #000000 !important;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-btn.success:hover::before,
body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-btn.save:hover::before {
  background-color: #ccc;
  border-color: #ccc;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-btn.success:before,
body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-btn.save:before {
  background: #fff;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups * {
  border: none;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups p {
  padding: 5px 15px;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group {
  border: none;
  font-size: 1.2rem;
  text-transform: uppercase;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group:nth-child(1) input:checked + label::before {
  background: #fff;
  border: 0;
  width: 38px;
  top: 9px;
  height: 18px;
  left: 2px;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group:nth-child(1) input:checked + label::after {
  background: #000;
  top: 12px;
  left: 7px;
  width: 12px;
  height: 12px;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group input + label::before {
  border: 2px solid #999;
  background: #222222;
  top: 8px;
  height: 16px;
  left: 0;
  width: 35px;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group input + label::after {
  background: #999;
  top: 12px;
  left: 5px;
  width: 12px;
  height: 12px;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group input:checked + label::before {
  background: #000;
  border-color: #fff;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group input:checked + label::after {
  background: #fff;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group .cc-cookies {
  background: #000000;
  text-transform: none;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group .cc-cookies .cc-cookie {
  margin-left: 50px;
  padding: 15px 15px 0px 15px;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group .cc-cookies .cc-cookie p,
body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group .cc-cookies .cc-cookie .cc-cookie-info,
body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group .cc-cookies .cc-cookie .cc-detail-btn-details {
  border: none;
  padding: 5px;
  margin: 0;
  text-decoration: none;
  background: #000000;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group .cc-cookies .cc-cookie .cookie {
  font-weight: bold;
  font-size: 1rem;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group .cc-cookies .cc-cookie .cc-detail-btn-details {
  color: #ffffff;
}

body.xchange-technology-rentals-de-ch .cookiebar_simple .cc-inner .cc-groups .cc-group .cc-cookies .cc-cookie .cc-detail-btn-details:hover {
  color: #1863df;
}

/* Close megamenu button */

.megamenu--open .closeMenu {
  display: block;
}

.closeMenu {
  content: "";
  position: absolute;
  top: 95%;
  left: 50%;
  display: none;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  transform: translateX(-50%) rotate(-135deg);
  transform-origin: center;
}

.closeMenu:hover {
  border-right: 3px solid white;
  border-bottom: 3px solid white;
}

@media (max-width: 1150px) {
  .closeMenu {
    left: 30px;
    top: 105%;
  }
}

@media (min-width: 1000px) {
  .mod_navigation {
    transition: all 0.5s ease;
  }

  .mod_navigation ul.level_1 {
    display: flex;
    flex-direction: horizontal;
    min-height: 90px;
    align-items: center;
  }

  .mod_navigation ul.level_1 .active strong {
    position: relative;
    display: inline-block;
  }

  .mod_navigation ul.level_1 .active strong:after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 12px;
    height: 2px;
    width: calc(100% - 30px);
    background-color: #ffffff;
  }

  .mod_navigation ul.level_1 > li {
    flex: 0 0 auto;
  }

  .mod_navigation ul.level_1 > li a,
  .mod_navigation ul.level_1 > li strong {
    display: block;
    padding: 5px 12px;
    display: flex;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
  }

  .mod_navigation ul.level_1 > li a:after,
  .mod_navigation ul.level_1 > li strong:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    height: 2px;
    width: 0;
    background-color: #ffffff;
    transition: width 0.5s ease;
  }

  .mod_navigation ul.level_1 > li > a:hover:after {
    width: calc(100% - 30px);
  }

  .mod_navigation ul.level_1 > li.active strong:after {
    width: calc(100% - 30px);
  }

  .mod_navigation ul.level_1 > li .level_2 {
    opacity: 0;
    transform: translateY(-100px);
    transition: all 0.5s ease;
    position: absolute;
    pointer-events: none;
    z-index: -10;
    max-width: 1300px;
    left: 0;
    right: 0;
    margin: auto;
    padding: 50px;
    padding-top: 120px;
    padding-bottom: 10px;
    top: 0px;
    background-color: #000000;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 2px solid #ffffff;
  }

  .mod_navigation ul.level_1 > li .level_2:after {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    background: #000000;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2px;
    border-bottom: 2px solid #ffffff;
  }
}

@media (min-width: 1000px) and (max-width: 1160px) {
  .mod_navigation ul.level_1 > li .level_2 {
    font-size: 10px;
    margin-top: 50px;
  }
}

@media (min-width: 1000px) and (min-width: 1000px) and (max-width: 1060px) {
  .mod_navigation ul.level_1 > li .level_2 {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1000px) and (max-height: 900px) {
  .mod_navigation ul.level_1 > li .level_2 {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 a,
  .mod_navigation ul.level_1 > li .level_2 strong {
    text-transform: none;
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 a {
    transition: color 0.3s ease-in-out;
  }

  .mod_navigation ul.level_1 > li .level_2 a:hover {
    color: #1863df;
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li {
    flex: 1 1 auto;
    margin: 30px;
    padding-left: 20px;
    position: relative;
    width: 200px;
  }
}

@media (min-width: 1000px) and (max-height: 700px) {
  .mod_navigation ul.level_1 > li .level_2 > li {
    margin: 10px;
  }
}

@media (min-width: 1000px) and (max-height: 900px) {
  .mod_navigation ul.level_1 > li .level_2 > li {
    margin-top: 10px;
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li .level_3 a,
  .mod_navigation ul.level_1 > li .level_2 > li .level_3 strong {
    font-weight: 500;
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li:before {
    content: " ";
    color: #ffffff;
    top: 0;
    left: -10px;
    width: 30px;
    height: 30px;
    position: absolute;
    display: block;
    background: black no-repeat center center;
    background-size: contain;
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li.laptop::before {
    background-image: url(/files/dist/images/laptop.svg?1bdacd0a775a76338cc5d1b0081a7a59);
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li.tablet::before {
    background-image: url(/files/dist/images/tablet.svg?e40eb50d7eed46e3da502c1653f7684d);
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li.beamer::before {
    background-image: url(/files/dist/images/beamer.svg?6fc638e7c3b777fa11f84c6fa9578aca);
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li.database::before {
    background-image: url(/files/dist/images/database.svg?9f5e3053357cb012d4b4e6429b0102d0);
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li.desktop-computer::before {
    background-image: url(/files/dist/images/desktop-computer.svg?98f45b7fcff5b719244a0d09157a48cf);
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li.kiosk-system::before {
    background-image: url(/files/dist/images/kiosk-system.svg?b297f563917214cddc8d054f71d29aa3);
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li.printer::before {
    background-image: url(/files/dist/images/printer.svg?d7529026721ac14106da82ce0278dec3);
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li.screen::before {
    background-image: url(/files/dist/images/screen.svg?2b2a409277a9e61181477a7069fd4bc2);
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li.apple::before {
    background-image: url(/files/dist/images/apple.svg?d6681def9e9581c2793d30d3d542d76a);
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li.sonstiges::before {
    background-image: url(/files/dist/images/sonstiges.svg?fe134360bf57c3b8908dcb73ff8341a9);
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li.vr-video::before {
    background-image: url(/files/dist/images/vr-video.svg?8b131efdae15cbf28c959be92205f467);
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li.mobile::before {
    background-image: url(/files/dist/images/mobile.svg?285f4d024639f958f904c21717b10c4b);
  }
}

@media (min-width: 1000px) {
  .mod_navigation ul.level_1 > li .level_2 > li.speakers::before {
    background-image: url(/files/dist/images/speakers.svg?e152372857036cfcf743360c2ee6275d);
  }
}

@media (min-width: 1000px) {
  .megamenu--open .mod_navigation ul.level_1 > li.selected .level_2 {
    opacity: 1;
    transform: translateY(0px);
    pointer-events: all;
  }
}

@media (min-width: 1000px) and (max-height: 900px) {
  .megamenu--open .mod_navigation ul.level_1 > li.selected .level_2 {
    transform: translateY(-15px);
  }
}

.mod_navigation ul.level_1 > li:last-of-type ul > li {
  position: relative;
  padding-left: 30px;
}

.mod_navigation ul.level_1 > li:last-of-type ul > li:before {
  content: " ";
  color: #ffffff;
  top: -2px;
  left: 0;
  width: 30px;
  height: 30px;
  position: absolute;
  display: block;
  background: black no-repeat center center;
  background-size: contain;
}

.mod_navigation ul.level_1 > li:last-of-type ul > li:nth-child(1) {
  grid-column: 2/3;
}

.mod_navigation ul.level_1 > li:last-of-type ul > li:nth-child(1):before {
  background-image: url(/files/dist/images/story.svg?a9a719b4e3a3a2b04490e7b6e9c304fa);
}

.mod_navigation ul.level_1 > li:last-of-type ul > li:nth-child(2) {
  grid-column: 3/4;
}

.mod_navigation ul.level_1 > li:last-of-type ul > li:nth-child(2):before {
  background-image: url(/files/dist/images/team.svg?01691292344e3f8122bb775e8e9fa762);
}

.header--bar {
  font-size: 16px;
}

@media (min-width: 1000px) {
  .header--bar .flex--wrap,
  .header--bar .ce_form .formbody,
  .ce_form .header--bar .formbody,
  .header--bar .ce_gallery ul,
  .ce_gallery .header--bar ul {
    transition: all 0.5s ease;
  }

  .megamenu--open .header--bar .flex--wrap,
  .megamenu--open .header--bar .ce_form .formbody,
  .ce_form .megamenu--open .header--bar .formbody,
  .megamenu--open .header--bar .ce_gallery ul,
  .ce_gallery .megamenu--open .header--bar ul {
    background-color: #000000;
  }
}

@media (max-width: 1000px) {
  .header--bar {
    transition: all 0.5s ease-in-out;
    height: 100px;
    min-width: 100vw;
  }

  .header--bar.active {
    background: black;
    height: 100vh;
  }
}

@media (max-width: 1000px) and (max-width: 1000px) {
  .header--bar.active {
    height: 100%;
  }
}

@media (max-width: 1000px) {
  .header--bar .menu {
    position: absolute;
    top: -200vh;
    transform: translate(35%, -50%);
    display: flex;
    transition: all 0.5s ease-in-out;
  }
}

@media (max-width: 1000px) and (min-width: 450px) {
  .header--bar .menu {
    transform: translate(38%, -50%);
  }
}

@media (max-width: 1000px) and (min-width: 550px) {
  .header--bar .menu {
    transform: translate(40%, -50%);
  }
}

@media (max-width: 1000px) and (min-width: 650px) {
  .header--bar .menu {
    transform: translate(42%, -50%);
  }
}

@media (max-width: 1000px) {
  .header--bar .menu > div,
  .header--bar .menu nav {
    width: 100vw;
  }
}

@media (max-width: 1000px) {
  .header--bar .menu.products_active {
    transform: translate(-22%, -50%);
  }
}

@media (max-width: 1000px) {
  .header--bar .menu.active {
    top: 50%;
  }
}

@media (max-width: 1000px) {
  .header--bar .menu .search-icn-mobile {
    position: absolute;
    width: 50px;
    height: 50px;
    background-image: url(/files/dist/images/search.svg?a259b4722dca0b14ff3185e299e7fee3);
    background-repeat: no-repeat;
    background-position: 50% 30%;
    bottom: 10%;
    left: 5.5rem;
  }

  .header--bar .menu .search-icn-mobile a {
    width: 100%;
    height: 100%;
    display: block;
  }
}

@media (max-width: 1000px) {
  .header--bar .menu .back-arrow,
  .header--bar .menu .back-arrow-categories {
    position: absolute;
    bottom: 0;
    right: 25%;
    transform: rotate(180deg);
    background-image: url(/files/dist/images/arrow.svg?79cbdb029f5152cf5d757ec68c57604d);
    filter: invert(1);
    width: 35px;
    height: 35px;
    z-index: 1;
    cursor: pointer;
    -webkit-animation: fadeIn 1s forwards;
            animation: fadeIn 1s forwards;
  }
}

@media (max-width: 1000px) {
  .header--bar .menu .back-arrow-categories {
    bottom: -55px;
  }

  .header--bar .menu .back-arrow-categories.hide {
    display: none;
  }
}

@media (max-width: 1000px) {
  .header--bar .menu .level_1 > li > .back-arrow,
  .header--bar .menu .level_1 > li > .back-arrow-categories {
    display: none;
  }
}

@media (max-width: 1000px) {
  .header--bar .logo {
    width: 50%;
    position: absolute;
    left: 15px;
    top: 15px;
  }
}

@media (max-width: 1000px) {
  .header--bar .changelanguage {
    display: none;
    position: absolute;
    bottom: -200vh;
    left: 25px;
    transition: bottom 0.6s ease-in-out;
  }

  .header--bar .changelanguage.active {
    bottom: 35px;
  }
}

@media (max-width: 1000px) {
  .header--bar.active .request {
    position: absolute;
    right: 35px;
    -webkit-animation: moveIn 0.6s ease-in-out forwards;
            animation: moveIn 0.6s ease-in-out forwards;
  }

@-webkit-keyframes moveIn {
    from {
      bottom: -200vh;
    }

    to {
      bottom: 25px;
    }
}

@keyframes moveIn {
    from {
      bottom: -200vh;
    }

    to {
      bottom: 25px;
    }
}
}

@media (max-width: 1000px) {
  .header--bar:not(.active) .request {
    position: absolute;
    top: 15px;
    right: 65px;
  }

  .header--bar:not(.active) .request .ce_hyperlink a {
    position: relative;
    font-size: 0 !important;
    padding-right: 18px;
  }

  .header--bar:not(.active) .request .ce_hyperlink a:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    background: url(/files/dist/images/shopping-basket.svg?7d8b3c9c8d5b1e682b7e4107bf654739);
    background-repeat: no-repeat;
    background-size: contain;
    filter: saturate(1) invert(1);
    border: none;
    transform: none;
  }

  .header--bar:not(.active) .request .ce_hyperlink a span {
    width: 23px;
    height: 23px;
    font-size: 16px !important;
    right: 3px;
  }
}

@media (max-width: 1000px) {
  .header--bar .burger {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
  }

  .header--bar .burger div {
    width: 35px;
    height: 2px;
    background-color: white;
    margin: 8px 0;
    transition: 0.4s ease-in-out;
  }

  .header--bar .burger.active div:first-child {
    transform: rotate(-45deg) translate(-10px, 7px);
  }

  .header--bar .burger.active div:nth-child(2) {
    opacity: 0;
  }

  .header--bar .burger.active div:last-child {
    transform: rotate(45deg) translate(-7px, -4px);
  }
}

@media (max-width: 1000px) {
  .header--bar .menu_seccond {
    overflow: visible;
  }

  .header--bar .menu_seccond .level_2 {
    height: 70vh;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding-top: 20px;
  }

  .header--bar .menu_seccond .level_2 > li {
    position: relative;
    height: 40px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    padding-top: 10px;
    padding-left: 50px;
  }

  .header--bar .menu_seccond .level_2 > li.open {
    height: 100%;
  }

  .header--bar .menu_seccond .level_2 > li.hide {
    height: 0;
    padding-top: 0;
    opacity: 0;
  }

  .header--bar .menu_seccond .level_2 > li.submenu:not(.open):after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(-45deg) translateY(-50%);
    transform-origin: right;
    left: 80vw;
    top: 10px;
  }

  .header--bar .menu_seccond .level_2 > li a {
    color: white;
    text-decoration: none;
    font-weight: bold;
  }

  .header--bar .menu_seccond .level_2 > li .level_3 {
    transition: all 0.5s ease-in-out;
    margin-top: 30px;
  }

  .header--bar .menu_seccond .level_2 > li .level_3.open {
    height: 100%;
    opacity: 1;
  }

  .header--bar .menu_seccond .level_2 > li .level_3 a {
    font-weight: normal;
  }

  .header--bar .menu_seccond .level_2 > li .level_3 li {
    margin: 30px 0;
  }

  .header--bar .menu_seccond .level_2 > li.laptop:before {
    background-image: url(/files/dist/images/laptop.svg?1bdacd0a775a76338cc5d1b0081a7a59);
  }

  .header--bar .menu_seccond .level_2 > li:before {
    content: " ";
    color: #ffffff;
    top: 5px;
    left: 0;
    width: 23px;
    height: 30px;
    position: absolute;
    display: block;
    background: black no-repeat center center;
    background-size: contain;
  }

  .header--bar .menu_seccond .level_2 > li.laptop::before {
    background-image: url(/files/dist/images/laptop.svg?1bdacd0a775a76338cc5d1b0081a7a59);
  }

  .header--bar .menu_seccond .level_2 > li.tablet::before {
    background-image: url(/files/dist/images/tablet.svg?e40eb50d7eed46e3da502c1653f7684d);
  }

  .header--bar .menu_seccond .level_2 > li.beamer::before {
    background-image: url(/files/dist/images/beamer.svg?6fc638e7c3b777fa11f84c6fa9578aca);
  }

  .header--bar .menu_seccond .level_2 > li.database::before {
    background-image: url(/files/dist/images/database.svg?9f5e3053357cb012d4b4e6429b0102d0);
  }

  .header--bar .menu_seccond .level_2 > li.desktop-computer::before {
    background-image: url(/files/dist/images/desktop-computer.svg?98f45b7fcff5b719244a0d09157a48cf);
  }

  .header--bar .menu_seccond .level_2 > li.kiosk-system::before {
    background-image: url(/files/dist/images/kiosk-system.svg?b297f563917214cddc8d054f71d29aa3);
  }

  .header--bar .menu_seccond .level_2 > li.printer::before {
    background-image: url(/files/dist/images/printer.svg?d7529026721ac14106da82ce0278dec3);
  }

  .header--bar .menu_seccond .level_2 > li.screen::before {
    background-image: url(/files/dist/images/screen.svg?2b2a409277a9e61181477a7069fd4bc2);
  }

  .header--bar .menu_seccond .level_2 > li.apple::before {
    background-image: url(/files/dist/images/apple.svg?d6681def9e9581c2793d30d3d542d76a);
  }

  .header--bar .menu_seccond .level_2 > li.sonstiges::before {
    background-image: url(/files/dist/images/sonstiges.svg?fe134360bf57c3b8908dcb73ff8341a9);
  }

  .header--bar .menu_seccond .level_2 > li.vr-video::before {
    background-image: url(/files/dist/images/vr-video.svg?8b131efdae15cbf28c959be92205f467);
  }

  .header--bar .menu_seccond .level_2 > li.mobile::before {
    background-image: url(/files/dist/images/mobile.svg?285f4d024639f958f904c21717b10c4b);
  }

  .header--bar .menu_seccond .level_2 > li.speakers::before {
    background-image: url(/files/dist/images/speakers.svg?e152372857036cfcf743360c2ee6275d);
  }
}

@media (max-width: 1000px) {
  .active strong {
    position: relative;
    display: inline-block;
  }

  .active strong:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
  }
}

@media (max-width: 1000px) {
  .mod_navigation {
    position: relative;
  }
}

@media (max-width: 1000px) and (max-width: 1000px) {
  .mod_navigation ul.level_1 {
    height: 35vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .mod_navigation ul.level_1 > li {
    text-align: center;
    position: relative;
  }

  .mod_navigation ul.level_1 > li > a,
  .mod_navigation ul.level_1 > li strong {
    font-weight: bold;
    color: white;
    text-decoration: none;
    font-size: 20px;
    text-transform: uppercase;
  }

  .mod_navigation ul.level_1 > li.submenu:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(-45deg) translateY(-50%);
    transform-origin: right;
    right: -40px;
    top: 2px;
  }

  .mod_navigation ul.level_1 > li.submenu:last-child .go-back {
    display: none;
  }

  .mod_navigation ul.level_1 > li.submenu:last-child.open .go-back {
    display: block;
    right: 35%;
    bottom: -80px;
  }

  .mod_navigation ul.level_1 > li.submenu:last-child.open:after {
    display: none;
  }
}

.mobile-menu .mod_navigation .level_1 li {
  transition: transform 0.5s ease-in-out, opacity 0.3s ease;
}

.mobile-menu .mod_navigation .level_1 li .level_2 {
  height: 0;
  overflow: hidden;
}

.mobile-menu .mod_navigation .level_1 li .level_2 li {
  margin: 30px 0;
}

.mobile-menu .mod_navigation .level_1 li .level_2 li a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
}

.mobile-menu .mod_navigation .level_1 li.hide {
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.mobile-menu .mod_navigation .level_1 li.open {
  transform: translateY(-40%);
}

.mobile-menu .mod_navigation .level_1 li.open:after {
  transform: rotate(135deg) translateY(-50%);
}

.mobile-menu .mod_navigation .level_1 li.open .level_2 {
  height: auto;
  overflow: visible;
}

.mod_changelanguage {
  padding-right: 25px;
  margin: 0 20px;
  position: relative;
  width: 50px;
  height: 25px;
}

.mod_changelanguage:after {
  content: " ";
  width: 15px;
  height: 15px;
  display: block;
  transform: rotate(-45deg);
  position: absolute;
  right: 0;
  top: -2px;
  border: 2px solid #ffffff;
  border-top-color: rgba(255, 255, 255, 0);
  border-right-color: rgba(255, 255, 255, 0);
  transition: all 0.5s ease;
}

.mod_changelanguage ul {
  position: absolute;
  top: 0px;
  left: 0;
}

.mod_changelanguage ul li {
  display: none;
}

.mod_changelanguage ul li.active {
  display: block;
}

.mod_changelanguage ul li a {
  color: #ffffff;
  text-decoration: none;
}

.mod_changelanguage:hover ul li {
  display: block;
}

.mod_changelanguage:hover:after {
  border-top-color: white;
  border-right-color: white;
  border-bottom-color: rgba(255, 255, 255, 0);
  border-left-color: rgba(255, 255, 255, 0);
  top: 8px;
}

.mod_article:last-child {
  margin-bottom: 50px;
}

.mod_article:not(:first-child) {
  margin: 50px auto 50px;
}

@media (max-width: 1000px) {
  .mod_article {
    font-weight: 2em;
  }
}

.mod_article.full-width {
  width: 100%;
  max-width: 100%;
}

.mod_article.image--background {
  background-image: url(/files/upload/assets/images/article-background.jpeg), url(/files/dist/images/neon-wall-blue-min.jpeg?1591e69cf56f18f7e6c782673eb1cf81);
  background-attachment: fixed;
  background-size: 100%;
  background-position-x: right;
  position: relative;
  margin: 80px 0;
  padding: 0.01em 0 2em;
  text-align: center;
  width: 100%;
  max-width: 100%;
}

.mod_article.image--background:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
}

.mod_article.image--background > * {
  position: relative;
  margin: 20px 0;
}

.mod_article.image--background > * .image_container img {
  margin: 0 auto;
  width: 138px;
  height: 138px;
  border-radius: 50%;
  background-color: #191919;
}

@media (max-width: 1000px) {
  .mod_article.image--background > * .image_container img {
    width: 110px;
    height: 110px;
  }
}

.mod_article.image--background p.h2 {
  font-size: 45px;
  font-weight: 700;
}

@media only screen and (max-width: 1400px) {
  .mod_article.image--background {
    background-size: 150%;
  }
}

@media only screen and (max-width: 900px) {
  .mod_article.image--background {
    background-size: 200%;
  }
}

@media only screen and (max-width: 500px) {
  .mod_article.image--background {
    background-size: 300%;
  }
}

@media (max-width: 1000px) {
  .mod_article.image--background p.h2 {
    font-size: 30px;
  }
}

.mod_article.product--wrap {
  display: flex;
  position: relative;
  margin: var(--article-margin) auto;
  min-height: 400px;
  padding-bottom: 50px;
}

@media (max-width: 1150px) {
  .mod_article.product--wrap {
    padding-bottom: 80px;
  }
}

.mod_article.product--wrap h2,
.mod_article.product--wrap h1 {
  margin: 0;
  margin-bottom: 20px;
}

@media (max-width: 1000px) {
  .mod_article.product--wrap h2,
  .mod_article.product--wrap h1 {
    font-size: 30px;
  }
}

.mod_article.product--wrap h1 {
  font-size: 45px;
}

.mod_article.product--wrap img {
  top: 1em;
  position: absolute;
  right: 0;
  width: 50%;
  max-height: 400px;
  -o-object-fit: contain;
     object-fit: contain;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}

.mod_article.product--wrap img:hover {
  opacity: 0.7;
}

@media (max-width: 1000px) {
  .mod_article.product--wrap img {
    position: relative;
    width: 100%;
    margin-bottom: 50px;
    max-height: 300px;
  }
}

@media (max-width: 1000px) {
  .mod_article.product--wrap .ce_text {
    width: 100%;
    padding-bottom: 50px;
  }

  .mod_article.product--wrap .ce_text .image_container {
    width: 100%;
  }

  .mod_article.product--wrap .ce_text .image_container.float_right {
    max-width: none;
    margin-left: 0;
  }
}

.mod_article.product--wrap .ce_hyperlink {
  position: absolute;
  bottom: 0;
  left: 0;
}

.mod_article.product--wrap .ce_hyperlink:not(.button--ghost) {
  bottom: -3px;
}

@media (max-width: 1150px) {
  .mod_article.product--wrap .ce_hyperlink:not(.button--ghost) {
    bottom: 50px;
  }
}

@media (max-width: 1000px) {
  .mod_article.product--wrap .ce_hyperlink:not(.button--ghost) {
    bottom: 80px;
  }
}

.mod_article.product--wrap .ce_hyperlink:not(.button--ghost) a {
  position: absolute;
  color: white;
  text-decoration: none;
  font-weight: bold;
  bottom: 1em;
  text-transform: uppercase;
}

.mod_article.product--wrap .ce_hyperlink:not(.button--ghost) a:after,
.mod_article.product--wrap .ce_hyperlink:not(.button--ghost) a:before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background: white;
  bottom: -3px;
  left: 0;
  transition: width 0.3s ease-in-out;
}

.mod_article.product--wrap .ce_hyperlink:not(.button--ghost) a:before {
  background: #404040;
  width: 100%;
}

.mod_article.product--wrap .ce_hyperlink:not(.button--ghost) a:hover:after {
  width: 100%;
}

.mod_article.product--wrap .ce_hyperlink.button--ghost {
  left: 250px;
}

.mod_article.product--wrap .ce_hyperlink.button--ghost a {
  padding: 20px 10px 16px 30px;
}

@media (max-width: 1000px) {
  .mod_article.product--wrap .ce_hyperlink.button--ghost a {
    max-width: 200px;
    line-height: 25px;
    padding: 13px;
  }

  .mod_article.product--wrap .ce_hyperlink.button--ghost a:before {
    width: 96%;
  }
}

@media (max-width: 1150px) {
  .mod_article.product--wrap .ce_hyperlink.button--ghost {
    left: -5px;
    bottom: -10px;
  }
}

@media (max-width: 1000px) {
  .mod_article.product--wrap .ce_hyperlink.button--ghost {
    left: 5px;
    bottom: -10px;
  }
}

.mod_article table {
  width: 100% !important;
  height: 100% !important;
  display: block;
  overflow-x: auto;
}

.mod_article.similar-products--wrap {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-top: 100px;
}

@media (max-width: 1000px) {
  .mod_article.similar-products--wrap {
    justify-content: center;
  }
}

.mod_article.similar-products--wrap > .ce_text {
  position: absolute;
  top: 0;
  left: 0;
}

.mod_article.similar-products--wrap p.h2 {
  font-size: 45px;
  font-weight: 700;
  text-transform: uppercase;
}

.mod_article.similar-products--wrap .inside {
  margin-bottom: 200px;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mod_article.similar-products--wrap .inside img {
  height: 200px;
  width: 200px;
  -o-object-fit: contain;
     object-fit: contain;
}

.mod_article.similar-products--wrap > div {
  margin-right: 50px;
}

@media (max-width: 1000px) {
  .mod_article.similar-products--wrap > .ce_text {
    position: relative;
  }

  .mod_article.similar-products--wrap .ce_wrapperStart .inside {
    margin-top: 0;
    margin-right: 0;
  }
}

.mod_article.text-boxes .ce_wrapperStart .inside {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.mod_article.text-boxes .ce_wrapperStart .inside .ce_text {
  width: calc(100% / 3);
  position: relative;
  padding: 0 50px;
  margin-top: 0;
}

.mod_article.text-boxes .ce_wrapperStart .inside .ce_text h3 {
  font-size: 25px;
  margin-top: 0;
}

.mod_article.text-boxes .ce_wrapperStart .inside .ce_text:nth-child(1),
.mod_article.text-boxes .ce_wrapperStart .inside .ce_text:nth-child(4) {
  padding-left: 0;
}

.mod_article.text-boxes .ce_wrapperStart .inside .ce_text:nth-child(3) {
  padding-right: 0;
}

.mod_article.text-boxes .ce_wrapperStart .inside .ce_text:nth-child(3):after {
  display: none;
}

.mod_article.text-boxes .ce_wrapperStart .inside .ce_text:not(:last-child):after {
  content: "";
  position: absolute;
  width: 100%;
  height: 40%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-right: 3px solid white;
}

.mod_article.text-boxes.referenz-bilder .ce_text {
  position: relative;
}

.mod_article.text-boxes.referenz-bilder .ce_text .image_container img {
  height: 100px;
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.mod_article.text-boxes.referenz-bilder .ce_text p img {
  position: absolute;
  top: 50px;
  left: 170px;
  transform: translateY(-50%);
}

.mod_article.text-boxes.referenz-bilder .ce_text:first-child p img {
  left: 130px;
}

@media (max-width: 1000px) {
  .mod_article.text-boxes h2 {
    font-size: 30px;
    margin-top: 50px;
  }

  .mod_article.text-boxes .ce_wrapperStart .inside {
    flex-direction: column;
  }

  .mod_article.text-boxes .ce_wrapperStart .inside .ce_text {
    width: auto;
    padding: 0;
  }

  .mod_article.text-boxes .ce_wrapperStart .inside .ce_text h3 {
    font-size: 20px;
  }

  .mod_article.text-boxes .ce_wrapperStart .inside .ce_text:after {
    display: none;
  }
}

.mod_article.leistungen-images h2 {
  width: 70%;
}

@media (max-width: 1000px) {
  .mod_article.leistungen-images h2 {
    width: 100%;
    font-size: 30px;
  }
}

.mod_article.leistungen-images .ce_wrapperStart .inside {
  display: grid;
  grid-template-rows: 1fr;
  grid-gap: 50px;
  position: relative;
}

@media (max-width: 1320px) {
  .mod_article.leistungen-images .ce_wrapperStart .inside {
    overflow: auto;
  }
}

@media (max-width: 1000px) {
  .mod_article.leistungen-images .ce_wrapperStart .inside:after {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5) 90%, black 100%);
    pointer-events: none;
  }

  .mod_article.leistungen-images .ce_wrapperStart .inside.scrolled:after {
    display: none;
  }
}

.mod_article.leistungen-images .ce_wrapperStart .inside .ce_text {
  grid-row: 1;
  max-width: 200px;
}

@media (max-width: 1000px) {
  .mod_article.leistungen-images .ce_wrapperStart .inside .ce_text.touch img {
    transform: scale(1.05);
  }

  .mod_article.leistungen-images .ce_wrapperStart .inside .ce_text.touch p {
    font-weight: 700;
  }
}

@media (min-width: 1000px) {
  .mod_article.leistungen-images .ce_wrapperStart .inside .ce_text:hover img {
    transform: scale(1.05);
  }

  .mod_article.leistungen-images .ce_wrapperStart .inside .ce_text:hover p {
    font-weight: 700;
  }
}

.mod_article.leistungen-images .ce_wrapperStart .inside .ce_text img {
  height: 200px;
  min-width: 200px;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s ease-in-out;
}

.mod_article.leistungen-images .ce_wrapperStart .inside .ce_text p {
  text-align: center;
}

.mod_article.leistungen-images .leistungen-images-text {
  background-color: #191919;
  padding: 25px;
  position: relative;
  display: none;
}

@media (min-width: 1320px) {
  .mod_article.leistungen-images .leistungen-images-text:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #191919;
    left: 0;
    top: -15px;
  }

  .mod_article.leistungen-images .leistungen-images-text:nth-of-type(2):after {
    left: 6%;
  }

  .mod_article.leistungen-images .leistungen-images-text:nth-of-type(3):after {
    left: 27%;
  }

  .mod_article.leistungen-images .leistungen-images-text:nth-of-type(4):after {
    left: 48%;
  }

  .mod_article.leistungen-images .leistungen-images-text:nth-of-type(5):after {
    left: 69%;
  }

  .mod_article.leistungen-images .leistungen-images-text:nth-of-type(6):after {
    left: 90%;
  }
}

.mod_article.leistungen-images .leistungen-images-text.show {
  display: block;
  -webkit-animation: fadeIn 0.5s ease-in-out;
          animation: fadeIn 0.5s ease-in-out;
}

.mod_article.tab-content .accordion-tabs .tabs-header {
  justify-content: start;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}

.mod_article.tab-content .accordion-tabs .tabs-header h3 {
  margin-right: unset;
}

.mod_article.tab-content .accordion-tabs .ce_accordion {
  display: none;
}

.mod_article.tab-content .accordion-tabs .ce_accordion h3 {
  font-weight: 200;
}

.mod_article.tab-content .accordion-tabs .ce_accordion img,
.mod_article.tab-content .accordion-tabs .ce_accordion picture {
  height: 400px;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}

.mod_article.tab-content .accordion-tabs .ce_accordion .image_container {
  position: relative;
}

.mod_article.tab-content .accordion-tabs .ce_accordion .image_container:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, black 100%);
}

.mod_article.tab-content .accordion-tabs .ce_accordion p {
  margin: 30px 0;
}

.mod_article.tab-content .accordion-tabs .ce_accordion .ce_hyperlink {
  display: inline-block;
  margin-bottom: 20px;
}

.mod_article.tab-content .accordion-tabs .ce_accordion.active {
  display: block;
  -webkit-animation: fadeIn 0.5s ease-in-out;
          animation: fadeIn 0.5s ease-in-out;
}

.mod_article.tab-content .accordion-tabs .ce_accordion .ce_text.hidden {
  pointer-events: none;
  margin: 0;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.mod_article.tab-content .accordion-tabs.team .tabs-header {
  height: auto;
  justify-content: space-between;
}

.mod_article.tab-content .accordion-tabs.team h3 {
  background: #181818;
  position: relative;
  padding: 30px;
  text-transform: uppercase;
  margin: 0;
  width: 30%;
  text-align: center;
  font-size: 16px;
  z-index: 1;
  transition: background 0.3s ease-in-out;
}

.mod_article.tab-content .accordion-tabs.team h3.active {
  background: linear-gradient(225.52deg, #5ea8ff 0%, #8d54ff 100%);
}

.mod_article.tab-content .accordion-tabs.team h3:hover::before {
  opacity: 1;
}

.mod_article.tab-content .accordion-tabs.team h3:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(225.52deg, #5ea8ff 0%, #8d54ff 100%);
  opacity: 0;
  z-index: -5;
  transition: all 0.5s ease;
}

@media (max-width: 1000px) {
  .mod_article.tab-content .accordion-tabs.team h3 {
    width: 100%;
    margin-bottom: 20px;
  }
}

.mod_article.tab-content .accordion-tabs.product-references .ce_text {
  display: flex;
  flex-direction: row-reverse;
  gap: 3rem;
}

@media (max-width: 1000px) {
  .mod_article.tab-content .accordion-tabs.product-references .ce_text {
    flex-direction: column;
    gap: 0;
  }
}

.mod_article.tab-content .accordion-tabs.product-references .ce_text figure,
.mod_article.tab-content .accordion-tabs.product-references .ce_text p {
  width: 100%;
}

.mod_article.tab-content .accordion-tabs.product-references .ce_text .image_container::after {
  background: none;
}

.mod_article.tab-content .accordion-tabs.product-references .ce_accordion img,
.mod_article.tab-content .accordion-tabs.product-references .ce_accordion picture {
  height: 360px;
}

.mod_article.tab-content.gallery .accordion div {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mod_article.tab-content.gallery .accordion div .ce_text,
.mod_article.tab-content.gallery .accordion div .ce_gallery {
  width: calc(100% / 3 - 30px);
  position: relative;
  margin: 20px 0;
}

@media (min-width: 550px) and (max-width: 1000px) {
  .mod_article.tab-content.gallery .accordion div .ce_text,
  .mod_article.tab-content.gallery .accordion div .ce_gallery {
    width: calc(100% / 2 - 30px) !important;
  }
}

@media (min-width: 1000px) and (max-width: 1050px) {
  .mod_article.tab-content.gallery .accordion div .ce_text,
  .mod_article.tab-content.gallery .accordion div .ce_gallery {
    width: calc(100% / 3 - 20px) !important;
  }
}

.mod_article.tab-content.gallery .accordion div .ce_text .float_above,
.mod_article.tab-content.gallery .accordion div .ce_gallery .float_above {
  margin: 0;
}

.mod_article.tab-content.gallery .accordion div .ce_text p,
.mod_article.tab-content.gallery .accordion div .ce_gallery p {
  margin: 0;
}

.mod_article.tab-content.gallery .accordion div .ce_text p > img,
.mod_article.tab-content.gallery .accordion div .ce_gallery p > img {
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 20px;
}

.mod_article.tab-content.gallery .accordion div .ce_text .tabimage-text,
.mod_article.tab-content.gallery .accordion div .ce_gallery .tabimage-text {
  position: absolute;
  height: 100%;
  width: calc(100% + 45px);
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  background: black;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  border: 2px solid white;
  border-left: none;
  padding: 20px;
  left: -45px;
  padding-left: 65px;
  display: flex;
  flex-direction: column;
}

.mod_article.tab-content.gallery .accordion div .ce_text .tabimage-text p,
.mod_article.tab-content.gallery .accordion div .ce_gallery .tabimage-text p {
  display: flex;
}

.mod_article.tab-content.gallery .accordion div .ce_text .tabimage-text p a,
.mod_article.tab-content.gallery .accordion div .ce_gallery .tabimage-text p a {
  text-decoration: none;
  color: #ffffff;
}

.mod_article.tab-content.gallery .accordion div .ce_text .image_container:after,
.mod_article.tab-content.gallery .accordion div .ce_gallery .image_container:after {
  display: none;
}

.mod_article.tab-content.gallery .accordion div .ce_text:hover:after,
.mod_article.tab-content.gallery .accordion div .ce_gallery:hover:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 3;
  border: 2px solid white;
  border-right: none;
}

.mod_article.tab-content.gallery .accordion div .ce_text:hover:before,
.mod_article.tab-content.gallery .accordion div .ce_gallery:hover:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 90%, black 100%);
  z-index: 3;
}

.mod_article.tab-content.gallery .accordion div .ce_text:hover .tabimage-text,
.mod_article.tab-content.gallery .accordion div .ce_gallery:hover .tabimage-text {
  opacity: 1;
  transform: translateX(100%);
  pointer-events: all;
}

.mod_article.tab-content.gallery .accordion div .ce_text:hover .image_container,
.mod_article.tab-content.gallery .accordion div .ce_gallery:hover .image_container {
  border-right: none;
  box-sizing: border-box;
}

@media (min-width: 1050px) {
  .mod_article.tab-content.gallery .accordion div .ce_text .tabimage-text,
  .mod_article.tab-content.gallery .accordion div .ce_gallery .tabimage-text {
    justify-content: center;
  }

  .mod_article.tab-content.gallery .accordion div .ce_text .tabimage-text p,
  .mod_article.tab-content.gallery .accordion div .ce_gallery .tabimage-text p {
    margin: 10px 0;
  }

  .mod_article.tab-content.gallery .accordion div .ce_text .tabimage-text p:nth-child(2),
  .mod_article.tab-content.gallery .accordion div .ce_gallery .tabimage-text p:nth-child(2) {
    margin-bottom: 50px;
  }

  .mod_article.tab-content.gallery .accordion div .ce_text:nth-child(3n) .tabimage-text,
  .mod_article.tab-content.gallery .accordion div .ce_gallery:nth-child(3n) .tabimage-text {
    left: 0;
    padding-left: 20px;
    border-left: 2px solid white;
    border-right: none;
  }

  .mod_article.tab-content.gallery .accordion div .ce_text:nth-child(3n):hover .tabimage-text,
  .mod_article.tab-content.gallery .accordion div .ce_gallery:nth-child(3n):hover .tabimage-text {
    transform: translateX(-100%);
  }

  .mod_article.tab-content.gallery .accordion div .ce_text:nth-child(3n):hover:after,
  .mod_article.tab-content.gallery .accordion div .ce_gallery:nth-child(3n):hover:after {
    border-right: 2px solid white;
    border-left: none;
  }

  .mod_article.tab-content.gallery .accordion div .ce_text:nth-child(3n):hover:before,
  .mod_article.tab-content.gallery .accordion div .ce_gallery:nth-child(3n):hover:before {
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 90%, black 100%);
  }
}

@media (min-width: 1000px) and (max-width: 1050px) {
  .mod_article.tab-content.gallery .accordion div .ce_text.move-left,
  .mod_article.tab-content.gallery .accordion div .ce_gallery.move-left {
    margin-right: calc(100% / 3 + 10px) !important;
  }
}

@media (min-width: 1050px) {
  .mod_article.tab-content.gallery .accordion div .ce_text.move-left,
  .mod_article.tab-content.gallery .accordion div .ce_gallery.move-left {
    margin-right: calc(100% / 3 + 15px) !important;
  }
}

.mod_article.tab-content.gallery .accordion div .ce_gallery {
  height: 400px;
}

.mod_article.tab-content.gallery .accordion div .ce_gallery ul li {
  position: absolute;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
}

.mod_article.tab-content.gallery .accordion div .ce_gallery ul li:first-child {
  opacity: 1;
}

.mod_article.tab-content.gallery .accordion div .ce_gallery ul li:last-child {
  opacity: 0;
}

.mod_article.tab-content.gallery .accordion div .ce_gallery ul li img {
  height: 400px;
  width: 100%;
}

.mod_article.tab-content.gallery .accordion div .ce_gallery:hover ul li:first-child {
  opacity: 0;
}

.mod_article.tab-content.gallery .accordion div .ce_gallery:hover ul li:last-child {
  opacity: 1;
}

@media (max-width: 1050px) {
  .mod_article.tab-content.gallery .accordion div .ce_text,
  .mod_article.tab-content.gallery .accordion div .ce_gallery {
    width: 100%;
  }

  .mod_article.tab-content.gallery .accordion div .ce_text .tabimage-text,
  .mod_article.tab-content.gallery .accordion div .ce_gallery .tabimage-text {
    width: 100%;
    padding-left: 20px;
    left: 0;
    border: 2px solid white;
    justify-content: flex-end;
    background: linear-gradient(15deg, black 0%, rgba(0, 0, 0, 0.5) 35%, rgba(255, 255, 255, 0) 55%);
  }

  .mod_article.tab-content.gallery .accordion div .ce_text .tabimage-text p,
  .mod_article.tab-content.gallery .accordion div .ce_gallery .tabimage-text p {
    margin: 10px 0;
  }
}

@media (max-width: 1050px) and (min-width: 1000px) {
  .mod_article.tab-content.gallery .accordion div .ce_text .tabimage-text,
  .mod_article.tab-content.gallery .accordion div .ce_gallery .tabimage-text {
    font-size: 16px;
  }

  .mod_article.tab-content.gallery .accordion div .ce_text .tabimage-text p,
  .mod_article.tab-content.gallery .accordion div .ce_gallery .tabimage-text p {
    margin: 5px 0;
  }
}

@media (max-width: 1050px) {
  .mod_article.tab-content.gallery .accordion div .ce_text:hover:before,
  .mod_article.tab-content.gallery .accordion div .ce_text:hover:after,
  .mod_article.tab-content.gallery .accordion div .ce_gallery:hover:before,
  .mod_article.tab-content.gallery .accordion div .ce_gallery:hover:after {
    display: none;
  }

  .mod_article.tab-content.gallery .accordion div .ce_text:hover .tabimage-text,
  .mod_article.tab-content.gallery .accordion div .ce_gallery:hover .tabimage-text {
    transform: translateX(0);
  }
}

@media (max-width: 1000px) {
  .mod_article.tab-content h2 {
    font-size: 30px;
  }

  .mod_article.tab-content .accordion-tabs .ce_accordion p {
    font-size: 16px;
  }

  .mod_article.tab-content .accordion-tabs .tabs-header {
    margin-bottom: 100px;
    flex-direction: column;
  }
}

.mod_article.two-images {
  display: flex;
  flex-direction: row;
  margin: 40px auto;
}

.mod_article.two-images > div {
  width: 50%;
}

.mod_article.two-images .ce_text {
  padding-left: 50px;
}

.mod_article.two-images .ce_text h2 {
  text-transform: uppercase;
}

.mod_article.two-images .ce_wrapperStart .inside {
  width: 100%;
  height: 100%;
  position: relative;
}

.mod_article.two-images .ce_wrapperStart .inside:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, black 100%);
}

.mod_article.two-images .ce_wrapperStart .inside img {
  width: 100%;
  height: 100%;
}

.mod_article.two-images .ce_wrapperStart .inside .ce_image:nth-child(2) {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60%;
}

@media (max-width: 1000px) {
  .mod_article.two-images {
    flex-direction: column;
  }

  .mod_article.two-images > div {
    width: 100%;
  }

  .mod_article.two-images .ce_wrapperStart .inside::after {
    height: 120%;
  }

  .mod_article.two-images .ce_wrapperStart .inside .ce_image:nth-child(2) {
    bottom: -30px;
  }

  .mod_article.two-images .ce_text {
    padding-left: 0;
  }

  .mod_article.two-images .ce_text h2 {
    font-size: 30px;
  }
}

.mod_article.image-gallery {
  margin: 40px auto;
}

.mod_article.image-gallery .ce_image {
  opacity: 0;
}

.mod_article.image-gallery .ce_wrapperStart .inside {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 40px;
  margin-bottom: 40px;
}

.mod_article.image-gallery .ce_wrapperStart .inside .ce_image img {
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1000px) {
  .mod_article.image-gallery h2 {
    font-size: 30px;
  }
}

@media (max-width: 600px) {
  .mod_article.image-gallery .ce_wrapperStart .inside {
    grid-auto-flow: row;
  }
}

.mod_article.image-gallery.visible .ce_wrapperStart:nth-of-type(1) .ce_image:nth-child(1) {
  -webkit-animation: fadeIn 0.4s forwards;
          animation: fadeIn 0.4s forwards;
}

.mod_article.image-gallery.visible .ce_wrapperStart:nth-of-type(1) .ce_image:nth-child(2) {
  -webkit-animation: fadeIn 0.4s forwards 0.3s;
          animation: fadeIn 0.4s forwards 0.3s;
}

.mod_article.image-gallery.visible .ce_wrapperStart:nth-of-type(1) .ce_image:nth-child(3) {
  -webkit-animation: fadeIn 0.4s forwards 0.6s;
          animation: fadeIn 0.4s forwards 0.6s;
}

.mod_article.image-gallery.visible .ce_wrapperStart:nth-of-type(2) .ce_image:nth-child(1) {
  -webkit-animation: fadeIn 0.4s forwards 1s;
          animation: fadeIn 0.4s forwards 1s;
}

.mod_article.image-gallery.visible .ce_wrapperStart:nth-of-type(2) .ce_image:nth-child(2) {
  -webkit-animation: fadeIn 0.4s forwards 1.3s;
          animation: fadeIn 0.4s forwards 1.3s;
}

.mod_article.image-gallery.visible .ce_wrapperStart:nth-of-type(2) .ce_image:nth-child(3) {
  -webkit-animation: fadeIn 0.4s forwards 1.6s;
          animation: fadeIn 0.4s forwards 1.6s;
}

.mod_article.image-gallery.visible .ce_wrapperStart:nth-of-type(3) .ce_image:nth-child(1) {
  -webkit-animation: fadeIn 0.4s forwards 2s;
          animation: fadeIn 0.4s forwards 2s;
}

.mod_article.image-gallery.visible .ce_wrapperStart:nth-of-type(3) .ce_image:nth-child(2) {
  -webkit-animation: fadeIn 0.4s forwards 2.3s;
          animation: fadeIn 0.4s forwards 2.3s;
}

.mod_article.image-gallery.visible .ce_wrapperStart:nth-of-type(3) .ce_image:nth-child(3) {
  -webkit-animation: fadeIn 0.4s forwards 2.6s;
          animation: fadeIn 0.4s forwards 2.6s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.mod_article.torquise-background {
  margin: 50px 0;
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  padding: 30px 0;
  background: linear-gradient(to right, #3574b8 0%, #2ee8e8 100%);
}

@media (max-width: 1000px) {
  .mod_article.torquise-background {
    height: 400px;
    position: relative;
  }
}

.mod_article.torquise-background .ce_wrapperStart {
  margin-left: 200px;
}

@media (max-width: 1000px) {
  .mod_article.torquise-background .ce_wrapperStart {
    margin-left: 0;
  }
}

@media (max-width: 1000px) {
  .mod_article.torquise-background .ce_wrapperStart .ce_text h2 {
    font-size: 25px;
  }
}

.mod_article.torquise-background .ce_wrapperStart .ce_text p {
  font-weight: bold;
}

.mod_article.torquise-background .ce_wrapperStart .ce_hyperlink {
  text-align: left;
}

@media (max-width: 1000px) {
  .mod_article.torquise-background .ce_wrapperStart .ce_hyperlink {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 240px;
  }
}

@media (max-width: 1000px) {
  .mod_article.torquise-background .ce_image {
    margin-top: 30px;
  }

  .mod_article.torquise-background .ce_image img {
    max-height: 200px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.mod_article.banner {
  margin: 50px 0 50px !important;
  max-width: 100%;
  width: 100%;
}

.mod_article.banner img {
  width: 100%;
}

.mod_article.image-box-text {
  margin: 100px auto;
}

@media (max-width: 1000px) {
  .mod_article.image-box-text h2 {
    font-size: 30px;
  }
}

.mod_article.image-box-text .ce_wrapperStart .inside {
  display: flex;
  flex-direction: row;
}

@media (max-width: 1000px) {
  .mod_article.image-box-text .ce_wrapperStart .inside {
    flex-direction: column;
  }
}

.mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart {
  width: calc(100% / 3);
  position: relative;
}

@media (max-width: 1000px) {
  .mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart {
    width: 100%;
  }
}

.mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart .ce_image {
  transition: 0.5s ease;
}

@media (max-width: 1000px) {
  .mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart .ce_image {
    overflow: hidden;
  }
}

.mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart .ce_image img {
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 1000px) {
  .mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart .ce_image img {
    height: 150px;
    width: 100%;
    transition: height 0.4s ease-in-out, filter 0.4s ease-in-out, transform 0.4s ease-in-out, opacity 0.4s ease;
  }
}

.mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart .ce_text {
  transition: filter 0.5s ease;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

@media (max-width: 1200px) {
  .mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart .ce_text {
    width: 80%;
  }
}

@media (max-width: 1000px) {
  .mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart .ce_text {
    margin: 0;
    width: 80%;
  }
}

.mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart .ce_text h6 {
  font-size: 30px;
}

@media (max-width: 1000px) {
  .mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart .ce_text h6 {
    margin: 0;
  }
}

.mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart .ce_text p {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  opacity: 0;
  margin: 0;
}

.mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart .ce_text .image_container {
  display: flex;
  justify-content: center;
}

@media (min-width: 1000px) {
  .mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart:hover .ce_image {
    filter: blur(10px);
  }

  .mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart:hover .ce_text p {
    max-height: 200px;
    opacity: 1;
  }
}

@media (max-width: 1000px) {
  .mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart.active .ce_image img {
    height: 400px;
    filter: blur(10px);
    transform: scale(1.05);
    opacity: 0.9;
  }

  .mod_article.image-box-text .ce_wrapperStart .inside .ce_wrapperStart.active .ce_text p {
    opacity: 1;
    display: block;
    max-height: 100px;
  }
}

.mod_article#article-110 {
  margin-top: 60px;
}

@media (min-width: 1000px) {
  .mod_article#article-69 .ce_hyperlink {
    margin-left: auto;
    margin-right: 20%;
  }
}

.mod_article.form-success-message {
  margin-top: 400px;
}

@media (max-width: 1000px) {
  .mod_article.form-success-message {
    margin-top: 200px;
  }
}

.mod_article.form-success-message .ce_text {
  text-align: center;
  margin-bottom: 50px;
  font-weight: 700;
}

.mod_article.form-success-message .button--ghost a:before {
  left: -22px;
}

.mod_article .b2b-banner {
  text-align: center;
  margin-block: 0 40px;
  padding: 10px;
  position: relative;
}

.mod_article .b2b-banner h2,
.mod_article .b2b-banner p {
  font-size: 18px;
  display: inline;
  text-align: center;
  padding: 20px 0;
  z-index: 2;
  position: relative;
}

.mod_article .b2b-banner:after {
  content: "";
  display: block;
  width: 100vw;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  background: linear-gradient(to right, #3574b8 0%, #2ee8e8 100%) !important;
}

@media (min-width: 1000px) {
  .mod_article .b2b-banner:after {
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
}

.mod_search h2 {
  text-align: center;
  font-weight: 500;
  margin: 0 0 0.5em;
}

@media (max-width: 1000px) {
  .mod_search h2 {
    font-size: 1.4em;
  }
}

.mod_search form {
  text-align: center;
}

.mod_search form .widget-submit {
  display: none;
}

.mod_search form .search--icon {
  position: relative;
}

.mod_search form .search--icon input {
  width: 445px;
  padding: 17px 15px 15px 53px;
  background: #000000;
  border: none;
}

.mod_search form .search--icon input::-moz-placeholder {
  color: #ffffff;
}

.mod_search form .search--icon input:-ms-input-placeholder {
  color: #ffffff;
}

.mod_search form .search--icon input::placeholder {
  color: #ffffff;
}

@media (max-width: 1000px) {
  .mod_search form .search--icon input {
    width: auto;
  }
}

.mod_search form .search--icon::before {
  content: url(/files/dist/images/search.svg?a259b4722dca0b14ff3185e299e7fee3);
  position: absolute;
  top: -7px;
  left: 7px;
  z-index: 1;
}

.mod_search .header {
  text-align: center;
  margin-top: 50px;
  display: none;
}

.mod_search .info {
  text-align: center;
  margin: 20px 0;
  color: gray;
  width: 60%;
  margin: 0 auto;
  display: none;
}

.mod_search .even,
.mod_search .odd {
  background: #0c0c0c;
  text-decoration: none;
  width: 65%;
  margin: 20px auto;
  padding: 20px 100px 20px 20px;
  position: relative;
  word-wrap: break-word;
}

.mod_search .even .content-link,
.mod_search .odd .content-link {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 70px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(64, 64, 64, 0.2) 50%, rgba(64, 64, 64, 0.5) 100%);
  transition: width 0.3s ease-in-out;
}

.mod_search .even .content-link:after,
.mod_search .odd .content-link:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  right: 40px;
  top: 50%;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  transform: rotate(-45deg);
  transform-origin: left top;
  transition: all 0.2s ease-in-out;
}

.mod_search .even .content-link:hover,
.mod_search .odd .content-link:hover {
  width: 150px;
}

.mod_search .even .content-link:hover:after,
.mod_search .odd .content-link:hover:after {
  width: 40px;
  height: 40px;
}

.mod_search .even .highlight,
.mod_search .odd .highlight {
  background: none;
  color: #ffffff;
  font-weight: bold;
  border-bottom: 3px solid #1863df;
}

@media (max-width: 1000px) {
  .mod_search .even,
  .mod_search .odd {
    width: 90%;
  }

  .mod_search .even h3,
  .mod_search .odd h3 {
    font-size: 25px;
  }
}

.mod_search .product {
  padding: 20px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  align-items: center;
}

.mod_search .product .button--ghost a {
  cursor: pointer;
}

@media (max-width: 1000px) {
  .mod_search .product .button--ghost a {
    margin-top: 50px;
  }
}

.mod_search .product .product-page-link {
  margin-top: 20px;
}

.mod_search .product .product-page-link a {
  position: relative;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}

.mod_search .product .product-page-link a:after,
.mod_search .product .product-page-link a:before {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  background: #ffffff;
  bottom: -3px;
  left: 0;
  transition: width 0.3s ease-in-out;
}

.mod_search .product .product-page-link a:before {
  background: #404040;
  width: 100%;
}

.mod_search .product .product-page-link a:hover:after {
  width: 100%;
}

.mod_search .pagination {
  display: none;
}

.mod_search .no-searchresult {
  margin: 50px 20px 20px;
  text-align: center;
}

.mod_faqpage article {
  margin-bottom: 100px;
}

.mod_faqpage article section h3 {
  background: #191919;
  width: 100%;
  padding: 20px;
  margin-bottom: 0;
  font-weight: 500;
  font-size: 30px;
  cursor: pointer;
  position: relative;
}

.mod_faqpage article section h3:after,
.mod_faqpage article section h3:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 3px;
  background: white;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

.mod_faqpage article section h3:before {
  transform: translateY(-50%) rotate(90deg);
  transition: all 0.5s ease-in-out;
}

.mod_faqpage article section h3.active {
  background: #333333;
}

.mod_faqpage article section h3.active:before {
  transform: translateY(-50%) rotate(0);
}

.mod_faqpage article section h3.active:after {
  transform: translateY(-50%) rotate(-90deg);
  opacity: 0;
}

.mod_faqpage article section h3:hover:not(.active) {
  background: #262626;
}

.mod_faqpage article section .ce_text {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
  background: #0d0d0d;
  margin: 0;
}

.mod_faqpage article section .ce_text p {
  padding: 20px;
}

.mod_faqpage article section .ce_text.active {
  max-height: 50vh;
}

.mod_faqpage article section .info {
  display: none;
}

.mod_faqpage article .toplink {
  display: none;
}

@media (max-width: 1000px) {
  .mod_faqpage article h2 {
    font-size: 30px;
  }

  .mod_faqpage article section h3 {
    font-size: 20px;
    padding-right: 40px;
  }

  .mod_faqpage article section .ce_text p {
    font-size: 16px;
    padding-bottom: 5px;
  }
}

.mod_faqreader {
  display: none;
}

.mod_newslist {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--ce-margin) * 2);
}

.mod_newslist .layout_latest {
  flex: 1 1 50%;
  min-width: 300px;
  padding: calc(var(--ce-margin) / 2);
}

.mod_newslist .layout_latest a {
  color: #ffffff;
  transition: color 0.2s ease-in-out;
  text-decoration: none;
}

.mod_newslist .layout_latest a:hover {
  color: #1863df;
}

.mod_newslist .layout_latest .ce_text,
.mod_newslist .layout_latest .more {
  display: none;
}

.mod_newslist .layout_latest h2 {
  font-size: 18px;
  margin: 0;
  padding: 6px 0 var(--ce-margin) 0;
}

.mod_newslist .layout_latest h2 .author {
  font-weight: 500;
  font-size: 80%;
}

.mod_newslist .layout_latest .meta {
  margin-top: 10px;
}

.mod_newslist .layout_latest .meta > * {
  display: inline-block;
}

.mod_newslist .layout_latest .meta .info {
  font-size: 80%;
}

.mod_newslist .layout_latest .meta .taglist {
  margin-left: var(--ce-margin);
}

.mod_newslist .pagination {
  flex: 1 0 100%;
  text-align: center;
}

.mod_newslist .pagination > p {
  font-size: 16px;
}

.mod_newslist .pagination ul {
  display: flex;
  justify-content: center;
}

.mod_newslist .pagination ul li > * {
  background-color: #ffffff;
  padding: 3px 8px 1px 8px;
  margin: 0 1px;
  color: black;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.5s ease, color 0.5s ease;
}

.mod_newslist .pagination ul li > *:hover {
  background-color: #1863df;
  color: #ffffff;
}

.mod_newslist .pagination ul li > *.active {
  background-color: #191919;
  color: #ffffff;
}

.blog-artikel #header .mod_article.halfscreen {
  overflow: hidden;
}

@media (min-width: 1800px) {
  .blog-artikel #header .mod_article.halfscreen {
    min-height: 500px;
    height: 60vh;
  }
}

@media (max-width: 1799px) {
  .blog-artikel #header .mod_article.halfscreen {
    height: auto;
    min-height: auto;
  }
}

.blog-artikel .ce_image {
  overflow: hidden;
}

@media (max-width: 1000px) {
  .mod_newsreader .layout_full h1 {
    font-size: 1.6em;
  }
}

.mod_newsreader .layout_full .ce_text ul {
  list-style: initial;
  padding-left: 40px;
}

.mod_newsreader .layout_full .meta > * {
  display: inline-block;
}

.mod_newsreader .layout_full .meta .info,
.mod_newsreader .layout_full .meta .author {
  font-size: 80%;
}

.mod_newsreader .layout_full .meta .taglist {
  margin-left: var(--ce-margin);
}

.mod_newsreader .back {
  margin-top: var(--ce-margin);
  position: relative;
  padding-left: 20px;
}

.mod_newsreader .back:after {
  position: absolute;
  content: "";
  left: 0;
  top: 45%;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  transform: translateY(-50%) rotate(135deg);
}

.mod_newsreader .back a {
  color: #ffffff;
}

.mod_article.tagblock {
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  background-color: #191919;
  padding: 1px var(--ce-margin) var(--ce-margin) var(--ce-margin);
  margin-top: var(--ce-margin);
}

.mod_article.tagblock > * {
  margin-left: 10px;
  margin-right: 10px;
}

.mod_tagcloudnews {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mod_tagcloudnews ul,
.tag-chain {
  display: flex;
  flex-wrap: wrap;
}

.mod_tagcloudnews ul li,
.tag-chain li {
  flex: 0 0 auto;
  padding: 2px 5px 0px 5px;
  border: 1px solid #ffffff;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 80%;
  background-color: #000000;
  transition: background-color 0.5s ease;
}

.mod_tagcloudnews ul li a,
.tag-chain li a {
  transition: color 0.5s ease;
  color: #ffffff;
  text-decoration: none;
}

.mod_tagcloudnews ul li:hover,
.tag-chain li:hover {
  background-color: #ffffff;
}

.mod_tagcloudnews ul li:hover a,
.tag-chain li:hover a {
  color: #000000;
}

.mod_tagcloudnews ul li.active,
.tag-chain li.active {
  background-color: #1863df;
}

.mod_tagcloudnews ul li.active:hover a,
.tag-chain li.active:hover a {
  color: #ffffff;
}

.ce_text {
  margin: var(--ce-margin) 0;
}

.ce_text .float_left {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
  max-width: 40%;
}

.ce_text .float_right {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
  max-width: 40%;
}

.ce_text .float_above {
  margin-bottom: 1em;
}

.ce_text .float_below {
  margin-top: 1em;
}

.ce_text.center img {
  margin: 0 auto;
}

.ce_text a {
  color: #ffffff;
}

.ce_text a:hover {
  color: #1863df;
}

@media (max-width: 1000px) {
  .ce_text h2 {
    font-size: 30px;
  }
}

@media (max-width: 1000px) {
  .ce_text p {
    font-size: 16px;
  }
}

@media (max-width: 1000px) {
  .ce_text li {
    font-size: 16px;
  }
}

.ce_text.contact-box {
  background-color: #191919;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 20px;
  width: 70%;
  margin: 10px auto;
}

@media (max-width: 1000px) {
  .ce_text.contact-box {
    width: 100%;
  }
}

.ce_text.contact-box h2,
.ce_text.contact-box h3,
.ce_text.contact-box h4,
.ce_text.contact-box h5,
.ce_text.contact-box h6 {
  width: 100%;
  text-align: center;
  margin: 0;
}

.ce_text.contact-box p {
  width: 290px;
}

.ce_text.contact-box p a.contact-mail {
  font-size: 16px;
}

.ce_text.contact-box p img {
  margin-right: 20px;
  height: 35px;
}

.ce_text.contact-box p:first-of-type {
  width: 100%;
  text-align: center;
}

.ce_text.contact-box p:not(:first-of-type) {
  display: flex;
  align-items: center;
}

@media (max-width: 1000px) {
  .ce_text.contact-box p:not(:first-of-type) {
    justify-content: center !important;
  }
}

.ce_text.contact-box p:last-of-type {
  justify-content: end;
}

.ce_hyperlink {
  text-align: center;
}

.ce_hyperlink.no-wrap {
  white-space: nowrap;
}

.ce_hyperlink.box {
  min-width: 200px;
  min-height: 300px;
  background-color: #191919;
  padding: 20px;
  display: flex;
  flex: 1 1 25%;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  text-align: center;
  transition: all 0.5s ease;
  position: relative;
}

@media (max-width: 1000px) {
  .ce_hyperlink.box {
    flex-wrap: wrap;
    min-width: 140px;
    min-height: 140px;
    padding: 5px;
  }
}

.ce_hyperlink.box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 1000px) {
  .ce_hyperlink.box img {
    width: 55px;
    height: 55px;
    top: 40%;
  }
}

.ce_hyperlink.box a {
  color: #ffffff;
  text-decoration: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.ce_hyperlink.box .caption {
  position: absolute;
  bottom: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

@media (max-width: 1000px) {
  .ce_hyperlink.box .caption {
    bottom: 10px;
  }
}

.ce_hyperlink.box:hover {
  transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.ce_hyperlink.box:hover:after {
  opacity: 1;
}

@media (max-width: 1000px) {
  .ce_hyperlink.box:hover:after {
    opacity: 0;
  }
}

.ce_hyperlink.box:after {
  content: "";
  opacity: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  transition: opacity 1s ease;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.ce_hyperlink.box.notebooks::after {
  background-image: url(/files/dist/images/Notebook.png?7c721e1a24aa56a46f47e07204f73481);
}

.ce_hyperlink.box.tablets::after {
  background-image: url(/files/dist/images/Tablets.png?3de3b12037269ea5168738c0da7bebbf);
}

.ce_hyperlink.box.apple::after {
  background-image: url(/files/dist/images/Apple.png?80b9b6a3cfe538cdaf13d5ba704a9659);
}

.ce_hyperlink.box.display::after {
  background-image: url(/files/dist/images/Displays.png?fffc593614f9d51d0fa8967eb4b11ff2);
}

.ce_hyperlink.box.computer::after {
  background-image: url(/files/dist/images/PC.png?822cb80def90f83ec14d503cd2f933b2);
}

.ce_hyperlink.box.printer::after {
  background-image: url(/files/dist/images/Drucker.png?58b3ed700f181a936ea1f8a8f23c1b0f);
}

.ce_hyperlink.box.smartphones:after {
  background-image: url(/files/dist/images/Smartphone.png?8d9ae1d2e355259a97b02113cf63f8cf);
}

.ce_hyperlink.box.projector:after {
  background-image: url(/files/dist/images/Beamer.png?a505baf49ace54075393f48e87ba7785);
}

.ce_hyperlink.box.kiosk-system:after {
  background-image: url(/files/dist/images/Stelen&Pult.png?335b4c415fe929febcce9cae06a4974d);
}

.ce_hyperlink.box.datacenter:after {
  background-image: url(/files/dist/images/Server.png?654717d7416d306d2ce91c0111fa8604);
}

.ce_hyperlink.box.other:after {
  background-image: url(/files/dist/images/Audio.png?bac4947edbf8b0ecee43f3783165fadf);
  background-size: 60%;
}

.ce_hyperlink.box > a {
  line-height: 8.5;
}

@media (max-width: 1000px) {
  .ce_hyperlink.box > a {
    line-height: 1.3em;
    font-size: 20px;
    padding-top: 50px;
    width: 100px;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.ce_gallery {
  margin: var(--ce-margin) 0;
}

.ce_gallery.flex-start ul {
  justify-content: start;
}

.ce_gallery ul {
  justify-content: space-between;
}

.ce_gallery ul li {
  margin-bottom: 0.5em;
}

.ce_gallery ul li {
  width: auto;
}

@media (max-width: 800px) {
  .ce_gallery ul li {
    width: 49%;
  }
}

@media (max-width: 650px) {
  .ce_gallery ul li {
    width: 100%;
  }
}

.ce_gallery ul.cols_6 li {
  flex: 1 1 15%;
  min-width: 150px;
  padding: 20px;
  align-self: center;
}

.ce_gallery ul.cols_6 li img {
  margin: 0 auto;
}

.ce_gallery ul.cols_3 li {
  width: 32.333%;
}

@media (max-width: 650px) {
  .ce_gallery ul.cols_3 li {
    width: 100%;
  }
}

.ce_gallery ul.cols_2 li {
  width: 49%;
}

@media (max-width: 650px) {
  .ce_gallery ul.cols_2 li {
    width: 100%;
  }
}

.ce_gallery ul.cols_1 li {
  width: 100%;
}

.ce_gallery ul a {
  display: block;
  transform: scale(1);
  transition: transform 0.2s ease-in-out;
}

.ce_gallery ul a:hover {
  transform: scale(1.05);
}

.ce_gallery#ticker-slide {
  overflow: hidden;
  position: relative;
}

.ce_gallery#ticker-slide:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 11%, rgba(0, 0, 0, 0) 89%, #000000 100%);
  top: 0;
  pointer-events: none;
}

.ce_gallery#ticker-slide .wrapper {
  width: 500vw;
  display: flex;
}

.ce_gallery#ticker-slide ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-animation: ticker 40s infinite linear;
          animation: ticker 40s infinite linear;
}

.ce_gallery#ticker-slide ul li {
  width: auto;
  margin: 0 45px;
}

@-webkit-keyframes ticker {
  100% {
    transform: translateX(-100%);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}

@keyframes ticker {
  100% {
    transform: translateX(-100%);
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}

.ce_list {
  margin: var(--ce-margin) 0;
}

.ce_list ul {
  list-style: initial;
  list-style-position: outside;
  padding-left: 30px;
}

.ce_list ol {
  list-style: decimal;
  list-style-position: outside;
  padding-left: 30px;
}

.ce_list li {
  margin: 0.5em 0;
}

.ce_table {
  margin: var(--ce-margin) 0;
}

.ce_table table {
  width: 100%;
}

.ce_table tr {
  transition: background-color 0.2s ease-in-out;
}

.ce_table tr th,
.ce_table tr td {
  padding: 0.5em;
}

.ce_table tr th {
  font-weight: 700;
  text-align: left;
}

.ce_table tr:hover {
  background-color: #191919;
}

.ce_download {
  margin: var(--ce-margin) 0;
  text-align: center;
}

.ce_download a .size {
  font-size: 80%;
}

.ce_downloads li {
  position: relative;
  margin: 20px 0;
  display: flex;
}

.ce_downloads li a {
  padding-left: 40px;
  color: #ffffff;
  font-weight: 700;
}

.ce_downloads li a span {
  font-weight: 500;
  color: #cccccc;
}

.ce_downloads li a:hover {
  color: #1863df;
}

.ce_downloads li a:hover span {
  color: #1863df;
}

.ce_downloads li:after {
  content: "";
  position: absolute;
  width: 26px;
  height: 20px;
  background: url(/files/dist/images/download-bottom.svg?c9c77f8e226a6fb2e1c44541d4f289b8);
  background-size: contain;
  left: 0;
}

.ce_player {
  margin: var(--ce-margin) 0;
}

.ce_player video {
  width: 100%;
  height: auto;
}

.ce_form label {
  font-size: 16px;
  margin-bottom: 6px;
  transition: 0.3s ease;
}

.ce_form input[type=text],
.ce_form input[type=password],
.ce_form input[type=number],
.ce_form input[type=date],
.ce_form input[type=email],
.ce_form input[type=tel],
.ce_form input[type=search],
.ce_form select,
.ce_form textarea {
  font-family: Spartan, Verdana, sans-serif;
  color: #ffffff;
  display: block;
  width: 100%;
  padding: 10px 10px;
  transition: background-color 0.2s ease-in-out;
  background: #141414;
  border: none;
}

.ce_form input[type=text]:focus,
.ce_form input[type=password]:focus,
.ce_form input[type=number]:focus,
.ce_form input[type=date]:focus,
.ce_form input[type=email]:focus,
.ce_form input[type=tel]:focus,
.ce_form input[type=search]:focus,
.ce_form select:focus,
.ce_form textarea:focus {
  background-color: #191919;
}

.ce_form textarea {
  resize: vertical;
  margin: 10px 0;
}

.ce_form input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 25px;
  height: 25px;
  background: #141414;
  padding-top: 5px;
  vertical-align: text-bottom;
  margin-right: 10px;
  transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
  position: relative;
  border: 1px solid #333333;
}

.ce_form input[type=checkbox]:checked {
  background-color: grey;
  border: 5px solid #141414;
  box-sizing: border-box;
}

.ce_form input[type=checkbox]:hover {
  cursor: pointer;
}

.ce_form input[type=checkbox]:focus {
  transform: scale(1.1) translateY(-2px);
}

.ce_form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.ce_form select:hover {
  cursor: pointer;
}

.ce_form select option {
  background: #141414;
}

.ce_form .formbody {
  flex-direction: column;
  width: 100%;
  margin: auto;
}

.ce_form .formbody .widget {
  margin-bottom: 0.6em;
}

.ce_form .formbody .widget:hover label {
  opacity: 1;
}

.ce_form .formbody .contact-data {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}

.ce_form .formbody .contact-data label {
  opacity: 0;
}

.ce_form .formbody .contact-data div {
  width: calc(100%/3 - 20px);
  margin-top: 10px;
}

@media (max-width: 1000px) {
  .ce_form .formbody .contact-data {
    width: 100%;
  }

  .ce_form .formbody .contact-data div {
    width: 100%;
  }
}

.ce_form .formbody .rental-timeframe {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
}

.ce_form .formbody .rental-timeframe label {
  opacity: 0;
}

.ce_form .formbody .rental-timeframe div {
  width: calc(100% / 2 - 20px);
}

@media (max-width: 1000px) {
  .ce_form .formbody .rental-timeframe {
    width: 100%;
  }

  .ce_form .formbody .rental-timeframe div {
    width: 100%;
  }
}

.ce_form .formbody .checkbox_container {
  display: flex;
  justify-content: space-between;
  border: none;
  padding: 0;
}

@media (max-width: 1000px) {
  .ce_form .formbody .checkbox_container {
    flex-direction: column;
  }

  .ce_form .formbody .checkbox_container span {
    margin: 10px 0;
  }
}

.ce_form .formbody .widget-submit {
  display: flex;
  justify-content: center;
}

.ce_form .formbody .widget-submit button {
  margin-top: 10px;
  background: none;
  border: none;
}

.ce_form .formbody .widget-submit button:before {
  left: -17px;
}

.ce_form .formbody .widget-textarea {
  margin-top: 50px;
}

@media (max-width: 1000px) {
  .ce_form .formbody .widget-textarea .textarea {
    height: 300px;
  }
}

.ce_form .formbody .widget-select {
  position: relative;
}

.ce_form .formbody .widget-select:after {
  content: "";
  position: absolute;
  border-left: 2px solid grey;
  border-bottom: 2px solid grey;
  transform: rotate(-45deg);
  width: 15px;
  height: 15px;
  bottom: 20px;
  right: 20px;
  z-index: 5;
  pointer-events: none;
}

.ce_form .formbody .widget-explanation {
  margin-bottom: 0;
  margin-top: 20px;
}

@media (max-width: 1000px) {
  .ce_form .formbody .widget-explanation {
    width: 100%;
  }
}

.ce_form .formbody .widget-checkbox {
  margin-top: 25px;
}

.ce_form .formbody .widget-checkbox a {
  color: #ffffff;
}

.ce_productAd {
  margin: 150px 0;
  background: linear-gradient(270deg, #2ee8e8 0%, #3574b8 100%);
  padding: 2em 10%;
  display: flex;
  justify-content: center;
  font-size: 30px;
}

.ce_productAd .image_container {
  margin-right: 4em;
}

.ce_productAd .text {
  margin-bottom: 40px;
}

.ce_productAd .text h2 {
  font-size: 35px;
}

.ce_productAd .link {
  text-align: right;
}

.ce_wrapperStart.slider {
  margin: 4rem 0;
  overflow: hidden;
}

@media (max-width: 1000px) {
  .ce_wrapperStart.slider {
    margin: 2.5rem 0;
  }
}

.ce_wrapperStart.slider .tns-ovh {
  overflow: hidden;
}

@media (max-width: 1000px) {
  .ce_wrapperStart.slider .inside {
    flex-direction: row !important;
  }
}

@media (max-width: 1000px) {
  .ce_wrapperStart.slider .inside .tns-item {
    padding: 0 10px !important;
  }
}

.ce_wrapperStart.slider .tns-outer button[data-action=stop],
.ce_wrapperStart.slider .tns-outer button[data-action=start] {
  display: none;
}

.ce_wrapperStart.slider .tns-outer .tns-nav {
  text-align: center;
}

.ce_wrapperStart.slider .tns-outer .tns-nav button {
  width: 15px !important;
  height: 15px !important;
  border: none;
  border-radius: 50%;
  border: 1px solid white;
  margin-right: 10px;
  perspective: none;
  background-color: transparent;
  padding: 0;
  display: inline-block;
}

.ce_wrapperStart.slider .tns-outer .tns-nav button::before {
  content: none;
}

.ce_wrapperStart.slider .tns-outer .tns-nav button.tns-nav-active {
  background-color: white;
}

.ce_wrapperStart.slider .tns-liveregion {
  display: none;
}

.ce_wrapperStart.slider .tns-controls {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}

@media (max-width: 1000px) {
  .ce_wrapperStart.slider .tns-controls {
    display: none;
  }
}

.ce_wrapperStart.slider .tns-controls button {
  padding: 5px;
  background-color: black;
  border: none;
}

.ce_wrapperStart.slider .tns-controls button:before {
  border: none;
}

a.cart {
  position: relative;
}

a.cart span {
  position: absolute;
  top: 20%;
  right: -5%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  width: 33px;
  height: 33px;
  background-color: #1863df;
  border-radius: 50%;
  background-position: center;
  transform: translateZ(10px);
  -webkit-transform: translateZ(10px);
}

a.cart span.cart-animation {
  -webkit-animation: flash 0.5s ease-in-out;
          animation: flash 0.5s ease-in-out;
}

@-webkit-keyframes flash {
  0% {
    background-color: none;
    transform: scale(1);
  }

  50% {
    background-color: #6e9fef;
    transform: scale(0.7);
  }

  100% {
    background-color: none;
    transform: scale(1.2);
  }
}

@keyframes flash {
  0% {
    background-color: none;
    transform: scale(1);
  }

  50% {
    background-color: #6e9fef;
    transform: scale(0.7);
  }

  100% {
    background-color: none;
    transform: scale(1.2);
  }
}

.backdrop {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

#modal {
  position: fixed;
  z-index: 5;
}

.info-modal {
  display: none;
  width: 300px;
  height: 300px;
  position: fixed;
  padding: 20px;
  text-align: center;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border-radius: 20px;
  background: linear-gradient(225.52deg, #5ea9ff 0%, #8d54ff33 100%);
}

.info-modal p {
  margin: 30px 0;
}

.info-modal p.info-headline {
  font-weight: 700;
}

.info-modal.active {
  display: block;
  -webkit-animation: fadeIn 0.5s forwards;
          animation: fadeIn 0.5s forwards;
}

@supports not ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))) {
  .backdrop,
  .info-modal {
    background-color: rgba(0, 0, 0, 0.85);
  }
}

.product-modal {
  position: fixed;
  width: 70%;
  height: 60%;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: black;
  border: 2px solid white;
  padding: 30px;
}

.product-modal > p {
  font-weight: bold;
  font-size: 2em;
}

@media (max-width: 1250px) {
  .product-modal {
    width: 90%;
  }
}

@media (max-width: 1000px) {
  .product-modal {
    width: 100%;
    height: 80%;
    padding: 10px;
    top: 100px;
    transform: translate(0);
    left: 0;
    bottom: 0;
  }

  .product-modal > p {
    font-size: 1em;
  }
}

.product-modal .details-table {
  text-align: left;
  height: 85%;
  overflow: auto;
}

.product-modal .details-table table {
  width: 100%;
}

.product-modal .details-table th,
.product-modal .details-table td {
  padding: 20px;
}

.product-modal .details-table th {
  background: #191919;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.product-modal .details-table tr:nth-child(even) {
  background: #191919;
}

.product-modal .details-table tr div {
  display: none;
}

.product-modal .details-table .product-request {
  font-weight: bold;
  text-transform: uppercase;
}

.product-modal .details-table .product-request:hover {
  cursor: pointer;
}

@media (min-width: 650px) and (max-width: 960px) {
  .product-modal .details-table {
    font-size: 16px;
  }
}

@media (max-width: 1000px) {
  .product-modal .details-table {
    height: 90%;
  }
}

@media (max-width: 650px) {
  .product-modal .details-table thead {
    display: none;
  }

  .product-modal .details-table tr {
    padding: 25px 0;
    display: flex;
    flex-direction: column;
  }

  .product-modal .details-table tr td div {
    display: block;
    font-weight: 700;
  }

  .product-modal .details-table tr td.product-request {
    text-align: center;
  }
}

.product-modal .close-btn,
.product-modal .add-btn {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 30px;
  height: 30px;
  opacity: 0.5;
}

.product-modal .close-btn:hover,
.product-modal .add-btn:hover {
  opacity: 1;
}

.product-modal .close-btn:after,
.product-modal .add-btn:after,
.product-modal .close-btn:before,
.product-modal .add-btn:before {
  position: absolute;
  left: 15px;
  content: "";
  height: 33px;
  width: 2px;
  background-color: white;
}

.product-modal .close-btn:after,
.product-modal .add-btn:after {
  transform: rotate(45deg);
}

.product-modal .close-btn:before,
.product-modal .add-btn:before {
  transform: rotate(-45deg);
}

@media (max-width: 1000px) {
  .product-modal .close-btn,
  .product-modal .add-btn {
    top: 10px;
    right: 10px;
  }
}

.loading {
  font-weight: bold;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.close-btn,
.add-btn {
  position: relative;
  min-width: 30px;
  min-height: 30px;
  opacity: 0.5;
  transition: transform 0.1s ease;
  background: black;
  cursor: pointer;
  display: inline-block;
}

.close-btn:hover,
.add-btn:hover {
  opacity: 1;
}

.close-btn:active,
.add-btn:active {
  transform: rotateZ(90deg) scale(0.8);
}

.close-btn:after,
.add-btn:after,
.close-btn:before,
.add-btn:before {
  position: absolute;
  left: 15px;
  content: "";
  height: 30px;
  width: 2px;
  background-color: white;
}

.close-btn:after,
.add-btn:after {
  transform: rotate(45deg);
}

.close-btn:before,
.add-btn:before {
  transform: rotate(-45deg);
}

.add-btn:after {
  transform: rotate(0);
}

.add-btn:before {
  transform: rotate(90deg);
}

.product-list .flex--wrap,
.product-list .ce_gallery ul,
.ce_gallery .product-list ul,
.product-list .ce_form .formbody,
.ce_form .product-list .formbody {
  justify-content: flex-start;
}

.product-input {
  display: flex;
  flex-direction: row;
  margin: 5px 0;
  align-items: center;
  position: relative;
}

.product-input .inputs {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.product-input .inputs input[type=number] {
  width: calc(20% - 25px);
}

@media (max-width: 1000px) {
  .product-input .inputs input[type=number] {
    width: calc(20% - 5px);
  }
}

.product-input .inputs input[type=text] {
  width: 80%;
}

.product-input .modal {
  position: absolute;
  width: 100%;
  left: 0;
  padding: 20px;
  background: #000000;
  border: 1px solid #ffffff;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  display: none;
  -webkit-animation: fadeIn 0.3s ease-in-out;
          animation: fadeIn 0.3s ease-in-out;
}

.product-input .modal.active {
  display: flex;
}

@media (min-width: 1000px) {
  .product-input .modal {
    display: none;
  }
}

.product-input .modal-opener {
  position: absolute;
  left: 0;
  top: 0;
  width: calc(80% - 24px);
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 0.5) 90%, black 100%);
}

@media (min-width: 1000px) {
  .product-input .modal-opener {
    display: none;
  }
}

.product-label {
  font-weight: 700;
  font-size: 18px !important;
}

.slide-fade-enter-active {
  transition: all 0.3s ease;
}

.slide-fade-leave-active {
  transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateX(50px);
  opacity: 0;
}

.consultant {
  width: 100% !important;
  max-width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding: 30px 0;
}

@media (max-width: 1000px) {
  .consultant {
    flex-direction: column;
    gap: 0;
  }

  .consultant .ce_image img {
    max-height: 200px;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .consultant .ce_text {
    text-align: center;
  }

  .consultant .ce_text h2 {
    font-size: 25px;
  }

  .consultant .ce_wrapperStart {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}

.consultant .ce_wrapperStart .ce_text p {
  font-weight: bold;
}

.consultant .ce_wrapperStart .ce_hyperlink {
  text-align: left;
}

@media (max-width: 1000px) {
  .consultant .ce_wrapperStart .ce_hyperlink {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
  }
}

.customer-references:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 11%, rgba(0, 0, 0, 0) 89%, #000000 100%);
  opacity: 1;
  z-index: 2;
}

.customer-references .ce_text,
.customer-references .ce_hyperlink {
  position: relative;
  /* Make sure the parent is positioned */
  background: #191919;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 7rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.25rem;
  margin: 0;
  padding-left: 2rem;
  padding-right: 2rem;
}

.customer-references .ce_text:hover:before,
.customer-references .ce_hyperlink:hover:before {
  opacity: 1;
}

.customer-references .ce_text:before,
.customer-references .ce_hyperlink:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(225.52deg, #5ea8ff 0%, #8d54ff 100%);
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 0;
}

.customer-references .ce_hyperlink a,
.customer-references .ce_text p {
  z-index: 2;
}

.customer-references .ce_hyperlink {
  transition: all 0.5s ease;
}

.customer-references .ce_hyperlink a {
  padding: 2.5rem 1.5rem 2.5rem 1rem;
  color: #ffffff;
  text-decoration: none;
}

.customer-references .ce_hyperlink:hover:after {
  right: 0.5rem;
}

.customer-references .ce_hyperlink:after {
  margin-left: 0.5rem;
  content: "";
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
  transform: rotate(45deg) translateX(-75%);
  top: 50%;
  right: 1.5rem;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  transition: all 0.5s ease;
}

.customer-references .swiper-button-prev,
.customer-references .swiper-button-next {
  color: #ffffff;
}

.mx-datepicker {
  height: 40px;
}

.mx-datepicker .mx-input {
  width: 400px !important;
}

@media (max-width: 880px) {
  .mx-datepicker .mx-input {
    width: 100% !important;
  }
}

.mx-datepicker .mx-icon-clear,
.mx-datepicker .mx-icon-calendar {
  display: none;
}

.mx-datepicker-popup {
  background: black;
  border: 2px solid white;
  padding: 20px;
  z-index: 5;
}

.mx-datepicker-popup .mx-datepicker-footer .mx-datepicker-btn-confirm {
  background: none;
  border: none;
  margin-top: 10px;
  margin-right: 10px;
  float: right;
}

.mx-range-wrapper {
  display: flex;
}

@media (max-width: 880px) {
  .mx-range-wrapper {
    flex-direction: column;
  }

  .mx-range-wrapper > div:first-child {
    margin-bottom: 25px;
  }
}

.mx-range-wrapper .mx-calendar-panel-date,
.mx-range-wrapper .mx-calendar-panel-year,
.mx-range-wrapper .mx-calendar-panel-month {
  margin: 0 20px;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 15px;
  width: 90%;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header button,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header button,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header button {
  padding: 5px;
  background: none;
  position: relative;
  border: none;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header button:after,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header button:after,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header button:after,
.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header button:before,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header button:before,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header button:before {
  display: none;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header .mx-btn:hover,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header .mx-btn:hover,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header .mx-btn:hover {
  color: #0d4c7f;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header .mx-btn-icon-double-right,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header .mx-btn-icon-double-right,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header .mx-btn-icon-double-right {
  order: 2;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header .mx-btn-icon-right,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header .mx-btn-icon-right,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header .mx-btn-icon-right {
  order: 1;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header .mx-icon-right:after,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header .mx-icon-right:after,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header .mx-icon-right:after {
  position: absolute;
  content: "";
  left: 0;
  top: 45%;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  transform: translateY(-50%) rotate(-45deg);
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header .mx-icon-double-right:after,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header .mx-icon-double-right:after,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header .mx-icon-double-right:after,
.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header .mx-icon-double-right:before,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header .mx-icon-double-right:before,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header .mx-icon-double-right:before {
  position: absolute;
  content: "";
  left: 0;
  top: 45%;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  transform: translateY(-50%) rotate(-45deg);
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header .mx-icon-double-right:before,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header .mx-icon-double-right:before,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header .mx-icon-double-right:before {
  left: 7px;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header .mx-icon-double-left:after,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header .mx-icon-double-left:after,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header .mx-icon-double-left:after,
.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header .mx-icon-double-left:before,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header .mx-icon-double-left:before,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header .mx-icon-double-left:before {
  position: absolute;
  content: "";
  left: 0;
  top: 45%;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  transform: translateY(-50%) rotate(135deg);
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header .mx-icon-double-left:before,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header .mx-icon-double-left:before,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header .mx-icon-double-left:before {
  left: 7px;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-header .mx-icon-left:after,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header .mx-icon-left:after,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-header .mx-icon-left:after {
  position: absolute;
  content: "";
  left: 0;
  top: 45%;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  transform: translateY(-50%) rotate(135deg);
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-content .mx-table-date thead,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-content .mx-table-date thead,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-content .mx-table-date thead {
  border-bottom: 5px solid black;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-content .mx-table-date tbody .active,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-content .mx-table-date tbody .active,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-content .mx-table-date tbody .active {
  background: #428bc2bb;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-content .mx-table-date tbody .in-range,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-content .mx-table-date tbody .in-range,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-content .mx-table-date tbody .in-range {
  background: #0d4c7fbb;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-content .mx-table-date tbody .not-current-month,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-content .mx-table-date tbody .not-current-month,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-content .mx-table-date tbody .not-current-month {
  opacity: 0.5;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-content .mx-table-date tbody td,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-content .mx-table-date tbody td,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-content .mx-table-date tbody td {
  padding: 5px 8px;
  font-size: 16px;
  cursor: pointer;
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-content .mx-table-date tbody td:hover:not(.active):not(.in-range),
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-content .mx-table-date tbody td:hover:not(.active):not(.in-range),
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-content .mx-table-date tbody td:hover:not(.active):not(.in-range) {
  background: rgba(128, 128, 128, 0.357);
}

.mx-range-wrapper .mx-calendar-panel-date .mx-calendar-content .mx-table-date tbody .today,
.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-content .mx-table-date tbody .today,
.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-content .mx-table-date tbody .today {
  border: 1px solid white;
}

.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-content .mx-table-month {
  width: 100%;
}

.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-content .mx-table-month td {
  text-align: center;
  padding: 5px 8px;
  cursor: pointer;
}

.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-content .mx-table-month td.active {
  background: #428bc2bb;
}

.mx-range-wrapper .mx-calendar-panel-month .mx-calendar-content .mx-table-month td:hover:not(.active) {
  background: rgba(128, 128, 128, 0.357);
}

.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-header .mx-calendar-header-label {
  display: flex;
  width: 160px;
  justify-content: space-evenly;
  padding: 10px;
}

.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-content .mx-table-year {
  width: 100%;
}

.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-content .mx-table-year td {
  text-align: center;
  padding: 5px 8px;
  cursor: pointer;
}

.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-content .mx-table-year td.active {
  background: #428bc2bb;
}

.mx-range-wrapper .mx-calendar-panel-year .mx-calendar-content .mx-table-year td:hover:not(.active) {
  background: rgba(128, 128, 128, 0.357);
}

.map {
  width: 100% !important;
}

.map #openstreetmap {
  width: 100% !important;
}

.map .leaflet-control-zoom a {
  color: #000000;
}

.map .leaflet-control-attribution a {
  color: #1863df;
}

.lightbox {
  z-index: 5;
  position: fixed;
}

.lightbox .lightbox-image {
  width: 100%;
  max-width: 1200px;
  border: 2px solid #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  position: fixed;
}

.lightbox .lightbox-image .close-btn,
.lightbox .lightbox-image .add-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  background: transparent;
}

.lightbox .lightbox-image img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.popup--newsletter {
  position: fixed;
  opacity: 0;
  pointer-events: none;
  right: 0;
  bottom: 0;
  z-index: 100;
  color: #000000;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transform: translateY(100px);
}

.popup--newsletter.show {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0);
}

.popup--newsletter .ce_html {
  color: #ffffff;
  padding: 40px 80px;
}

.popup--newsletter .ce_html a {
  color: #000000;
}

.popup--newsletter .ce_html button {
  background: none;
  border: none;
}

.popup--newsletter .ce_html button::before {
  background-color: rgba(0, 0, 0, 0);
}

.popup--newsletter .ce_html button:hover {
  color: #000000;
}

.popup--newsletter .ce_html button:hover::before {
  background-color: #ffffff;
}

.popup--newsletter .ce_html .form-wrapper .form-field input {
  background-color: #fff;
  border-color: #fff;
  color: #191919;
}

.popup--newsletter .ce_html .form-wrapper .form-field input::-moz-placeholder {
  color: #191919;
}

.popup--newsletter .ce_html .form-wrapper .form-field input:-ms-input-placeholder {
  color: #191919;
}

.popup--newsletter .ce_html .form-wrapper .form-field input::placeholder {
  color: #191919;
}

.popup--newsletter::before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: -100%;
  left: 0%;
  width: 200%;
  height: 400%;
  transform: rotateX(-56deg) rotatey(-4deg) rotatez(-9.5deg);
  transform-style: preserve-3d;
  transform-origin: center center;
  background: linear-gradient(266deg, rgba(53, 116, 184, 0.85) 0%, rgba(46, 232, 232, 0.85) 100%);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.popup--newsletter a.close {
  position: absolute;
  top: 0px;
  right: 20px;
  display: block;
  width: 30px;
  height: 30px;
}

.popup--newsletter a.close:before,
.popup--newsletter a.close:after {
  content: " ";
  position: absolute;
  width: 30px;
  height: 2px;
  background-color: #ffffff;
  transform: rotate(45deg);
  top: 14px;
}

.popup--newsletter a.close:after {
  transform: rotate(-45deg);
}

@media (max-width: 600px) {
  .popup--newsletter:before {
    top: -90%;
  }

  .popup--newsletter .ce_html {
    padding: 20px;
  }

  .popup--newsletter a.close {
    right: 10px;
  }
}

.tp-badge,
.wa-badge {
  transform: translatey(0px);
  transition: transform 0.5s ease;
}

.popup--newsletter-open .tp-badge,
.popup--newsletter-open .wa-badge {
  transform: translatey(-300px);
}

.usps-2024 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 2rem;
}

.usps-2024 .ce_text {
  width: 375px;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
}

.usps-2024 .ce_text p {
  width: 100%;
  text-align: flex-start;
}

.usps-2024 .ce_text figure {
  margin: 0;
}

.mod_article.search {
  margin: 100px 0;
  background-color: #191919;
  padding: 27px 0;
}

.mod_article.search h2 {
  font-weight: 500;
  margin: 0 0 0.5em;
}

@media (max-width: 1000px) {
  .mod_article.search h2 {
    font-size: 1.4em;
  }
}

.mod_article.search .product--search .search--icon {
  position: relative;
}

.mod_article.search .product--search .search--icon input {
  width: 445px;
  padding: 15px 15px 15px 53px;
  background: #000000;
  border: none;
}

.mod_article.search .product--search .search--icon input::-moz-placeholder {
  color: #ffffff;
}

.mod_article.search .product--search .search--icon input:-ms-input-placeholder {
  color: #ffffff;
}

.mod_article.search .product--search .search--icon input::placeholder {
  color: #ffffff;
}

@media (max-width: 1000px) {
  .mod_article.search .product--search .search--icon input {
    width: auto;
  }
}

.mod_article.search .product--search .search--icon::before {
  content: url(/files/dist/images/search.svg?a259b4722dca0b14ff3185e299e7fee3);
  position: absolute;
  top: -7px;
  left: 7px;
}

#main .newsletter--registration .ce_text h2 {
  text-transform: uppercase;
}

#main .newsletter--registration .form-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

@media (max-width: 600px) {
  #main .newsletter--registration .form-wrapper {
    flex-direction: column;
    align-items: stretch;
  }
}

#main .newsletter--registration .form-wrapper .form-field {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
}

@media (max-width: 600px) {
  #main .newsletter--registration .form-wrapper .form-field {
    width: 100%;
    margin-bottom: 45px;
  }
}

#main .newsletter--registration .form-wrapper .form-field label {
  opacity: 0;
  transition: 0.3s ease;
  font-size: 16px;
}

#main .newsletter--registration .form-wrapper .form-field input {
  padding: 13px 10px 8px 10px;
  margin-right: 15px;
  background: #000000;
  border: 1px solid #fff;
  margin-bottom: 4px;
}

#main .newsletter--registration .form-wrapper .form-field input::-moz-placeholder {
  color: #ffffff;
}

#main .newsletter--registration .form-wrapper .form-field input:-ms-input-placeholder {
  color: #ffffff;
}

#main .newsletter--registration .form-wrapper .form-field input::placeholder {
  color: #ffffff;
}

#main .newsletter--registration .form-wrapper .form-field input:focus + label {
  opacity: 1;
}

@media (max-width: 600px) {
  #main .newsletter--registration .form-wrapper .form-field input {
    margin-right: 0;
    width: 100%;
  }
}

#main .newsletter--registration .form-wrapper .form-field #form-warning {
  position: absolute;
  bottom: -40px;
  color: #2ee8e8;
  opacity: 0;
}

#main .newsletter--registration .form-wrapper .form-field #form-warning.show {
  opacity: 1;
}

@media (max-width: 600px) {
  #main .newsletter--registration .form-wrapper .button--ghost {
    width: auto;
    align-self: flex-end;
    padding: 8px 16px;
    margin-top: -18px;
  }
}

/**
 * Swiper 11.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 30, 2024
 */

/* FONT_START */

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

/* FONT_END */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */

/* 3D Shadows */

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

/* Zoom container styles start */

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Zoom container styles end */

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* a11y */

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* Cube slide shadows start */

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube slide shadows end */

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Flip slide shadows start */

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Flip slide shadows end */

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

var map = {
	"./de-CH.json": "./src/lang/de-CH.json",
	"./de.json": "./src/lang/de.json",
	"./en.json": "./src/lang/en.json"
};


function webpackContext(req) {
	var id = webpackContextResolve(req);
	return __webpack_require__(id);
}
function webpackContextResolve(req) {
	if(!__webpack_require__.o(map, req)) {
		var e = new Error("Cannot find module '" + req + "'");
		e.code = 'MODULE_NOT_FOUND';
		throw e;
	}
	return map[req];
}
webpackContext.keys = function webpackContextKeys() {
	return Object.keys(map);
};
webpackContext.resolve = webpackContextResolve;
module.exports = webpackContext;
webpackContext.id = "./src/lang sync recursive ^\\.\\/.*\\.json$";